@charset "UTF-8";
/* CSS Document */

/*=========================================================
 *
 *	css file for "www.aaaaaaa.com"
 *	file name : rwd/tb.css
 *
=========================================================*/

/*@media screen and (min-width: 570px) and (max-width:999px) {*/
@media screen and (min-width: 690px) and (max-width:999px) {


.tb_show { display: block !important; }
.tb_hide { display: none !important; }	

div.lr01 { padding: 0px 0 4px 0; }

div.lr01 div.lrbox_l { width: 50%; }
div.lr01 div.lrbox_r { width: 50%; }

div.lr02 div.lrbox_l { width: 23%; padding-left: 2%; }
div.lr02 div.lrbox_r { width: 75%; height: auto; max-height: 90px }

div#contents {
	/*width: 68.75%;*/ /*704px*/ 
	/*padding-left: 1.953%;*/ /*20px*/
	/*width: 70.703%;*/ /*724px*/
	/*width: 68.75%;*/ /*704px*/
	width: 96%;
	/*float: left;*/
	padding: 0 2%;
}



div#contents section {
	width: 97.237%; /*204px*/
}

div#sidebar {
	width: 29.296%; /*300px*/
	float: right;
}


nav#gnav {
	height: 44px;
}

nav#gnav.fixed {
	position: fixed;
	top: 0;
	left: auto;
	z-index: 10;
	/*background: #ffd6f3;*/ /*pink*/
	background: #ed7481; /*red*/
	/*background: #b188d9;*/ /*purple*/
	
	height: 44px; /*25px*/
	width: 100%;
	max-width: 1024px;
	
	box-shadow: -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);	
}

	
nav#gnav ul {
}

nav#gnav ul li {
	/*width: 170px;*/
	height: 44px; /*25px*/	
	width: 16.601%;
	float: left;
}
	
nav#gnav ul li.side {
	/*width: 174px;*/
	width: 16.992%;
}

nav#gnav > ul > li > a {
	display: block;
	height: 44px; /*25px*/	
	text-indent: -9999px;
}


ul.list_pulldown {
	width: 98%;
	background: #ff66cc;
	background: #bedfae;
	/*border-width: 1px;
	border-style: solid;
	border-color: #333;*/
	padding: 1%;
	display: none;
}

ul.list_pulldown li {
	width: 31%;
	float: left;
	height: 40px;
	padding: 1%;
}
ul.list_pulldown li.side {
	width: 32%;
	padding: 1%;
	
}
ul.list_pulldown li.bottom {
}

ul.list_pulldown li a {
	display: block;
	height: 29px;
	text-decoration: none;
	/*border-right: 1px dashed #333;
	border-bottom: 1px dashed #333;*/
	
	border: 1px solid #ccc;
	background: #fff;
	
	color: #2b9a27;
	font-size: 16px;
	padding-top: 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.list_pulldown li.side a {
	border-right: none;
}
ul.list_pulldown li.bottom a {
	border-bottom: none;
}

ul.list_pulldown li a:hover {
	background: #e3ffd8;
}



/*----------- pulldown menu -----------*/

nav#gnav ul li.pulldown {
	position: relative;
}

nav#gnav ul li.pulldown ul {
	/*position: absolute;
	z-index: 10;
	top: 44px;
	left: 0px;*/
	top: 44px;
	display: none;
}

nav#gnav ul li.pulldown ul li {
	display: block;
	width: 200%;
	height: 38px;
	background: #bedfae;
	padding: 2px 2px 0 2px;
}

nav#gnav ul li.pulldown ul li a {
	display: block;
	/*width: 155px;*/
	padding-top: 10px;
	padding-left: 15px;
	height: 26px;
	background: #fff url(../../sharedimg/icon_yajirusi.png) no-repeat 95% 50%;
	border: 1px solid #ccc;
	color: #237720;
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
}

nav#gnav ul li.pulldown ul li.last a {
	height: 24px;
}

nav#gnav ul li.pulldown ul li a:hover {
	background: #e3ffd8 url(../../sharedimg/icon_yajirusi.png) no-repeat 95% 50%;
}


/*----------- end pulldown menu -----------*/



nav#gnav ul li#home > a { background: url(../../sharedimg/gnav.png) no-repeat center -300px; }
nav#gnav ul li#method > a { background: url(../../sharedimg/gnav.png) no-repeat center -344px; }
nav#gnav ul li#purpose > a { background: url(../../sharedimg/gnav.png) no-repeat center -388px; }
nav#gnav ul li#all > a { background: url(../../sharedimg/gnav.png) no-repeat center -432px; }
nav#gnav ul li#list > a { background: url(../../sharedimg/gnav.png) no-repeat center -476px; }
nav#gnav ul li#review > a { background: url(../../sharedimg/gnav.png) no-repeat center -520px; }


nav#gnav ul li#home > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -564px; }
nav#gnav ul li#method > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -608px; }
nav#gnav ul li#purpose > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -652px; }
nav#gnav ul li#all > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -696px; }
nav#gnav ul li#list > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -740px; }
nav#gnav ul li#review > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -784px; }


nav#gnav ul li#home > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -564px; }
nav#gnav ul li#method > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -608px; }
nav#gnav ul li#purpose > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -652px; }
nav#gnav ul li#all > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -696px; }
nav#gnav ul li#list > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -740px; }
nav#gnav ul li#review > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -784px; }


/*----------- review  -----------*/

