@charset "UTF-8";
body {
	background: #f6f6f0 url(../img/bgwht.gif) repeat-y center top;
	text-align: center;
	font-size: 16px;
}
#page {
	background: url(../img/bg.jpg) no-repeat center top;
}
#header {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}

/*logo*/
#logo {
	padding-top: 11px;
	float: left;
}

/*subMenu*/
#subMenu {
	float: right;
	width: 360px;
	margin-top: 13px;
}
#subMenu li {
	float: left;
	width: 90px;
	height: 26px;
}
#subMenu li#sub01 {
	background: url(../img/sub01o.gif) no-repeat left top;
}
#subMenu li#sub02 {
	background: url(../img/sub02o.gif) no-repeat left top;
}
#subMenu li#sub03 {
	background: url(../img/sub03o.gif) no-repeat left top;
}
#subMenu li#sub04 {
	background: url(../img/sub04o.gif) no-repeat left top;
}
#subMenu li a {
	display: block;
	width: 90px;
	height: 26px;
}
#subMenu li a img {
	display: block;
	width: 90px;
	height: 26px;
}
#subMenu li a:hover {
	background-color:transparent;/*for IE6*/
}
#subMenu li a:hover img {
	visibility: hidden;
	opacity: 0.0;
	filter: alpha(opacity=00);
}

/*menu*/
#menu {
	float: left;
	clear: both;
	margin-top: 113px;
	width: 600px;
	height: 90px;
}
#menu li {
	float: left;
	width: 120px;
	height: 90px;
}
#menu li#m01 {
	background: url(../img/m01o.gif) no-repeat left top;
}
#menu li#m02 {
	background: url(../img/m02o.gif) no-repeat left top;
}
#menu li#m03 {
	background: url(../img/m03o.gif) no-repeat left top;
}
#menu li#m04 {
	background: url(../img/m04o.gif) no-repeat left top;
}
#menu li#m05 {
	background: url(../img/m05o.gif) no-repeat left top;
}
#menu li a {
	display: block;
	width: 120px;
	height: 90px;
}
#menu li a img {
	display: block;
	width: 120px;
	height: 90px;
}
#menu li a:hover {
	background-color:transparent;/*for IE6*/
}
#menu li a:hover img {
	visibility: hidden;
	opacity: 0.0;
	filter: alpha(opacity=0);
}

/*topicPath*/
#topicPath {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 760px;
	height: 26px;
	font-size: 63%;
	line-height: 26px;
	vertical-align: middle;
}
#topicPath a {
	margin-right: 10px;
	padding-right: 20px;
	background: url(../img/arrow-org.gif) no-repeat right center;
}
#topicPath a img {
	line-height: 26px;
	vertical-align: middle;
}

/*contents*/
#contents {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	background: #f6f6f3;
	padding-bottom: 30px;
}
#contents p {
	font-size: 75%;
	line-height: 1.6em;
}
h1 {
}
h1 img {
}
h2 {
	position: relative;
	margin: 15px 0 20px -20px;
	padding-left: 60px;
	width: 700px;
	background: url(../img/headbg.gif) no-repeat left top;
	clear: both;
}
h2 img {
	display: block;
}
em {
	font-style: normal;
	font-weight: bold;
}


/*footer*/
#footer {
	clear: both;
	margin: 0 auto;
	width: 760px;
	padding-top: 12px;
	padding-bottom: 50px;
	text-align: left;
	letter-spacing: 1px;
	color: #553300;
	background: url(../img/btm.gif) no-repeat center top;
}

/*gotop*/
.gotop {
}
.gotop a {
	display: block;
	width: 114px;
	height: 32px;
	margin-left: 570px;
	background: url(../img/gotopo.gif) no-repeat left top;
}
.gotop a img {
	display: block;
	width: 114px;
	height: 32px;
}
.gotop a:hover {
	background-color:transparent;/*for IE6*/
}
.gotop a:hover img {
	visibility: hidden;
	opacity: 0.0;
	filter: alpha(opacity=00);
}

/*sys*/
#sys {
	clear: both;
}
#sys li {
	float: left;
	margin-right: 15px;
	font-size: 63%;
	line-height: 1.3em;
}
#sys li a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-right: 5px;
	background: url(../../common/img/arrow.gif) no-repeat left 1em;
	color: #553300;
}

/*address*/
address {
	clear: both;
	width: 760px;
	padding-top: 15px;
	font-size: 69%;
	line-height: 1.3em;
	font-style: normal;
	color: #553300;
}

/*copyright*/
#copyright {
	clear: both;
	width: 760px;
	padding-top: 15px;
	font-size: 69%;
	line-height: 1.3em;
	font-style: normal;
	color: #553300;
}