@charset "utf-8";


/* ボディ
----------------------------------------------------------- */

body {
	background-color:#251b16;
	background-image:url(../img/bg_all.gif);
	background-position:center top;
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center; /* IE 向けセンタリング指定 */
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#wrapper {
	width: 900px;
	margin: 0 auto 0 auto; /* Firefox 向けセンタリング指定 */
	padding: 0px;
}

div#legal {
	clear : both;
}

/* リンク
----------------------------------------------------------- */
a:link  {
	color:#003366;
	text-decoration : underline;
}
a:visited  {
	color:#003366;
	text-decoration : underline;
}
a:active  {
	color:#633;
	text-decoration : none;
}
a:hover  {
	color:#360;
	text-decoration : underline;
}

/* フォント
----------------------------------------------------------- */
.p10 {
	font-size: 10px;
}


/* ヘッダー
----------------------------------------------------------- */

div#header {
	background-image:url(../img/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 99px;
}
a#logo {
	margin: 25px 0 0 27px;
	float:left;
	background-image: url(../img/logo.png);
	width: 174px;
	height: 73px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
}


div#header-menu {
	width: 550px;
	float: right;
	margin: 40px 0 0 0;
	padding: 0px 10px 0 0;
}
a#header-m1 {
	margin: 0px 0 0 10px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m1_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 38px;
	height: 16px;
}
a#header-m2 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m2_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width: 81px;
	height: 16px;
}
a#header-m3 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m3_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 78px;
	height: 16px;
}
a#header-m4 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m4_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 39px;
	height: 16px;
}
a#header-m5 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m5_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 65px;
	height: 16px;
}
a#header-m6 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m6_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 77px;
	height: 16px;
}
a#header-m7 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m7_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 38px;
	height: 16px;
}
a#header-m8 {
	margin: 0px 0 0 15px;
	padding: 0px;
	float:left;
	background-image:url(../img/header_m8_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
	width: 76px;
	height: 16px;
}
a#header-m1:hover {
	background:url(../img/header_m1_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m2:hover {
	background:url(../img/header_m2_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m3:hover {
	background:url(../img/header_m3_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m4:hover {
	background:url(../img/header_m4_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m5:hover {
	background:url(../img/header_m5_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m6:hover {
	background:url(../img/header_m6_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m7:hover {
	background:url(../img/header_m7_on.png) center center no-repeat;
	text-indent:-9999px;
}
a#header-m8:hover {
	background:url(../img/header_m8_on.png) center center no-repeat;
	text-indent:-9999px;
}

/* コンテンツ
----------------------------------------------------------- */
div#contents {
	width: 900px;
	background:url(../img/bg_contents.jpg) no-repeat 0 0;
	background-color: #ffecc9;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align:left;
	font-size: 12px;
}
div#contents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}



/* フッター
----------------------------------------------------------- */

div#sitemap {
	width: 900px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-color: #696844;
	clear:both;
}
div#sitemap-list {
	float:left;
	margin: 7px 0 0 20px;
	padding: 0px;
	text-align:left;
	width: 500px;
}
div#sitemap-list a {
	color:#efea9b;
	font-size: 10px;
	text-decoration:none;
}
div#sitemap-list a:hover {
	color:#fff;
	text-decoration:underline;
}



/* コピーライト
----------------------------------------------------------- */

div#copyright {
	font-size: 10px;
	float: right;
	width: 270px;
	margin: 30px 0 0px 0px;
	padding: 0;
	color: #FFF;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
}