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

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

/*@media screen and (min-width: 1000px) {*/

.pc_show { display: block !important; }
.pc_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: 24%;*/
	width: 19.531%;
	padding-left: 2%;
}

div.lr02 div.lrbox_l img {
}

div.lr02 div.lrbox_r {
	/*width: 72%;*/
	width: 72%;
}

div#contents {
	/*width: 70.703%;*/ /*724px*/
	width: 68.75%; /*704px*/
	float: left;
}

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

div#contents div.frame_outside_02 {
	padding: 5px;
	background: #B8AA80;
}

div#contents section.box_02 h3 {
	display: block;
	font-size: 24px;
	color: #BE0000;
	padding-bottom: 40px;
}

h3.ttl_red {
	display: block;
	font-size: 24px;
	color: #BE0000;
	padding-bottom: 20px;
}

h3.ttl_red span.sub {
	display: block;
	font-size: 14px;
	color: #000;
}

h3.ttl_red span a {}
h3.ttl_red span a:hover { text-decoration: none; }


div#contents section.box_02 h4.ttl_01 {
	background: #edebe4;
	padding: 2px 4px;
	font-size: 16px;
	margin-bottom: 10px;
}

div#contents section.box_02 span#icon_owner {
	display: block;
	width: 18%;
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
}


div#contents section.box_03 {
	width: 100%;
	background: #fff;
	text-align: left;	
	border: 1px solid #ccc;
	margin-bottom: 18px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	
}

div#contents section.box_03 h3 {
	background: #edebe4;
	padding: 2px 4px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #000033;

	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;	
}

div#contents section.box_03 h3#btn_list {
	position: relative;
	padding: 4px;
	padding-left: 10px;
}
div#contents section.box_03 h3#btn_list div#btn_list_review {
	position: absolute;
	right: 10;
	top: 0;
}



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



nav#gnav {
}
	
nav#gnav ul {
}

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

nav#gnav > ul > li > a {
	display: block;
	height: 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;
}


/*----------- social -----------*/

div#social {
	position: relative;
	height: 30px;
	overflow: hidden;
}

div#social ul {
	position: relative;
	left: 50%;
	float: left;
}

div#social ul li {
	position: relative;
	left: -50%;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}



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

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

nav#gnav ul li.pulldown ul {
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 0px;
	
	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);	
	
	display: none;
}

/*nav#gnav.fixed ul li.pulldown ul {
		top: 40px;
}*/

nav#gnav ul li.pulldown ul li {
	display: block;
	width: 100%;
	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: #F6C;
	background: #fee3e7;
	background: #e3ffd8;
	background: #fff;*/
	background: #fff url(../../sharedimg/icon_yajirusi.png) no-repeat 95% 50%;
	border: 1px solid #ccc;
	/*color: #c13026;
	color: #2b9a27;	
	color: #2b9a27;*/
	color: #237720;
	text-decoration: none;
	text-align: left;
	/*border-bottom: 1px dashed #666;*/
	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: #F99;
	background: #ffd1d6;*/
	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 0px; }
nav#gnav ul li#method > a { background: url(../../sharedimg/gnav.png) no-repeat center -25px; }
nav#gnav ul li#purpose > a { background: url(../../sharedimg/gnav.png) no-repeat center -50px; }
nav#gnav ul li#all > a { background: url(../../sharedimg/gnav.png) no-repeat center -75px; }
nav#gnav ul li#list > a { background: url(../../sharedimg/gnav.png) no-repeat center -100px; }
nav#gnav ul li#review > a { background: url(../../sharedimg/gnav.png) no-repeat center -125px; }


nav#gnav ul li#home > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -150px; }
nav#gnav ul li#method > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -175px; }
nav#gnav ul li#purpose > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -200px; }
nav#gnav ul li#all > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -225px; }
nav#gnav ul li#list > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -250px; }
nav#gnav ul li#review > a:hover { background: url(../../sharedimg/gnav.png) no-repeat center -275px; }

	
nav#gnav ul li#home > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -150px; }
nav#gnav ul li#method > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -175px; }
nav#gnav ul li#purpose > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -200px; }
nav#gnav ul li#all > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -225px; }
nav#gnav ul li#list > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -250px; }
nav#gnav ul li#review > a.selected { background: url(../../sharedimg/gnav.png) no-repeat center -275px; }


div#box {
}

div#box div.lrbox_l {
	width: 49%;
	padding-right: 1%;
}

