@charset "utf-8";
/*=================

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%

==================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, del, em, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	vertical-align: baseline;
	border:0;
}
html, body {
	height:100%;
	text-align: center;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.clr {
	clear:both;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body {
	font:13px/1.231 "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif;
*font-size:small;
*font:x-small;
}
select, input, button, textarea, button {
	font:99% arial, helvetica, clean, sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}

/*-----------------------------------------*/

a:link {
	color: #2f678e;
}
a:visited {
	color: #2f678e;
}
a:hover {
	color: #666;
}
a:active {
	color: #666;
}
body {
	background-image: url(images/body_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
}

#HEADER {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}
#HEADER h1 ,#HEADER h2{
	display: inline;
	font-size: 85%;
	font-weight: normal;
	color: #FFF;
}
#HEADER .logo {
	display: block;
	margin-top: 48px;
	margin-bottom: 46px;
	height: 48px;
	width: 378px;
}
#HEADER .time {
	height: 34px;
	width: 432px;
	position: absolute;
	left: 533px;
	top: 27px;
}
#HEADER .access {
	background-image: url(images/header_access.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 61px;
	width: 468px;
	position: absolute;
	left: 532px;
	top: 68px;
}
#HEADER .access .button1 {
	display: block;
	height: 16px;
	width: 108px;
	position: absolute;
	left: 13px;
	top: 36px;
}
#HEADER .access .button2 {
	display: block;
	height: 17px;
	width: 135px;
	position: absolute;
	left: 327px;
	top: 7px;
}
#GMENU {
	background-image: url(images/menu_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 43px;
}
#GMENU ul {
	display: block;
	height: 43px;
	width: 1000px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#GMENU ul li {
	float: left;
}
#KEYVISUAL {
	background-image: url(images/keyvisual_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 229px;
	margin-bottom: 47px;
}
#KEYVISUAL .button {
	position: relative;
	height: 229px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/keyvisual.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#KEYVISUAL .button .button1 {
	display: block;
	height: 113px;
	width: 248px;
	position: absolute;
	left: 777px;
	top: 10px;
}
#KEYVISUAL .button .button2 {
	height: 97px;
	width: 248px;
	position: absolute;
	left: 778px;
	top: 127px;
}
#wrapper {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#MENU {
	width: 300px;
	float: left;
}
#MENU ul li {
	margin-bottom: 14px;
}
#CONTENTS {
	width: 665px;
	float: right;
}
#FOOTER {
	background-image: url(images/footer_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#FOOTER .wrap {
	background-image: url(images/footer_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1000px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	position: relative;
}
#FOOTER .wrap .access {
	position: absolute;
	height: 41px;
	width: 242px;
	left: 384px;
	top: 45px;
}
#FOOTER .wrap .mail {
	position: absolute;
	height: 22px;
	width: 243px;
	left: 387px;
	top: 143px;
}
#FOOTER .wrap .photo {
	position: absolute;
	height: 180px;
	width: 287px;
	left: 713px;
	top: 0px;
}
#FOOTER .wrap .copyright {
	font-size: 80%;
	color: #756757;
	display: block;
	padding-top: 150px;
}
#CONTENTS .left {
	float: left;
}
#CONTENTS .right {
	float: right;
}
#CONTENTS img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	background-color: #F2EFEE;
	padding: 10px;
	border: 1px solid #D5C8C4;
}
#CONTENTS img.right {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	display: block;
	background-color: #F2EFEE;
	padding: 10px;
	border: 1px solid #D5C8C4;
}
#CONTENTS .box1 img.right {
	margin-right: 5px;
}


#CONTENTS h2 {
	margin-top: 30px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #968572;
	padding-bottom: 6px;
	margin-bottom: 10px;
	color: #756757;
	font-size: 123.1%;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 20px;
	padding-left: 30px;
}
#CONTENTS h2.title {
	margin-top: 0px;
}

#CONTENTS h3 {
	background-image: url(images/h3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 642px;
	text-align: left;
	font-size: 93%;
	line-height: 40px;
	color: #5B4E3E;
	margin-bottom: 5px;
	padding-left: 60px;
}

#CONTENTS p {
	color: #5F5447;
	line-height: 140%;
}
#CONTENTS .table1 {
	width: 100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CAC2BB;
	border-left-color: #CAC2BB;
}
#CONTENTS .table1 th  {
	background-image: url(images/th_background.gif);
	color: #FFF;
	font-weight: bold;
	font-size: 116%;
	padding: 7px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CAC2BB;
}
#CONTENTS .table1 td {
	padding: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CAC2BB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CAC2BB;
}
#CONTENTS .table1 .th {
	background-color: #FEF1D1;
	text-align: center;
	font-size: 93%;
	color: #630;
	vertical-align: middle;
}

#CONTENTS .box1 {
	background-color: #F3F2F1;
	padding: 10px;
	margin-bottom: 15px;
}
#CONTENTS .box2 {
	padding: 10px;
	margin-bottom: 15px;
	background-color: #F9EDEC;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	color: #93482D;
	font-weight: bold;
}

#CONTENTS .list1 {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 40px;
	line-height: 170%;
	color: #756757;
}





#PMENU {
	font-size: 85%;
	color: #756757;
	margin-bottom: 10px;
}
#GOTOP {
	font-size: 85%;
	clear: both;
	padding-top: 50px;
	margin-bottom: 30px;
}
#GOTOP .gohead {
	text-align: right;
}
#GOTOP .gotop {
	text-align: center;
}

