@charset "UTF-8";

/* Readjust
--------------------------------------------------------------*/
body{
	font-size: 13px;
	*font-size: small;
	*font:x-small;
	font-family: Verdana, Arial, sans-serif;
	background: url(/ex/scrambleU/common/images/bg_content.png) repeat-x 0 0;
	line-height: 1.6;
}
*:first-child+html body{
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* LINK */
a,
a:link {
	text-decoration:underline;
	color:#1491b4;
}
a:visited {
	text-decoration:underline;
	color:#1491b4;
}
a:active {
	text-decoration:underline;
	color:#1491b4;
}
a:hover {
	text-decoration:underline;
	color:#555;
}
a>span.new { font-weight: bold;
color: #f00 !important;
display: inline !important;
border-bottom: none !important;}
/* Deco */
.showSmt{
display: none;
}
.showPc{
display: block;
}
.important{
color: #e60014;
}
p.nxtBullet, span.nxtBullet, a.nxtBullet{
display:inline-block;
/display:inline;
padding-left: 12px;
background: url(/ex/scrambleU/common/images/arw_r_gray.png) no-repeat 0 3px;
}
a.newWin, span.newWin{
padding-right: 15px;
background: url(/ex/scrambleU/common/images/icn_newwin_blk.png) no-repeat 100% 4%;
}
img.newWin { margin-left:5px; }

/* haribotekit */
.haribotekit span.hide{
display: block;
text-indent: -9999px;
overflow: hidden;
}

/* headding bottom dot line*/
#content .ttl.btmWdot {
padding-bottom: 10px;
margin-bottom: 1em;
background: url(/ex/scrambleU/common/images/bg_ttl_btmWdot.gif) repeat-x left bottom;
}
#mainArea h3 {
padding-left:12px;
width:auto; height:auto;
background: url(/ex/scrambleU/common/images/icn_blue_bar.png) no-repeat 0 0;
}
#mainArea h3 {
}
#mainArea a.btn:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}


/* LAYOUT
--------------------------------------------------------------*/
#container{
width: 100%;
margin: 0 auto;
padding: 0;
}
#header{
width: 940px;
height: 93px;
text-align: left;
margin: 0 auto;
padding: 13px 0 0;
}
#contentWrap{
width: 940px;
margin: 0 auto;
}
#contentWrap #contentFrame{
width: 940px;
margin: 0 auto 25px;
padding: 15px 0 0;
background: url(/ex/scrambleU/common/images/bg_cont_top.png) no-repeat 0 0;
}
#contentWrap .inner01{
padding: 0 0 20px;
background: url(/ex/scrambleU/common/images/bg_cont_btm.png) no-repeat 0 100%;
}
#contentWrap .inner02{
min-height: 500px;
padding: 0;
background: url(/ex/scrambleU/common/images/bg_cont_mid.png) repeat-y 0 0;
}

#mainArea{
float: right;
width: 678px;
padding: 15px 0 0;
}
#side{
float: left;
width: 214px;
padding: 11px 0 0 38px;
display: inline;
color: #FFF;
}

#mainArea #content{
width: 640px;
margin: 0;
text-align: left;
}

div#footerWrap{
/* clear: both; */
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;
}


.attention p.catch02 { padding: 0 0 0 19px !important;}


/* H E A D E R
--------------------------------------------------------------*/
#header #siteTtl{
width: 207px;
height: 62px;
float: left;
}
#header .ttlCatch{
float: left;
width: 322px;
height: 34px;
padding: 15px 0 0 10px;
}

/* hnav */
#header ul#hNav{
float: right;
width: 353px;
padding: 24px 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;
}





/* C O N T E N T
--------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#mainArea h1{
width: 640px;
height: 104px;
margin-bottom: 10px;
}

#mainArea h2{
margin: 0 0 30px;
}



/* breadcrumb */
#mainArea #content .breadcrumb{
height: 40px;
color: #555;
font-size: 11px;
}
#mainArea #content .breadcrumb ul{
}
#mainArea #content .breadcrumb ul li{
float: left;
margin-right: 3px;
}
#mainArea #content .breadcrumb ul li strong{
font-weight: normal;
}



/*
* S I D E
*/

#side #navBlk{
width: 194px;
padding: 0 0 13px;
}
#side #navBlk ul{
/* margin-left: 12px; */
}
#side #navBlk ul li{
height: 54px;
text-indent: -9999px;
overflow: hidden;
padding-left: 11px;
}
#side #navBlk ul li a{
display: block;
width: 174px;
height: 54px;
}
#side #navBlk ul li.sn01{
padding-top: 10px;
background: url(/ex/scrambleU/common/images/snavBG.png) repeat-y -220px -0px;
}
#side #navBlk ul li.sn02{
background: url(/ex/scrambleU/common/images/snavBG.png) repeat-y -220px -50px;
}
#side #navBlk ul li.sn03{
background: url(/ex/scrambleU/common/images/snavBG.png) repeat-y -220px -50px;
}
#side #navBlk ul li.sn04{
background: url(/ex/scrambleU/common/images/snavBG.png) repeat-y -220px -50px;
}
#side #navBlk ul li.sn05{
height: 65px;
background: url(/ex/scrambleU/common/images/snav.png) no-repeat -220px -227px;
}

