@charset "UTF-8";
@import url("photo.css");
@import url("table.css");


/* ブラウザスタイルの初期化 */

* {
	margin: 0;
	padding: 0;
	color: #444;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.2em;
	font-size: 14px;
}


/* 文書本体 (body) */

body {
	background: #aaba8b url(../images/bg.gif) repeat-x fixed 0 bottom;
	padding: 0px;
	margin: 0px;
}

div#wraper {
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div#header {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	width: 800px;
	height:  370px;
	text-align: left;
	background-image: url(../images/bg_header.png);
	position: absolute;
}



img#maingraphic {
	margin-top: 37px;
	clear: both;
}


div#header div#sitelogo h1{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 10px;
	left: -55px;
	width: 315px;
	height: 185px;
	font-size: 14px;
	line-height: 1em;
	text-indent: -9999px;

}

div#header div#sitelogo h1 a{
	width: 315px;
	height: 185px;
	display: block;
	background-image: url(../images/woodplate.png);
	behavior: expression(IEPNGFIX.fix(this));
}

div#header div#sitelogo h1 a:hover{
	width: 315px;
	height: 185px;
	background-image: url(../images/woodplate_on.png);
	behavior: expression(IEPNGFIX.fix(this));
}


div#mainblock {
	margin: 365px 0px 0px 0px;
	width: 800px;
	overflow: hidden;
	background-color: #fff;

}

div#contents {
	margin: 10px 15px 50px 15px;
	width: 770px;
	text-align: left;
	color: #424242;
	overflow: auto;
}


/* リンクテキスト (a) */

a:link {
	color: #ff3118;
	text-decoration: none;
}

a:visited {
	color: #b34336;
	text-decoration: none;
}

a:hover {
	color: #992d99;
}

a:active {
	color: #f2f86e;
}


/* 画像 (img) */
img {
	border: 0;
}


/* メインメニュー */
ul#mainmenu {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 800px;
	position: absolute;
	top: 350px;
	clear: both;
}


ul#mainmenu li{
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 1em;
	text-indent: -9999px;
}


ul#mainmenu li a{
	display: block;
	height: 32px;
	background: url(../images/mainmenu.gif) no-repeat;
	border-bottom: none;
}



ul#mainmenu li#mm01 a{
	width: 102px;
	background-position: 0px 0px;
}

ul#mainmenu li#mm02 a{
	width: 149px;
	background-position: -103px 0px;
}

ul#mainmenu li#mm03 a{
	width: 136px;
	background-position: -251px 0px;
}

ul#mainmenu li#mm04 a{
	width: 121px;
	background-position: -387px 0px;
}

ul#mainmenu li#mm05 a{
	width: 112px;
	background-position: -508px 0px;
}

ul#mainmenu li#mm06 a{
	width: 98px;
	background-position: -620px 0px;
}

ul#mainmenu li#mm07 a{
	width: 82px;
	background-position: -718px 0px;
}



ul#mainmenu li#mm01 a:hover{
	background-position: 0px -32px;
}

ul#mainmenu li#mm02 a:hover{
	background-position: -103px -32px;
}

ul#mainmenu li#mm03 a:hover{
	background-position: -251px -32px;
}

ul#mainmenu li#mm04 a:hover{
	background-position: -387px -32px;
}

ul#mainmenu li#mm05 a:hover{
	background-position: -508px -32px;
}

ul#mainmenu li#mm06 a:hover{
	background-position: -620px -32px;
}

ul#mainmenu li#mm07 a:hover{
	background-position: -718px -32px;
}



ul#mainmenu li#mm01 a:active{
	background-position: 0px -64px;
}

ul#mainmenu li#mm02 a:active{
	background-position: -103px -64px;
}

ul#mainmenu li#mm03 a:active{
	background-position: -251px -64px;
}

ul#mainmenu li#mm04 a:active{
	background-position: -387px -64px;
}

ul#mainmenu li#mm05 a:active{
	background-position: -508px -64px;
}

ul#mainmenu li#mm06 a:active{
	background-position: -620px -64px;
}

