/* === common === */

html{
	height:100%;
}

body{
	height: 100%;
}

a:link {
	color:#c00;
	border-bottom:none;
	text-decoration:underline;
}

a:visited {
	color:#ccc;
	border-bottom:none;
	text-decoration:underlinene;
}

a:hover, a:focus {
	color:#c00;
	border-bottom:none;
	text-decoration:none;
}


storong {font-weight:bold; margin:0; padding:0;}

/* === header / footer === */
body {
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	border:0px solid;
}

#header {
	width:100%;
	height:340px;
	text-align:center;
	background-image:url("/images/common/main_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	background-color:#220F0C;
}

#header_contents{
	position: absolute;
	width:100%;
	top:0px;
	left:0px;
}

#header_img{
	position: relative;
	left 0;

	text-align:center;
	float:center;
}

#menu {
	position: absolute;
	width: 100%;
	text-align:center;
	top:0px;
	left:0px;
}

#menu_contents {
	position: relative;
	left 0;
	z-index:1;
	width:1000px;
	height: 340px;
	margin: 0 auto;
	float:center;
}


#contener {
	height:100%;

	background-image:url("/images/common/bg_all.gif");
/**/
	background-repeat:   repeat-y;
	background-position:center top;
	background-color:#001D59;
/*	background-color:#663333;
*/
 	background-attachment:fixed;
}

body > #contener{
	height:auto;
}

#nav {
padding:0px 0px 0px 0px;
	position:relative;
	color:#ccc;
	text-align:center;
	font-weight:bold;
	clear:both;
	width:100%;


/*	background-color:#220F0C;
*/
}
#footer-nav {
margin: 0 auto;
}

/* -----------news------------- */
#div_patchinfo {
	text-align:center;
	width:384px;
	padding: 0px;
}

#wrapper-div_info {
	margin: 0;
}
#wrapper-div_info:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

#div_info {
	text-align:center;
	padding: 0px;
}

#div_info_new {
	position: static;
	width: 380px;
	margin: 10px auto 2em auto;
}

#div_info_news {
	display: none;
	position: static;
	width: 380px;
	margin: 10px auto 2em auto;
}

#div_info_event {
	display: none;
	position: static;
	width: 380px;
	margin: 10px auto 2em auto;
}

#div_info_update {
	display: none;
	position: static;
	width: 380px;
	margin: 10px auto 2em auto;
}

#div_info_mainte {
	display: none;
	position: static;
	width: 380px;
	margin: 10px auto 2em auto;
}

/*------------news end------------*/

#faq h1 {
	font-size:10pt;
}


/*------------トップページ：全体格納------------*/
#wrapper_contents {
	align: center;
	width:840px;
	height: 100%;
/*	height: 600px; ＊オリジナルコード*/
	background-color:#FFFFFF;
	color:#000000;
	padding:5px 5px 5px 5px;
/*border: solid #00ff00 1px;
*/
}
#wrapper_contents:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

/*------------トップページ：センターエリア------------*/
/* wrapper：センターエリア */
#wrapper_center {
	width: 396px;
	float: left;
/*border: solid #ff0000 1px;
*/
}
/* センターバナー：ラージ */
#bnr-center_large {
	margin: 20px auto 0 auto;
}

/* センターバナー：サブ */
#bnr-center_sub {	
	margin: 5px auto 0 auto;
}


/*------------左サイドバナーエリア ------------*/
/* wrapper：左サイドバナーエリア */
#bannerarea {
	width: 190px;
	height: 100%;
	vertical-align: top;
	padding: 0;
	margin: 0;
/*border: solid #ff0000 1px;
*/
}

/*-- 登録ボタン --*/
#touroku {
	width: 190px;
	height: 150px;
	margin: 0px auto 20px auto;
	background-image: url("../images/common/btn-touroku.jpg");
	text-indent: -1000px;
	overflow: hidden;
}
a:link.touroku {
	width: 190px;
	height: 150px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	background-image: url("../images/common/btn-touroku.jpg");
	background-position: 0 0;
	background-repeat: no-rpeat;
}
a:visited.touroku {
	width: 190px;
	height: 150px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	background-image: url("../images/common/btn-touroku.jpg");
	background-position: 0 0;
	background-repeat: no-rpeat;
}

a:hover.touroku {
	width: 190px;
	height: 150px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	background-image: url("../images/common/btn-touroku.jpg");
	background-position: 0 150px;
	background-repeat: no-rpeat;
}

/* wrapper：バナーエリア ビギナー用 */
#wrapper-banner_biginer {
	margin: 0 0 5px 0;
	padding: 0;
}
#wrapper-banner_biginer img {
	padding: 0 0 5px 0;
/*	display: block;
	margin: 0 0 5px 0;
	width: 190px;
	height: 60px;
border: solid #ff0000 1px;
*/
}

a:link.wrapper-banner_biginer {
	padding: 0 0 5px 0;
	display: block;
/*	margin: 0 0 5px 0;
*/
}


