@charset "utf-8";

/* #E0E3E0 #6E8377 #AB2457 #404040 */

* { margin: 0; padding: 0; /zoom: 1; font-family: Arial, Verdana; }
ul, ol, li { /zoom: normal; }

body { background-color: #E0E3E0; }

#wbody {
	width: 780px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/body/back_w.gif") center top repeat-y #FFFFFF;
	position: relative;
}
#header { width: 780px; height: 200px; border-bottom: 6px solid #AB2457; position: relative; }
#menu { width: 200px; height: auto; float: left; _display: inline; }
#main { width: 570px; height: auto; float: left; padding: 30px 0 10px 10px; _display: inline; }
#footer { clear: left; background-color: #FFFFFF; }

#header { background: url("../images/body/header.gif") left top no-repeat transparent; }
#header #hnavi { padding-top: 5px; text-align: right; }
#header #hnavi a {
	text-align: left;
	font-size: 12px;
	color: #6E8377;
	text-decoration: none;
	margin-left: 20px;
	padding-left: 2px;
	border-left: 4px solid #AB2457;
}
#header #hnavi a:hover { color: #AB2457; text-decoration: underline;}
#header #htop { width: 100%; height: 130px; margin-top: 1ex; }
#header #htop a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#header #tnavi {
	width: 780px;
	height: auto;
	position: absolute;
	bottom: 0;
}
#header #tnavi ul { text-align: right; padding-bottom: 10px; }
#header #tnavi ul li {
	width: 110px;
	height: 16px;
	text-align: left;
	display: inline;
	list-style:none;
	margin-left: 10px;
	border-bottom: 3px solid #6E8377;
	background: url("../images/body/tnavi.gif") no-repeat left top transparent;
}
#header #tnavi ul li a {
	display: -moz-inline-box; /* for FF2 */
	display: inline-block;
	/display: inline; /* for IE6,7 */
	width: 100px;
	margin-left: 10px;
	font-size: 12px;
	text-decoration: none;
	color: #404040;
}
#header #tnavi ul li a:hover { font-weight: bold; }

#login {
	width: 160px;
	height: 32px;
	background-color: #AB2457;
	position: absolute;
	top: 187px; left: 30px;
	line-height: 32px;
	text-align: center;
}
#login a {
	margin: auto auto;
	display: block;
	width: 120px;
	height: 32px;
	background: url("../images/body/login.gif") left top no-repeat;
}
#login a:hover { background-position: left -32px; }

#main #mimage{ margin-bottom: 10px; border: 10px solid #6E8377; background-color: #E0E3E0; }
#main #mimage img { border-right: 2px solid #6E8377; vertical-align: bottom; }
#main #mimage p {
	display: -moz-inline-box; /* for FF2 */
	display: inline-block;
	/display: inline; /* for IE6,7 */
	color: #404040;
}
#main #h1title  { margin-bottom: 10px; background-color: #E0E3E0; border-left: 5px solid #6E8377; }
#main #h1title h1 { font-size: 22px; color: #AB2457; border-left: 5px solid #AB2457; padding-left: 2px; }
#main #h1title p { font-size: 15px; text-align: right; padding-right: 10px; font-weight: bold; }
#main #h1title h1 span { font-size: 15px; font-weight: bold; color: #6E8377; }
#main #contents { font-size: 12px; color: #404040; line-height: 150%; }
#main #contents h2 {
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #6E8377;
	background: url("../images/body/h2.gif") left top no-repeat;
	padding-left: 18px;
}
#main #contents .section { margin-top: 1ex; text-align: justify; text-justify: distribute; }
#main #contents .star { text-indent: -1em; margin-left: 1em; _zoom: normal; }
#main #contents .pagetop { text-align: right; }
#main #contents .pagetop a { font-size: 12px; color: #6E8377; text-decoration: none; }
#main #contents .pagetop a:hover { color: #E0E3E0; }
#main #contents .red { color: #AB2457; }
#main #contents .green { color: #3E7957; }
#main #contents .link { color: #404040; }
#main #contents .link:hover { color: #6E8377; }
#main #contents ul.list li { margin-left: 1.5em; _margin-left: 2em; }
#main #contents ol.list li { margin-left: 2em; _margin-left: 2.5em; }
#main #contents ul.square li { list-style-type: square; }
#main #contents table { border: 2px #404040 solid; border-collapse: collapse; border-spacing: 0; }
#main #contents table tr th, #main #contents table tr td {
	padding: 5px;
	border: 1px #404040
	solid; border-width: 0 0 1px 1px;
}

#footer ul{ text-align: center; padding-top: 10px; border-top: 2px dotted #6E8377; }
#footer ul li { display: inline; }
#footer ul li a {
	display: inline-block;
	width: 180px;
	height: auto;
	font-size: 13px;
	font-weight: bold;
	color: #404040;
	text-decoration: none;
	border-left: 2px solid #6E8377;
}
#footer ul li a.first { border: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer #fcr {
	width: 400px;
	height: auto;
	padding-bottom: 2ex;
	margin: 0 auto;
	text-align: center;
	color: #6E8377;
	font-size: 11px;
	background: url("../images/body/logo.gif") no-repeat right bottom;
}
#footer #fcr .facebook {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url("../images/body/face.gif") no-repeat left top;
}
#footer #fcr a:hover { background-position: left -30px; }