@charset "UTF-8";

/* Readjust
--------------------------------------------------------------*/
.showSmt{
display: block;
}
.showPc{
display: none;
}

/* LAYOUT
--------------------------------------------------------------*/
body{
background-image: none;
}
#container{
width: 100%;
margin: 0 auto;
padding: 0;
}
#header{
width: auto;
height: 69px;
text-align: left;
margin: 0 auto;
padding: 14px 10px 0;
background: url(/ex/scrambleU/common/images/bg_content.png) repeat-x 0 0;
}
#contentWrap{
width: auto;
margin: 0 auto;
padding: 20px 0 0;
}
#contentWrap #contentFrame{
width: auto;
margin: 0 auto 25px;
padding: 0;
background-image: none;
}
#contentWrap .inner01{
padding: 0 0 20px;
background-image: none;
}
#contentWrap .inner02{
min-height: 300px;
padding: 0;
background-image: none;
}

#mainArea{
float: none;
width: auto;
}
#side{
float: none;
width: auto;
padding: 0;
display: inline;
color: #FFF;
}

#mainArea #content{
width: auto;
margin: 0 10px;
text-align: left;
}

div#footerWrap{
/* clear: both; */
width: 100%;
height: auto;
margin: 0;
padding: 0px;
color: #FFF;
background: #1BB9E1 url(/ex/scrambleU/images/bg_ftr.png) repeat-x 0 0;
font-size: 11px;
}
div#footer{
width: auto;
margin: 0 auto;
padding: 10px;
}


/* -------------------------------------------------------------- */
/* - Global - */
/* -------------------------------------------------------------- */
/* H E A D E R - - - -
--------------------------------------------------------------*/
#header #siteTtl{
float: left;
}
#header .ttlCatch{
display: none;
}

/* hnav */
#header ul#hNav{
display: none;
}
/*
#header ul#hNav li{
float: left;
}
#header ul#hNav li.hn01{
margin-right: 6px;
}
#header ul#hNav li.hn02{
margin-right: 10px;
}
*/

/* Btn Menu Blk */
#header p.btnMenuBlk{
position: absolute;
top:19px;
right: 8px;
width: 80px;
height: 32px;
}
#header p.btnMenuBlk a{
display: block;
height: 24px;
padding: 8px 0 0 21px;
border: 1px solid #008ac1;
color: #FFF;

background: #0a9ccc url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px;
background: url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px, -moz-linear-gradient(top,  #0a9ccc 0%, #0080b7 100%);
background: url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a9ccc), color-stop(100%,#0080b7));
background: url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px, -webkit-linear-gradient(top,  #0a9ccc 0%,#0080b7 100%);
background: url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px, -o-linear-gradient(top,  #0a9ccc 0%,#0080b7 100%);
background: url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px, -ms-linear-gradient(top,  #0a9ccc 0%,#0080b7 100%);
background: url(/ex/scrambleU/common/images/arw_sml_down.png) no-repeat 6px 11px, linear-gradient(top,  #0a9ccc 0%,#0080b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9ccc', endColorstr='#0080b7',GradientType=0 );

border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.8);

text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

font-size: 12px;
font-weight: bold;
text-decoration: none;
}


/* C O N T E N T
--------------------------------------------------------------*/
img{
height: auto !important;
}

/*
* M A I N
*/
/* Page Title */
#mainArea h1{
width: auto;
height: auto;
margin-bottom: 15px;
}
#mainArea h2{
margin: 0 0 30px;
}

/* h1 */
#mainArea #content h1{
font-size: 21px;
}
#mainArea #content h1 .hide{
}
#mainArea #content h1 .panel{
}
/* h2 */
#mainArea h2{
background: url(/ex/scrambleU/common/images/icn_red_bar.png) no-repeat left top;
padding-left: 12px;
line-height: 1.2;
font-size: 20px;
}
#mainArea h2 .panel{
background-image: none !important;
}




/* share button */
/*
#content .shareBtn{
width: auto;
height: auto;
padding: 2px 10px 25px;
margin: 0;
}
#content .shareBtn .btns{
text-align:left;
}
#content .shareBtn .btns li{
display:inline-block;
vertical-align:middle;
padding-bottom: 3px;
}
*/

/* breadcrumb */
#mainArea #content .breadcrumb{
display: none;
}




