@charset "UTF-8";

/* -------------------------------------------------------------- */
/* PARTS MODULES - Global - */
/* -------------------------------------------------------------- */

/* H E A D E R - - - - 
--------------------------------------------------------------*/
#header p.dl_3ds{
float: none;
display: block;
width: 216px;
height: auto;
margin: 0 0 0 10px;
}
#header p.dl_3ds img{
max-width: 100%;
height: auto;
}
#header p.tpc,
#header p.nin{
display: none;
}

/* Btn Menu Blk */
#header p.btnMenuBlk{
position: absolute;
top:7px;
right: 10px;
width: 80px;
height: 32px;
}
#header p.btnMenuBlk a{
display: block;
height: 25px;
padding: 7px 0 0 21px;
border: 1px solid #555;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);

background: #4a4a4a url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px;
background: url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -moz-linear-gradient(top,  #4a4a4a 0%, #000 100%);
background: url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#000));
background: url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -webkit-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -o-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -ms-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/ar_searcher/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, linear-gradient(top,  #4a4a4a 0%,#000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000',GradientType=0 );
}



/* C O N T E N T S - - - - 
--------------------------------------------------------------*/
/* h2 */
#mainArea h2.sttl{
width: auto !important;
height: auto !important;
margin-bottom: 15px !important;
padding: 10px 0 7px 45px;
background: url(/ex/ar_searcher/images/icn_sight_sml.png) no-repeat left center;
}
#mainArea h2.sttl .panel{
background: none !important;
}

#mainArea p.smlSiteTtl{
height: 90px;
padding-top: 10px;
background: url(/ex/ar_searcher/common/images/bg_square.png) repeat 0 0;
text-align: center;
}
#mainArea h1 img{
max-width: 100%;
height: auto;
}
/* twoColumn */
#mainArea .twoColumn p>img{
display: block;
margin: 0 auto 10px;
}
#content #mainArea .twoColumn p.single{
margin-top: 0;
}




/* S I D E - - - - 
--------------------------------------------------------------*/
#side h3{
display: none;
}

/* gNav */
#content #side ul.gNav{
position: static;
width: auto;
height: auto;
margin: 0 10px;
text-align: left;
}
#content #side ul.gNav li{
float: none;
width: 100%;
margin-bottom: 2px;
}
#content #side ul.gNav li a.haribotekit{
float: none;
width: 95%;
height: 34px;
margin: 0;
padding: 10px 0 0 5%;
background: #000;
color: #FFF;
text-decoration: none;
}
#content #side ul.gNav li a.haribotekit:hover{
color: #BBB;
}
#content #side ul.gNav li.gn01{
height: 44px;
}
#content #side ul.gNav li.gn02 a.index{
letter-spacing: -1px;
}
#content #side ul.gNav li a .panel{
background: none;
}
	#content #side ul.gNav li.gn01 a .panel{
	margin-right: 2px;
	background: url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% 0 !important;
	}
	#content #side ul.gNav li.gn02 a .panel{
	margin-right: 0;
	background: url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% -46px !important;
	}
	#content #side ul.gNav li.gn03 a .panel{
	background: url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% -92px !important;
	}
	/* current */
	#story.index #content #side ul.gNav li.gn01 a.index .panel,
	#outline.index #content #side ul.gNav li.gn02 a.index .panel,
	#characters.index #content #side ul.gNav li.gn03 a.index .panel{
	display: none;
	}
	#story.index #content #side ul.gNav li.gn01 a.index{
	background:
		url(/ex/ar_searcher/common/images/bg_gnav_curr_bl_sml.png) repeat-x left bottom,
		url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% 0,
		#000;
	}
	#outline.index #content #side ul.gNav li.gn02 a.index{
	background:
		url(/ex/ar_searcher/common/images/bg_gnav_curr_ylw_sml.png) repeat-x left bottom,
		url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% -46px,
		#000;
	}
	#characters.index #content #side ul.gNav li.gn03 a.index{
	background:
		url(/ex/ar_searcher/common/images/bg_gnav_curr_grn_sml.png) repeat-x left bottom,
		url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% -92px,
		#000;
	}
	#content #side ul.gNav li.gn01 a:hover .panel{
	margin-right: 0;
	background: url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% 0;
	}
	#content #side ul.gNav li.gn02 a:hover .panel{
	margin-right: 0;
	background: url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% -46px;
	}
	#content #side ul.gNav li.gn03 a:hover .panel{
	background: url(/ex/ar_searcher/images/arw_hnav.png) no-repeat 98% -92px;
	}
