@charset "EUC-JP";


span{
	zoom:1;
}

body{
	background-color:#CCBA8E;
	font-size:1em;
	line-height:130%;
	text-align: center;
}

img{
	display:block;
}

a:link {
	color:#E41322;
	text-decoration: none;
}

a:visited {
	color:#E41322;
	text-decoration: none;
}

a:hover {
	color:#F33C1A;
	text-decoration: underline;
}

a:active {
	color:#E41322;
}

#container{
	text-align: center;
	background:url(../images/top_bg.gif) 0px -50px repeat-x #CCBA8E;
	padding:28px 0 0 0;
}

/*==================== ヘッダー ====================*/
#header{
}

/*==================== メイン ====================*/
#main{
	width:900px;
	margin:0 auto;
}
#main h1{
	width:209px;
	float:left;
}

#menu{
	float:left;
	width:691px;
	height:100px;
	background:url(../images/sub_menu_bg.jpg) no-repeat;
	position:relative;
}

#menu ul{
	padding:70px 0 0 30px;
}

#menu li{
	float:left;
	height:17px;
}

#menu li a{
	height:17px;
	display:block;
	text-indent:-9999px;
}
#menu li.about a{
	width:197px;
	background:url(../images/menu01_off.jpg) no-repeat;
}
#menu li.about a:hover{
	width:197px;
	background:url(../images/menu01_on.jpg) no-repeat;
}
#about #menu li.about a{
	width:197px;
	background:url(../images/menu01_on.jpg) no-repeat;
}
#menu li.world a{
	width:184px;
	background:url(../images/menu02_off.jpg) no-repeat;
}
#menu li.world a:hover{
	width:184px;
	background:url(../images/menu02_on.jpg) no-repeat;
}
#world #menu li.world a{
	width:184px;
	background:url(../images/menu02_on.jpg) no-repeat;
}
#menu li.charactor {
	width:136px;
	background:url(../images/menu03_off.jpg) no-repeat;
}
#menu li.charactor a:hover{
	width:136px;
	background:url(../images/menu03_on.jpg) no-repeat;
}
#charactor #menu li.charactor {
	width:136px;
	background:url(../images/menu03_on.jpg) no-repeat;
}
#menu li.special a{
	width:91px;
	background:url(../images/menu04_off.jpg) no-repeat;
}
#menu li.special a:hover{
	width:91px;
	background:url(../images/menu04_on.jpg) no-repeat;
}
#special #menu li.special a{
	width:91px;
	background:url(../images/menu04_on.jpg) no-repeat;
}

#toTop{
	position:absolute;
	top:25px;
	left:495px;
}

#inner{
	width:820px;
	margin:0 auto;
	padding-top:50px;
	text-align:left;
}

/*==================== フッター ====================*/
#footer{
	margin:60px 0 0 0;
	background:url(../images/footer_bg.gif) top repeat-x #CCBA8E;
	padding:60px 0 30px 0;
	text-align: center;
}
#footerInner{
	width:860px;
	margin:0 auto;
}

#footer .left{
	float:left;
}

#footer .right{
	float:right;
	text-align:right;
}


/*==================== 汎用 ====================*/
.fontS{
	font-size:80%;
}
.fontM{
	font-size:100%;
}
.fontL{
	font-size:120%!important;
}
.bold{
	font-weight:bold;
}
.textR{
	text-align:right;
}
.textL{
	text-align:left;
}
.textC{
	text-align:center;
}
.inline{
	display:inline!important;
}

.imgR{
	float:right;
	margin-left:10px;
}

.imgL{
	float:left;
	margin-right:10px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.indent{
	text-indent:-1em;
	padding-left:1em;
}

.mt1em{margin-top:1em;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}

.ml5{margin-left:5px;}
.ml15{margin-left:15px;}
.ml10{margin-left:10px;}

.mr5{margin-right:5px;}
.mr15{margin-right:15px;}
.mr10{margin-right:10px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}


/*==================== 世界不思議発見！DSとは ====================*/
#about #footer{
	margin:20px 0 0 0;
}

/*==================== 世界中のふしぎが登場 ====================*/
#world #footer{
	margin:30px 0 0 0;
}

/*==================== キャラクター ====================*/
#charactor .charactorBox{
	width:820px;
	background:url(../../images/charactor/bg.jpg) no-repeat;
	margin:30px 0 0 0;
	padding:50px 0 0 20px;
}
#charactor .charactorBoxBottom{
	width:820px;
	height:56px;
	background:url(../../images/charactor/bg_bottom.jpg) no-repeat;
}
#charactor .block{
	padding:0 0 0 35px;
}
#charactor #footer{
	margin:0px 0 0 0;
}


/*==================== スペシャル ====================*/
#special .specialBox{
	width:820px;
	height:377px;
	background:url(../../images/special/bg.jpg) no-repeat;
	margin:20px 0 0 0;
}
#special .flashArea{
	width:356px;
	height:291px;
	padding:30px 0 0 393px;
}
#special .comingSoon{
	margin:100px 0 20px 0;
	font-weight:bold;
	color:#513201;
	font-size:120%;
}