@charset "UTF-8";

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

/* H E A D E R - - - - 
--------------------------------------------------------------*/
#header p.dl_3ds{
float: none;
display: block;
width: 226px;
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{
display: none !important;
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/zenkokuzukan_pro/common/images/arw_sml_wht_down.png) no-repeat 6px 11px;
background: url(/ex/zenkokuzukan_pro/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -moz-linear-gradient(top,  #4a4a4a 0%, #000 100%);
background: url(/ex/zenkokuzukan_pro/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/zenkokuzukan_pro/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -webkit-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/zenkokuzukan_pro/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -o-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/zenkokuzukan_pro/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -ms-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/zenkokuzukan_pro/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 - - - - 
--------------------------------------------------------------*/
/*
 M A I N
*/
#mainArea p.smlSiteTtl{
height: 90px;
padding-top: 10px;
background: url(/ex/zenkokuzukan_pro/common/images/bg_dot.png) repeat 0 0;
text-align: center;
}


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

/* gnav */
#content #side ul.gNav{
width: auto;
height: auto;
margin: 0 auto 20px;
padding-top: 20px;
background: no-repeat;
}
#content #side ul.gNav li{
float: none;
width: auto;
height: 61px;
margin: 0 0 1px;
text-align: center;
}
#content #side ul.gNav li.gn08{
display:none;
}
#content #side ul.gNav li a.haribotekit{
width: 300px;
height: 61px;
}
#content #side ul.gNav li.gn01 a .panel,
#content #side ul.gNav li.gn01 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_outline.png) no-repeat 0 0 !important;
}
#content #side ul.gNav li.gn02 a .panel,
#content #side ul.gNav li.gn02 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_armk.png) no-repeat 0 0 !important;
}
#content #side ul.gNav li.gn03 a .panel,
#content #side ul.gNav li.gn03 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_reference.png) no-repeat 0 0 !important;
}
#content #side ul.gNav li.gn04 a .panel,
#content #side ul.gNav li.gn04 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_challenge.png) no-repeat 0 0 !important;
}
#content #side ul.gNav li.gn05 a .panel,
#content #side ul.gNav li.gn05 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_photo.png) no-repeat 0 0 !important;
}
#content #side ul.gNav li.gn06 a .panel,
#content #side ul.gNav li.gn06 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_collect.png) no-repeat 0 0 !important;
}
#content #side ul.gNav li.gn07 a .panel,
#content #side ul.gNav li.gn07 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_keyword.png) no-repeat 0 0 !important;
}

#content #side ul.gNav li.gn09 a .panel,
#content #side ul.gNav li.gn09 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_difference.png) no-repeat 0 0 !important;
}

#content #side ul.gNav li.gn10 a .panel,
#content #side ul.gNav li.gn10 a:hover .panel{
background: url(/ex/zenkokuzukan_pro/images/btn_sml_genesect_new.png) no-repeat 0 0 !important;
}


/* 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;
}
#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/zenkokuzukan_pro/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{

}
#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: OUTLINE -
/* -------------------------------------------------------------- */
#outline #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#outline #mainArea h2{
margin: 0 0 10px;
}
#outline #mainArea h2 img{
height: auto;
}


#outline #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/outline/images/ttl_sml.png) no-repeat 0 0;
}

/*--------------------------------------------------------------*/
/* - PAGE: ARMAKER -
/* -------------------------------------------------------------- */
#armarker #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#armarker #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/armarker/images/ttl_sml.png) no-repeat 0 0;
}


/*--------------------------------------------------------------*/
/* - PAGE: reference -
/* -------------------------------------------------------------- */
#reference #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#reference #mainArea h2{
margin: 0 0 10px;
}
#reference #mainArea h2 img{
height: auto;
}


#reference #mainArea h1 .panel{
width: 300px;
height: 70px;
background: url(/ex/zenkokuzukan_pro/reference/images/ttl_sml.png) no-repeat 0 0;
}


/*--------------------------------------------------------------*/
/* - PAGE: challenge -
/* -------------------------------------------------------------- */
#challenge #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#challenge #mainArea h2{
margin: 0 0 10px;
}
#challenge #mainArea h2 img{
height: auto;
}


#challenge #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/challenge/images/ttl_sml.png) no-repeat 0 0;
}

/*--------------------------------------------------------------*/
/* - PAGE: photo -
/* -------------------------------------------------------------- */
#photo #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#photo #mainArea h2{
margin: 0 0 10px;
}
#photo #mainArea h2 img{
height: auto;
}


#photo #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/photo/images/ttl_sml.png) no-repeat 0 0;
}

#photo #mainArea p#images01{
	width:220px;
	height:262px;
	margin:0 auto;
	text-align:left;
	margin-bottom:10px;
	}
#photo #mainArea p#images01 .panel{
background: url(/ex/zenkokuzukan_pro/photo/images/pic_photo_01.jpg) no-repeat center top;
}

/*--------------------------------------------------------------*/
/* - PAGE: collect -
/* -------------------------------------------------------------- */
#collect #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#collect #mainArea h2{
margin: 0 0 10px;
}
#collect #mainArea h2 img{
height: auto;
}


#collect #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/collect/images/ttl_sml.png) no-repeat 0 0;
}

#collect #mainArea p#images01{
	width:300px;
	height:155px;
	margin:0 auto;
	text-align:center;
	margin-bottom:10px;
	}
#collect #mainArea p#images01 .panel{
background: url(/ex/zenkokuzukan_pro/collect/images/bnr_photocontest_smp.jpg) no-repeat center top;
}

/*--------------------------------------------------------------*/
/* - PAGE: keyword -
/* -------------------------------------------------------------- */
#keyword #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#keyword #mainArea h2{
margin: 0 0 10px;
}
#keyword #mainArea h2 img{
height: auto;
}


#keyword #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/keyword/images/ttl_sml.png) no-repeat 0 0;
}

#keyword #mainArea p#images01{
	width:299px;
	height:84px;
	margin:0 auto;
	text-align:center;
	margin-bottom:10px;
	}
#keyword #mainArea p#images01 .panel{
background: url(/ex/zenkokuzukan_pro/keyword/images/keyword_smp.jpg) no-repeat center top;
}


/*--------------------------------------------------------------*/
/* - PAGE: difference -
/* -------------------------------------------------------------- */
#difference #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#difference #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/difference/images/ttl_sml.png) no-repeat 0 0;
}

#difference #mainArea h2{
margin: 0 0 10px;
}
#difference #mainArea h2 img{
height: auto;
}

#difference #mainArea div.speceTable{
	position:relative;
	width:300px;
	height:1610px;
	}

#difference div.speceTable p#reference_powerup a,
#difference div.speceTable p#reference a,
#difference div.speceTable p#challenge a,
#difference div.speceTable p#photo a,
#difference div.speceTable p#outline a,
#difference div.speceTable p#collect a{
	display:block;
	width:120px;
	height:26px;
	}
	#difference div.speceTable p#reference_powerup a{
	text-indent:-9999px;
	position:absolute;
	top:458px;
	left:88px;
		}
	#difference div.speceTable p#reference a{
	text-indent:-9999px;
	position:absolute;
	top:563px;
	left:88px;
		}
	#difference div.speceTable p#challenge a{
	text-indent:-9999px;
	position:absolute;
	top:660px;
	left:88px;
		}	
	#difference div.speceTable p#photo a{
	text-indent:-9999px;
	position:absolute;
	top:776px;
	left:88px;
		}	
	#difference div.speceTable p#outline a{
	text-indent:-9999px;
	position:absolute;
	top:1069px;
	left:88px;
		}
	#difference div.speceTable p#collect a{
	text-indent:-9999px;
	position:absolute;
	top:1169px;
	left:88px;
		}				

#difference #mainArea p#spece{
	width:300px;
	height:1595px;
	margin-bottom:10px;
	}
#difference #mainArea p#spece .panel{
background: url(/ex/zenkokuzukan_pro/difference/images/spec_table_zenkoku_smt.jpg) no-repeat left top;
}

#difference #mainArea p#spece_rittai{
	width:300px;
	height:1303px;
	margin-bottom:10px;
	display:block;
	}
#difference #mainArea p#spece_rittai .panel{
background: url(/ex/zenkokuzukan_pro/difference/images/spec_table_rittai_smt.jpg) no-repeat left top;
}
	

/*--------------------------------------------------------------*/
/* - PAGE: genesect -
/* -------------------------------------------------------------- */
#genesect #mainArea h1{
width: 300px;
height: 68px;
margin: 0 0 10px;
}
#genesect #mainArea h2{
margin: 0 0 10px;
}
#genesect #mainArea h2 img{
height: auto;
}


#genesect #mainArea h1 .panel{
width: 300px;
height: 68px;
background: url(/ex/zenkokuzukan_pro/genesect/images/ttl_sml.png) no-repeat 0 0;
}

#genesect #mainArea p#images01{
	width:299px;
	height:84px;
	margin:0 auto;
	text-align:center;
	margin-bottom:10px;
	}
#genesect #mainArea p#images01 .panel{
background: url(/ex/zenkokuzukan_pro/genesect/images/keyword_smp.jpg) no-repeat center top;
}