#side #navBlk ul li.sn01 a{
background: url(/ex/scrambleU/common/images/snav.png) no-repeat -231px -11px;
}
#side #navBlk ul li.sn01 a:hover,
#game #side #navBlk ul li.sn01 a{
background-position: -11px -11px;
}
#side #navBlk ul li.sn02 a{
background: url(/ex/scrambleU/common/images/snav.png) no-repeat -231px -65px;
}
#side #navBlk ul li.sn02 a:hover,
#nfc #side #navBlk ul li.sn02 a{
background-position: -11px -65px;
}
#side #navBlk ul li.sn03 a{
background: url(/ex/scrambleU/common/images/snav.png) no-repeat -231px -119px;
}
#side #navBlk ul li.sn03 a:hover,
#aikotoba #side #navBlk ul li.sn03 a{
background-position: -11px -119px;
}
#side #navBlk ul li.sn04 a{
background: url(/ex/scrambleU/common/images/snav.png) no-repeat -231px -173px;
}
#side #navBlk ul li.sn04 a:hover,
#movie #side #navBlk ul li.sn04 a{
background-position: -11px -173px;
}
#side #navBlk ul li.sn05 a{
background: url(/ex/scrambleU/common/images/snav.png) no-repeat -231px -227px;
}
#side #navBlk ul li.sn05 a:hover,
#news #side #navBlk ul li.sn05 a{
background-position: -11px -227px;
}

/* Local Nav */
#game #side #navBlk ul li.sn01{
height: auto;
}

#game #side #navBlk ul li ul.ln li{
height: 54px;
padding: 0;
}
#game #side #navBlk ul li ul.ln li.ln01 a{
background: url(/ex/scrambleU/common/images/snav_inner_game.png) no-repeat -220px 0;
}
#game #side #navBlk ul li ul.ln li.ln02 a{
background: url(/ex/scrambleU/common/images/snav_inner_game.png) no-repeat -220px -54px;
}
#game #side #navBlk ul li ul.ln li.ln03 a{
background: url(/ex/scrambleU/common/images/snav_inner_game.png) no-repeat -220px -108px;
}
#game #side #navBlk ul li ul.ln li.ln04 a{
background: url(/ex/scrambleU/common/images/snav_inner_game.png) no-repeat -220px -162px;
}
#game #side #navBlk ul li ul.ln li.ln05 a{
background: url(/ex/scrambleU/common/images/snav_inner_game.png) no-repeat -220px -216px;
}
#game #side #navBlk ul li ul.ln li.ln06 a{
background: url(/ex/scrambleU/common/images/snav_inner_game.png) no-repeat -220px -270px;
}
#game #side #navBlk ul li ul.ln li.ln01 a:hover,
#game.index #side #navBlk ul li ul.ln li.ln01 a{
background-position: 0 0;
}
#game #side #navBlk ul li ul.ln li.ln02 a:hover,
#game.game_02 #side #navBlk ul li ul.ln li.ln02 a{
background-position: 0 -54px;
}
#game #side #navBlk ul li ul.ln li.ln03 a:hover,
#game.game_03 #side #navBlk ul li ul.ln li.ln03 a{
background-position: 0 -108px;
}
#game #side #navBlk ul li ul.ln li.ln04 a:hover,
#game.game_04 #side #navBlk ul li ul.ln li.ln04 a{
background-position: 0 -162px;
}
#game #side #navBlk ul li ul.ln li.ln05 a:hover,
#game.game_05 #side #navBlk ul li ul.ln li.ln05 a{
background-position: 0 -216px;
}
#game #side #navBlk ul li ul.ln li.ln06 a:hover,
#game.game_06 #side #navBlk ul li ul.ln li.ln06 a{
background-position: 0 -270px;
}