/* wrapper：メンテナンス情報 */
#wrapper-mente {
	width: 180px;
	vertical-align: top;
	background-color: #DAE2F2;
	margin: 0 0 10px 0;
	padding: 5px;
}

#wrapper-mente h2 {
	margin: 0;
	padding: 0 0 0px 0;
}

.mente_img {
	margin: 0;
	padding: 0 0 8px 0;
	display: block;
/*border: solid #ff0000 1px;
*/
}

#wrapper-mente p {
	font-size: 10px;
	color: #00081A;
	text-align: left;
	width: 160px;
	padding: 0 10px 5px 10px;
	margin: -3px 0 0 0;
/*border: solid #105599 1px;
*/
}

#mente-customer {
	text-align: center;
	margin: 0;
	padding: 5px 0;
	border-top: solid #105599 1px;
	border-bottom: solid #105599 1px;
}
#mente-customer span {
	color: #FF4800;
}

a:link.mente {color:#FF4800; text-decoration:underline;}
a:visited.mente {color:#FF4800; text-decoration:underline;}
a:hover.mente {color:#1AD9FF; text-decoration:none;}

/* wrapper：推奨ブラウザ */
#wrapper-recommended_browser {
	font-size: 10px;
	margin: 0 0 20px 0;
	padding: 0;
}
#wrapper-recommended_browser p {
	color: #00194D;
	text-align: left;
	margin: 0;
	padding: 0 10px;
}


/*////////////ゲーム紹介////////////////////////////////////////////////////////////////////////////////////*/
/*------------ゲーム紹介：キャラクター------------*/
#wrapper_chr_explanation {
	margin: 0 0 50px 0;
	padding: 0;
/*border: solid #ff0000 1px;
*/
}
#wrapper_chr_explanation p {
	text-indent: -0.5em;
	margin: 0 auto;
	width: 528px;
	padding: 0;
	text-align: left;
/*border: solid #ff0000 1px;
*/
}

/*------------図格納[ファイター]------------*/
#chr_explanation-fig-fighter {
	width: 540px;
	margin: 0px auto;
	padding: 10px 10px 5px 10px;
}
#chr_explanation-fig-fighter:after {
	content: url("/images/game/bar_btm-fighter.gif");
	margin: 0px auto;
	padding: 10px 0 0 0;
	display: block;
	clear: both;
}
/*------------図格納[アーチャー]------------*/
#chr_explanation-fig-archer {
	width: 540px;
	margin: 0px auto;
	padding: 10px 10px 5px 10px;
}
#chr_explanation-fig-archer:after {
	content: url("/images/game/bar_btm-archer.gif");
	margin: 0px auto;
	padding: 10px 0 0 0;
	display: block;
	clear: both;
}
/*------------図格納[マジシャン]------------*/
#chr_explanation-fig-magician {
	width: 540px;
	margin: 0px auto;
	padding: 10px 10px 5px 10px;
}
#chr_explanation-fig-magician:after {
	content: url("/images/game/bar_btm-magician.gif");
	margin: 0px auto;
	padding: 10px 0 0 0;
	display: block;
	clear: both;
}

/*------------フローティングボックス：SS・ゲージ------------*/
.chr-fig_ss_guage-r {
	float: right;
	width: 280px;
}
.chr-fig_ss_guage-l {
	float: left;
	padding: 0 10px 0 0;
	width: 280px;
}

/*------------フローティングボックス：キャラクター------------*/
.chr-fig_chr-r {
	width: 250px;
	float: right;
}
.chr-fig_chr-l {
	width: 250px;
	padding: 0 10px 0 0;
	float: left;
}


/*------------ガイド------------*/
#risk {
	margin: 0 auto;
	width: 350px;
	border: none;
}
#risk:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
#risk dt {
	width: 4em;
	float: left;
	font-weight: bold;
	text-align: left;
	padding: 0 1em 0 0;
}
#risk dd:before {
	content: ":";
	font-weight: bold;
	padding: 0 1em 0 0;
}

#risk dd {
	text-align: left;
}

/*------------ガイド：パーティ------------*/
/*------------ペナルティ表------------*/
#party_penalty {
	margin: 0 auto;
	width: 25em;
	border: none;
}
#party_penalty dt {
	width: 10em;
	float: left;
	font-weight: bold;
	text-align: left;
	padding: 0 1em 0 0;
}
#party_penalty dd:before {
	content: ":";
	font-weight: bold;
	padding: 0 1em 0 0;
}

#party_penalty dd {
	text-align: left;
}



/*------------footer------------*/
#footer {
	padding:20px 0px 40px 0px;
	position:relative;
	text-align:left;
	clear:both;
	font-size:80%;
	width:100%;
	float: bottom;
	background-color:#000C26;
	color: #FFFFFF;
}

#footer div {
/*	padding-right:20px;
*/
}

#footer_logo {
float: left;
padding: 0 20px 0 0;
}

#footer_copyright {
	width: 860px;
	margin: 2em auto 0 auto;

}