div#box div.lrbox_r {
	width: 49%;
	padding-left: 1%;
}

/*----------- first  -----------*/

div#first {
	width: 98%;
	padding: 10px 0 2px 0;
}

div#first div.lrbox_l {
	text-align: left;
	padding-left: 2%;
	width: 48%;
}

div#first div.lrbox_r {
	text-align: right;
	padding-right: 2%;
	width: 48%;
}


/*----------- second  -----------*/

div#second {
	width: 98%;
	padding-top: 10px;
}

div#second div.lrbox_l {
	text-align: left;
	width: 70%;
	padding-left: 0%;
}

div#second div.lrbox_l ul {
	padding-top: 10px;
}

div#second div.lrbox_l ul li {
	padding-left: 25px;
	padding-bottom: 12px;
	background: url(../../sharedimg/icon_star_s.png) no-repeat 2px 3px;
	font-size: 15px;
}


div#second div.lrbox_r {
	text-align: right;
	width: 26%;
	padding-right: 4%;	
	padding-bottom: 10px;
}

div#second div.lrbox_r div.imgbox {
	border: 1px solid #dde3ea;
	background: #f0f3f7;
	padding: 6px;
	text-align: center;
}

div#second div.lrbox_r span {
	display: block;
	font-size: 11px;
	text-align: center;
}



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

ul.list_01 {}
ul.list_01 li {
	/*padding: 10px 0;
	margin: 10px 0;*/
	padding-bottom: 10px;
	margin-bottom: 8px;
	display: block;
	border-bottom: 1px dashed #ccc;		
	text-align: left;	
}

ul.list_01 li.pad2 {
	padding: 0 0 2px 0;
	margin: 0 0 2px 0;
}

ul.list_01 li a {
	text-decoration: none;
	color: #639c39; /*green*/
}

ul.list_01 li a:hover {
	text-decoration: underline;
}

ul.list_01 li a:visited {	
	color: #639c39; /*green*/
}

ul.list_01 li a.ttl_01 {
	padding-top: 15px;
	text-decoration: underline;
	color: #551a95; /*purple*/
	color: #0000ff;
	font-weight: normal;
	font-size: 16px;	
}

ul.list_01 li p.exp_01 {
	line-height: 1.2;
	letter-spacing: 0.1em;
}


ul.list_01 li a.ttl_01:hover {
	text-decoration: none;
}

ul.list_01 li a.ttl_01:visited {
	/*color: #bf6b6b;*/ /*awai red*/
	color: #551a95; /*purple*/
	color: #0000ff;	
}




ul.list_01 li span {
}

ul.list_01 li p.comment {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}

ul.list_01 li p.comment a.tag {
	/*display: block;*/
	/*color: #F63;*/ /*orange*/
	color: #619600;/*murasaki*/
}

ul.list_01 li div.imgleft {
	width: 15%;
}

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

ul.list_02 {}
ul.list_02 li { padding-bottom: 8px; padding-left: 10px; background: url(../../sharedimg/icon_yajirusi.png) no-repeat 0 5px; }

ul.list_02 li a { color: #BE0000; }
ul.list_02 li a:hover { text-decoration: none; }



ul.list_03 { padding: 1%; }
ul.list_03 li {
	text-align: left;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #ccc;
}

ul.list_03 li a {
}

ul.list_03 li div.imgleft {
	width: 15%;
	padding-right: 1%;
	min-width: 100px;
	overflow: hidden;
}

ul.list_03 li p {
	
}

ul.list_03 li div.imgleft img {
	min-width: 100px;
}

ul.list_04 {
	width: 92%;
	padding: 10px 4%;
}

ul.list_04 li {
	padding-left: 20px;
	background: url(../../sharedimg/indicater.png) no-repeat 0 50%;
	margin-bottom: 4px;
}

ul.list_04 li a {
	font-size: 13px;
}



div#sitemap {
}

div#sitemap div.lrbox_l {

}

div#sitemap div.lrbox_r {

}





dl.tbl_01 {
}

dl.tbl_01 dt {
	width: 30%;
	padding-right: 5%;
	float: left;
	height: 45px;
	text-align: right;
}

dl.tbl_01 dt.h140 {
	height: 20px;
}

dl.tabl_01 dd.h140 {
}

dl.tbl_01 dd {
	width: 65%;
	float: right;
	height: 45px;
}


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


ul#tab li {
	width: 28%;
	float: left;
	padding-top: 4px;
	padding-right: 2%;
	height: 50px;
}