ul.list_01 {}
ul.list_01 li {}
ul.list_01 li.pad2 {}
ul.list_01 li a {}
ul.list_01 li a:hover {}
ul.list_01 li a:visited {	}
ul.list_01 li a.ttl_01 {}
ul.list_01 li p.exp_01 {}
ul.list_01 li a.ttl_01:hover {}
ul.list_01 li a.ttl_01:visited {}
ul.list_01 li span {}
ul.list_01 li p.comment {}
ul.list_01 li p.comment a.tag {}
ul.list_01 li div.imgleft {}

/*----------- end review  -----------*/

ul.list_02 {}
ul.list_02 li {  }
ul.list_02 li a {}
ul.list_02 li a:hover { }
ul.list_03 { }
ul.list_03 li {}
ul.list_03 li a {}
ul.list_03 li div.imgleft {}
ul.list_03 li p {}
ul.list_03 li div.imgleft img {}
ul.list_04 {}
ul.list_04 li {}
ul.list_04 li a {}
div#sitemap {}
div#sitemap div.lrbox_l {}
div#sitemap div.lrbox_r {}
dl.tbl_01 {}
dl.tbl_01 dt {}
dl.tbl_01 dt.h140 {}
dl.tabl_01 dd.h140 {}
dl.tbl_01 dd {}

/*----------- tab  -----------*/

ul#tab li {}
ul#tab li a {}
ul#tab li a.selected {}
div#tab_box {}

/*----------- pager -----------*/

div.pager {}
div.pager:after { }
div.pager a,
div.pager span {}



/*----------- sp menu  -----------*/
/*----------- end sp menu  -----------*/


/*----------- frame -----------*/

div.frame_02 {}
div.img_frame_02 {}
div.content_frame_02 {}
div.frame_02 h3.ttl div.h3_wrapper div {}
div.frame_02 h3.ttl div.h3_wrapper div span {}
div.frame_03 {}
div.frame_03 p {}


/*-----------tarot stage-----------*/


div#stage_wrap {}
div.bg_01 {}
div.bg_02 {}
div.bg_03 {}
div.bg_04 {}
div.bg_05 {}

div#stage {}
span#cover {}
div#stage_wrap p.ttl {}
div#stage div.cardbox,
div#stage div.cardbox_0 {}
div#stage div.card,
div#stage div.card_0 {}
img.omote {}
img.ura {}


/* top */

/*t_stage*/
div.t_stage {}
span#t_cover {}
div.t_stage ul {}
div.t_stage li {}
div.t_card {}
img.t_omote {}
img.t_ura {}



/*----- start flick slide show-----*/

.flickSimple ul {}
.flickSimple ul.landscape {}
.flickSimple ul li {}
#flickable1 {}

/*#flickable1 ul.landscape,*/
#flickable1 ul {}
#flickable1 ul li {}
#flickable1 ul li img {}
#flickable1 ul li span {}
.flickableControl {}
#flickableNavi {}
.nextbtn {}
.backbtn {}
.nextbtn.inactive,
.backbtn.inactive {}
.indicator {}
.indicator img {}
div.cover {}

/*----- end flick slide show-----*/

/* ul col_333 */
/* -------------------------------------------------- */
ul.col_333 {}
ul.col_333 li {}
ul.col_333:after {}
ul.col_333 li img {}
/* end col_333-------------------------------------------------- */

/* table012 */
/* -------------------------------------------------- */

table.table012 {}
table.table012 tr {}
table.table012 tr td {}
table.table012 tr td.l {}
table.table012 tr td.r {}
table.table012 tr td input[type='text'] {}
input[type='submit'].btn_submit {}
input[type='submit'].btn_submit:hover {}
table.table012 tr td textarea {}
div#wrap_btn_submit {}
div#wrap_btn_close {}


/* label */
/* -------------------------------------------------- */

span.label_01 {
}
span.label_01 span.fukidashi {
	display: block;
	width: 0px;
	height: 0px;
	background: none;w
	position: absolute;
	left: 0px;
	top: 0px;
}

/* result list */
/* -------------------------------------------------- */

ul.list_a {}
ul.list_a li {}
ul.list_a li p {}
ul.list_a li ul.list_r {}
ul.list_a li ul.list_r:after { }
ul.list_a li ul.list_r li {}
ul.list_a li ul.list_r li a {}
h4.ttl_01 {}
a.ttl_022 {}
a.ttl_022:hover {}

/* result page */
/* -------------------------------------------------- */

/* result page */
/* -------------------------------------------------- */

div.ttl_03 {}

div#types {
}

div#types div.lrbox_l {}

div#types div.lrbox_r {}


/* top api */
/* -------------------------------------------------- */

div#btn_api {}

div#btn_api div.lrbox_l {}
div#btn_api div.lrbox_r {}

div#btn_api a span.hline {}
div#btn_api a span.main {}
div#btn_api a span.fline {}


div#btn_api a {}

	div#illust_fukidashi_kyouno {
	}


	div#illust_fukidashi_ataru {
	}
	
div#btn_api a:hover {
}

a.btn_api_01 {
}

a.btn_api_02 {
}


/* footer */
/* -------------------------------------------------- */

footer#footer {}
div#wrap_footer {}


div#ftr div.lrbox_l {
	width: 22%;
	padding-right: 2%;
	padding-left: 2%;
}


div#ftr div.lrbox_l {}
div#ftr div.lrbox_r {}
div#ftr div.lrbox_r p {}
div#ftr div.lrbox_r a {}
div#ftr div.lrbox_r a:hover {}

small {}
div#wrap_footer a#btn_top {}



}/* end media*/