@charset "UTF-8";

/* CSS Document */



body { margin:0; padding:0; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.75em; font-size:14px; line-height:1.5m; color:#FFF; background:#000000;
}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; }

.clearfix:after{ content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

.link_hover a:hover{ opacity:0.7; }




/* header */


#header{margin:0 auto; height:189px; background: url(../img/renewal/cmn/container_bg_corner.jpg) no-repeat top center; padding:0;}
#header_bg{ margin:0 auto; width:100%; background:url(../img/cmn/heder-bg.jpg) no-repeat center center; }
#header #contents{ margin:0 auto;  }

#main_contents{ background: url(../img/renewal/products01/container_bg.jpg) center -130pt no-repeat; margin:0 auto; }
#main_contents #contents{ margin:0 auto; padding-bottom:30px; }

#sns_bg{ background:url(../img/cmn/mr-snsbg.jpg) no-repeat center center; height:97px;  }


/*------------------------------------------
【フッター】
--------------------------------------------*/



#footer_wrap{ font:12px; padding:30px 0; background:#000000; color:#FFFFFF; letter-spacing:0em; border-top:1px solid #666; font-size:12px;}

#footer_Box{ width:1000px; margin:0 auto; line-height:1.8em;}

#footer_Box ul{ list-style:none; margin:0; padding:0; display:table; width:100%;}

#footer_Box ul li { padding:0; margin:0; display:table-cell; vertical-align:top;}

#footer_Box ul li a{ color:#FFFFFF; text-decoration:none;}
#footer_Box ul li a:hover{ color:#FFFFFF; text-decoration:underline;}

/* デザインに合わせて変更*/
.copy { color:#eee7bb; font-size:12px; line-height:1.8em; padding:30px 0; text-align: center; }
.link a{ color:#FFFFFF; }

#footer_Box ul .top_box{ border-left:1px #333333 dotted; padding:0 2%; width:31%; position:relative;}

#footer_Box ul .top_box2{ border-left:1px #333333 dotted; padding:0 2%; width:31%; position:relative;}

.top_box .title{ background:#333333; border-radius:3px; padding:5px 10px 3px;}
/*******************/


#footer_Box ul .top_box ul{ margin:10px 0 10px; padding:0; display:table;}

#footer_Box ul .top_box ul li{
	background: url(../img/cmn/listicon.png) left center no-repeat;
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	line-height:1.5em;
}


.top_box2 ul{ padding:0; margin:0 0 20px; width: 100%; display:table;}

.top_box2 ul li{
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
}

.top_box2 ul li .note{ position:absolute; top:-21px; display:block; right:0; font-size:10px;}

.top_box2 ul li .link01{ background: url(../img/cmn/linkicon.png) no-repeat center left; position: absolute; display: block; bottom:25px; right:0; padding-left:20px; }

.top_box2 ul li .link02{ background: url(../img/cmn/linkicon.png) no-repeat center left; position: absolute; display: block; bottom:0; right:0; padding-left:20px; }

/* 下段ロゴ */

#footer_bottom{ margin:20px auto 0;}
#footer_bottom ul{ list-style:none; margin:0; padding:0; display:table; width:100%;}
#footer_bottom ul li { padding:0; margin:0; display:table-cell; vertical-align:bottom;}

#footer_bottom ul .left_Tbnr{ width:10%; text-align:left;}

#footer_bottom ul .center_Tnation{ width:80%; color:#CCC; font-size:10px; line-height:14px; text-align:center; padding:10px 0; margin:10px auto 0; word-break: keep-all;}

#footer_bottom ul .right_Bicon{ width:10%;  text-align:right;}







/* ------ */






/*  ------contents ------ */
#contents{ width:900px; text-align:center; margin:0 auto; height:auto; }


#concept_box{ width:900px; padding:25px 0 10px 0; margin:0 15px 30px 0px; }
#concept_box h2{ margin:0 0 20px 0; }
#concept_box .text{ margin:0 0 10px 16px; }

.box-shadow{ box-shadow:-12px 12px 10px -12px rgba(0,0,0,0.3), 12px 12px 10px -12px rgba(0,0,0,0.3); width:900px; }

#lineup-box{ margin:0 15px 0 0; width:900px; }
#lineup-box .text{ margin:20px 0; }
#lineup-box #detail{ width:850px; margin:0 auto; }
#lineup-box #detail li{	list-style:none;	width:425px; padding:0; margin:0; float:left; }
	
	
#wrap{ margin:0 auto; width:900px;}





.sns_margin{ margin:25px 0 0 0; }

.attenstion{ margin:10px 0 30px 0 !important; color:#6F6F6F; font-size:10px; }

/* btn */

#movie_btn{ margin:0 16px 25px 0; }
#movie_btn .btn_sp { margin:0 0 0 auto; width:496px; height:52px; display:block; background: url(../img/20140507/nexege_moviebtn_sp.jpg) no-repeat top left; text-indent:100%; white-space:nowrap; overflow:hidden; }
#movie_btn .btn_sp:hover{ background-position:right top; }

#movie_btn2{ margin:0 0 16px 0; }
#movie_btn2 .btn_sp { margin:0; width:496px; height:52px; display:block; background: url(../img/20140605/nexege_moviebtn_sp2.png) no-repeat top left; text-indent:100%; white-space:nowrap; overflow:hidden; }
#movie_btn2 .btn_sp:hover{ background-position:right top; }

#movie_btn3{ margin:0; padding:0; }
#movie_btn3 .btn_ust { margin:0; width:493px; height:223px; display:block; background: url(../img/20140605/20140606_btn_ust.png) no-repeat bottom left; text-indent:100%; white-space:nowrap; overflow:hidden; }
#movie_btn3 .btn_ust:hover{ background-position:right bottom; }




/*  ------動画BOX ------ */

#movie_box{ width:900px; padding:60px 15px 0 0; }
#movie_box p{ margin:30px 0; }
#movie_box .title{ border-left: 6px solid #EF2528; padding:0 0 0 10px; width:850px; margin:30px auto; font-size:18px; font-weight:bold; }


#dymmy_box { background:#000000; width:856px; height:482px; line-height:482px; display:block; font-weight:bold; color:#FFFFFF; margin:0 auto 60px auto; border:6px solid #FFFFFF; box-shadow:0px 1px 0px 10px rgba(0,0,0,0.1); }

#youtube_box { background:#000000; width:856px; height:482px; margin:0 auto 30px auto; border:6px solid #FFFFFF; box-shadow:0px 1px 0px 10px rgba(0,0,0,0.1); }
.youtube_box2 { border:6px solid #FFFFFF; box-shadow:0px 1px 0px 6px rgba(0,0,0,0.1); }



/*  ------動画BOX ------ */



#brand_tbl{ border:1px solid #cecece; margin:30px auto 10px auto; text-align:left !important; font-size:12px !important; }
#brand_tbl span{ font-weight:bold; }
#brand_tbl td{ padding:10px; }






/*  ------共通スタイル ------ */

.acenter{ text-align:center; }
.aright { text-align:right !important; }
.aleft { text-align:left !important; }


.mar-right16px{ margin-right:16px; }


.notopmargin{ margin-top:0; }
.mar-top10{ margin-top:10px !important;　}
.mar-top30{ margin-top:30px !important;　}

.nomargin-pad{ margin:0 !important; padding:0 !important; }

.margin_bt30 { margin-bottom:30px !important; }


.pad_top0 { padding-top:0px; }
.pad_top10 { padding-top:10px; }
.pad_top20 { padding-top:20px; }
.pad_top30 { padding-top:30px; }
.pad_top35 { padding-top:35px; }
.pad_top40 { padding-top:40px; }
.pad_top50 { padding-top:50px; }
.pad_left10 { padding-left:10px; }

.pad_right10 { padding-right:0px !important; }


.pad_bottom5{ padding-bottom:5px !important; }
.pad_bottom10{ padding-bottom:10px !important; }
.pad_bottom20{ padding-bottom:20px !important; }
.pad_bottom40{ padding-bottom:40px !important; }
.pad_all30 { padding:30px; }


/*  ------共通スタイル ------ */








/*  ------テンプレ スタイル ------ */



p,div{ margin:0; padding:0; line-height:1.5em; }

img{ border:none; }

/*#header{width:900px; }*/

/*#header h2{ margin:0; }*/



#readarea,

#galleryview{ width:780px; margin:auto; }

#main{ width:900px;}



#readarea h3{ font-size:18px; color:#03C; margin-bottom:30px; }



#galleryview ul.iconlist{ margin:1.5em auto 1em; padding:0; text-align:center; list-style:none; }

#galleryview ul.iconlist li{ display:inline; margin:0 8px; padding:0; }

#galleryview ul.iconlist li a img{ border:1px solid #DDD; }



#productinfo{ clear:both; color:#FFF; font-size:12px; line-height:1.5em; margin:0 auto; padding-top:30px; }

#productinfo table{ margin:0 auto 10px auto; border:1px solid #CCC; }


#space{ height:20px; margin:0; padding:0;}

#space50{ height:50px; margin:0; padding:0;}





/* ------ */






.black14txt {

	font-size:14px;

	color:#333;

	line-height:18px;

}



.black16txt {

	font-size:16px;

	color:#333333;

	line-height:20px;

}



.black_title {

	font-size:16px;

	color:#333;

	line-height:20px;

	font-weight:bold;

}





.copy {

	color:#fff;
	font-size:10px;
	line-height:14px;
	text-align:center;


}






.tbox03{

	width:830px;

	height:660px;

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;	

}

.clear{
	clear:both;
	height:1px;
	visibility:hidden;
}

.ranobe_box{
	width:787px;
	margin:0 auto;
}



a{
color:#FFF;
text-decoration:underline;
}

a:hover{
color:#CCC;	
}


.text_title{
	font-size:20px;
	padding:20px 0 0 10px;
	text-align:left;
	color:#ffb24e;
	font-weight:bold;
}

.mainbanner{
	clear:both;
	width:860px;
	height:402px;
	margin:0 auto;
}

.lineup{
	width:860px;
	clear:both;
	margin:0 auto;
}


ul{margin:0;
padding:0;
}

/*li{
	list-style:inside none;
	width:400px;
	padding:0;
	margin:0;
	line-height:1.5em;
	font-size:11px;
	float:left;
	color:#E53A84;
}
	*/	


#content{
	width:948px;
	text-align:center;
	margin:0 auto;
	height:auto;
	
}

.01box{
	width:860px;
	height:515px;
	margin:0 auto;
}

.03box{

	width:860px;
	margin:0 auto;
	float:left;
	text-align:left;
}

.iteminfo_title{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.note{
	font-size:12px;
	text-align:right;
/*	margin:0 16px 0 0 ;*/

}


/**************** 20140930 *****************/

#contents h1{ padding-top:10px;}
#contents h2{ padding-top:10px;}

#detail01_area{ width:880px; height:455px; margin:0 auto;}	

#detail01_area .left_box{ float:left; width:421px; }

#detail01_area .left_box .detail01_left_top{ float:left; width:401px; margin:0  20px 20px 0;}

#detail01_area .left_box .sm01{ clear:both; float:left; margin: 0 18px 0 0; }
#detail01_area .left_box .sm02{ float:left;}

#detail01_area .left_box .btm_text{ text-align:right; width:420px; clear:both; float:left; margin:20px 0 0 0;}

#detail01_area .right_sm{ float:left; width:430px; margin:0 0 0 20px;}

#detail02_area{ clear:both; width:900px; height:433px; margin:40px auto;}

#detail02_area .left_detail02{ float:left; width:519px; margin:0 10px 0 5px;}
#detail02_area .right_detail02_h{ float:left; width:353px; margin:0 0 10px 0;}
#detail02_area .right_detail02_b{ float:left; width:353px; margin:10px 0 0 0;}

#detail880{ clear:both; width:880px; margin:10px auto;}

#wrap_btm{ background:url(../img/renewal/cmn/bg_btm.png) no-repeat center bottom;}