@charset "Shift_JIS";

/* ページ構造 */
body{
background:#fff;

	
}
#wrap{
	max-width:100%;
	margin:0 auto;
	background:url(../image/main_bg.gif) repeat-y center top;
	}

.js { max-width:950px; }

#load{
	margin:0 auto;
	}
#top {	
	max-width:1350px;
	background:url(../image/main_bg.jpg) no-repeat center top;
	padding-bottom:0;
}
#top_img{
	display:none;
	max-width:950px;
	margin:0 auto;
	position: relative;
    overflow: hidden;
	}

#top_img ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#top_img ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
#top_img ul li img {
    width: 100%;
}

#top_img ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#top_img ul {
    display: inline-block;
    overflow: hidden;
}

 	
.pankuzu_list,.pankuzu_list a{
	color:#333;
	}
.js { background-color:#fff; }

/*個別設定*/
#wrap img{
	max-width:100%;
	}
#wrap .box{
	position:relative;
	padding:0;
	margin:0 auto;
	background:#FFF;
	}
#wrap .box span{
	display:block;
	font-size:0.8em;
	color:#666;
	max-width:950px;
	margin:0 auto;
	padding:0.5em 0 ;
	}
#wrap h2 img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
#wrap h2{
	padding:4em 0 1.5em;
	}
/*こんな方はいませんか？*/	
#wrap .himusan{
	background:#494b82;
	margin-bottom:0;
	padding-top:1.5em;
	}
/*商品*/	
#wrap .item_box , .cm_in , .soudan{
	max-width:100%;
	margin:0 auto;
	}
#wrap .item_box ,.cm ,.demo{
	background:#FFF;
	padding-bottom:4em;
}
#wrap .item_box ul{
	max-width:860px;
	overflow:hidden;
	margin:0 auto 3em;
	}
#wrap .item_box li{
	display: inline-block;
	vertical-align: bottom;
	margin-bottom:1em;
	}
#wrap .item_box .item_set{
	width:55%;
	}
#wrap .item_box .item_setcart	{
	width:40%;
	padding:1em 0 0;
	}
#wrap .item_box .kotira{
	padding-top:5em;
	}
#wrap .kotira span{
	text-align:left;
	display:block;
	font-size:0.8em;
	color:#666;
	}
#wrap .shokaihan{
	max-width: 860px;
	margin: 0em auto 0em;
	text-align: center;
	padding-bottom: 0;
}

#wrap .item_box .shokaihan img{
	width: 100%;
}

#wrap .regular{
	border:#00a6ba 5px solid;
	max-width:750px;
	margin:0 auto;
	background:url(../image/bg_re.jpg) no-repeat right bottom;
	padding: 50px;
	}
#wrap .regular ul{
    width:100%;
	}
#wrap .regular li{
	float:left;
    text-align:left;
	}
#wrap .regular .itemimg{
	width:25%;
	}
#wrap .regular .itemimg img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
#wrap .regular .display_focus{
	width:70%;
	padding-left:1em;
	}

#wrap .regular .img_box , .regular .btn{
	display:none;
		}
#wrap .regular .name{
	padding-top:1em;
	font-weight:bold;
	font-size:1.8em;
	}		
#wrap .regular .cartbtn{
	display:block;
	margin:0.5em 0;
}



/*人気の理由*/

#wrap .ninki , .katuyou{
	background:#e2f2ee;
	
	}

#wrap .ninki_in1,.ninki_in2{
	background:#FFF;
	border:#e2f2ee 16px double;
	max-width:850px;
	margin:0 auto;
	}

#wrap .ninki h3{
	padding:1em 2em;
	border-bottom:#a6dacf 1px dotted;
	clear:both;
	}
#wrap .ninki_in1 ul{
	margin:2em 2em 1em;
	overflow:hidden;
	}
#wrap .ninki_in1 .ninkitx{	
	float:left;
	font-size:1.5em;
	color:#555;
	line-height:1.8em;
	width:70%;
	padding-bottom:2em;
	}	
