@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
html,body{
background: #000;
}
div#container{
position: absolute;
top: 0;
left: 0;
background: url(/ex/b2w2/images/bg_home_btm.png) no-repeat center bottom;
z-index: 500;
}
div#container div#header{
height: 100px;
margin: 0 auto 500px;
}
div#container div#content{
width: 910px;
margin:0 auto 70px;
}
div#footerWrap{
min-height: 160px;
background: none;
}

/* h1 SiteTitle */
#header h1{
float: left;
width: 265px;
height: 67px;
margin: 10px 0 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#header h1 .panel{
background: url(/ex/b2w2/common/images/logo_02.png) no-repeat 0 0;
}


/* - CONTENTS - 
--------------------------------------------------------------*/
#home h2.kv_sml{
display: none;
}
/* topicBlk */
#home div#topicBlk{
width: 894px;
border: 1px solid #666;
border-bottom: none;
margin: 0 0 0 0;
padding: 7px;
background: #000;
}
#home div#topicBlk ul{
width: 894px;
margin: 0;
padding: 0;
}
#home div#topicBlk ul li{
float: left;
width: 292px;
height: 150px;
margin: 0 0 7px 7px;
padding: 0
}
#home div#topicBlk ul li.first{
margin-left: 0;
}
#home div#topicBlk ul li img{
border: 1px solid #666;
}
#home div#topicBlk ul li a:hover img{
border: 1px solid #AAA;
}
#home div#topicBlk div.more{
display: none;
}
#home p.moreTopics{
width: 908px;
height: 30px;
margin-bottom: 20px;
border: 1px solid #666;
border-top: none;
}
*:first-child+html #home div.more ul{
	padding-top:7px !important;
	}
	
#home p.moreTopics a{
width: 908px;
height: 30px;
}
#home p.moreTopics a .panel{
background: url(/ex/b2w2/images/btn_moretopics.png) no-repeat 0 0;
}
#home p.moreTopics a:hover .panel{
background: url(/ex/b2w2/images/btn_moretopics.png) no-repeat 0 -50px;
}
#home p.moreTopics.active a .panel,
#home p.moreTopics.active a:hover .panel{
background: url(/ex/b2w2/images/btn_moretopics.png) no-repeat 0 -100px;
}


/* newsBlk */
#home div#newsBlk{
width: 890px;/* 908 */
border: 1px solid #666;
margin: 0 0 20px 0;
padding: 5px 9px 9px;
background: #000;
}
#home div#newsBlk div.ttl{
margin-bottom: 5px;
}
#home div#newsBlk div.ttl h3{
width: 38px;
height: 14px;
float: left;
margin-top: 4px;
}
#home div#newsBlk div.ttl h3 .panel{
background: url(/ex/b2w2/images/sttl_news.png) no-repeat 0 0;
}
#home div#newsBlk div.ttl p{
float: right;
width: 110px;
}
#home div#newsBlk ul{
background: #FFF;
height: 75px;/*ニュース3件表示の場合*/
/*height: 25px;ニュース1件表示の場合*/
overflow: auto;
text-align: left;
}
#home div#newsBlk ul li{
padding: 5px;
}
#home div#newsBlk ul li span.date{
width: 90px;
padding-right: 10px;
}
#home div#newsBlk ul li.even{
background: #EEE;
}


/* relatedBlk */
#home div.ttl_related{
display: none;
}
#home div#relatedBlk{
width: 908px;
margin: 0 0 10px 0;
}
#home div#relatedBlk li{
float: left;
margin: 0 0 0 5px;
padding: 0;
width: 177px;
height: 50px;
}
#home div#relatedBlk li.first{
margin: 0;
}
#home div#relatedBlk li a{
width: 177px;
height: 50px;
margin: 0;
padding: 0;
}
#home div#relatedBlk li a img{
border: 1px solid #333 !important;
}
#home div#relatedBlk li a:hover img{
border: 1px solid #CCC !important;
}
#home div#relatedBlk li .panel{
}
/*
#home div#relatedBlk li.item01 .panel{
background: url(/ex/b2w2/images/img_related_01.png) no-repeat 0 0;
}
#home div#relatedBlk li.item02 .panel{
background: url(/ex/b2w2/images/img_related_02.png) no-repeat 0 0;
}
#home div#relatedBlk li.item03 .panel{
background: url(/ex/b2w2/images/img_related_03.png) no-repeat 0 0;
}
#home div#relatedBlk li.item04 .panel{
background: url(/ex/b2w2/images/img_related_04.png) no-repeat 0 0;
}
*/

#home div#relatedBlk p.toTop{
padding-top: 20px;
}

/* shareBtn */
/* shareBtn */
#home #content div.shareBtn{
width: auto;
margin: 0 0 20px;
}
#home #content div.shareBtn .btns{
text-align: left;
}



