/*
--------------------------------------------------
	reset
--------------------------------------------------
*/

body, 
h1, h2, h3, h4, h5, h6, 
ul, ol, li, dl, dt, dd, table, th, td, 
p, form {
	margin: 0;
	padding: 0;
	}
h1, h2, h3, h4, h5, h6, 
p, li, dt, dd, th, td, blockquote, address, pre, 
code, label,  em, strong {
	font-weight: normal;
	font-style: normal;
	}
h1, h2, h3, h4, h5, h6, 
p, ul, ol, li, dl, dt, dd, th, td, blockquote, address, pre {
	font-size: 100%;
	line-height: 100%;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}
th, td {
	text-align: left;
	vertical-align: top;
	}
li {
	list-style-type: none;
	}
img {
	border: 0;
	}
sup {
	vertical-align: top;
	}
em {

	}
strong {

	}
a {
	color: #53871F;
	text-decoration: underline;
	}
a:hover {
	color: #171411;
	text-decoration: underline;
	}

/*
--------------------------------------------------
	base layout
--------------------------------------------------
*/

html {
	overflow-y: scroll;
	}
body {
	padding: 0 0 10px 0;
	background: #F8F8F5;
	color: #171411;
	text-align: center;
	}

#page-offset {
	width: 820px;
	margin: 10px auto 0 auto;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background: #FFFFFF url("image/bg.gif") repeat-y;
	text-align: left;
	}

/*
--------------------------------------------------
	page head
*/

#page-head {
	position: relative;
	width: 818px;
	height: 184px;
	margin: 0 1px 0 1px;
	background: #FFFFFF url("image/head_bg.jpg") no-repeat;
	}

#site-ID {
	position: absolute;
	top: 50px;
	left: 14px;
	}

#contact-menu {
	position: absolute;
	top: 97px;
	left: 481px;
	background: #FFFFFF;
	padding: 2px;
	}
#contact-menu li {
	float: left;
	}
#mc-01 { width: 126px; } /* 124 + 2 */
#mc-02 { width: 104px; } /* 102 + 2 */
#mc-03 { width: 88px; }

#main-menu {
	position: absolute;
	top: 145px;
	width: 818px;
	padding: 4px 0 0 0;
	background: #485245 url("image/head_mm_bg.gif") no-repeat;
	}
#main-menu li {
	float: left;
	}
#mm-01 { width: 75px; } /* 66 + 9 */
#mm-02 { width: 118px; } /* 109 + 9 */
#mm-03 { width: 68px; } /* 59 + 9 */
#mm-04 { width: 76px; } /* 67 + 9 */
#mm-05 { width: 104px; } /* 95 + 9 */
#mm-06 { width: 54px; } /* 45 + 9 */
#mm-07 { width: 91px; } /* 82 + 9 */
#mm-08 { width: 99px; } /* 90 + 9 */
#mm-09 { width: 126px; }

#mm-08 ul {
	display: none;
	position: absolute;
	top: 39px;
	left: 560px;
	z-index: 10;
	padding: 1px 3px 3px 3px;
	border-left: solid 1px #E1E1E1;
	border-right: solid 1px #E1E1E1;
	border-bottom: solid 1px #E1E1E1;
	background: #FFFFFF;
	}
#mm-08 li {
	margin: 2px 0 0 0;
	}

#page-head ul img{
	vertical-align: bottom;
	}

#track-menu {
	width: 780px;
	margin: 10px 19px 8px 19px;
	}
#track-menu li {
	display: inline;
	padding: 0 0 0 25px;
	background: url("image/track_mark.gif") no-repeat 10px 40%;
	font-size: 12px;
	line-height: normal;
	color: #75846F;
	}
#track-menu li.HOME {
	padding: 0;
	background: none;
	}
#track-menu a {
	color: #75846F;
	}
#track-menu a:hover {
	color: #171411;
	}

/*
--------------------------------------------------
	page body
*/

#page-body {
	margin: 0 10px 0 10px; /* width: 800px; */
	padding: 0 19px 19px 19px; /* width: 762px; */
	border: solid 1px #CCCCCC; /* width: 760px; */
	}

.transitional-type-1 #page-body {
	padding: 19px 19px 19px 19px;
	}

#content h3, #content h4, #content h5, #content h6, 
#content p, #content li, #content dt, #content dd, 
#content th, #content td, #content blockquote {
	font-size: 12px;
	line-height: 150%;
	}
#content-embed h3, #content-embed h4, #content-embed h5, #content-embed h6, 
#content-embed p, #content-embed li, #content-embed dt, #content-embed dd, 
#content-embed th, #content-embed td, #content-embed blockquote {
	font-size: 12px;
	line-height: 150%;
	}
#content-foot h3,#content-foot p {
	font-size: 12px;
	line-height: 150%;
	}

#content-foot {
	margin: 20px 0 0 0;
	background: url("image/foot_link_bg.gif") repeat-y;
	}
#content-foot-adjuster {
	background: url("image/foot_link_bg_bottom.gif") left bottom no-repeat;
	}
#content-foot .LEFT {
	float: left;
	width: 190px;
	}
#content-foot .RIGHT {
	float: right;
	width: 190px;
	}
#content-foot .LEFT .item {
	margin: 0 10px 0 0;
	}
#content-foot .item {
	padding: 15px;
	border-top: solid 1px #CCCCCC;
	}
#content-foot h3 {
	margin: 0 0 10px 0;
	}

/*
--------------------------------------------------
	page foot
*/

#page-foot {
	clear: both;
	margin: 15px 0 0 0;
	}

#foot-menu {
	width: 260px;
	margin: 0 0 0 11px;
	}
#foot-menu li {
	margin-bottom: 15px;
	background: url("image/foot_m_bg.gif") right top no-repeat;
	}
#mf-01 {
	float: left;
	width: 108px; /* 92 + 16 */
	}
#mf-02 {
	float: right;
	width: 137px; /* 121 + 16 */
	}
#foot-menu a, 
#foot-menu img {
	display: block;
	}

#site-author {
	clear: both;
	border-top: solid 1px #CCCCCC;
	padding: 13px 0 19px 11px;
	background: #3C4439;
	}
#site-author p {
	margin: 8px 0 0 0;
	}

/*
--------------------------------------------------
	common style
*/

.cl {
	clear: both;
	}

.m1e {
	margin: 1em 0 0 0;
	}
.m2 {
	margin: 2px 0 0 0;
	}
.m5 {
	margin: 5px 0 0 0;
	}
.m7 {
	margin: 7px 0 0 0;
	}
.m9 {
	margin: 9px 0 0 0;
	}
.m10 {
	margin: 10px 0 0 0;
	}
.m15 {
	margin: 14px 0 0 0;
	}
.m20 {
	margin: 19px 0 0 0;
	}
.m25 {
	margin: 24px 0 0 0;
	}
.m30 {
	margin: 29px 0 0 0;
	}
.m35 {
	margin: 34px 0 0 0;
	}

/*
--------------------------------------------------
	hack
--------------------------------------------------
*/

/*
--------------------------------------------------
	clear-fix
*/

.multiple {
	min-height: 1%; /* for winIE 7 */
	}
* html .multiple {
	/*\*/ height: 1%; /*/ /* for winIE 5-6 \*/ /*/
	display: inline-block; /* for macIE */
	}
.multiple:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}