#nfc #side #navBlk ul li ul.ln li{
padding: 0;
}
#nfc #side #navBlk ul li.sn02{
height: auto;
}
#nfc #side #navBlk ul li ul.ln li.ln01 a{
background: url(/ex/scrambleU/common/images/snav_inner_nfc.png) no-repeat -220px 0;
}
#nfc #side #navBlk ul li ul.ln li.ln02 a{
background: url(/ex/scrambleU/common/images/snav_inner_nfc.png) no-repeat -220px -54px;
}
#nfc #side #navBlk ul li ul.ln li.ln03 a{
background: url(/ex/scrambleU/common/images/snav_inner_nfc.png) no-repeat -220px -108px;
}
#nfc #side #navBlk ul li ul.ln li.ln04 a{
background: url(/ex/scrambleU/common/images/snav_inner_nfc.png) no-repeat -220px -162px;
}
#nfc #side #navBlk ul li ul.ln li.ln05 a{
background: url(/ex/scrambleU/common/images/snav_inner_nfc.png) no-repeat -220px -216px;
}
#nfc #side #navBlk ul li ul.ln li.ln01 a:hover,
#nfc.index #side #navBlk ul li ul.ln li.ln01 a{
background-position: 0 0;
}
#nfc #side #navBlk ul li ul.ln li.ln02 a:hover,
#nfc.nfc_02 #side #navBlk ul li ul.ln li.ln02 a{
background-position: 0 -54px;
}
#nfc #side #navBlk ul li ul.ln li.ln03 a:hover,
#nfc.nfc_03 #side #navBlk ul li ul.ln li.ln03 a{
background-position: 0 -108px;
}
#nfc #side #navBlk ul li ul.ln li.ln04 a:hover,
#nfc.nfc_04 #side #navBlk ul li ul.ln li.ln04 a{
background-position: 0 -162px;
}
#nfc #side #navBlk ul li ul.ln li.ln05 a:hover,
#nfc.nfc_05 #side #navBlk ul li ul.ln li.ln05 a{
background-position: 0 -216px;
}

/*
 toTop
*/
#contentWrap p.toTop{
text-align: right;
margin-bottom: 20px;
}

/*
* contBtm
*/
#contentWrap .contBtm{
}
/* infolinks */
#contentWrap .contBtm .infolinks{
float: left;
}
/* ul.links_01 */
#contentWrap .contBtm .infolinks ul.links_01{
margin: 0 0 8px;
}
#contentWrap .contBtm .infolinks ul.links_01 li{
float: left;
margin: 0 6px 0 0;
}
#contentWrap .contBtm .infolinks ul.links_01 li a {
text-indent: -9999px;
overflow: hidden;
display:block;
}
#contentWrap .contBtm .infolinks ul.links_01 .pmo{
width: 192px;
height: 14px;
overflow: hidden;
}
#contentWrap .contBtm .infolinks ul.links_01 .pmo .panel{
background: url(/ex/scrambleU/images/btn_cojp.png) no-repeat 0 0;
}
#contentWrap .contBtm .infolinks ul.links_01 .dsc{
width: 128px;
height: 14px;
overflow: hidden;
}
#contentWrap .contBtm .infolinks ul.links_01 .dsc a { display:block; }
#contentWrap .contBtm .infolinks ul.links_01 .dsc .panel{
background: url(/ex/scrambleU/images/btn_dsc.png) no-repeat 0 0;
}
#contentWrap .contBtm .infolinks ul.links_01 .download{
width: 480px;
height: 14px;
overflow: hidden;
margin:0 0 0 125px;
}
#contentWrap .contBtm .infolinks ul.links_01 .download a { display:block; }
#contentWrap .contBtm .infolinks ul.links_01 .download .panel{
background: url(/ex/scrambleU/images/btn_download.png) no-repeat 0 0;
}
/* ul.links_02 */
#contentWrap .contBtm .infolinks ul.links_02 li{
float: left;
margin: 0 8px 0 0;
}
#contentWrap .contBtm .infolinks ul.links_02 li.wiiu{
width: 84px;
height: 24px;
}
#contentWrap .contBtm .infolinks ul.links_02 li.nin{
width: 87px;
height: 22px;
}
#contentWrap .contBtm .infolinks ul.links_02 li.tpc{
width: 163px;
height: 22px;
}

/* shareBtn */
#contentWrap .contBtm div.shareBtn{
float: right;
width: 360px;;
margin: -45px 0 20px;
}
#contentWrap .contBtm div.shareBtn .btns{
text-align: left;
}
#contentWrap .contBtm div.shareBtn .btns ul{
padding: 24px 0 0;
}
#contentWrap .contBtm div.shareBtn .btns ul li{
float: left;
width: 120px;
height: 22px;
overflow: hidden;
}

/* #smartList */
#contentWrap #smartList{
display: none;
}


/* F O O T E R - - - -
--------------------------------------------------------------*/



/* Modal Style
/*--------------------------------------------------------------*/
div#modalBase{
position:absolute;
top: 0;
left: 0;
width: 100%;
display:none;
z-index:900;
background:#111;
filter:alpha(opacity=90) !important;
-moz-opacity:0.9;
-khtml-opacity:0.9;
opacity:0.9;
}
div#modalCont{
position:absolute;
top: 0;
left: 0;
width: 640px;
display:none;
z-index:1000;
}
div#modalCont div#include{
width: 640px;
height: 360px;
}
div#modalCont p#closeBtn{
margin: 0 auto 20px;
text-align: right;
}