#wrap .ninki_in1 .ninkiim{
	margin-bottom:2.5em;
	width:25%;
	float:right;
	}
#wrap .ninkitx span{
	background:#FF6;
	padding:0.2em;
	font-weight:bold;
	}
#wrap .ninki_in1 .ninkiim img{
	width:80%;
	}
#wrap .ninki_in2 p,.ninki_in2 dl{
	color:#555;
	}
#wrap .ninki_in2{
	padding-bottom:2em;
	}	
#wrap .ninki_in2 p{
	margin:2em 2em 0 2em;
	}
#wrap .ninki_in2 dl{
	border:#a6dacf 3px dotted;
	padding:1em;
	width:70%;
	margin:1em auto;
	overflow:hidden;	
	}
#wrap .ninki_in2 p{
	font-size:1.5em;
	}
#wrap .ninki_in2 dt{
	float:left;
	padding-right:1em;
	}
#wrap .ninki_in2 .itemti{
	font-weight:bold;
	font-size:1.4em;
	color:#38b5b7;
	}
#wrap .ninki_in2 dd{
	color:#555;
	font-size:1.2em;
	}
/*活用方法*/
#wrap .katuyou{
	padding-bottom:4em;
	}
#wrap .katuyou_in{
	max-width:950px;
	background:url(../image/g_1.png) no-repeat bottom;
	margin:0 auto;
	padding:20px 0;
	}
#wrap .katuyou_in ul{
	width:550px;
	margin:1em auto;
	padding:10px 0;
	}	
#wrap .katuyou_in li{	
	font-size:1.5em;
	color:#494b82;
	min-height:200px;
	padding-left:30px;
	padding-bottom:20px;
	}	
#wrap .katuyou_in .point1{
	background:url(../image/g_1a.png) no-repeat top left;
	}
#wrap .katuyou_in .point2{
	background:url(../image/g_1b.png) no-repeat top left;
	}
#wrap .katuyou_in .point3{
	background:url(../image/g_1c.png) no-repeat top left;
	}
#wrap .katuyou_in dl{
	margin-left:5em;	
	}
#wrap .katuyou_in dt{
	font-weight:bold;
	padding-bottom:0.2em;
	margin-bottom:0.2em;
	border-bottom:#494b82 1px dotted;
	}
/*成功者*/
#wrap .demo p{
	max-width:950px;
	text-align:left;
	font-size:0.9em;
	color:#666;
	margin:0 auto;
	}

/*動画*/	
#wrap .cm{
	padding-bottom:3em;
	}	
#wrap .cm_in{
	background:url(../image/h_bgimg.jpg) no-repeat center top;
	padding:30em 0 35em;
	-moz-background-size:contain;
	background-size:contain;
	}
#wrap .banana_cm{	
	margin:0 auto;
	padding:10px;
	max-width:500px;
	max-height:290px;
	background:#333;
	}

/*faq*/	
#wrap .faq{
	background:#e9f4fb;
	padding-bottom:2em;
	}
#wrap .faq_in{
	max-width:800px;
	margin:0 auto;
	}
#wrap .faq li{
	min-height:400px;
	padding-right:200px;
	padding-top:50px;
	margin-bottom:2em;
	}
#wrap .faq .q1{
	background:url(../image/i_img1.png) no-repeat right top;
	}
#wrap .faq .q2{
	background:url(../image/i_img2.png) no-repeat right top;
	}
#wrap .faq .q3{
	background:url(../image/i_img3.png) no-repeat right top;
	}
#wrap .faq .q1 ,#wrap .faq .q2{
	border-bottom: #d2e3ed 1px solid;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	box-shadow: 0 1px 0 white;	
}
#wrap .faq dl{
	
	
	}
#wrap .faq dt{
	color:#279fd7;
	font-size:1.8em;
	margin-bottom:0.5em;
	}