ul#tab li a {
	display: block;
	width: 100%;
	height: 36px;
	padding-top: 14px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;

	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background: #9580d6 url(../../sharedimg/bg_tab.png) no-repeat top center;
}

ul#tab li a.selected {
	/*background: #FFA70D url(../../sharedimg/bg_tab.png) no-repeat top center;*/
	background: #ed7481 url(../../sharedimg/bg_tab.png) no-repeat top center;
	color: #fff;
}

div#tab_box {
	padding: 20px;
	padding-top: 20px;
	background: #fff url(../../sharedimg/bg_tab_box.gif) repeat-x;
	
	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	
}


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

div.pager {
	/*position: relative;
	left: -50%;
	float: left;
	
    font-size: 85%;
	width: 100%;
	margin: 0px auto 0 auto;*/
	width: 80%;
	margin: auto;
}

div.pager:after { display:block; clear:both; height:0; visibility:hidden; content:"."; }


div.pager a,
div.pager span {
    display: block;
    float: left;
    margin-right: 1em;
    padding: 0.7em 1em;
	font-size: 11px;
}


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

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

div.frame_02 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
	padding: 10px 15px 15px 15px;
}

div.img_frame_02 {
	width: 28%;
	padding-right: 2%;
}

div.content_frame_02 {
	text-align: left;
	padding: 0%;
}

div.frame_02 h3.ttl div.h3_wrapper div {
	font-size: 30px;
	text-align: center;
	padding-top: 20px;
	letter-spacing: 0.4em;	
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;
	/*background: url(../../sharedimg/bg_kirakira_01.png) repeat-x;*/
}

div.frame_02 h3.ttl div.h3_wrapper div span {
	display: block;
	font-size: 24px;
}


div.frame_03 {
	background: #fff;
	padding: 15px;	
}

div.frame_03 p {
	font-size: 16px;
}

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


div#stage_wrap {
	width: 400px; /* sp 260px */
	height: 420px;
	padding: 0 50px;  /* sp  0px 0px*/
	/*background: #1c2d7b url(../../sharedimg/bg_pattern_01.png);*/
	margin: auto;
	overflow: hidden;
}

div.bg_01 { background: #1c2d7b url(../../sharedimg/bg_pattern_01.png); }
div.bg_02 { background: #cb2716 url(../../sharedimg/bg_pattern_02.png); }
div.bg_03 { background: #ffffff url(../../sharedimg/bg_pattern_03.png); }
div.bg_04 { background: #ffffff url(../../sharedimg/bg_pattern_04.png); }
div.bg_05 { background: #ffffff url(../../sharedimg/bg_pattern_05.png); }


div#stage {
	width: 400px; /* sp 260px */
	height: 400px; /* sp 260px */
	margin: auto;
	position: relative;
	/*border: 1px solid #ccc;*/
}

span#cover {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background: #fff;
	
	opacity:0; /*0.7;*/
	filter: alpha(opacity=0); /* 70*/        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* 70 */ /* ie 8 */
	-moz-opacity:0;  /*  0 */               /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;   /* 0 */            /* Safari 1.x */	
}

div#stage_wrap p.ttl {
	color: #fff;
	text-align: center;
	height: 20px;
	overflow: hidden;
}

div#stage div.cardbox,
div#stage div.cardbox_0 {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%; /* 80px */
	height: 30%; /* 120px */
}

div#stage div.card,
div#stage div.card_0 {
	position: relative;	
	width: 100%; /* 80px */
	height: 100%; /* 120px */
	overflow: hidden;
	cursor: pointer;
}


img.omote {
	position: absolute;
	top: 0;
	left: 50%;
	width: 0%; /* 80px */
	height: 100%; /* 120px */
}
img.ura {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%; /* 80px */
	height: 100%; /* 120px */
}


/* top */

/*t_stage*/
div.t_stage {
   position: relative;
   overflow: hidden;	
}

span#t_cover {
	position: absolute;
	display: block;
	z-index: 10;
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
}

div.t_stage ul {
   position: relative;
   left: 50%;
   float: left;
}

div.t_stage li {
   position: relative;
   left: -50%;
   float: left;
   padding: 0px 5px;
}

div.t_card {
	position: relative;	
	overflow: hidden;
	cursor: pointer;
	width: 60px;
	height: 106px;
}

img.t_omote {
	position: absolute;
	top: 0;
	left: 50%;
	width: 0%;
	height: 100%;
}

img.t_ura {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;	
}






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