/* --------------------------------------------------------------*/
/* page: GAME */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#game #mainArea{
padding: 0;
}
#game #mainArea h1{
margin-top: -5px;
height: 124px;
}
#game #mainArea h1 .panel{
background: url(/ex/scrambleU/game/images/ttl_01.png) no-repeat 0 0;
}
#game #mainArea h2{
width: 640px;
height: 80px;
}
#game.index #mainArea h2 .panel{
background: url(/ex/scrambleU/game/images/sttl_01.png) no-repeat 0 0;
}
#game.game_02 #mainArea h2 .panel{
background: url(/ex/scrambleU/game/images/sttl_02.png) no-repeat 0 0;
}
#game.game_03 #mainArea h2 { height:39px;}
#game.game_03 #mainArea h2 .panel{
background: url(/ex/scrambleU/game/images/sttl_03.png) no-repeat 0 0;;
}
#game.game_04 #mainArea h2 { height:39px;}
#game.game_04 #mainArea h2 .panel{
background: url(/ex/scrambleU/game/images/sttl_04.png) no-repeat 0 0;
}
#game.game_05 #mainArea h2 { height:39px;}
#game.game_05 #mainArea h2 .panel{
background: url(/ex/scrambleU/game/images/sttl_05.png) no-repeat 0 0;
}
#game.game_06 #mainArea h2 .panel{
background: url(/ex/scrambleU/game/images/sttl_06.png) no-repeat 0 0;
}


/* --------------------------------------------------------------*/
/* page: NFC */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#nfc #mainArea{
padding: 0;
}
#nfc #mainArea h1{
margin-top: -5px;
height: 124px;
}
#nfc #mainArea h1 .panel{
background: url(/ex/scrambleU/nfc/images/ttl_01.png) no-repeat 0 0;
}
#nfc #mainArea h2{
width: 640px;
height: 80px;
}
#nfc.index #mainArea h2 .panel{
background: url(/ex/scrambleU/nfc/images/sttl_01.png) no-repeat 0 0;
}
#nfc.nfc_02 #mainArea h2 .panel{
background: url(/ex/scrambleU/nfc/images/sttl_02.png) no-repeat 0 0;
}
#nfc.nfc_03 #mainArea h2 .panel{
background: url(/ex/scrambleU/nfc/images/sttl_03.png) no-repeat 0 0;
}
#nfc.nfc_04 #mainArea h2 { height:40px; }
#nfc.nfc_04 #mainArea h2 .panel{
background: url(/ex/scrambleU/nfc/images/sttl_04.png) no-repeat 0 0;
}
#nfc.nfc_05 #mainArea h2 .panel{
background: url(/ex/scrambleU/nfc/images/sttl_05.jpg) no-repeat 0 0;
}
#nfc #mainArea .frame { border:1px solid #ddd; padding:10px; }


/* --------------------------------------------------------------*/
/* page: あいことば */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#aikotoba #mainArea{
padding: 0;
}
#aikotoba #mainArea h1{
margin-top: 16px;
height: 98px;
}
#aikotoba #mainArea h1 .panel{
background: url(/ex/scrambleU/aikotoba/images/ttl_01.png) no-repeat 0 0;
}
#aikotoba #mainArea h2{
width: 640px;
height: 80px;
}
#aikotoba.index #mainArea h2 .panel{
background: url(/ex/scrambleU/aikotoba/images/sttl_01.png) no-repeat 0 0;
}


/* --------------------------------------------------------------*/
/* page: MOVIE */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#movie #mainArea{
padding: 0;
}
#movie #mainArea h1{
margin-top: -5px;
height: 124px;
}
#movie #mainArea h1 .panel{
background: url(/ex/scrambleU/movie/images/ttl_01.png) no-repeat 0 0;
}




/* --------------------------------------------------------------*/
/* page: NEWS */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#news #mainArea h1 .panel{
background: url(/ex/scrambleU/news/images/ttl_01.png) no-repeat 0 0;
}


/* newsBlk *** */
#news div#newsList{
}
#news div#newsList dl{
/* border-top: 1px dotted #D1D1D1; */
}
#news div#newsList dl dt{
color: #f96e1a;
}
#news div#newsList dl dd{
margin-bottom: 15px;
padding: 10px 3px 15px;
border-bottom: 1px dotted #D1D1D1;
}
#news div#newsList dl dd ul li{
margin-bottom: 10px;
padding-left: 12px;
background: url(/ex/scrambleU/common/images/arw_r_gray.png) no-repeat 0 3px;
}



