@charset "Shift_JIS";

html{
	overflow-y:scroll;
}
#container{
}

#go_sitetop{
	width:900px;
	height:25px;
	margin:0 auto;
	background:url(../mainimg/go_sitetop.png) no-repeat;
	text-align:left;
}
#go_sitetop a{
	width:160px;
	height:25px;
	display:block;
	text-indent:-9999px;
}


#article{
	width: 900px;
	margin:0 auto;
}

.outer_width{
	width: 900px;
	padding: 0 0 22px 0;
	margin:0 auto;
	font-size:13px;
	color:#fff;
}
.outer_width a{
	color:#000;
	text-decoration:underline;
}
.outer_width a:hover{
	color:green;
	text-decoration:underline;
}
.outer_width h2{
	color:#000;
	font-size:18px;
	font-weight:bold;
	background:url(../mainimg/bg_h2.png) no-repeat;
	height:75px;
}
.outer_width h2 img{
	margin-top:12px;
}

div.boxbody{
	background:url(../mainimg/bg_opa50_w.png);
	padding: 8px;
}
.editormark{
	text-align: left;
	font-size: 10px;
	color: #888;
	padding:.4em;
}

table.company{
	color:#000;
	text-align:left;
	border-collapse:separate;
}
table.company th{
	background:url(../mainimg/bg_opa80_w.png);
	padding: 1em;
	white-space:nowrap;
	border-bottom:1px solid #ddd;
}
table.company td{
	background:url(../mainimg/bg_opa50_w.png);
	padding: 1em;
	border-bottom:1px solid #ddd;
}
table.company td ul{
	list-style-type:disk;
}
table.company td li{
	padding-left: 1em;
}

.boxbody #kiyaku_text,
.boxbody #privacy_text,
.boxbody #inquiry_text{
	color:#000;
	text-align:left;
	background:url(../mainimg/bg_opa50_w.png);
	padding: 1em;
}
	*:first-child+html .boxbody #kiyaku_text,
	*:first-child+html .boxbody #privacy_text,
	*:first-child+html .boxbody #inquiry_text{
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	}

.mtop2{
	padding-top:2em;
}
.mtop1{
	padding-top:1em;
}
.bold{
	font-weight:bold;
}


div#pagetopbtn{
	width:900px;
	margin:0 auto;
}
div#pagetopbtn p{
	text-indent:-9999px;
}
div#pagetopbtn a{
	display: block;
	width: 170px;
	height: 33px;
	background:url(../mainimg/btn_pagetop.jpg) left top no-repeat;
	float:right;
}

/* 背景------------------------------------------------------------------------ */
#container_how{
	background:url(../mainimg/bg_how.jpg) top no-repeat;
	min-height:1000px;
}
#container{
	background:url(../mainimg/bg_sub.jpg) top no-repeat;
	min-height:950px;
}
#container02{
	background:url(../mainimg/bg_sub.jpg) top no-repeat;
	min-height:1000px;
}

#article02{
	margin:0;
	width:960px;
	margin:0 auto;
}


/* サブメニュー------------------------------------------------------------------------ */
#leftbox{
	float: left;
	width: 200px;
	height: 320px;
	margin-top:20px;
}

#side_menu{
	background: url(../mainimg/side_bottom.gif) no-repeat bottom;
	padding-bottom: 9px;
	margin-top:10px;
}
#side_about{
	background:url(../mainimg/side_about.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
}
#side_guide{
	background:url(../mainimg/side_guide.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
}
#side_menu ul{
	background:url(../mainimg/side_bg.gif) repeat-y;
	padding:1px 0;
}
#side_menu ul li{
	width:180px;
	margin:0px auto;
}
#side_menu ul li a{
display:block;
height:45px;
text-indent:-9999em;
}
#side_menu ul.menu01 li a{background:url(../mainimg/side_about_menu.gif) no-repeat;}
#side_menu ul.menu02 li a{background:url(../mainimg/side_guide_menu.gif) no-repeat;}
#side_menu ul.menu01 li#about_how a,
#side_menu ul.menu01 li#guide_gamestart a{
background-position:0 0;
}
	#side_menu ul.menu01 li#about_how a:hover,
	#side_menu ul.menu01 li#about_how a.how_on,
	#side_menu ul.menu02 li#guide_gamestart a:hover,
	#side_menu ul.menu02 li#guide_gamestart a.game_on{
	background-position:-180px 0;
	}
