@charset "UTF-8";

@import url("chara.css");
@import url("news.css");
@import url("system.css");
@import url("special.css");



img, div, li, p {
	behavior: url(../iepngfix.htc);
}

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 798px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	color: #333333;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック" "Helvetica" "sans-serif";
	text-align: center;
	font-size: 12px;
	line-height: 1.8em;
	text-align: left;
}



/* HEADER */

#header {
	padding: 0px;
	margin: 0px;
	width: 798px;
	height: 144px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
}

#header h1 {
	padding: 0px;
	margin: 0px;
	width: 0px;
	height: 0px;
	text-indent: -9999px;
	_float: left;
}

#menu {
	padding: 0px;
	margin: 28px 0px 0px 20px;
	height: 26px;
	width: 780px;
}

#header h2 {
	padding: 0px;
	margin: 15px 0px 0px 20px;
	float: left;
}




/* CONTENTS */


#content {
	margin: 0px;
	padding: 30px 24px 20px 24px;
	_padding: 30px 14px 20px 24px;
	width: 750px;
	clear: both;
}

#storyTxt {
	padding: 0px;
	margin: 0px;
	width: 750px;
	height: 300px;
	background-image: url(../story/img/story.gif);
	background-repeat: no-repeat;
}

#storyTxt p {
	display: none;
}







/* MENU */



#menuHome {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/home.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuHome a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuHome a:hover {
	background-image: none;
}

#menuNews {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/news.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuNews a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/news.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuNews a:hover {
	background-image: none;
}


#menuStory {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/story.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuStory a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/story.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuStory a:hover {
	background-image: none;
}

#menuSecret {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/secret.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuSecret a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/secret.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuSecret a:hover {
	background-image: none;
}


#menuSystem {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/system.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuSystem a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/system.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuSystem a:hover {
	background-image: none;
}

#menuChara {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/chara.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuChara a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/chara.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuChara a:hover {
	background-image: none;
}

#menuMonster {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/monster.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuMonster a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/monster.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuMonster a:hover {
	background-image: none;
}

#menuSpecial {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/special.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#menuSpecial a {
	padding: 0px;
	margin: 0px;
	width : 84px;
	height : 26px;
	background-image: url(../img/menu/special.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#menuSpecial a:hover {
	background-image: none;
}





dl {
	margin: 0px 0px 10px 20px;
	text-align: left;
	font-size: 12px;
	line-height: 1.6em;
}

dt {
	margin: 0px;
	float: left;
	width: 85px; 
	clear: both;
}
	
dd {
	margin: 0px;
}



.cv {
	margin: -10px 0px 5px 0px;
	font-size: 14px;
	color: #BB0000;
}



/* FOOTER */
#footer {
	margin: 30px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	width: 758px;
	height: 150px;
	text-align: right;
	font-size: 10px;
	line-height: 1.4em;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
	color: #000000;
}


#footer img {
	margin: 0px 10px 0px 0px;
	float: left;
}





/* common */






h1 {
	padding: 25px 0px 0px 0px;
	margin: 0px;
}

h2 {
	padding: 0px;
	margin: 25px 0px 0px 0px;
	text-align : right;
}


h3 {
	padding: 0px;
	margin: 30px 0px 15px 0px;
}

.h3Top {
	padding: 0px;
	margin: 10px 0px 15px 0px;
}

.h3Text {
	padding: 8px 0px 0px 10px;
	margin: 30px 0px 10px 0px;
	width: 750px;
	height: 22px;
	color: #003366;
	background-image: url(../img/h3_bg.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 1em;
	clear: both;
}

h4 {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
}

.h4Img {
	margin: 0px 0px 10px 0px;
}

h5 {
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #336633;
}


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

li  {
	padding: 0px;
	margin:0px;
}


p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}



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

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

a:hover, a:active {
	color: #FFAA00;
	text-decoration: underline;
}


table {
	padding: 0px;
	margin: 0px 0px 15px 20px;
}

td {
	padding: 0px 10px 0px 0px;
}

address {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}


em {
	font-weight: bold;
	font-style: normal;
	color: #336699;
}

.allClear {
	clear: both;
}


.noMargin {
	padding: 0px;
	margin: 0px;
}



.left {
	margin: 0px 10px 10px 0px;
	float: left;
}

.right {
	margin: 0px 0px 30px 10px;
	float: right;
}

.center {
	margin: 0px 0px 10px 0px;
}


.caution {
	font-size: 12px;
	color: #EE0000;
}

.note {
	font-size: 10px;
	line-height: 1.5em;
	color: #AAAAAA;
}

.noteBL {
	font-size: 12px;
	line-height: 1.8em;
	color: #3333AA;
}

.noteBK {
	font-size: 10px;
	line-height: 1.5em;
	color: #000000;
}

.block {
	display: block;
}

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

.clearfix {
	display: inline-block;
}

/*Hides from IE-mac ﾂ･*/
*html .clearfix {height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */