@charset "Shift_JIS"; 

img{border: 0px; padding: 0px; margin: 0px;}
table{table layout: fixed;}
 
/* Main */ 
	
body,td{ 
  font-size: 12px;
  line-height: 120%;
  color:#383838;
  font-family: "MS UI Gothic",Tahoma,Osaka,sans-serif;
  background-position: 0px 0px;
}
 
/* anchor */ 
	
a:link{ 
  color : #736152;
  text-decoration: underline;
}

 
a:visited{ 
  color : #736152;
  text-decoration: underline;
}
 
a:hover{ 
  color: #aa917a;
  text-decoration: none;
}
 
a:active{ 
  text-decoration:none;
  color:#fd8420;
}
  
html { 
	scrollbar-face-color: #a8a893;
	scrollbar-darkshadow-color: #5b5b5b;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-arrow-color: #49493f;
	scrollbar-track-color: #d7d5be;
}
 
/* ヘッダー・フッター */ 
	
#header{ 
  padding: 0px 25px 0px 0px;
  margin: 0px;
}
#header .menu{
  color: #32312f;
  margin: 0px;
  padding: 0px 20px 0px 0px;
}
#header a{
  color: #32312f;
  text-decoration: underline;
}
 
#footer{ 
  margin: 0px;
  padding: 0px 30px 0px 0px;
  color: #32312f;
}
#footer td{
  margin: 0px;
  padding: 0px 30px 0px 0px;
  color: #32312f;
}
#footer td a img{
 margin-left: 30px;

}
  
#mobile{ 
  margin: 32px 10px 5px 20px;
  padding: 0;
  color: #ffffff;
  font-size: 10px;
  line-height: 120%;
}
  
/* common */ 

#off img{ visibility: visible;}
	
/* ロールオーバーメニュー */ 
	
/* 上部メニュー */ 
.topmenu { width: 680px; height: 41px; }

.topmenu td a,
.topmenu td a:link,
.topmenu td a:visited { background-position: 0px 0px; float:left; }

.topmenu td a:focus,
.topmenu td a:hover,
.topmenu td a:active { background-position: 0px 41px; float:left;}

.topmenu{ border: 0; margin: 0; padding: 0; overflow: hidden;}

.topmenu td img{ visibility: hidden; }


.topmenu .bn_top a {  background-image: url(../images/bn_top.jpg);}
.topmenu .bn_story a {  background-image: url(../images/bn_story.jpg);}
.topmenu .bn_chara a {  background-image: url(../images/bn_chara.jpg);}
.topmenu .bn_system a {  background-image: url(../images/bn_system.jpg);}
.topmenu .bn_world a {  background-image: url(../images/bn_world.jpg);}
.topmenu .bn_down a {  background-image: url(../images/bn_down.jpg);}
.topmenu .bn_info a {  background-image: url(../images/bn_info.jpg);}
.topmenu .bn_goods a {  background-image: url(../images/bn_goods.jpg);}

.topmenu td .bn_off {  background-image: url(../images/spacer.gif);  float:left;}
 
/* whats new */ 


#whatsnew { width: 108px; height: 51px; }
#whatsnew td  a,
#whatsnew td  a:link,
#whatsnew td  a:visited { background-position: 0px 0px; float:left;}
#whatsnew td img{border: 0; margin: 0; padding: 0;  overflow: hidden;}
#whatsnew td img{ visibility: hidden;}

#whatsnew td a:focus,
#whatsnew td a:hover,
#whatsnew td a:active { background-position: 0px 51px; float:left;}


#whatsnew .newimg a {background-image: url(../images/whatsnew.jpg);}
   
/* テキスト */ 
	

#prologue {	/* プロローグ */
	width: 606px;
	height: 264px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	line-height: 145%;
	color: #000000;
}

#system {	/* システム */
	width: 433px;
	height: 120px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 5px 15px 10px 30px;
	line-height: 145%;
}
.side_txt {	/* 縦幅指定なし */
	width: 433px;
	padding: 0px 0px 0px 0px;
	margin: 5px 15px 10px 30px;
	line-height: 145%;
}
 
.chara_txt{ /* キャラクターページ */ 
  line-height: 150%;
  margin: 15px 13px 0px 15px;
  padding: 0px;
  width: 275px;
  height: 269px;
  overflow: auto;
}
 
#field_txt{　/* フィールド */ 
  line-height: 150%;
  margin: 5px 0px 15px 25px;
  padding: 0px;
  width: 448px;
  height: 245px;
  overflow: auto;
}