@charset "utf-8";

/* ===============================================

	Structure CSS　　全ページ共通

================================================== */

html, body {
	background-color:#152e5c;
	color:#231815;
	letter-spacing:0.05em;
}


#wrapper{
	background:url(../img/body_game_bg.jpg) repeat-y;
	margin: 0 auto;
	width: 880px;
}

#container{
	width: 760px;
	padding:18px 0px 28px 0px;
	margin:0px 60px 0px 60px;
}

/* ===============================================
  header CSS
================================================== */

#header {
	position: relative;
	padding:0px 0px 0px 0px;
}


#header p#description {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	font-size: 77%;
	color:#b9955d;
	text-align:right;
}

#header h1  {
	width:124px;
	float: left;
	display:inline;
	margin:0px;
	height:44px;
}

/* ===============================================
  Globalnavi CSS
================================================== */


#header ul#gnavi  {
	zoom: 1;
	width:597px;
	float: right;
	height:54px;
	margin:0px;
	padding:0px;
}

#header ul#gnavi li  {
	float: left;
	display:inline;
	margin:0px;
	padding:0px;
}

ul#gnavi li a {
	display: block;
	background: #FFF url(../img/gnavi_over.gif) no-repeat;
}
ul#gnavi li.item01 a {background-position:    0   0;}
ul#gnavi li.item02 a {background-position: -92px 0;}
ul#gnavi li.item03 a {background-position: -197px 0;}
ul#gnavi li.item04 a {background-position: -302px 0;}
ul#gnavi li.item05 a {background-position: -402px 0;}
ul#gnavi li.item06 a {background-position: -506px 0;}
ul#gnavi li.item07 a {background-position: -597px 0;}


ul#gnavi li a:hover {
	background-color: transparent;
}

ul#gnavi li a:hover img {
	visibility: hidden;
}

/* When Active Page */
body.TOP ul#gnavi li.item01 a img,
body.MENU ul#gnavi li.item02 a img,
body.SHOP ul#gnavi li.item03 a img,
body.JOINUS ul#gnavi li.item04 a img,
body.FAQ ul#gnavi li.item05 a img,
body.INQUIRY ul#gnavi li.item06 a img { visibility: hidden;}


/* ===============================================
  footer_banner 全ページ共通
================================================== */
#footer_banner {
	margin:0px 0px 25px 0px;
	align:right;
}

#footer_banner ul#footer_banner_navi {
	padding:10px 0px 0px 0px;
	float:right;
}
#footer_banner ul#footer_banner_navi li {
	float: left;
	display: inline;
	margin: 0px 0px 0px 4px;
}



/* footer_banner　top用
========================= */
#footer_banner.top {
	margin:0px 0px 5px 0px;
	align:right;
}

#footer_banner.top ul#footer_banner_navi {
	padding:10px 0px 0px 0px;
	float:right;
}

#footer_banner.top ul#footer_banner_navi li{
	float: left;
	display: inline;
	margin: 25px 0px 0px 4px;
}

#footer_banner.top ul#footer_banner_navi li.top_img {
	float: left;
	display: inline;
	margin: 0px 97px 0px 0px;
}


/* ===============================================
   footer
================================================== */
#footer {
	height: 35px;
	margin:0px 0px 0px 0px;
	align:right;
}

#footer ul#footer_navi {
	padding:10px 0px 0px 0px;
	float: right;
}


#footer ul#footer_navi li {
	float: left;
	display: inline;
	margin: 0px 15px 0px 0px;
	font-size: 77%;
	line-height: 1.167;
	white-space: nowrap;
	letter-spacing: 0.05em;
}

#footer address#footer_corp {
	float: right;
	display: inline;
	margin: 0px;
	width: 90px;
}

/* =======================================

	A ELEMENT SET 　　全ページ共通

========================================== */

/* LINK COLOR */

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

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

a:hover{
	color:#963f59;
	text-decoration: none;
}

a:active{
	color:#963f59;
	text-decoration: none;
}

/* ======================================================================================== 

 全ページ共通  コンテンツレイアウトパターン

/======================================================================================== */

#baseContents { 
	width:682px;
	margin:14px 0px 35px 39px;
}


#baseContents01_top { 
	width:682px;
	height:20px;
	background:url(../img/base_bg01_top.gif) no-repeat;
}

#baseContents01_middle { 
	width:682px;
	background:url(../img/base_bg01_middle.gif) repeat-y;
}

#baseContents01_end { 
	width:682px;
	height:20px;
	background:url(../img/base_bg01_end.gif) no-repeat;
	text-align:center;
}


#baseContents02 { 
	width:682px;
	height:560px;
	background:url(../img/base_bg02.gif) no-repeat;
}



/* ======================================================================================== 

 全ページ共通  class指定

/======================================================================================== */

.font_red { 
	color:#c61a22;
}

.font_white { 
	color:#ffffff;
}

.font10 { 
	font-size:77%;
}

/* =================================================================== */
/*  回り込み解除 回り込み設定した場合、親要素のclassに必ずcboxを入れる*/
/* =================================================================== */

.cbox { 
zoom: 100%;
}

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


/* ======================================================================================== 

 gameページ用  

/======================================================================================== */

#gameContents { 
	width:682x;
	height:634px;
	background:url(../img/game_bg.gif) no-repeat;
	padding: 15px 15px 15px 15px;
}



#game { 
	width:652x;
	height:604px;
}