ul#mainmenu li#mm07 a:active{
	background-position: -718px -64px;
}



/* サブメニュー */
ul#submenu {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 321px;
	top: 12px;
	left: 460px;
	position: absolute;
	clear: both;
}


ul#submenu li{
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 1em;
	text-indent: -9999px;
}


ul#submenu li a{
	display: block;
	height: 25px;
	background: url(../images/submenu.gif) no-repeat;
	border-bottom: none;
}



ul#submenu li#sm01 a{
	width: 84px;
	background-position: 0px 0px;
}

ul#submenu li#sm02 a{
	width: 66px;
	background-position: -84px 0px;
}

ul#submenu li#sm03 a{
	width: 86px;
	background-position: -150px 0px;
}

ul#submenu li#sm04 a{
	display: none;
	width: 85px;
	background-position: -236px 0px;
}


ul#submenu li#sm01 a:hover{
	background-position: 0px -25px;
}

ul#submenu li#sm02 a:hover{
	background-position: -84px -25px;
}

ul#submenu li#sm03 a:hover{
	background-position: -150px -25px;
}

ul#submenu li#sm04 a:hover{
	background-position: -236px -25px;
}


ul#submenu li#sm01 a:active{
	background-position: 0px -50px;
}

ul#submenu li#sm02 a:active{
	background-position: -84px -50px;
}

ul#submenu li#sm03 a:active{
	background-position: -150px -50px;
}

ul#submenu li#sm04 a:active{
	background-position: -236px -50px;
}




/* ユーザー支援ナビゲーション*/
div#navSkip {
	height: 0px;
	overflow: hidden;
}

#maingraphicSpace {
	position: absolute;
	top: 37px;
	width: 800px;
	height: 313px;
	background-image: url(../images/maingraphic_top1.jpg);
}



/* 本文　*/

div.blockMain {
	width: 550px;
	margin: 0px 0px 0px 20px;
	font-size: 14px;
	line-height: 1.6em;
	float: left;
}

#news div.blockMain {
	float: none;
}

div.blockMain p{
	margin: 10px 0px 40px 0px;
	font-size: 14px;
	line-height: 1.8em;
}

div.blockMain p.list a{
	line-height: 1.8em;
}

div.blockMain .sub a{
	color: #555;
	font-size: 11px;
	line-height: 1.2em;
}

div.blockMain p.sub{
	color: #555;
	font-size: 11px;
	line-height: 1.6em;
}


div.blockMain h2{
	margin: 30px 0 40px 0;
	padding: 1px 0 6px 10px;
	color: #4c6e1c;
	font-size: 22px;
	line-height: 1.2em;
	letter-spacing: -1px;
	border-left: 6px solid #4c6e1c;
}

div.blockMain h3{
	margin: 25px 0 25px 0;
	padding: 0px;
	color: #4c6e1c;
	font-size: 18px;
	line-height: 1.2em;
}

div#mainblock div#contents h2.storytitle{
	margin: 30px 0 30px 20px;
	padding: 1px 0 6px 10px;
	color: #4c6e1c;
	font-size: 24px;
	line-height: 1.2em;
	letter-spacing: -1px;
	border-left: 6px solid #4c6e1c;
}

div#mainblock div#contents h2.storytitle a{
	color: #4c6e1c;
	font-size: 24px;
}

div#mainblock div#contents div.meta {
	margin: 3px 0 30px 28px;
	padding: 0px 0 px0px 10px;
	color: #4c6e1c;
	font-size: 10px;
	line-height: 1.2em;
	letter-spacing: 0px;
	display: none;
}

div#mainblock div#contents div.meta a{
	color: #4c6e1c;
}

/* フッター　*/

div#wraper div#footer {
	overflow: hidden;
	background-color: #fff;
}

.toPageTop {
	float: right;
	margin: 20px 16px 0px 0px;
	font-size: 13px;
}

#credit {
	float: left;
	margin: 20px 0px 0px 16px;
	font-size: 12px;
}

#footerImg {
	margin-bottom: 30px;
}