@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #3D3D4B;
	line-height: 16px;
}

#container {
	padding: 0px;
	height: auto;
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/bg01.jpg);
	background-repeat: repeat-y;
}
#container #header {
	padding: 0px;
	height: 100px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
}
#container #header #title {
	padding: 0px;
	height: 94px;
	width: 288px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 16px;
}
#container #main {
	padding: 0px;
	height: auto;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#container #main #menu {
	height: auto;
	width: 230px;
	float: left;
}

#container  #main  #menu  ul {
	list-style-type: none;
	display: block;
	padding: 4px;
	height: 234px;
	width: 183px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 20px;
	background-image: url(../img/menu/menu_bg.jpg);
	background-repeat: no-repeat;
}
#container #main #menu li .m01 {
	background-image: url(../img/menu/m_01.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m02 {
	background-image: url(../img/menu/m_02.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m03 {
	background-image: url(../img/menu/m_03.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m04 {
	background-image: url(../img/menu/m_04.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m05 {
	background-image: url(../img/menu/m_05.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m06 {
	background-image: url(../img/menu/m_06.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m07 {
	background-image: url(../img/menu/m_07.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m08 {
	background-image: url(../img/menu/m_08.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 180px;
	text-indent: -9000px;
	float: left;
	margin-bottom: 1px;
}
#container #main #menu li .m01:hover {background-position: top right;}
#container #main #menu li .m02:hover {background-position: top right;}
#container #main #menu li .m03:hover {background-position: top right;}
#container #main #menu li .m04:hover {background-position: top right;}
#container #main #menu li .m05:hover {background-position: top right;}
#container #main #menu li .m06:hover {background-position: top right;}
#container #main #menu li .m07:hover {background-position: top right;}
#container #main #menu li .m08:hover {background-position: top right;}
#container #main #content {
	margin-left: 235px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	width: 510px;
}



#container #footer {
	padding: 0px;
	height: 50px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#container #footer ul {
	clear: none;
	float: left;
	list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
	width: 787px;
	margin: 0px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 26px;
	position: absolute;
}
#container #footer li {
	color: #FFFFFF;
	clear: none;
	float: left;
}
#container #footer li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#container #footer li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#container #footer li a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#container #footer li a:active {
	color: #FF6600;
	text-decoration: none;
}
#container #footer .copy {
	width: 780px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	color: #FFFFFF;
	position: absolute;
	margin-top: 33px;
}

div hr {
	display:none;
	display:expression((this.parentNode.firstChild == this)?'block':'none');
}
.line_01 {
	background-image: url(../img/hr_simple.gif);
	background-image:expression((this.parentNode.firstChild == this)?'none':'url(../img/main/hr_dot.jpg)');
	background-repeat: repeat-x;
	background-repeat:expression((this.parentNode.firstChild == this)?'none':'repeat-x');
	width: 100%;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 12px;
	padding: 0px;
}

.clearfloat {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: auto;
	float: left;
	display: block;
}