@charset "UTF-8";

/* 初期化 */
body,div,form,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,p,a { margin:0; padding:0; }


/* 基本設定 */
body {
	background-color: rgb(249,243,230);
	font-size: 12px;
	font-family: 'Arial','Lucida Grande','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka','ＭＳ ゴシック','Osaka‐等幅','sans-serif';
}

#container {
	width:960px;
	margin:0 auto;
}

/* ---ヘッド設定--- */
#header {
	width:960px;
	height:85px;
	background: url(../img/header.png) no-repeat;
}

img.logo {
	margin:8px 0 0 8px;
}

/* ---ヘッドナビ--- */
#head_navi {
    width:960px;
	height:23px;
	background: url(../img/head_navi.png) no-repeat;
}

ol#head_navi_list {
	padding:6px 0 0 28px;
	font-size:12px;
	color:#e38e92;
}

ol#head_navi_list li {
	display:inline;
	line-height:100%;
	list-style-type:none;
}

ol#head_navi_list li a {
	padding-right:18px;
	background:url(../img/head_navi_arrow.png) no-repeat right center;
}

/* ---コンテンツ--- */
#contents {
	float:left;
	width:960px;
	background: url(../img/contents_back.gif) repeat-y;	
}

#main {
	float:right;
	width:792px;
}

#side_navi {
	float:left;
	width:168px;
	background-color: rgb(235,232,219);
/* IEで画像の隙間が出る対策 */
	vertical-align: bottom;
	line-height:0;
	font-size: 0;
}

/* ---サイドナビ--- */
/* ---サイドボタン設定--- */
#side_navi ul {
	margin:0px;
	padding: 0px;
	list-style: none;
}

#side_navi li {
	margin:0px;
	padding: 0px;
	width: 168px;
	height: 20px;
	text-indent: -9999px;
}

#side_navi li a {
	text-decoration: none;
	display: block;
	width: 168px;
	height: 20px;
}


/* ---サイドボタン初期表示設定--- */
#side_navi li#b01-1 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px 0px;
}

#side_navi li#b01-2 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -20px;
}

#side_navi li#b01-3 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -40px;
}

#side_navi li#b01-4 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -60px;
}

#side_navi li#b01-5 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -80px;
}

#side_navi li#b01-6 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -100px;
}

#side_navi li#b02-1 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -120px;
}

#side_navi li#b02-2 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -140px;
}

#side_navi li#b03-1 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -160px;
}

#side_navi li#b03-2 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -180px;
}

#side_navi li#b03-3 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -200px;
}

#side_navi li#b03-4 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -220px;
}

#side_navi li#b03-5 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -240px;
}

#side_navi li#b03-6 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -300px;
}

#side_navi li#b03-7 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -340px;
}

#side_navi li#b04-1 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -260px;
}

#side_navi li#b04-2 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -280px;
}

#side_navi li#b04-3 {
	background: url(../img/side_menu/rollover.gif) no-repeat 0px -320px;
}

/* ---サイドボタンマウスオーバー設定--- */
#side_navi li#b01-1 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px 0px;
}

#side_navi li#b01-2 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -20px;
}

#side_navi li#b01-3 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -40px;
}

#side_navi li#b01-4 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -60px;
}

#side_navi li#b01-5 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -80px;
}

#side_navi li#b01-6 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -100px;
}

#side_navi li#b02-1 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -120px;
}

#side_navi li#b02-2 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -140px;
}

#side_navi li#b03-1 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -160px;
}

#side_navi li#b03-2 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -180px;
}

#side_navi li#b03-3 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -200px;
}

#side_navi li#b03-4 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -220px;
}

#side_navi li#b03-5 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -240px;
}

#side_navi li#b03-6 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -300px;
}

#side_navi li#b03-7 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -340px;
}

#side_navi li#b04-1 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -260px;
}

#side_navi li#b04-2 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -280px;
}

#side_navi li#b04-3 a:hover {
	background: url(../img/side_menu/rollover.gif) no-repeat -168px -320px;
}


/* ---フッター--- */
#footer {
	clear:both;
	width:960px;
	height:42px;
	background: rgb(253,253,250) url(../img/footer.png) no-repeat;
}

p.footer {
	text-align: right;
	padding:16px 12px 0 0;
	font-size: 11px;
	color: #333333;
}

a:link { color:#7a4716; text-decoration:none; }
a:visited { color:#7a4716; text-decoration:none; }
a:hover { color:#ff6600; text-decoration:none; }
a:active { color:#ff6600; text-decoration:none; }

/* ---newアイキャッチ--- */
img.new {
	padding:0 0 0 4px;
}