/* li.gn02 lower */
#content #side ul.gNav li ul.lower li{
height: auto !important;
min-height: 44px;
margin-bottom: 0;
background: #4c4c4c;
font-size: 14px;
}
#content #side ul.gNav li ul.lower li a{
height: auto;
width: 90%;
min-height: 32px;
padding: 12px 5% 0 5%;
background: url(../images/arw_sml_wht_right.png) no-repeat 98% 50%;
}
#content #side ul.gNav li.gn02 ul.lower{
margin-bottom: 1px;
background-image: none;
}
#content #side ul.gNav li ul.lower li a .panel{
display: none;
}
#content #side ul.gNav li.gn02 ul.lower li{
margin-bottom: 0;
border-bottom: 1px dotted #AAA;
}
#content #side ul.gNav li.gn02 ul.lower li.gnl04{
border-bottom: none;
}

#content #side ul.gNav li.gn02 ul.lower li.gnl01 a .panel,
#content #side ul.gNav li.gn02 ul.lower li.gnl02 a .panel,
#content #side ul.gNav li.gn02 ul.lower li.gnl03 a .panel,
#content #side ul.gNav li.gn02 ul.lower li.gnl04 a .panel{
background-image: none;
}
	/* current */
	#outline.play #side ul.gNav li.gn02 ul.lower li.gnl01 a,
	#outline.uketori #side ul.gNav li.gn02 ul.lower li.gnl02 a,
	#outline.yumedama #side ul.gNav li.gn02 ul.lower li.gnl03 a,
	#outline.appear #side ul.gNav li.gn02 ul.lower li.gnl04 a{
	color: #ffd91a;
	}

/* li.gn03 lower */
#content #side ul.gNav li.gn03 ul.lower li.gnl01,
#content #side ul.gNav li.gn03 ul.lower li.gnl02
{
margin-bottom: 0;
border-bottom: 1px dotted #AAA;
}
#content #side ul.gNav li.gn03 ul.lower li.gnl02,
#content #side ul.gNav li.gn03 ul.lower li.gnl02 a,
#content #side ul.gNav li.gn03 ul.lower li.gnl03,
#content #side ul.gNav li.gn03 ul.lower li.gnl03 a
{
height: auto;
}
#content #side ul.gNav li.gn03 ul.lower li.gnl01 a .panel,
#content #side ul.gNav li.gn03 ul.lower li.gnl02 a .panel,
#content #side ul.gNav li.gn03 ul.lower li.gnl03 a .panel
{
background-image: none;
}
	/* current */
	#characters.katsuyaku #side ul.gNav li.gn03 ul.lower li.gnl01 a,
	#characters.tokusei #side ul.gNav li.gn03 ul.lower li.gnl02 a,
	#characters.rekidai #side ul.gNav li.gn03 ul.lower li.gnl03 a
	{
	color: #ffd91a;
	}		


/* F O O T E R - - - - 
--------------------------------------------------------------*/
/* layout */
#footer .copies{
float: none;
width: auto;
font-size: 12px;
}
#footer .etc{
float: none;
width: auto;
}

#footer .shareBtn{
width: auto;
height: auto;
}

/* ftrLink */
#footer ul.ftrLink{
margin-bottom: 10px;
padding-top: 10px;
}
#footer ul.ftrLink li{
height: auto;
}
#footer ul.ftrLink li a{
display: block;
height: auto;
padding: 11px 7px;
border: 1px solid #111;
color: #000;
background: url(/ex/ar_searcher/common/images/arw_sml_blk_right.png) no-repeat 97% 50%;
text-decoration: none;
}
#footer ul.ftrLink li:first-child a{
border-bottom: none;
}
#footer ul.ftrLink li a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}


/* coNav */
#footer div.coNav p{
float: right;
margin-left: 10px;
display: inline;
}
#footer div.coNav p.nin{
width: 55px;
}
#footer div.coNav p.tpc{
width: 158px;
}
#footer div.coNav p img{
max-width: 100%;
height: auto;
}