/*
* side
*/
#side {
display: none;
}
/*
 toTop
*/
#contentWrap p.toTop{
text-align: center;
margin-bottom: 20px;
}

/*
* contBtm
*/
#contentWrap .contBtm{
}
/* infolinks */
#contentWrap .contBtm .infolinks{
float: none;
width: auto;
margin: 0 10px;
}
/* ul.links_01 */
#contentWrap .contBtm .infolinks ul.links_01{
margin: 0 0 20px;
}
#contentWrap .contBtm .infolinks ul.links_01 li{
float: none;
margin: 0 ;
border: 1px solid #CCC;
border-bottom: none;
}
#contentWrap .contBtm .infolinks ul.links_01 li:last-child{
border-bottom: 1px solid #CCC;
}
#contentWrap .contBtm .infolinks ul.links_01 li a{
display: block;
padding: 10px 10px;
text-decoration: none;
text-indent: 0 !important;
font-size: 13px;
color: #333;
background: url(/ex/scrambleU/common/images/icn_newwin_blk.png) no-repeat 97% 50%;
}
#contentWrap .contBtm .infolinks ul.links_01 .pmo{
width: auto;
height: auto;
overflow: hidden;
}
#contentWrap .contBtm .infolinks ul.links_01 .pmo .panel{
background: none;
}
#contentWrap .contBtm .infolinks ul.links_01 .dsc{
width: auto;
height: auto;
overflow: hidden;
}
#contentWrap .contBtm .infolinks ul.links_01 .dsc .panel{
background-image: none;
}
#contentWrap .contBtm .infolinks ul.links_01 .download{
width: auto;
height: auto;
overflow: hidden;
margin:0;
}
#contentWrap .contBtm .infolinks ul.links_01 .download .panel{
background-image: none;
}

/* 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: 67px;
}
#contentWrap .contBtm .infolinks ul.links_02 li.nin{
width: 70px;
}
#contentWrap .contBtm .infolinks ul.links_02 li.tpc{
width: 130px;
}


/* shareBtn */
#contentWrap .contBtm div.shareBtn{
float: none;
width: auto;;
margin: 10px 0 40px 10px;
}
#contentWrap .contBtm div.shareBtn .btns{
text-align: left;
}
#contentWrap .contBtm div.shareBtn .btns ul{
padding: 10px 0 0;
}
#contentWrap .contBtm div.shareBtn .btns ul li{
float: left;
width: 120px;
height: 22px;
overflow: hidden;
}


/* Smart List  */
#contentWrap #smartList{
display: block;
margin: 0 10px 30px;
}
#contentWrap #smartList>ul{
border: 4px solid #008AC1;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background: #008AC1;
}
#contentWrap #smartList ul li{
width: auto;
margin: 0;
//height: 44px;
background: #FFF;
}
#contentWrap #smartList ul li span {border-bottom: 1px solid #DDD;}
#contentWrap #smartList>ul>li:first-child{
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
#contentWrap #smartList>ul>li:last-child{
border: none;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
#contentWrap #smartList ul li a,
#contentWrap #smartList ul li span{
display: block;
//height: 34px;
padding: 5px 30px 5px 12px;
color: #008AC1;
text-decoration: none;
background: url(/ex/scrambleU/common/images/arw_r_sml_blk.png) no-repeat 97% 50%;
}
#contentWrap #smartList ul li span{
color: #999;
background-image: none;
}



	/* Home Only */
	#home #contentWrap #smartList ul li.sl00{
	display: none;
	}
	#home #contentWrap #smartList ul li.sl01{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	}

	/* 	Current */
	#game #contentWrap #smartList ul li.sl01>span,
	#game.index #contentWrap #smartList ul li.sl01 li.ln01>span,
	#game.game_02 #contentWrap #smartList ul li.sl01 li.ln02>span,
	#game.game_03 #contentWrap #smartList ul li.sl01 li.ln03>span,
	#game.game_04 #contentWrap #smartList ul li.sl01 li.ln04>span,
	#game.game_05 #contentWrap #smartList ul li.sl01 li.ln05>span,
	#game.game_06 #contentWrap #smartList ul li.sl01 li.ln06>span,
	#nfc #contentWrap #smartList ul li.sl02>span,
	#nfc.index #contentWrap #smartList ul li.sl02 li.ln01>span,
	#nfc.nfc_02 #contentWrap #smartList ul li.sl02 li.ln02>span,
	#nfc.nfc_03 #contentWrap #smartList ul li.sl02 li.ln03>span,
	#nfc.nfc_04 #contentWrap #smartList ul li.sl02 li.ln04>span,
	#nfc.nfc_05 #contentWrap #smartList ul li.sl02 li.ln05>span,
	#aikotoba #contentWrap #smartList ul li.sl03>span,
	#movie #contentWrap #smartList ul li.sl04>span,
	#news #contentWrap #smartList ul li.sl05>span{
		background: #F1FAFF;
	}
	#game #contentWrap #smartList ul li.sl01 a,
	#nfc #contentWrap #smartList ul li.sl02 a,
	#aikotoba #contentWrap #smartList ul li.sl03 a,
	#movie #contentWrap #smartList ul li.sl04 a,
	#news #contentWrap #smartList ul li.sl05 a{
		color: #999;
	}



