@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
html,body{
background: #FFF;
}
div#container div#header{
width: auto;
height: 214px;
margin: 0 auto;
padding: 0;
background: url(/ex/scrambleU/images/img_header.jpg) no-repeat 50% 96%;
background-size: 300px auto;
}
div#container div#billboard{
width: 100%;
height: auto;
padding: 0;
background-image: none;
/* background: url(/ex/scrambleU/images/bg_bb.png) repeat-x 0 0; */
}
div#container div#contentWrap{
width: 100%;
background-image: none;
}
div#container div#content{
width: auto;
margin:0 auto;
padding: 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,
#header p.ttlCatch{
display: none;
}

/* gNav */
#header #gNav{
display: none
}

/* hnav */
#header ul#hNav{
display: block;
float: none;
width: auto;
padding: 5px 0 0 10px;
}
#header ul#hNav li{
float: none;
}
#header ul#hNav li.hn01{
width: 45px;
height: 24px;
margin-right: 0;
}
#header ul#hNav li.hn02{
float: left;
width: 52px;
height: 16px;
margin-right: 6px;
}
#header ul#hNav li.hn03{
float: left;
width: 103px;
height: 17px;
padding: 1px 0 0;
}

/* Btn Menu Blk */
#header p.btnMenuBlk{
position: absolute;
top: 7px;
}


/* - BILLBOARD - 
--------------------------------------------------------------*/
#billboard #kv{
width: 300px;
height: 173px;
margin:  0 auto;
background: url(/ex/scrambleU/images/kv_sml.jpg) no-repeat 0 0;
background-size: cover;
}
/*
#billboard #kv h2{
text-indent: -9999px;
overflow: hidden;
}
*/
#billboard #kv h2,
#billboard #kv h3,
#billboard #kvPic,
#billboard #kvVic{
display: none;
}




/* - CONTENTS - 
--------------------------------------------------------------*/
/* gameCarousel *** */
#home #content #gameCarousel{
display: none;
}

/* newsBlk *** */
#home div#newsBlk{
width: auto;
height: auto;
margin: 15px 10px 20px;
padding: 0;
background-image: none;
}
#home div#newsBlk div.ttl{
margin-bottom: 5px;
}
#home div#newsBlk div.ttl h3{
width: auto;
height: auto;
float: left;
background: url(/ex/scrambleU/common/images/icn_blue_bar.png) no-repeat 0 0;
padding-left: 12px;
}
#home div#newsBlk div.ttl h3 .panel{
background-image: none;
}
#home div#newsBlk div.ttl p{
float: right;
width: auto;
padding: 5px 0 0;
}
#home div#newsBlk ul{
background: #FFF;
height: auto;
overflow: auto;
text-align: left;
}
#home div#newsBlk ul li{
padding: 6px 4px;
line-height: 1.4;
font-size: 13px;
}
#home div#newsBlk ul li span.date{
display: block;
width: auto;
padding: 0 0 1px 0;
}


/* prmBlk *** */
#home div.prmBlk{
width: auto;
margin: 0 10px 30px;
overflow: hidden;
}
#home div.prmBlk ul li{
float: none;
width: auto;
text-align: center;
}
#home div.prmBlk ul li.first{
margin-right: 0;
}

/* productInfo */
#home div#content #productInfo{
margin: 0 10px 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%;
}


/* shareBtn */
#home #content div.shareBtn{
position: static;
left: 0; top: 0;
width: 100%;
margin: 0;
padding: 5px 0;
}
#home #content div.shareBtn .btns{
text-align: left;
padding-left: 10px;
}


/* - FOOTER - 
--------------------------------------------------------------*/