#side_menu ul.menu01 li#about_story a,
#side_menu ul.menu02 li#guide_gamemanner a{
background-position:0 -45px;
}
	#side_menu ul.menu01 li#about_story a:hover,
	#side_menu ul.menu01 li#about_story a.story_on,
	#side_menu ul.menu02 li#guide_gamemanner a:hover,
	#side_menu ul.menu02 li#guide_gamemanner a.gamemanner_on{
	background-position:-180px -45px;
	}
#side_menu ul.menu02 li#guide_help a{
background-position:0 -90px;
}
	#side_menu ul.menu02 li#guide_help a:hover,
	#side_menu ul.menu02 li#guide_help a.help_on{
	background-position:-180px -90px;
	}

#side_menu ul.submenu{
	background:none;
}
#side_menu ul.submenu li a{
	background:url(../mainimg/side_about_submenu.gif) no-repeat;
	height:25px;
}
#side_menu ul.submenu li#about_city a{
background-position:0 0;
}
	#side_menu ul.submenu li#about_city a:hover,
	#side_menu ul.submenu li#about_city a.city_on{
	background-position:-180px 0;
	}
#side_menu ul.submenu li#about_hero a{
background-position:0 -25px;
}
	#side_menu ul.submenu li#about_hero a:hover,
	#side_menu ul.submenu li#about_hero a.hero_on{
	background-position:-180px -25px;
	}
#side_menu ul.submenu li#about_jikusen a{
background-position:0 -50px;
}
	#side_menu ul.submenu li#about_jikusen a:hover,
	#side_menu ul.submenu li#about_jikusen a.jikusen_on{
	background-position:-180px -50px;
	}




/*--右コンテンツ------------------------------------------*/

#howbox{
	float: right;
	width: 746px;
	margin-top:0px;
	margin-right:4px;
	margin-bottom: 40px;
}

#rightbox02{
	float: right;
	width: 746px;
	margin-top:30px;
	margin-right:4px;
	margin-bottom: 40px;
}

#rightbox02 .column_top	{
	background: url(../mainimg/bg_rightbox_top.png) no-repeat;
	padding:20px 0 0 19px;
}
#rightbox02 .column	{
	width: 746px;
	background: url(../mainimg/bg_rightbox_bottom.png) no-repeat bottom;
	padding-bottom: 20px;
}
#rightbox02 .column_inner	{
	background: url(../mainimg/bg_rightbox_middle.png) repeat-y;
}

.columnarea{
	width:716px;
	margin:0 auto;
	padding:10px 0 0;
}

.columnarea p img{
	margin:0;
	padding:0;	
	vertical-align: text-bottom;
}

h3{
	height:54px;
	text-indent:-9999px;
}
	h3#find_city{background:url(../mainimg/find_city.png) no-repeat;}
	h3#find_hero{background:url(../mainimg/find_hero.png) no-repeat;}
	h3#find_jikusen{background:url(../mainimg/find_jikusen.png) no-repeat;}
	h3#find_story{background:url(../mainimg/find_story.png) no-repeat;}
	h3#find_gamestart{background:url(../mainimg/find_gamestart.png) no-repeat;}
	h3#find_gamemanner{background:url(../mainimg/find_gamemanner.png) no-repeat;}
	h3#find_faq{background:url(../mainimg/find_faq.png) no-repeat;}


