@charset "utf-8";
/*
コーディング環境に合わせて、適宜文字コードをセットしてください。
このファイルのエンコーディングも忘れずに！
*/


/*-----------------------------------------------------------
 [CSS Reset]
-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-image:url("../img/common/bg.gif");
	background-repeat:repeat;
	/* Font Control */
	font: normal normal normal 13px/100% "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana,"ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Arial, Helvetica, sans-serif;
	*font-size: small;
	*font: x-small;
}

h1, h2, h3, h4, h5, h6, h7, div, p {
	font-size: 100%;
	line-height: 100%;
}

table {
	margin: 0;
	padding: 0;
	font: 100%;
	font-size: inherit;
	empty-cells: hide;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	font-size: 1.2em;
}

th {
	text-align: center;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position:outside;
}

img, a {
	border: 0 none;
	overflow: hidden;
}

address, em {
	font-style: normal;
	font-weight: normal;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	
}

input {
	vertical-align: middle;
}

input, select, option, textarea {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana,"ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Arial, Helvetica, sans-serif;

}

label {
	font-size: 1em;
	line-height: 1.2;
}

select,
option {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.2;
}

textarea {
	font-size: 0.9em;
	line-height: 1.2;
}



/*-----------------------------------------------------------
 [LAYOUT]
-----------------------------------------------------------*/
/* #wrap
---------------------------------------------------------- */

#wrap {
	width:900px;
	_width:880px;
	background-color:#ffffff;
	margin:0 auto;
}


/*-----------------------------------------------------------
 #header
---------------------------------------------------------- */

#header {
	
	margin:0 auto;
}

#header #header_logo {
	width:900px;
	height:120px;
	margin:0 auto;
	background-image:url("../img/common/head.jpg");
}

#header #header_logo h1,
#header #header_logo p {
	text-indent:-9999px;
}


#header #navigation {
	background-image:url("../img/common/navi_bg.png");
	background-repeat:repeat-x;
	height:45px;
	margin:0;
}

#top #header #navigation {
	background-image:url("../img/common/navi_bg.png");
	background-repeat:repeat-x;
	height:45px;
	margin:0;
}

#header #navigation ul {
	width:900px;
	margin:0 auto;
}

#header #navigation li {
	float:left;
}

#header #navigation li a {
	text-indent:-9999px;
	height:45px;
	text-decoration: none;
	border: 0px none;
	background-image:url("../img/common/navi.jpg");
	background-repeat:no-repeat;
	display:block;
}

#header #navigation #navi_top a{width:131px;background-position:0 0;}
#header #navigation #navi_companions a{width:136px;background-position:-131px 0;}
#header #navigation #navi_schedule a{width:116px;background-position:-267px 0;}
#header #navigation #navi_system a{width:122px;background-position:-383px 0;}
#header #navigation #navi_campaign a{width:149px;background-position:-505px 0;}
#header #navigation #navi_access a{width:136px;background-position:-654px 0;}
#header #navigation #navi_recruit a{width:110px;background-position:-790px 0;}

#header #navigation #navi_top a:hover{width:131px;background-position:0 -45px;}
#header #navigation #navi_companions a:hover{width:136px;background-position:-131px -45px;}
#header #navigation #navi_schedule a:hover{width:116px;background-position:-267px -45px;}
#header #navigation #navi_system a:hover{width:122px;background-position:-383px -45px;}
#header #navigation #navi_campaign a:hover{width:149px;background-position:-505px -45px;}
#header #navigation #navi_access a:hover{width:136px;background-position:-654px -45px;}
#header #navigation #navi_recruit a:hover{width:110px;background-position:-790px -45px;}


#page_top {
	width:860px;
	height:31px;
	text-align:right;
	border-bottom:1px dotted #483413;
	clear:both;
	margin:0 auto 15px;
}

/*-----------------------------------------------------------
#footer
---------------------------------------------------------- */

#footer {
	clear:both;
	width:900px;
	background-image:url("../img/common/bg_footer.jpg");
	background-repeat:no-repeat;
	background-position:center 25px;
	margin:0 auto;
}

#footer ul li{
	display:inline;
	padding:0 5px 0 5px;
	border-left:1px solid #483413;
}

#footer ul li a {color:#483413;}

#footer ul #footer_navi_top {
	border:none;
}

#footer address{
	color: #cda160; 
	padding:5px 0 5px 0;
	margin:15px 0 0 0;
}