#wrap .faq dt span{
	font-size:2em;
	}	
#wrap .faq dd{
	background:#FFF;
	padding:1em;
	color:#555;
	font-size:1.2em;
	line-height:2em;
	}

#wrap .faq dd span{
	color:#279fd7;
	font-size:1.4em;
	}
#wrap .soudan{
	background:#FFF;
	padding-bottom:5em;
	}
.soudan_in{
	max-width:950px;
	margin: auto;
	}	
.soudan .inbox {
	background:url(/common/image/staff_isou.png) no-repeat right top;
	padding-right:340px;
}
#wrap .centerimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}


@media screen and (max-width:480px){
#wrap #top {
	max-width:950px;
	background:none;
	padding-bottom:0;
}	
#wrap h2{
	padding:2em 1em 1.5em;
	}	
#top {
	border:none;

}	
#wrap .box{
	margin:0;
	}
#wrap .regular{
	background:none;
	}
#wrap .item_box li{
	display:block;
	}
#wrap .item_box .item_set{
	width:100%;
	float:none;
	}
#wrap .item_box .item_setcart	{
	width:100%;
	float:none;
	padding:0;
	}	
#wrap .item_box li img , .ninki_in2 dt img{
	display:block;
	margin-left:auto;
	margin-right:auto;	
	}	
#wrap .item_box .kotira{
	padding-bottom:1em;
	border-bottom:#09C 1px dotted;
	}
#wrap .regular .goods_set{
	margin-left:0;
	}
#wrap .regular .name{
	padding-top:0;
	}
#wrap .himusan{
	background:#494b82;
	margin-bottom:0;
	padding-top:0.5em;
	}
#wrap .ninki_in1 .ninkitx{	
	font-size:1.5em;
	color:#555;
	line-height:1.4em;
	width:100%;
	padding-bottom:2em;
	float:none;
	}
#wrap .ninki_in1 .ninkiim{
	margin-bottom:2.5em;
	width:100%;
	float:right;
	}

#wrap .ninki_in1 .ninkiim img{
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
#wrap .ninki_in2 dl{
	width:80%;
	}	
#wrap .ninki_in2 dt{
	float:none;
	padding:1em;
	}	
#wrap .ninki_in2 p{
	margin:1em 1.5em 0 1.5em;
	}
	
#wrap .katuyou_in{
	background:none;
	margin:0 auto;
	padding:1em 0 0;
	}
#wrap .katuyou_in ul{
	max-width:100%;
	margin:0.5em auto;
	padding:1em;
	}
	
#wrap .katuyou_in li{	
	font-size:1.5em;
	min-height:200px;
	padding-left:0;
	padding-bottom:1em;
	}	
#wrap .katuyou_in dl{
	margin-left:4em;	
	}
#wrap .katuyou_in .point1 , #wrap .katuyou_in .point2 , #wrap .katuyou_in .point3{
	background-size:20% auto;
	}
#wrap .cm{
	padding-bottom:1em;
	}	
#wrap .cm_in{
	background:url(../image/h_bgimg.jpg) no-repeat center top;
	max-height:1200px;
	padding:10em 0;
	-moz-background-size:contain;
	background-size:contain;
	}
#wrap .banana_cm{	
	margin:0 autp;
	padding:5px;
	width:310px;
	}
.BrightcoveExperience{
	max-width:300px;
	max-height:170px;
	margin:0 auto;
	}

#wrap .faq_in{
	max-width:800px;
	margin:0 auto;
	}
#wrap .faq li{
	min-height:300px;
	padding:1em 1em 2em;
	}
#wrap .faq .q1 , #wrap .faq .q2 , #wrap .faq .q3 {
	background:none;
	}
#wrap .faq dt{
	margin-bottom:0.5em;
	line-height:1.4em;
	}
#wrap .faq dd{
	padding:1em;
	}
#wrap .soudan .inbox {
	background:none;
	padding:1em;	
	}