/*--時空覇王伝とは------------------------------------------*/
.how_prologue{
	background:url(../mainimg/img_how01.jpg) no-repeat;
	height:270px;
	text-indent:-9999px;
}
.how_welcomebox{
	width:706px;
	margin:0 auto 30px;
}
	.how_welcomebox p.f_how_welcome{
		background:url(../mainimg/f_welcome01.jpg) no-repeat;
		height:60px;
		text-indent:-9999px;
	}
	.how_welcomebox p.txt_how_welcome{
	color:#fff;
	font-size:16px;
	text-align:left;
	margin-top:15px;
	margin-left:14px;
	margin-bottom:15px;
	}

div.yoko{
	float:left;
}

div.kaijo{
	clear: both;
}


/*--ガイド------------------------------------------*/
.honbun_area{
	width:630px;
	margin:0 auto;
	color:#000;
}
.mtop30{
	margin-top:30px;	
}
.indent{
	padding-left: 25px;
	text-indent: -25px;
}
.honbun_area ul{
	text-align:left;
	padding:0 10px 0 15px;
}
.honbun_area ul li{
	list-style-type:disc;
	padding-bottom:18px;
	font-size:14px;
	font-weight:bold;
}
.honbun_area ul li p{
	font-size:13px;
	font-weight:normal;
	margin-top:5px;
}


/*--FAQ------------------------------------------*/
.bg_top{
	width:706px;
	margin-top:12px;
	padding-top:12px;
	background:url(../mainimg/faqbg_top.png) no-repeat top;
}
.bg_middle{
	width:706px;
	background:url(../mainimg/faqbg_middle.png);
}
.bg_bottom{
	width:706px;
	margin:0;
	background:url(../mainimg/faqbg_bottom.png) no-repeat bottom;
}
.bg_bottom{
	*margin-left:-1px\9;							/* IE7/8 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {   			/* Safari 3以上, Chrome */
.bg_bottom{
	margin-left:-1px;
}}
.faq_columnarea h3{
	padding-bottom:12px;
}
.faq_columnarea{
	width:706px;
	margin:0 auto;
	padding:10px 0 24px 0;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:url(../mainimg/bg_frame_top.gif) no-repeat;
}
.faq_columnarea p{
	width:650px;
	margin:0 auto;
	padding-top:24px;
	text-align:left;
}
.faq_columnarea dl#accordion{
	width:650px;
	margin:12px auto 0 auto;
	padding-bottom:48px;
}
.faq_columnarea dt a{
	width:626px;
	height:50px;
	padding-left:24px;
	line-height:3.7;
	display:block;
	font-weight:bold;
	color:#fff;
	text-align:left;
	background:url(../mainimg/faq_border.png) no-repeat;
	outline:none;
}
.faq_columnarea dt a img{
	margin-right:12px;
	vertical-align:-3px;
}
.faq_columnarea dd{
	width:579px;
	margin-left:24px;
	padding:0 6px 48px 40px;
	text-align:left;
	background:url(../mainimg/answer.gif) no-repeat;
}
.faq_columnarea dd ul.browserlist li{
	margin:6px 0 0 20px;
	list-style-type:disc;
}
.faq_columnarea dd a{
	color:#3df9fa;
	font-weight:bold;
}


/*--お問合せ------------------------------------------*/
.inquiry_textbox{
	text-align:center;
	margin:10px 0px;
}
.table01{
	margin:20px auto;
	width: 735px;
	line-height: 1.5;
	border-collapse: collapse;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px;
}
.table01 th{
	width:30%;
	border:1px solid #0099ff;
	padding: 6px 10px 4px 10px;
	background: url(../mypage/images/bg_blue.gif) #1167a6 left top repeat-x;
	color: #fff;
}
.table01 td{
	border:1px solid #0099ff;
	background: url(../mypage/images/bg_white.gif) #fff left top repeat-x;
	padding: 6px 10px 4px 10px;
	color:#000;
}
.table01 td textarea{
	width:90%;
}
.table01 td.btn_area{
	text-align:center;
	background: url(../mypage/images/bg_blue.gif) #1167a6 left top repeat-x;
	padding:8px 0;
}
.table01 td.btn_area img{
	vertical-align: text-bottom;
}