/*--------------------------------------------------------------*/
/* - PAGE: STORY -
/* -------------------------------------------------------------- */
#story #mainArea h1{
width: 205px;
margin: 0 0 15px 10px;
padding-top: 0;
}


/*--------------------------------------------------------------*/
/* - PAGE: OUTLINE -
/* -------------------------------------------------------------- */
#outline #mainArea h1{
width: 90%;
max-width: 560px;
margin: 0 0 15px 10px;
padding-top: 0;
}

/* --------------------------------------------------------------*/
/* - PAGE: OUTLINE - APPEAR -
/* -------------------------------------------------------------- */
#outline.appear #mainArea div.coin{
position: static;
width: auto;
/*
margin-bottom: 20px;
padding: 18px 18px 0;
border: 2px solid #b2b2b2;
*/
}
#outline.appear #mainArea div.coin .left{
width: auto;
}
#outline.appear #mainArea div.coin .right{
width: auto;
}
#outline.appear #mainArea div.coin p.notice{
margin-top: 0;
}


/* --------------------------------------------------------------*/
/* - PAGE: CHARACTERS -
/* -------------------------------------------------------------- */
#characters #mainArea h1{
width: 90%;
max-width: 560px;
margin: 0 0 15px 10px;
padding-top: 0;
}
#characters #content #mainArea p.mainCap {
font-size: 16px;
line-height: 1.4;
}
#characters #mainArea div.charaNew{
font-size: 16px;
line-break: 1.4;
}
#characters #mainArea div.bwCharacters{
margin-bottom: 20px;
padding: 10px;
border: 2px solid #B2B2B2;
text-align: center;
}
#characters #mainArea div.bwCharacters h3{
width:  auto;
height: auto;
margin: 0 auto 10px;
text-align: left;
}
#characters #mainArea div.bwCharacters h3 .panel{
background: none;
}
#characters #mainArea div.bwCharacters ul{
margin: 0;
}
#characters #mainArea div.bwCharacters ul li{
float: none;
margin: 0;
}


/*--------------------------------------------------------------*/
/* - PAGE: CHARACTERS - KATSUYAKU -
/* -------------------------------------------------------------- */
/* h2 */
#characters.katsuyaku #mainArea h2.sttl01 .panel,
#characters.katsuyaku #mainArea h2.sttl02 .panel{
background-image: none;
}
/* reijyu */
#characters.katsuyaku #mainArea div.reijyu{
position: relative;
width: auto;
padding: 15px 15px 0;
border: 2px solid #b2b2b2;
}
#characters.katsuyaku #mainArea div.reijyu .left{
width: auto;
margin-bottom: 10px;
padding-bottom: 64px;
background: url(/ex/ar_searcher/characters/images/img_ktyk_arr_sml.png) no-repeat center bottom;
}
#characters.katsuyaku #mainArea div.reijyu .right{
width: auto;
}
#characters.katsuyaku #mainArea div.reijyu p.arr{
display: none;
}

#characters.katsuyaku #mainArea div.box256 .left{
width: auto;
padding: 0 0 0 10px;
}
#characters.katsuyaku #mainArea div.box256 .right{
width: auto;
padding: 0 10px 0 0;
}

/*--------------------------------------------------------------*/
/* - PAGE: CHARACTERS - TOKUSEI -
/* -------------------------------------------------------------- */
/* evolutionImg */
#characters.tokusei #mainArea p.evolutionImg.item01{
height: 746px;
padding-top: 15px;
background: url(/ex/ar_searcher/characters/images/img_tksi_01_sml.jpg) no-repeat center 15px;
}
#characters.tokusei #mainArea p.evolutionImg.item01 img{
display: none;
}
#characters.tokusei #mainArea p.evolutionImg.item02{
height: 468px;
padding-top: 15px;
background: url(/ex/ar_searcher/characters/images/img_tksi_04_sml.jpg) no-repeat center 15px;
}
#characters.tokusei #mainArea p.evolutionImg.item02 img{
display: none;
}
#characters.tokusei #mainArea p.evolutionImg.item03{
height: 746px;
padding-top: 15px;
background: url(/ex/ar_searcher/characters/images/img_tksi_07_sml.jpg) no-repeat center 15px;
}
#characters.tokusei #mainArea p.evolutionImg.item03 img{
display: none;
}