/* point,qa,help*/
div.demo-show h3 { background-color:transparent; color: #333; font-size: 10pt; line-height:2em; font-weight: 600; text-align: left; padding: 0; margin: 0; padding:2px 2px 2px 10px; /*margin: 5px 0 5px 10px;*/ cursor: pointer; }
.basket_faq div.demo-show h3 {padding: 2px 26px 2px 10px; background: url("../img_common/btn-down-icon.png") 98% 50% no-repeat;}
h4 {color: #990000; font-size: 12pt;font-weight: normal; text-align: left; padding: 0; margin: 0; }
h4 a {color: #990000;}
strong {color:#333;}
#container .section-subheader{color:#00a0e2;border-bottom:1px solid #00a0e2;background:transparent;height:36px;line-height:36px;font-size:20px;}
.tit_sub{ color: #00a0e2; font-size: 11pt; text-align: left; width:98%; height: 20px; margin-bottom: 10px; padding-bottom: 4px; padding-left: 5px; border-bottom: 1px solid #00a0e2; border-left: 8px groove #00a0e2; clear:both; }
.tit_sub3{ color: #fff; font-size: 11pt; text-align: left; /*width: 745px;*/width:98%; height: 24px; margin-bottom: 0; padding-bottom: 3px; padding-top: 5px; padding-left: 5px; border-bottom: 1px solid #c00; border-left: 8px groove #c00;  background-color:#333; clear:both;}
.tit_sub2{ color: #c00; font-size: 12pt; text-align: left;  margin-bottom: 10px; order-bottom-style: solid;clear:both; }

div.demo-show h3 + div {padding: 10px;}
div.demo-show { color: #333; background-image: url(../images/ep_tit_bg.gif); background-repeat: repeat-x; text-align: left; position: relative; margin-bottom: 0; padding: 5px 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;  border-top: 1px solid #ccc;}
div.demo-show div.close { display:block; clear:both; color: #fff; font-size: 0.8em; background-color: #00a0e2; width: 70px; text-align: center; height: 18px; margin-top: 10px; margin-right: 10px;  margin-left: 680px; padding-top: 3px; cursor: pointer; }
.demo-show p {clear:both;}
.end_line{ /*width: 760px;*/ width:100%; clear:both; height: 20px; border-top: 1px solid #ccc; }
.top { display:block; margin-left: 0px; float:right; clear:both; width: 90px; height: 18px;}

div.demo h3 + div {padding: 10px;}
div.demo { color: #333; background-image: url(../images/ep_tit_bg.gif); background-repeat: repeat-x; text-align: left; position: relative; margin-bottom: 0; padding: 5px 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;  border-bottom: 1px solid #ccc;
margin-bottom:20px; margin-top:20px; clear:both;}
div.demo p {clear:both;}
div.demo h3 { color: #333; font-size: 10pt; font-weight: 700; text-align: left; padding: 0; margin: 5px 0 5px 10px; }
.top { display:block; clear:both; color: #666; font-size: 0.8em; background-color: #ccc; width: 90px; text-align: center; height: 18px; margin-top: 10px; margin-right: 10px; margin-left: 560px; padding-top: 3px; cursor: pointer; clear:both; }
.top a {color:#333}

.item {margin-bottom:15px;text-align:left;}

.item_b {
margin-top:0;
margin-bottom:15px;
text-align:left;
border: 1px solid #ccc;
padding:10px;
clear:both;
}
.item ul {padding-left:20px !important; }
.item ul li{list-style-type:disc !important;}

.box {
	border: 1px solid #ccc;
	-webkit-border-radius:  5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 2px 2px #999;
	padding:10px;
	text-align:center;
	color:#333;
}
.box_pc,.box_tel {
	border: 1px solid #ccc;
	-webkit-border-radius:  5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 2px 2px #999;
	padding:10px;
	text-align:center;
	color:#333;
	width:46%;
	height:180px;
}
.box_pc {float:left;}
.box_tel {float:right;}
.box p {margin:0;}

.box_l{
	border: 1px solid #ccc;
	-webkit-border-radius:  5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 2px 2px #999;
	padding:10px;
	text-align:left;
	color:#333;
	margin-bottom:20px;
	clear:both;
}
.fl_left {
	width:48%;
	float:left;}
.fl_right {
	width:48%;
	float:right;
	clear:right;}
	
.bottom {
background: url(http://www.futone.jp/futonestock/intro/images/gp_arrow_2.gif) no-repeat center bottom;
margin:0;
padding: 10px 20px 20px;
}

/* futsal level*/
*.floatclear {clear: both;}
article {clear: both;}
article img { 
	width:100%;
	height:auto; }

.lv_tit { height:auto; margin-top:10px; float:left; width:64.3%; margin-bottom:10px;}
.lv_tit img{ max-width:403px;}
.lv_pic { float: right;
         margin-left: /*1em*/ 30px;
		 margin-bottom:1em;
		 max-width:327px;}
.lv_exp { position:relative; top:-5px; max-width:125px; margin:0; width:125px; background-color:#000; 
filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; color:#FFF; margin-bottom:5px;}
.lv_data {color:#ff6666; text-align:right;}

/* rules*/
.goods_name {
color:#333;
font-weight:700;
	}
.goods_pic {
float: right;
clear:right;
display:block;
margin-left: 1em;
margin-bottom: 1em;
max-width: 123px;
}
.goods {
	display:block;
	clear:both;
	margin-bottom:10px;}

/* payment*/
.convi {border: solid 1px #dadada; margin-bottom:10px;}
#credit {margin-top:30px;}
#convini .cont_lt{width:49%}
#convini .cont_rt{width:49%}

.icn_tel { background-image:url(../futonestock/img_gp/icon_tel.jpg); margin-bottom: 2px; }
.icn_form { background-image:url(../futonestock/img_gp/icon_form.jpg); height: 48px; margin-bottom: 2px;}
.icn_yen { background-image:url(../futonestock/img_gp/icon_yen.jpg); height: 48px;}
.f_rb{ color: #f99; font-size: 10.5pt; font-weight: 600; margin-bottom: 2px; }

/* help */
ul.list_help {margin-left:-20px !important; min-height:240px;}
ul.list_help li {
 display:inline-block;
 list-style-type: none;
 vertical-align:middle;
 margin-bottom:10px;
 width:180px;
 padding: 10px 30px 25px 30px; 
 min-height:50px;
 text-align:left;
 }
.list_help a { padding-left: 60px; display:block; min-height:50px; background-repeat: no-repeat;background-position: left center; line-height:50px;}
.list_help .bgn a { background-image: url("/help/images/icn_hlp_bgn.gif"); }
.list_help .app a{ background-image: url("/help/images/icn_hlp_app.gif"); }
.list_help .qa a{ background-image: url("/help/images/icn_hlp_qa.gif"); }
.list_help .map a{ background-image: url("/help/images/icn_hlp_map.gif"); }
.list_help .cont a{background-image: url("/help/images/icn_hlp_mail.gif");}
.list_help .stp a{background-image: url("/help/images/icn_hlp_stp.gif");}
.list_help .stm a{background-image: url("/help/images/icn_hlp_stm.gif");}
.list_help .pass a{background-image: url("/help/images/icn_hlp_pass.gif");}
.list_help .agr a{background-image: url("/help/images/icn_hlp_agr.gif"); }
.list_help .srv_f a{background-image: url("/help/images/icn_hlp_gin.gif"); }
.list_help .level_f a{background-image: url("/help/images/icn_hlp_level.gif"); }
.list_help .kumi_f a{background-image: url("/help/images/icn_hlp_kumi.gif"); }
.list_help .ckz_f a{background-image: url("/help/images/icn_hlp_ckz.gif"); }


/*.list_help .bgn a { padding-left: 50px; background-image: url("/help/images/icn_hlp_bgn.gif");background-repeat: no-repeat;background-position: left center; }
.list_help .app { background-image: url("/help/images/icn_hlp_app.gif"); }
.list_help .qa { background-image: url("/help/images/icn_hlp_qa.gif"); }
.list_help .map { background-image: url("/help/images/icn_hlp_map.gif"); }
.list_help .cont {background-image: url("/help/images/icn_hlp_mail.gif");}
.list_help .stp {background-image: url("/help/images/icn_hlp_stp.gif");}
.list_help .stm {background-image: url("/help/images/icn_hlp_stm.gif");}
.list_help .pass {background-image: url("/help/images/icn_hlp_pass.gif");}
.list_help .agr {background-image: url("/help/images/icn_hlp_agr.gif"); }
.list_help .srv_f {background-image: url("/help/images/icn_hlp_gin.gif"); }
.list_help .level_f {background-image: url("/help/images/icn_hlp_level.gif"); }
.list_help .kumi_f {background-image: url("/help/images/icn_hlp_kumi.gif"); }
.list_help .ckz_f {background-image: url("/help/images/icn_hlp_ckz.gif"); }*/

.subtit {
color:#00a0e2;
margin: 10px 0 10px 0;
letter-spacing: 1px;
height: 24px /*65px;*/
line-height: 24px; /*65px;*/
font-size:10pt;
padding: 5px 5px 2px 10px;
background-color: #DBECFF;
background-position:5px 2px; 

}

.cont_lt {float:left; clear:left; margin-right:2%; margin-bottom:10px; text-align:center;}
.cont_ct {float:left; margin-right:2%; margin-bottom:10px; text-align:center;}
.cont_rt {float:left; clear:right; text-align:center;}

/*sitemap */
.smap_tbl {float:left; width:250px; margin-right:5px; min-height:170px;}
.smap_tbl_r {float:left; width:250px; clear:right; min-height:170px;}
ul.sitemap{text-align:left; margin:0 0 5px 10px !important; padding-top:5px !important;padding-bottom:10px !important;}
ul.sitemap a {color:#00a0e2}
.smap_tbl h2, .smap_tbl_r h2 { background-color:#00a0e2; color:#ffffff; text-indent:10px; height:24px; margin:0; font-size: 10pt; line-height:24px;}

@media (min-width:768px){
div.demo-show { color: #333; background-image: url(../images/ep_tit_bg.gif); background-repeat: repeat-x; text-align: left; position: relative; /*width: 758px;*/ margin-bottom:0; padding: 5px 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
}

@media (max-width:767px){
.end_line {width:100%; clear:both; margin:0 auto;}
.tit_sub{ width: 98%; clear:both;}
.div.demo-show {width:100%; clear:both;}
.demo-show {float:left; width:99%; clear:both;}
div.demo-show div.close { display:block; margin-left: 0px; float:right; clear:both; width: 70px; height: 18px;}
.top { display:block; margin-left: 0px; float:right; clear:both; width: 90px; height: 18px;}
.cont_lt, #convini .cont_lt {float:none; clear:both; width:100%; margin-bottom:10px;}
.cont_ct {float:none; clear:both; width:100%; margin-bottom:10px;}
.cont_rt, #convini .cont_rt {float:none; clear:both; width:100%;}
.smap_tbl_r {float:left; width:250px; margin-right:5px;}
.box_pc,.box_tel {width:42%;}
.lv_tit{float:none; width:auto}
}
@media (max-width:480px){
.lv_tit{float:none; width:auto}
.lv_pic {float:none; margin:0 auto; margin-bottom:1em}
}
@media (max-width:400px){
.box {text-align:left;}
.box_tel, .box_pc{float:none; width:90%; margin-bottom:10px;}
.smap_tbl {width:100%;}
.smap_tbl_r {width:100%;}
}