/* 共通要素 */

@charset "shift_jis";

body,html{
     scrollbar-base-color:#664032;
     scrollbar-face-color:#664032;
     scrollbar-track-color:#664032;
     scrollbar-highLight-color:#664032;
     scrollbar-darkshadow-color:#664032;
     scrollbar-arrow-color:#b4866b;
     scrollbar-shadow-color:#b4866b;
     scrollbar-3dLight-color:#b4866b;
	 background-color: #e6e6e6;
	 text-align:center;
	 height: 100%;
}

a { color:#c01c23; text-decoration:underline; outline:0px;}
a:hover{ color:#ff9023; text-decoration:none;}

img{ border: 0px;}

#copyright {width: 758px; background-color:#FFFFFF; display: block; position:relative; clear:both;}
.margin_td10{ margin: 10px 0px 10px 0px;}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl { margin-top: 0px; margin-bottom: 0px; padding: 0px;}

* {margin:0px;}

h1{ font-size: 18px; font-weight: bold; text-align:left; margin-bottom:0px; margin-top:0px;}
h2{ font-size: 16px; font-weight: bold; text-align:left; margin-bottom:0px; margin-top:0px;}
h3{ font-size: 14px; font-weight: bold; text-align:left; margin-bottom:0px; margin-top:0px;}


#header { width: 758px; height: 42px; background:url(../images/top.jpg) no-repeat;}
#header h1 span{ display: none;}

_#border{ background-color: #563A13; width: 760px; margin: 0px auto; padding: 1px; position: relative;}
#border{ background-color: #563A13; width: 758px; margin: 0px auto; padding: 1px; position: relative;}

#breadcrumbslist-bg { width: 758px; height: 100%; background:url(../images/mainbg.jpg) repeat; padding: 0px; margin:0px;}
#breadcrumbslist { width: 758px; height: 40px; background:url(../images/bg_breadcrumbs.gif) no-repeat left bottom; margin: 0px; padding: 0px; text-align:left;}
#breadcrumbslist p { margin-left: 47px; padding-top: 21px; font-size: 10px; color:#5f574d;}
#breadcrumbslist a { color:#5f574d; text-decoration:none;}
#breadcrumbslist a:hover { color:#d42e65;}




/* トップヘッダー */
#topimg { width: 758px; height: 450px; font-size: 12px;}
#topimg span{ display: none;}

#textber { width:758px; height: 44px; background-color: #563A13;}
.textline-bg {background:url(../images/td_textline_center.gif) no-repeat;}


/* トップメイン */
#page-main { width: 758px; height: 100%; background:url(../images/mainbg.jpg) repeat-y; padding:0; margin:0;}
#page-main h2 span{display:none;}
#page-main p{ text-align:left; margin-left:35px; padding-top: 15px;}
#page-main h3{ text-align:left; margin-left:35px; padding: 0px;}
#page-main h3 span{ display:none;}
#page-main ol{
	text-align:left;
	margin-left:55px;
	margin-top: 15px;
	font-size: 12px;
	color:#663300;
	line-height: 1.3em;
}
#page-main-bottom{width: 758px; height: 42px; background:url(../images/bottom.jpg) no-repeat; margin:0px; padding:0px;  clear:both; text-align:right; font-size: 11px; color:#990000; font-weight: bold;}
.margin-topbt{ padding:7px 25px 0px 0px;}

#page-main-bottom02{width: 758px; height: 83px; background:url(../images/bg_indexbtn.jpg) no-repeat; margin:0px; padding: 0px 0px 0px 0px; clear:both; text-align:center;}

#page-main-bottom02 li { text-align:center; list-style:none; padding: 30px 0px 0px 0px;}
#page-main-bottom02 li a {
	text-indent:-9999px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	text-decoration: none;
}

#page-main-bottom02 li#index a{ width: 124px; height: 45px; background:url(../images/bt_index.gif)  no-repeat; margin: 0px auto;}
#page-main-bottom02 li#index a:hover{ width: 124px; height: 45px; background:url(../images/bt_index_sw.gif) no-repeat; margin: 0px auto;}

#page-main02 { width: 758px; height: 100%; padding: 0px; text-align:center;}
#page-main02-table {width: 700px; height: 100%;  margin: 0 auto;}



