@charset "UTF-8";
/* =======================================
B A S E
========================================== */
/* BODY Readjust
--------------------------------------------------------------*/
body{
	font-size: 13px;
	*font-size: small;
	*font:x-small;
	font-family: Verdana, Arial, sans-serif;
	-webkit-text-size-adjust:none;/* Mobile Safari : 文字サイズの自動調整をオフに */
}
*:first-child+html body{
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
br { letter-spacing:0; }
img{ border:0 none; }
input,select,textarea { vertical-align:middle;color:#333333; }
textarea{ padding:1px;color:#333333; }
p { line-height:1.6;}
table,td,th{ color:#333333;padding:0;border:none;border-collapse:separate; }
ul,ol,li { list-style:none; }
a { outline:none; }
a , a *{ cursor:pointer; }

h1,h2,h3,h4,h5,h6,p,ul,ol,dl{
margin: 0;
padding: 0;
}

.radius-box{
	background-color:#ffffff;
	border-radius:10px;
	        box-shadow: 1px 1px 8px #304a9c;
	-webkit-box-shadow: 1px 1px 8px #304a9c;
}


/* .haribotekit */
.haribotekit{
	display:inline-block;
	/display:inline;
	position:relative; top:auto; left:auto;
	padding:0;
	border:0 solid transparent !important;
	overflow:hidden;
	zoom:100%;
	font-size:0;
	text-indent: -9999px;
}
.haribotekit span.hide{
	display:none;
}
.haribotekit span.panel{
	display:inline-block;
	/display:inline;
	display:block;
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:0px 0px;
	zoom:100%;
}

/* .clearfix */
.clearfix{
	display:inline-table;
	min-height:1%;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}


/* STATIC CLASS
-------------------------------------*/
/* MARGIN / PADDING */

.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }

.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }

.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pl60 { padding-left:60px !important; }

.pr0 { padding-right:0px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.pr60 { padding-right:60px !important; }


/* FONT */
.fsS { font-size:80%; }
.fsL { font-size:120%; }
.fsXL { font-size:140%; }
.fb { font-weight:bold; }
.fl { font-weight:normal; }
.fcAtt01{ color:#ff3366; }
.fcNote { color:#999999; }


/* TEXT-ALIGN,VERTICAL-ALIGN */
.taL { text-align:left !important; }
.taR { text-align:right !important; }
.taC { text-align:center !important; }

.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }


/* FLOAT */
.floR { float:right; }
.floL { float:left; }


/* RECT */
.rect{
	overflow:hidden;
	_zoom:1;
}

/* CSS3 Animations */
.panelTransition{
	   -moz-transform-origin:center center;
	-webkit-transform-origin:center center;
	    -ms-transform-origin:center center;
	     -o-transform-origin:center center;
	        transform-origin:center center;
	   -moz-transition:   -moz-transform 0.3s linear, opacity 0.3s linear, background-position 0.3s linear;
	-webkit-transition:-webkit-transform 0.3s linear, opacity 0.3s linear, background-position 0.3s linear;
	    -ms-transition:    -ms-transform 0.3s linear, opacity 0.3s linear, background-position 0.3s linear;
	     -o-transition:     -o-transform 0.3s linear, opacity 0.3s linear, background-position 0.3s linear;
	        transition:        transform 0.3s linear, opacity 0.3s linear, background-position 0.3s linear;
}


/* =======================================
L A Y O U T
========================================== */
html,body{
margin: 0;
padding: 0;
background: #272727;
}
#wrapper{
width: 100%;
}
#header{
width: 100%;
height: 39px;
border-bottom: 3px solid #666;
background: #FFF;
}
.headBar{
width: 950px;
margin: 0 auto;
padding: 10px 10px 0 0;
text-align: right;
}
#contentWrap{
width: 100%;
height: 842px;
background: #000 url(/ex/pokedex/common/images/bg.png) no-repeat center top;
}
#content{
width: 960px;
margin: 0 auto;
padding: 0;
}
#footerWrap{
width: 100%;
margin: 0;
padding: 0;
}
#footer{
width: 960px;
margin: 0 auto;
padding: 25px 0;
color: #fff;
text-align: center;
font-size: 11px;
}


/* =======================================
H E A D E R
========================================== */
#header p.dsc{
}



/* =======================================
C O N T E N T
========================================== */
#content h1,
#content h2{
text-align: center;
}
#content h1{
margin-bottom: 89px;
padding-top: 214px;
}
#content h2{
margin-bottom: 56px;
}

#content ul.nav{
margin-left: 8px;
}
#content ul.nav li{
float: left;
width: 158px;
height: 58px;
}
#content ul.nav li a{
display: block;
width: 158px;
height: 58px;
text-indent: -9999px;
overflow: hidden;
background: url(/ex/pokedex/common/images/nav.png) no-repeat 0 0;
}
/*
#content ul.nav li.nav01{
margin: 0;
}
*/
#content ul.nav li.nav02 a{
background-position: -163px 0;
}
#content ul.nav li.nav03 a{
background-position: -326px 0;
}
#content ul.nav li.nav04 a{
background-position: -489px 0;
}
#content ul.nav li.nav05 a{
background-position: -652px 0;
}
#content ul.nav li.nav06 a{
background-position: -814px 0;
}
/* 	over */
#content ul.nav li.nav01 a:hover{
background-position: 0 -70px;
}
#content ul.nav li.nav02 a:hover{
background-position: -163px -70px;
}
#content ul.nav li.nav03 a:hover{
background-position: -326px -70px;
}
#content ul.nav li.nav04 a:hover{
background-position: -489px -70px;
}
#content ul.nav li.nav05 a:hover{
background-position: -652px -70px;
}
#content ul.nav li.nav06 a:hover{
background-position: -814px -70px;
}


/* =======================================
H O M E
========================================== */