body{
margin:0;
width:100%;
background-image: url('../img/bg.jpg');
background-position: top;
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #F7F6EE;
scrollbar-face-color: #D9F7FF; /* 表面の色 */
scrollbar-arrow-color: #175F7A; /* 矢印の色 */
scrollbar-highlight-color: #FFF; /* ハイライトの色 */
scrollbar-shadow-color: #175F7A; /* 影の色 */
scrollbar-base-color: #D9F7FF; /* ベース色 */
scrollbar-3dlight-color: #175F7A; /* 左端と上端の色 */
scrollbar-darkshadow-color: #175F7A; /* 右端と下端の色 */
scrollbar-track-color:#FFF;
text-align: center;

font-size: 12pt;
color:#333;
margin-left: 0;
padding: 0;
}

A{text-decoration : underline;}
a:link {color:#333; text-decoration="underline"}
a:visited {color:#333; text-decoration="underline"}
a:active {color:#333;}
a:hover {color:#AC1D53; text-decoration: none;}

/*******    トップ     ********/

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: #F7F6EE;
}

#menu{
	width: 800px;
	height: 45px;
	margin-top: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 17px;
}

#menu a{
	display: block;
	color: #FFF;
	height: 45px;
}

#menu a:hover{
	color:#333;
	background-image: none;
	background-color: transparemnt;
}

#menu ul{
	list-style: none;
	margin-left:0px;
	padding: 0;
}

#menu li{
	display: inline;
	float: left;
	width: 100px;
	height: 35px;
	text-align: center;
	overflow: hidden;
}




#top a{
	margin-top: 4px;
  	background-image: url(../img/top.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
}

#top{
	background-image: url(../img/top_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#rule a{
	margin-top: 4px;
  	background-image: url(../img/rule.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#rule{
	background-image: url(../img/rule_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#story a{
	margin-top: 4px;
  	background-image: url(../img/story.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#story{
	background-image: url(../img/story_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#chara a{
	margin-top: 4px;
  	background-image: url(../img/chara.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#chara{
	background-image: url(../img/chara_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#dl a{
	margin-top: 4px;
  	background-image: url(../img/dl.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#dl{
	background-image: url(../img/dl_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#ss a{
	margin-top: 4px;
  	background-image: url(../img/ss.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#ss{
	background-image: url(../img/ss_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#staff a{
	margin-top: 4px;
  	background-image: url(../img/staff.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#staff{
	background-image: url(../img/staff_a.png);
	background-position: right;
	background-repeat: no-repeat;
}

#desunoya a{
	margin-top: 4px;
  	background-image: url(../img/desunoya.png);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;

}

#desunoya{
	background-image: url(../img/desunoya_a.png);
	background-position: right;
	background-repeat: no-repeat;
}