/* F O O T E R - - - -
--------------------------------------------------------------*/



/* --------------------------------------------------------------*/
/* page: GAME */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#game #mainArea h1{
width: 300px;
height: 74px;
}
#game #mainArea h1 .panel{
background: url(/ex/scrambleU/game/images/ttl_01_sml.png) no-repeat 0 0;
}
#game #mainArea h2{
width: auto;
height: auto;
}

#game #mainArea h3.wiiU,
#game #mainArea h3.allPokeFan,
#game #mainArea h3.multiPlay {
padding-left:12px;
width:auto; height:auto;
}

#game #mainArea h3.wiiU .panel,
#game #mainArea h3.allPokeFan .panel,
#game #mainArea h3.multiPlay .panel{
background: url(/ex/scrambleU/common/images/icn_blue_bar.png) no-repeat 0 0;
}
#game.game_05 #mainArea h2 { height: auto; }

/* --------------------------------------------------------------*/
/* page: NFC */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#nfc #mainArea h1{
width: 300px;
height: 74px;
}
#nfc #mainArea h1 .panel{
background: url(/ex/scrambleU/nfc/images/ttl_01_sml.png) no-repeat 0 0;
}
#nfc #mainArea h2{
width: auto;
height: auto;
}
#nfc.nfc_04 #mainArea h2{
width: auto;
height: 50px;
}


/* --------------------------------------------------------------*/
/* page: あいことば */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#aikotoba #mainArea h1{
width: 300px;
height: 74px;
}
#aikotoba #mainArea h1 .panel{
background: url(/ex/scrambleU/aikotoba/images/ttl_01_sml.png) no-repeat 0 0;
}
#aikotoba #mainArea h2{
width: auto;
height: auto;
}


/* --------------------------------------------------------------*/
/* page: MOVIE */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#movie #mainArea h1{
width: 300px;
height: 74px;
}
#movie #mainArea h1 .panel{
background: url(/ex/scrambleU/movie/images/ttl_01_sml.png) no-repeat 0 0;
}
#movie #mainArea h2{
width: auto;
height: auto;
}


/* --------------------------------------------------------------*/
/* page: NEWS */
/* --------------------------------------------------------------*/
/*
* M A I N
*/
/* Page Title */
#news #mainArea h1{
width: 300px;
height: 74px;
}
#news #mainArea h1 .panel{
background: url(/ex/scrambleU/news/images/ttl_01_sml.png) no-repeat 0 0;
}
#news #mainArea h2{
width: auto;
height: auto;
}


	.attention div.triThumbList li.twoCol,
	.attention div.triThumbList li.twoCol div.inner,
	.attention div.triThumbList li.twoCol div.twoColInner,
	.attention div.quaterThumbList li.twoCol,
	.attention div.quaterThumbList li.twoCol div.inner,
	.attention div.quaterThumbList li.twoCol div.twoColInner,
	.attention div.halfThumbList li ,
	.attention div.halfThumbList li > div ,
	.attention div.triThumbList li ,
	.attention div.triThumbList li > div ,
	.attention div.quaterThumbList li ,
	.attention div.quaterThumbList li > div ,
	.attention div.quaterThumbList li > div #sys_imgLink20 { width:100% !important; }