.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
}

.flickSimple ul.landscape {
}

.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}

/*.flickSimple ul li.landscape {
}

#flickable1,
#flickable1.landscape {
	width: 100%;
	padding: 10px 0 0 0;
}*/

#flickable1 {
	padding: 10px 0 0 0;
}

/*#flickable1 ul.landscape,*/
#flickable1 ul {
	width: 200%;
}

#flickable1 ul li {
	width: 10%;
}

#flickable1 ul li img {
	width: 55%;
	padding-bottom: 5px;
}


#flickable1 ul li span {
	display: block;
	width: 80px;
	margin: auto;
	font-size: 12px;
	color: #333;
	line-height: 1.0;
}


.flickableControl {
	overflow: hidden;
}

#flickableNavi {
	text-align: center;
}

.nextbtn {
	display: block;
	float: right;
	text-align: right;
}

.backbtn {
	display: block;
	float: left;
}
.nextbtn.inactive,
.backbtn.inactive {
	opacity : 0.3;
}

.indicator {
	position: relative;
	overflow: hidden;
	width: 13px;
	height: 5px;
	background: url(../../sharedimg/indicater_bg.png) repeat-x left top;
	margin: 4px auto 4px auto;
}

.indicator img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}

div.cover {
	position: absolute;
	bottom: 1px;
	right: 0px;
	width: 10%;
	height: 100px;
	background: #fff;
	z-index: 10;
}

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


/* ul col_333 */
/* -------------------------------------------------- */

ul.col_333 {}
ul.col_333 li {
	float: left;
	width: 29%;
	padding: 0 2%;
}

ul.col_333:after { display:block; clear:both; height:0; visibility:hidden; content:"."; }
ul.col_333 li img {}

/* end col_333-------------------------------------------------- */


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

table.table012 {
	border-collapse: separate;
	border-spacing: 0px;
	border: none;
	color: #555;
	text-align: center;
	width: 80%;
	margin: auto;
}

table.table012 tr {
}

table.table012 tr td {
	padding: 5px;
	text-align: left;
}

table.table012 tr td.l {
	text-align: left;
	width: 65%;
}

table.table012 tr td.r {
	text-align: left;
	width: 35%;
}

table.table012 tr td input[type='text'] {
	padding: 0% 2%;
	width: 96%;
	height: 28px;
	font-size: 16px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type='submit'].btn_submit {
	width: 25%;
	height: 30px;
	padding: 5px;
	text-align: center;
	color: #fff;
	background: #F99;
}
input[type='submit'].btn_submit:hover {
	background: #FCC;
}



table.table012 tr td textarea {
	padding: 1% 2%;	
	width: 96%;
	height: 30px;
	font-size: 16px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

div#wrap_btn_submit {
	text-align: left;
	width: 90%;
	margin: auto;
}

div#wrap_btn_close {
	text-align: right;
}


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

span.label_01 {
	background: #FF3; /*yellow*/
	background: #ff7e57; /*orange*/
	color: #fff;
	font-size: 12px;
	padding: 0px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
span.label_01 span.fukidashi {
	display: block;
	width: 6px;
	height: 6px;
	/*background: url(../../sharedimg/label_01_fukidashi.png) no-repeat left top;*/
	background: none;
	position: absolute;
	left: -6px;
	top: 6px;
}


ul.ranking { padding: 10px; }

ul.ranking li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; padding-left: 34px; }

ul.ranking li a { color: #BE0000; text-decoration: none; }
ul.ranking li a:hover { text-decoration: underline; }

	
ul.ranking li.rank_01 { background: url(../../sharedimg/icon_rank_01.png) no-repeat 0 -5px; }
ul.ranking li.rank_02 { background: url(../../sharedimg/icon_rank_02.png) no-repeat 0 -5px; }
ul.ranking li.rank_03 { background: url(../../sharedimg/icon_rank_03.png) no-repeat 0 -5px; padding-bottom: 0;  border-bottom: none; }

ul#history { padding: 10px; }

ul#history li {
	margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc;
}
ul#history li a { text-decoration: none; }
ul#history li a :hover{ text-decoration: underline; }



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

ul.list_a {
}

ul.list_a li {
}

ul.list_a li p {
	padding-left: 20px;
	background: url(../../sharedimg/icon_star_s.png) no-repeat 0 2px;
}

ul.list_a li ul.list_r {
	padding-top: 20px;
	padding-bottom: 20px;
}

