@charset "shift_jis";
/* CSS Document */



body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 100%;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#98295A;
	background-position: top center;
}

/*
==========================================================

			枠組み

==========================================================
*/
#wrapper {
	width:100%;
	height: auto;
	margin: 0 auto;
	background: url(../images/back_shadow.png) no-repeat top center fixed;

	}

#contents_wrap {
	width:1100px;
	margin: 0 auto;
	background: url(../images/back02.jpg) repeat-y;
}
#menu {
	width: 304px;
	float: left;
	
}
#contents {
	width: 796px;
	float: left;
}

#main { width: 100%;}

#footer { width: 100%; padding: 25px 0 10px; background: #420F24; clear: both;}





/*
==========================================================

			main

==========================================================
*/
#up { padding: 0 30px 0 0; float: right;}
.up a { width: 51px; height: 30px; background: url(../images/up.png) no-repeat center bottom; text-indent: -999999px; display: block;}
.up a:hover { opacity: 0.5;}

/*
==========================================================

			footer

==========================================================
*/

#footer_l { width: 600px; margin-left: 30px; float: left;}
#footer_r { width:140px; float: right;}

#bunner { text-indent: -999999px; padding-bottom: 10px;}
#bunner li { float: left;}
#bunner li.bn01 a { width: 285px; height: 84px; display: block; background: url(../images/bunner01.png) no-repeat 0 0; padding-right: 5px;}
#bunner li.bn02 a { width: 285px; height: 84px; display: block; background: url(../images/bunner02.png) no-repeat 0 0;} 

#bunner li.bn01 a:hover,
#bunner li.bn02 a:hover { background-position: 0 -84px;}


#credit { color: #FFF; font-size: 13px; line-height: 40px;}
.logo a {
	width: 168px; height: 32px;
	display: block;
	background: url(../images/heiwajima.gif) no-repeat;
	text-indent: -999999px;
	float: left;
	padding-right: 10px;
}
.logo a:hover { opacity: 0.5;}