/* - FOOTER - 
--------------------------------------------------------------*/
#home #footer ul.ftrLink{
display: block;
position: absolute;
top: 50px;
left: 0;
width: 581px;
}
#home #footer ul.ftrLink li{
float: left;
height: 13px;
}
#home #footer ul.ftrLink li a{
display: block;
height: 13px;
text-indent: -9999px;
overflow: hidden;
}
#home #footer ul.ftrLink li a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#home #footer ul.ftrLink li.fl01{
width: 184px;
margin-right: 5px;
}
#home #footer ul.ftrLink li.fl02,
#home #footer ul.ftrLink li.fl03{
width: 126px;
margin-right: 5px;
}
#home #footer ul.ftrLink li.fl04{
width: 130px;
}
#home #footer ul.ftrLink li.fl01 .panel{
background: url(/ex/b2w2/images/btn_ftr_link.png) no-repeat 0 0;
}
#home #footer ul.ftrLink li.fl02 .panel{
background: url(/ex/b2w2/images/btn_ftr_link.png) no-repeat -189px 0;
}
#home #footer ul.ftrLink li.fl03 .panel{
background: url(/ex/b2w2/images/btn_ftr_link.png) no-repeat -320px 0;
}
#home #footer ul.ftrLink li.fl04 .panel{
background: url(/ex/b2w2/images/btn_ftr_link.png) no-repeat -451px 0;
}


#footer div.company {
top: 66px;
}
#footer div.cr {
top: 90px;
}


/* - BG - 
--------------------------------------------------------------*/
div#b2w2Bg_l01{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1300px;
overflow: hidden;
z-index: 100;
background: url(/ex/b2w2/images/bg_home_top.png) no-repeat center top;
}
div#b2w2Bg_l02{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1300px;
overflow: hidden;
z-index: 0;
background: url(/ex/b2w2/images/bg_home_cont.png) repeat-y center top;
}
/* b2w2Bg main */
div#b2w2Bg{
position: relative;
top: 0;
left: 0;
width: 100%;
height: 1300px;
overflow: hidden;
z-index: 200;
}
/* kv */
div#b2w2Bg div#itemWrap{
position: relative;
top: 0;
left: 0;
/* width: 4750px; */
height: 1550px;
}
div#b2w2Bg div#itemWrap div.item{
/* float: left; */
width: 950px;
height: 100%;
overflow: hidden;
}
/* copy 01 */
div#b2w2Bg ul#copy_01{
position: absolute;
top: 105px;
left: 475px;
width: 108px;
height: 420px;
}
div#b2w2Bg ul#copy_01 li{
width: 108px;
margin: 0 auto;
}
/* copy 02 */
div#b2w2Bg ul#copy_02{
position: absolute;
top: 540px;
width: 664px;
height: 40px;
margin: 0 auto 0;
}
div#b2w2Bg ul#copy_02 li{
margin: 0 auto;
}

/* thum */
div#btn_thum{
position: absolute;
top: 571px;
width: 100px;
z-index: 600;
}
div#btn_thum ul.thum{
width: 100px;
height: 20px;
margin: 0 auto;
}
div#btn_thum ul.thum li{
float: left;
width: 20px;
height: 20px;
}
div#btn_thum ul.thum li a{
display: block;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background: url(/ex/b2w2/images/img_pager.png) no-repeat 0px 0px;
}
div#btn_thum ul.thum li a:hover,
div#btn_thum ul.thum li.curr a{
background: url(/ex/b2w2/images/img_pager.png) no-repeat 0px -20px;
}


/*
* PANEL
*/
div#b2w2Bg div#itemWrap div#panel_01.item{/* 2016px */
position: absolute;
top: 0;
width: 2016px;
height: 800px;
}
div#b2w2Bg div#itemWrap div#panel_01.item div.blk{
position: absolute;
top: 0;
left: 122px;
width: 886px;
height: 800px;
background: url(/ex/b2w2/images/kv_home_01_b.png) no-repeat right top;
}
div#b2w2Bg div#itemWrap div#panel_01.item div.wht{
position: absolute;
top: 0;
left: 1008px;
width: 1008px;
height: 800px;
background: url(/ex/b2w2/images/kv_home_01_w.png) no-repeat left top;
}
div#b2w2Bg div#itemWrap div#panel_02.item{/* 808px */
position: absolute;
top: 0;
left: 2500px;
width: 808px;
height: 599px;
background: url(/ex/b2w2/images/kv_home_02.png) no-repeat center 58px;
}
div#b2w2Bg div#itemWrap div#panel_03.item{/* 808px */
position: absolute;
top: 0;
left: 2500px;
width: 808px;
height: 599px;
background: url(/ex/b2w2/images/kv_home_08.png) no-repeat center 58px;
}
div#b2w2Bg div#itemWrap div#panel_04.item{/* 1040px */
position: absolute;
top: 0;
left: 2500px;
width: 1040px;
height: 1316px;
background: url(/ex/b2w2/images/kv_home_03.png) no-repeat center 58px;
}
div#b2w2Bg div#itemWrap div#panel_05.item{/* 1587px */
position: absolute;
top: 0;
left: 2500px;
width: 1392px;
height: 1537px;
background: url(/ex/b2w2/images/kv_home_09.png) no-repeat center 58px;
}


@media screen and (max-width: 580px) {
	div#b2w2Bg_l01,
	div#b2w2Bg_l02,
	div#b2w2Bg,
	div#b2w2Bg div#itemWrap div#panel_01.item div.blk,
	div#b2w2Bg div#itemWrap div#panel_01.item div.wht,
	div#b2w2Bg div#itemWrap div#panel_02.item,
	div#b2w2Bg div#itemWrap div#panel_03.item,
	div#b2w2Bg div#itemWrap div#panel_04.item,
	div#b2w2Bg div#itemWrap div#panel_05.item{
		display: none;
  		background: none;
  	}
}