ul.list_a li ul.list_r:after { display:block; clear:both; height:0; visibility:hidden; content:"."; }

ul.list_a li ul.list_r li {
	padding-left: 5%;
	padding-bottom: 4px;
	width: 27%;
	float: left;
	/*background: url(../../sharedimg/common/sharedimg/indicater_bg.png) no-repeat 20px 50%;*/
}

ul.list_a li ul.list_r li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	background: #FCC;
	text-decoration: none;
	text-align: center;
}




h4.ttl_01 {
	color: #000033;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
}

a.ttl_022 {
	color: #be0000;
	font-size: 18px;
	padding-left: 10px;
}
a.ttl_022:hover {
	text-decoration: none;
}

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

div#ttl_res { padding-top: 5px; font-size: 26px; }

div.ttl_03 {
	border: 2px solid #B68542;
	padding: 10px 0px 5px 0;

	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	
	font-size: 120%;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	background-image: url(../../sharedimg/bg_ttl_04.png);
	background-repeat: repeat-x;	
	background-color: #560c00;
}


div#types {
}

div#types div.lrbox_l {
	text-align: center;
	/*width: 45%;
	padding: 0 2% 0 3%;*/
	width: 35%;
	padding: 0 5% 0 10%;
	
}

div#types div.lrbox_r {
	text-align: center;
	/*width: 45%;
	padding: 0 3% 0 2%;*/
	width: 35%;
	padding: 0 10% 0 5%;
	
}


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

div#btn_api {
}

div#btn_api div.lrbox_l {
	width: 49.2%;
	padding-right: 0.8%;
}
div#btn_api div.lrbox_r {
	width: 49.2%;
	padding-left: 0.8%;
}



div#btn_api a span.hline {
	display: block;
	text-align: center;
	font-size: 80%;
}
div#btn_api a span.main {
	display: block;
	font-size: 120%;
	text-align: center;
}
div#btn_api a span.fline {
	display: block;
	text-align: center;
	font-size: 90%;
}


div#btn_api a {
	/*text-decoration: none;
	display: block;
	cursor: pointer !important;
	color: #000;
	padding: 5px 0 2px 0;
	position: relative;

	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}

	div#illust_fukidashi_kyouno {
		position: absolute;
		top: 3px;
		left: 30px;
		width: 60px;
		height: 37px;
		background: url(../../sharedimg/illust_fukidashi_kyouno.png) no-repeat top left;
	}


	div#illust_fukidashi_ataru {
		position: absolute;
		top: 4px;
		left: 48px;
		width: 54px;
		height: 54px;
		background: url(../../sharedimg/illust_fukidashi_ataru.png) no-repeat top left;
	}
	
div#btn_api a:hover {

opacity:0.8;
filter: alpha(opacity=980);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */

}

a.btn_api_01 {
	/*background-color: #F6FFBA;
	background-image: url(../../sharedimg/btn_next.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;*/
}

a.btn_api_02 {
	/*background-color: #FCCFFF;
	background-image: url(../../sharedimg/btn_next.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;*/
}



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

footer#footer {
	width: 100%;
	background: #ECD6C7;
	margin-top: 100px;
	padding-bottom: 50px;
}
div#wrap_footer {
	width: 100%;
	padding-top: 60px;
	max-width: 1024px;
	margin: auto;
	position: relative;
}

div#ftr {
	margin-bottom: 20px;
}

div#ftr div.lrbox_l {
	width: 24%;
	padding-right: 2%;
	background: url(../../sharedimg/bdr_ftr_r.png) no-repeat right top;
	text-align: right;
}
div#ftr div.lrbox_r {
	width: 72%;
	padding-left: 2%;
	padding-top: 20px;
	text-align: left;
}

div#ftr div.lrbox_r p {
	font-size: 12px;
	color: #7a7954;	
}
div#ftr div.lrbox_r a {
	text-decoration: none;
	color: #7a7954;
}
div#ftr div.lrbox_r a:hover {
	text-decoration: underline;
}

small {
	display: block;
	background: url(../../sharedimg/bdr_ftr_btm.png) no-repeat left top;
	padding-top: 10px;
	font-size: 12px;
	text-align: left;
	color: #7a7954;
}




div#wrap_footer a#btn_top {
	display: block;
	width: 120px;
	height: 30px;
	padding-top: 10px;
	position: absolute;
	top: -40px;
	right: 0;
	background: #ECD6C7;
	text-decoration: none;
	color: #7a7954;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}




/*}*//* end media*/