@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
html,body{
background: #bfbfbf;
}
#home div#container div.mainWrap{
background: #FFF;
}

/* h1 SiteTitle */
#home #content h1{
width: 940px;
height: 535px;
margin: 0 0 5px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#home #content h1 .panel{
background: url(/ex/zenkokuzukan_pro/images/kv.jpg) no-repeat 0 0;
}


/* - CONTENTS - 
--------------------------------------------------------------*/
#home #content{
padding-bottom: 28px;
}
#home #content ul.homeNav{
margin-left: 90px;
}
#home #content ul.homeNav li{
float: left;
margin-right: 20px;
}
#home #content ul.homeNav li a.haribotekit{
width: 371px;
height: 60px;
}
#home #content ul.homeNav li.hn01 .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_outline_new.png) no-repeat 0 0;
}
#home #content ul.homeNav li.hn02 .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_armk.png) no-repeat 0 0;
}


/*eshop*/
#home #content p.txt_eshop{
position:absolute;
top:379px;
right:15px;
width: 189px;
height: 47px;
}
#home #content ul.dlNav{
position:absolute;
top:433px;
right: 0px;
}
#home #content ul.dlNav li a{
text-indent:-9999px;
overflow:hidden;
}
*:first-child+html #home #content ul.dlNav li a{
text-indent:0;
overflow:hidden;
width: 232px;
height: 76px;
line-heght:0;
font-size: 0;
	}	
#home #content ul.dlNav li a.haribotekit{
width: 232px;
height: 76px;
}
#home #content ul.dlNav li.dlbtn .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_howtodl.png) no-repeat 0 0;
}

/* dec */
#home #content p.txt_dec01{
position:absolute;
top: 412px;
left: 7px;
width: 171px;
height: 115px;
}



/*
carrousel  ----- */
#home #content div.carrousel{
position: relative;
width: 940px;
height: 70px;
background: url(/ex/zenkokuzukan_pro/images/crsl/bg.png) no-repeat 0 0;
}
#home #content div.carrousel p.prevBlk{
position: absolute;
top: 5px;
left: 5px;
width: 25px;
height: 60px;
}
#home #content div.carrousel p.nextBlk{
position: absolute;
top: 5px;
left: 910px;
width: 25px;
height: 60px;
}
#home #content div.carrousel p.prevBlk,
#home #content div.carrousel p.nextBlk{
display: block;
width: 25px;
height: 60px;
}
#home #content div.carrousel p.prevBlk a.disable,
#home #content div.carrousel p.nextBlk a.disable,
#home #content div.carrousel p.prevBlk a:hover,
#home #content div.carrousel p.nextBlk a:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#home #content div.carrousel p.prevBlk a.disable,
#home #content div.carrousel p.nextBlk a.disable{
cursor: default !important;
}
#home #content div.carrousel div.items{
position: relative;
top: 5px;
left: 40px;
width: 860px;
height: 60px;
overflow: hidden;
}
#home #content div.carrousel div.items ul{
position: absolute;
left: 0;
top: 0;
width: 860px;
height: 60px;
overflow: hidden;
}
#home #content div.carrousel div.items ul li{
float: left;
width: 283px;
height: 60px;
margin-left: 5px;
}
#home #content div.carrousel div.items ul li a{
display: block;
height: 60px;
text-indent: -9999px;
overflow: hidden;
}
/* item */
#home #content div.carrousel div.items ul li.item01{
margin-left: 0;
}
#home #content div.carrousel div.items ul li.item04,
#home #content div.carrousel div.items ul li.item07
{
margin-left: 1px;
}




#home #content div.carrousel div.items ul li.item01 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_01.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item02 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_02.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item03 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_03.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item04 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_04.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item05 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_05.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item06 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_06.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item07 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_07.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item08 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_08.png) no-repeat 0 0;
}
#home #content div.carrousel div.items ul li.item09 a{
background: url(/ex/zenkokuzukan_pro/images/crsl/item_09_new.png) no-repeat 0 0;
}




/* hover */
#home #content div.carrousel div.items ul li.item01 a:hover,
#home #content div.carrousel div.items ul li.item02 a:hover,
#home #content div.carrousel div.items ul li.item03 a:hover,
#home #content div.carrousel div.items ul li.item04 a:hover,
#home #content div.carrousel div.items ul li.item05 a:hover,
#home #content div.carrousel div.items ul li.item06 a:hover,
#home #content div.carrousel div.items ul li.item07 a:hover,
#home #content div.carrousel div.items ul li.item08 a:hover,
#home #content div.carrousel div.items ul li.item09 a:hover
{
background-position: 0 -70px;
}


/* - FOOTER - 
--------------------------------------------------------------*/
/*
gameDetail ----- */
#home #footerWrap .gameDetailWrap{
width: 100%;
color: #FFF;
background: #000;
}
/* gameDetail */
#home #footerWrap .gameDetail {
width: 940px;
margin: 0 auto;
padding: 20px 0;
}

#home #footerWrap .gameDetail .left {
display: block;
float: left;
width: 640px;
}

/* 
newsBlk----------*/
#home #footerWrap .newsBlk{
display: block;
float: left;
width: 680px;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #999;
background: #000;
}
#home #footerWrap .newsBlk h3{
float:left;
width: 70px;
}
#home #footerWrap .newsBlk dl{
float: left;
width: 400px;
margin-bottom: 0;

padding-left: 20px;
}
#home #footerWrap .newsBlk dl dt{
float: left;
clear: both;
margin-bottom: 6px;
padding-top: 1px;
font-size: 11px;
}
#home #footerWrap .newsBlk dl dd{
margin-bottom: 6px;
padding: 0 0 6px 74px;
}

#home #footerWrap .gameDetail .waku{
float: left;
display: block;
width: 680px;
height: auto;
padding-top: 13px;
}


#home #footerWrap .gameDetail h2{
width: 160px;
padding-top: 13px;
float: left;
}

/* ul */
#home #footerWrap .gameDetail .detailBlk{
float: right;
width: 495px;
height: auto;
border-left: 1px solid #FFF;
padding-left: 20px;
line-height: 1.6;
font-size: 11px;
}
#home #footerWrap .gameDetail ul{
float: left;
width: 180px;
/* clear: both; */
margin-bottom: 3px;
}
#home #footerWrap .gameDetail ul li{
/* float: left; */
padding-right: 20px;
/* display: inline; */
}

/* ** */
#home #footerWrap .gameDetail dl{
float: left;
width: 580px;
padding-left: 20px;
line-height: 1.6;
font-size: 11px;
border-left: 1px solid #FFF;
}
#home #footerWrap .gameDetail dl dt{
float: left;
display: block;
}
#home #footerWrap .gameDetail dl dt.clear{
clear: both;
}
#home #footerWrap .gameDetail dl dd{
display: block;
padding: 0 30px 0 0;
margin-left:80px;

}


/*#home #footerWrap div.movThum{
float: right;
width: 202px;
}*/

#home #footerWrap div.movArea{
display: block;
float: right;
width: 202px;
}

#home #footerWrap div.movArea p.moviebtn{
	margin-top:10px;
	}

#home #footer p.album{
margin-bottom: 20px;
}


/* b2w2 */
#home #footer p.prm01{
padding-top: 10px;
}

/* おもしろ、シール */
div.footerbnr2colum{
	margin-bottom:10px;
	}
div.footerbnr2colum p.contest,
div.footerbnr2colum p.arseal{
float:left;
width:460px;
}
div.footerbnr2colum p.contest{
	margin-right:20px;
	}

/* - SMALL LAYOUT SETTING max-width: 580px - 
--------------------------------------------------------------*/
@media screen and (max-width: 580px) {
	#home #content h1 .panel{
	background: none;
	}
}


/* Modal Style 
/*--------------------------------------------------------------*/
div#modalCont div.include{
margin: 0 auto 20px;
padding-top: 380px;
width: 640px;
height: 360px;
}
div#modalCont p.closeBtn{
width: 30px;
margin: 0 auto 20px;
text-align: center;
}
div#modalCont p.closeBtn a{
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
background: url(/ex/zenkokuzukan_pro/common/images/btn_close.png) no-repeat 0 0 ;
}



