@charset "UTF-8";

/* - LAYOUT -
--------------------------------------------------------------*/
html,body{
background: #FFF;
}
div#container{
top: 0;
left: 0;
/* background: url(/ex/b2w2/images/bg_home_btm.png) no-repeat center bottom; */
}
div#container div#header{
width: 960px;
height: 137px;
margin: 0 auto;
padding: 0;
}
div#container div#billboard{
position: relative;
width: 100%;
height: 563px;
padding: 20px 0 0;
background: url(/ex/scrambleU/images/bg_bb.png) repeat-x 0 0;
overflow: hidden;
}
div#container div#contentWrap{
width: 100%;
background: url(/ex/scrambleU/images/bg_content.png) repeat-x 0 0;
}
div#container div#content{
width: 940px;
margin:0 auto;
padding: 22px 10px 0;
}
/*
div#footerWrap{
width: 100%;
height: 100px;
padding: 20px 0 25px;
color: #FFF;
background: #1BB9E1 url(/ex/scrambleU/images/bg_ftr.png) repeat-x 0 0;
font-size: 11px;
}
div#footer{
width: 940px;
margin: 0 auto;
}
*/


/* - Header -
--------------------------------------------------------------*/
/* h1 SiteTitle */
#header h1{
width: 233px;
height: 70px;
float: left;
margin-left: 8px;
}


/* gNav */
#header #gNav{
height: 54px;
margin: 0 0 6px 0;
}
#header #gNav ul{
width: 942px;
height: 54px;
margin: 0 auto;
background: url(/ex/scrambleU/images/gnav.png) no-repeat 0 0;
}
#header #gNav ul li{
float: left;
width: 188px;
height: 54px;
text-indent: -9999px;
overflow: hidden;
}
#header #gNav ul li a{
display: block;
height: 54px;
}
	#header #gNav ul li.gn01 a:hover{
	background: url(/ex/scrambleU/images/gnav.png) no-repeat 0 -90px;
	}
	#header #gNav ul li.gn02 a:hover{
	background: url(/ex/scrambleU/images/gnav.png) no-repeat -188px -90px;
	}
	#header #gNav ul li.gn03 a:hover{
	background: url(/ex/scrambleU/images/gnav.png) no-repeat -376px -90px;
	}
	#header #gNav ul li.gn04 a:hover{
	background: url(/ex/scrambleU/images/gnav.png) no-repeat -564px -90px;
	}
	#header #gNav ul li.gn05 a:hover{
	background: url(/ex/scrambleU/images/gnav.png) no-repeat -564px -90px;
	}
	#header #gNav ul li.gn06 a:hover{
	background: url(/ex/scrambleU/images/gnav.png) no-repeat -752px -90px;
	}

/*
* drop down nav [ li.gn01 ] *****
*/
#header #gNav ul li.gn01{
position: relative;
overflow: visible;
z-index: 100;
}
#header #gNav ul li.gn01 dl.dd{
position: absolute;
top:0; left: 0;
width: 188px;
height: 337px;
background: url(/ex/scrambleU/images/gnav_dd_game.png) no-repeat 0 0;
}
#header #gNav ul li.gn01 dl.dd dt{
height: 47px;
margin: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}
#header #gNav ul li.gn01 dl.dd dd{
margin: 0;
padding: 0;
}
#header #gNav ul li.gn01 dl.dd dd a{
display: block;
height: 47px;
text-indent: -9999px;
overflow: hidden;
}
#header #gNav ul li.gn01 dl.dd dd a:hover{
background: url(/ex/scrambleU/images/gnav_dd_game.png) no-repeat -240px -47px;
}
#header #gNav ul li.gn01 dl.dd dd.dd01 a:hover{}
#header #gNav ul li.gn01 dl.dd dd.dd02 a:hover{
background-position: -240px -94px;
}
#header #gNav ul li.gn01 dl.dd dd.dd03 a:hover{
background-position: -240px -141px;
}
#header #gNav ul li.gn01 dl.dd dd.dd04 a:hover{
background-position: -240px -188px;
}
#header #gNav ul li.gn01 dl.dd dd.dd05 a { height:48px; }
#header #gNav ul li.gn01 dl.dd dd.dd05 a:hover{
background-position: -240px -235px;
}
#header #gNav ul li.gn01 dl.dd dd.dd06 a { height:48px; }
#header #gNav ul li.gn01 dl.dd dd.dd06 a:hover{
background-position: -240px -283px;
}

/*
* drop down nav [ li.gn02 ] *****
*/
#header #gNav ul li.gn02{
position: relative;
overflow: visible;
z-index: 100;
}
#header #gNav ul li.gn02 dl.dd{
position: absolute;
top:0; left: 0;
width: 188px;
height: 290px;
background: url(/ex/scrambleU/images/gnav_dd_nfc.png) no-repeat 0 0;
}
#header #gNav ul li.gn02 dl.dd dt{
height: 47px;
margin: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}
#header #gNav ul li.gn02 dl.dd dd{
margin: 0;
padding: 0;
}
#header #gNav ul li.gn02 dl.dd dd a{
display: block;
height: 47px;
text-indent: -9999px;
overflow: hidden;
}
#header #gNav ul li.gn02 dl.dd dd a:hover{
background: url(/ex/scrambleU/images/gnav_dd_nfc.png) no-repeat -240px -47px;
}
#header #gNav ul li.gn02 dl.dd dd.dd01 a:hover{
/* background-position: 246px -47px; */
}
#header #gNav ul li.gn02 dl.dd dd.dd02 a { height: 48px; }
#header #gNav ul li.gn02 dl.dd dd.dd02 a:hover{
background-position: -240px -94px;
}
#header #gNav ul li.gn02 dl.dd dd.dd03 a:hover{
background-position: -240px -142px;
}
#header #gNav ul li.gn02 dl.dd dd.dd04 a { height: 48px; }
#header #gNav ul li.gn02 dl.dd dd.dd04 a:hover{
background-position: -240px -189px;
}
#header #gNav ul li.gn02 dl.dd dd.dd05 a { height: 48px; }
#header #gNav ul li.gn02 dl.dd dd.dd05 a:hover{
background-position: -240px -237px;
}