/* メニュー */
#mainnavi { width:758px; height:103px; margin:0px; padding:0px; display: block;}
#navi{ width:758px; height:49px; margin:0px; padding:0px; display: inline; float:none;}
#navi li {text-align:left; list-style:none; float:left;}
#navi li a {
	text-indent:-9999px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	text-decoration: none;
}
#navi li#story a {
	height:49px;
	width:168px;
	background: url(../images/menu01.gif) no-repeat left top;
	margin:0px;
}
#navi li#story a:hover {
	height:49px;
	width:168px;
	background: url(../images/menu01_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi li#world a {
	height: 49px;
	width: 169px;
	background: url(../images/menu02.gif) no-repeat left top;
	margin: 0px;
}
#navi li#world a:hover {
	height: 49px;
	width: 169px;
	background: url(../images/menu02_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi li#chara a {
	height: 49px;
	width: 169px;
	background: url(../images/menu03.gif) no-repeat left top;
	margin: 0px;
}
#navi li#chara a:hover {
	height: 49px;
	width: 169px;
	background: url(../images/menu03_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi li#system a {
	height: 49px;
	width: 169px;
	background: url(../images/menu04.gif) no-repeat left top;
	margin: 0px;
}
#navi li#system a:hover {
	height: 49px;
	width: 169px;
	background: url(../images/menu04_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi li#right {
	height: 49px;
	width: 83px;
	background: url(../images/menu_right.gif) no-repeat left top;
	margin: 0px;
}


/* メニュー2 */
#navi2{ width:758px; height:54px; margin:0px; padding:0px; display: inline; float:none;}
#navi2 li {text-align:left; list-style:none; float:left;}
#navi2 li a {
	text-indent:-9999px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	text-decoration: none;
}
#navi2 li#left-no a {
	height: 54px;
	width: 82px;
	background: url(../images/menu_left_no.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#left a {
	height: 54px;
	width: 82px;
	background: url(../images/menu_left.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#left a:hover {
	height: 54px;
	width: 82px;
	background: url(../images/menu_left_sw.gif) no-repeat left top;
	margin: 0px;
}


#navi2 li#info a {
	height:54px;
	width:169px;
	background: url(../images/menu05.gif) no-repeat left top;
	margin:0px;
}
#navi2 li#info a:hover {
	height:54px;
	width:169px;
	background: url(../images/menu05_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#comic a {
	height: 54px;
	width: 169px;
	background: url(../images/menu06.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#comic a:hover {
	height: 54px;
	width: 169px;
	background: url(../images/menu06_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#download a {
	height: 54px;
	width: 169px;
	background: url(../images/menu07.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#download a:hover {
	height: 54px;
	width: 169px;
	background: url(../images/menu07_sw.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#news a {
	height: 54px;
	width: 169px;
	background: url(../images/menu08.gif) no-repeat left top;
	margin: 0px;
}
#navi2 li#news a:hover {
	height: 54px;
	width: 169px;
	background: url(../images/menu08_sw.gif) no-repeat left top;
	margin: 0px;
}


/*　フッター　*/
#fooder {
	width:758px;
	height:auto;
	text-align:left;
	margin: 0 auto;
	padding: 5px 0px;
	position:relative;
	bottom:0;
}

#fooder-r { width: 100px; height:auto; float:right; margin:0; padding:0; display:block;}
#fooder-r img{ margin:10px 0px 0px 15px; float:right;}
#fooder-l { width: 300px; height:auto; float:right; margin:0; padding:0; display:block;}
#fooder-l p{ text-align:right; margin:middl; font-size:11px; color:#660000;}
#fooder-l-02 { width: 10px; height:auto; float: left; margin:0; padding:2; display:block;}
#fooder-l-02 img{ margin:10px 0px 0px 0px; float:left;}

/*　テキスト関連　*/
.text-line { font-family: "Osaka"; font-size: 10pt; color: #eacf84;	padding-top: 5px; text-decoration:none;}

.txt12-brown{font-size: 12px; color:#663300;}
.txt12b-brown{ font-size: 12px; color:#663300; font-weight: bold;}

.copyright{ font-size: 11px; color:#333333;}