/* hnav */
#header ul#hNav{
float: right;
width: 353px;
height: 24px;
padding: 24px 10px 0 0;
}
#header ul#hNav li{
float: left;
}
#header ul#hNav li.hn01{
width: 84px;
height: 24px;
margin-right: 6px;
}
#header ul#hNav li.hn02{
width: 87px;
height: 22px;
margin-right: 10px;
}
#header ul#hNav li.hn03{
width: 163px;
height: 22px;
}


/* - BILLBOARD -
--------------------------------------------------------------*/
#billboard #kv{
position: relative;
width: 940px;
height: 543px;
margin:  0 auto;
background: url(/ex/scrambleU/images/kv_bg.png) no-repeat 0 0;
}
#billboard #kv h2{
position: absolute;
top: 365px;
left: 108px;
width: 504px;
height: 153px;
background: url(/ex/scrambleU/images/kv_ttl.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#billboard #kv h3{
position: absolute;
top: 10px;
left: 442px;
width: 469px;
height: 60px;
background: url(/ex/scrambleU/images/kv_txt.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#billboard div#kvPic{
position: absolute;
top: 39px;
left: 225px;
width: 267px;
height: 298px;
background: url(/ex/scrambleU/images/kv_pic.png) no-repeat 0 0;
}
#billboard div#kvVic{
position: absolute;
top: 88px;
left: 502px;
width: 309px;
height: 333px;
background: url(/ex/scrambleU/images/kv_vic.png) no-repeat 0 0;
}



/* - CONTENTS -
--------------------------------------------------------------*/
/* gameCarousel *** */
#home #content #gameCarousel{
width: 940px;
height: 144px;
overflow: hidden;
margin: 0 0 20px;
}
#home #content #gameCarousel ul{
position: relative;
top: 0;
left: 0;
width: 10000px;
height: 144px;
overflow: hidden;
padding: 16px 0;
}
#home #content #gameCarousel ul li{
float: left;
width: 184px;
/* height: 103px; */
margin-right: 5px;
padding: 0;
/* position: relative; */
}
#home #content #gameCarousel ul li a{
display: block;
position: relative;
padding-bottom: 12px;
background: url(/ex/scrambleU/images/photo_sdw.png) no-repeat center bottom;
}
#home #content #gameCarousel ul li img{
width: 100%;
height: auto;
}

/* ***********
#home #content #gameCarousel ul li a{
width: 240px;
height: 135px;
z-index: 100;
top: -16px;
left: -28px;
}
*/




/* newsBlk *** */
#home div#newsBlk{
width: 884px;
height: 188px;
margin: 0 0 20px;
padding: 22px 28px;
background: url(/ex/scrambleU/images/bg_news.png) no-repeat 0 0;
overflow: hidden;
}
#home div#newsBlk div.ttl{
margin-bottom: 5px;
height: 25px;
}
#home div#newsBlk div.ttl h3{
width: 100px;
height: 25px;
float: left;
}
#home div#newsBlk div.ttl h3 .panel{
background: url(/ex/scrambleU/images/sttl_01.png) no-repeat 0 0;
}
#home div#newsBlk div.ttl p{
float: right;
width: 100px;
}
#home div#newsBlk ul{
background: #FFF;
height: 155px;
text-align: left;
border-top: 1px dotted #D1D1D1;
overflow: auto
}
#home div#newsBlk ul li{
padding: 7px 5px;
border-bottom: 1px dotted #D1D1D1;
}
#home div#newsBlk ul li.last{ border-bottom:none; }
#home div#newsBlk ul li span.date{
width: 90px;
padding-right: 10px;
color: #f96e1a;
}


/* prmBlk *** */
#home div.prmBlk{
width: 940px;
margin: 0 0 40px;
overflow: hidden;
}
#home div.prmBlk ul li{
float: left;
width: 301px;
text-align: center;
margin-left: 14px;
}
#home div.prmBlk ul li.first{
width: 310px;
margin-left: 0;
}

/* productInfo */
#home div#content #productInfo{
margin: 0 0 25px;
padding: 15px 10px;
border: 1px solid #CCC;
text-align: center;
}
#home div#content #productInfo h3{
width: 158px;
height: 23px;
margin-bottom: 10px;
}
#home div#content #productInfo h3 .panel{
background: url(/ex/scrambleU/images/img_title_01.png) no-repeat 0 0;
}
#home div#content #productInfo p{
margin-bottom: 5px;
font-size: 85%;
line-height: 1.5;
}