@charset "utf-8";

/* ------------------ Common ------------------ */
* {
	margin: 0;
	padding: 0;
}
body,html {
	height: 100%;
	width: 100%;
}
body {
	font: normal 12px/1.5 "MS PGothic", "Osaka";
	color: #333333;
	text-align: center;
	background: #FAFAFA;
}
table {
	border-collapse: collapse;
}
td,th {
	text-align: left;
	vertical-align: top;
}
ul,ol {
	list-style: none;
}
img {
	border: 0;
}
a {
	color: #5D9619;
	text-decoration: underline;
}
a:hover,a:active,a:focus {
	color: #92B81E;
	text-decoration: none;
}
a.gr:hover,
#btmBlock a:hover,
#foot a:hover {
	color: #757575!important;
}
hr {
	display: none;
}
.clr {
	clear: both;
}
.alt {
	display: none;
}
.center {
	text-align: center!important;
}
.right {
	text-align: right!important;
}
.noBack {
	background: none!important;
}
.noMargin {
	margin: 0!important;
}

/* ------------------ margin ------------------ */
.mar_T20 {
	margin-top: 20px!important;
}

/* ------------------ font ------------------ */
.textRed {
	color: #EE0303!important;
}
.textBlue {
	color: #0000CC!important;
}
.textGray {
	color: #666666!important;
}
.text_S {
	font-size: 11px!important;
}

/* ------------------ Clear_fix ------------------ */
.cf:after {   
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .cf {
	display: inline-block;
}
*+html .cf {
	display: inline-block;
}

/* ------------------ font_changer ------------------ */
#head #changer {
	width: 164px;
	height: 25px;
	float: right;
	text-align: right;
}
#head #changer div {
	padding: 3px 0 0 13px;
}
#head #changer div img.text {
	vertical-align: top;
	margin: 6px 5px 0 0;
}
#head #changer div span img {
	cursor: pointer;
	border-top: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
/* ------------------ Common_layout ------------------ */
.container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#navi {
	clear: both;
	background: #FFFFFF url(../img/bg_navi.gif) no-repeat center top;
}
#navi ul {
	background: url(../img/bg_navi.gif) no-repeat -90px 0;
	height: 60px;
	overflow: hidden;
}
#navi li {
	display: inline;
}
#navi li a {
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	float: left;
	width: 133px;
	padding-top: 60px;
	overflow: hidden;
	height: 0 !important;
	height: /**/:60px;
}
#navi li.nv_1 a {
	background-position: 0px 0px;
}
#navi li.nv_2 a {
	background-position: -133px 0px;
}
#navi li.nv_3 a {
	background-position: -266px 0px;
}
#navi li.nv_4 a {
	background-position: -399px 0px;
}
#navi li.nv_5 a {
	background-position: -532px 0px;
}
#navi li.nv_6 a {
	background-position: -665px 0px;
}
#navi li a:hover,
#index #navi li.nv_1 a,
.about #navi li.nv_2 a,
.course #navi li.nv_3 a,
.facility #navi li.nv_4 a,
.calendar #navi li.nv_5 a,
.plan #navi li.nv_6 a {
	background-image: none;
}
#foot {
	height: 175px;
	clear: both;
	border-top: 1px solid #EBEFE4;
	color: #666666;
}
#foot .wrap_L {
	float: left;
	width: 420px;
	padding: 15px 0 20px;
}
#foot .wrap_R {
	float: right;
	width: 380px;
	padding: 15px 0 20px;
}
#foot dt {
	font-weight: bold;
}
#foot a img {
	vertical-align: -17px;
}
#foot a {
	font-size: 10px;
	color: #666666;
	margin-right: 17px;
}
#foot p.copy {
	margin-top: 11px;
	text-align: right;
}
#foot p.link{
text-align:center;
}
#foot p.link a{
	font-size: 12px;
}
#content {
	background: #F2F9E4;
}
#btmBlock {
	clear: both;
	height: 25px;
	font-size: 11px;
}
#btmBlock a {
	color: #6B6B6B;
}


#low #tp {
	height: auto;
	background: #FFFFFF;
}


.topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
	text-align:left;
	background-color:#FFFFFF;
}

.topicpath2 {
background-color:#FFFFFF;
}


.topicpath2 ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}



/* ------------------ Lower_page_layout ------------------ */
#low #head {
	height: 85px;
	background: #FFFFFF;
}
#low #head h1 {
	margin-top: 23px;
	height: 41px;
	overflow: hidden;
	float: left;
	font-size: 1px;
}
#low #head h1 a {
	background: url(../img/logo.gif) no-repeat;
	float: left;
	width: 395px;
	padding-top: 41px;
	overflow: hidden;
	height: 0 !important;
	height: /**/:41px;
}
#low #head #changer {
	margin-top: 10px;
}
#low #head ul {
	float: right;
	clear: right;
	margin-top: 10px;
	width: 250px;
	text-align: right;
}
#low #head ul li {
	display: inline;
	padding-left: 15px;
}
#low h2 {
	height: 185px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#low h3 {
	height: 55px;
	text-align: center;
	position: relative;
}
#low p.topText {
	text-align: center;
	margin: 5px 20px 25px;
}
#low .contWrap {
	margin: 0 17px 10px 12px;
	background: url(../img/bg_content.gif) repeat-y;
}
#low .contWrap h4 {
	margin: 15px 42px 15px 37px;
}
#low .contWrap p {
	margin: 15px 42px 35px 37px;
	line-height: 1.8;
}
#low .contWrap .titleBox {
	background: #5EB226;
	margin: 0 6px;
	padding-left: 25px;
}
#low .btn_center {
	text-align: center;
	padding-top: 20px;
	margin: 0;
}
#low .btn_top {
	text-align: right;
	padding: 35px 0px 15px;
	margin: 0;
}
#low .btn_top_M {
	text-align: right;
	padding: 0 23px 5px 0;
	margin: 0;
}
#low ol.ancNavi li {
	float: left;
	padding: 0 25px 10px 0;
}
#low ol.ancNavi li a {
	background: url(../img/arrow_3.gif) no-repeat left center;
	padding-left: 20px;
	white-space: nowrap;
}
.eventBox {
	background: url(../img/line_1.gif) repeat-x left top;
	padding: 25px 0 5px 0;
	margin: 0 20px;
}
#low h3.noBox {
	height: 25px;
}

/* ------------------ about ------------------ */
.about h2 {
	background-image: url(../../about/img/h2.jpg);
}
.about h3 img.obj{
	position: absolute;
	top: -32px;
	right: 17px;
}
.about p .imgBox {
	margin-right: 32px;
}
.about .contWrap dl {
	margin: 30px 0 30px 85px;
}
.about .contWrap dt {
	color: #666666;
}
.about .contWrap dd {
	margin: -1.7em 0 0.5em 10em;
}

/* ------------------ course ------------------ */
.course h2 {
	background-image: url(../../course/img/h2.jpg);
}
.course h3 img.obj {
	position: absolute;
	top: -37px;
	right: 17px;
}
.course ol.ancNavi {
	margin: 0 80px 10px 100px;
}
.course div.imgBox {
	margin:15px 0;
	text-align: center;
}
.course h5 {
	margin: 15px 0 8px 38px;
}
.course table {
	margin: 0 0 15px 35px;
	width: 695px;
}
.course table th,
.course table td {
	border: 1px solid #DFDFDF;
	font-size: 11px;
	padding: 5px;
	line-height: 1.1;
	color: #555555;
}
.course table td {
	text-align: right;
}
.course table tr.wrap_1 th {
	background: #F2F9E4;
	text-align: right;
}
.course table tr.wrap_1 td {
	background: #F7F7F7;
}
.course table tr.wrap_2 th {
	background: #FCE0E0;
	color: #EE0303;
}
.course table tr.wrap_2 td {
	background: #FBF7F7;
}
.course table tr.wrap_3 th {
	background: #EBEBEB;
	color: #7E7E7E;
}
.course table tr.wrap_3 td {
	background: #F9F9F9;
}
.course table tr.wrap_4 th {
	background: #D0E2FF;
	color: #0000CC;
}
.course table tr.wrap_4 td {
	background: #EBEBF5;
}
.course table tr.wrap_5 th {
	background: #CCCCCC;
	color: #000000;
}
.course table tr.wrap_5 td {
	background: #F1F1F1;
}
.course .wrapBox {
	background: url(../img/line_1.gif) repeat-x left bottom;
	margin: 0 20px;
	padding: 20px 0;
}
.course .wrapBox p.imgBox {
	float: right;
	margin: 0 10px 0 0!important;
}
.course .wrapBox p.photoBox {
	float: left;
	margin: 0 0 0 10px!important;
}
.course .wrapBox dl {
	margin: 0 225px 0 220px;
	line-height: 1.5;
}
.course .wrapBox dt,
.course .wrapBox dd {
	margin-bottom: 5px;
}
.course .wrapBox dd.textBox {
	font-size: 11px;
}
.course .wrapBox dl.text {
	margin: 0 260px 0 15px;
	line-height: 1.5;
}
.course .wrapBox dl.text dt,
.course .wrapBox dl.text dd {
	margin-bottom: 10px;
}
.course .wrapBox dl.text dd.textBox {
	line-height: 1.2;
}

/* ------------------ facility ------------------ */
.facility h2 {
	background-image: url(../../facility/img/h2.jpg);
}
.facility h3 img.obj {
	position: absolute;
	top: -29px;
	right: 25px;
}
.facility ol.ancNavi {
	margin: 0 80px 10px 140px;
}
.facility .contWrap p {
	margin: 0 25px 15px!important;
	line-height: 1.3!important;
}
.facility .contWrap table {
	margin: 20px auto;
	width: auto;
}
.facility .contWrap table td {
	padding: 0 2px 0 3px;
	font-size: 11px;
	color: #666666;
}
.facility .contWrap h5 {
	margin: 0 25px!important;
	font-size: 11px;
}
.facility .contWrap dl {
	padding: 0 25px 20px;
	line-height: 1.3em;
}
.facility .contWrap dd {
	margin: -1.3em 0 0 6em;
}


/* ------------------ calendar ------------------ */
.calendar h2 {
	background-image: url(../../calendar/img/h2.jpg);
}
.calendar h3 img.obj {
	position: absolute;
	top: -51px;
	right: 28px;
}
.calendar table {
	margin: -20px 0 10px 35px;
	width: 695px;
}
.calendar table th,
.calendar table td {
	border: 1px solid #DFDFDF;
	padding: 5px 10px;
}
.calendar table th {
	background: #F6F9F0;
	width: 210px;
}
.calendar .eventBox h4 {
	color: #5D9619;
	background: #F6F6F6;
	line-height: 30px;
	font-size: 14px;
	margin: 0 14px!important;
	padding-left: 12px;
}
.calendar .eventBox2 h4 {
	color: #5D9619;
	background: #F6F6F6;
	line-height: 30px;
	font-size: 14px;
	margin: 0 14px!important;
	padding-left: 12px;
}
.calendar .eventBox2_a h4 {
	color: #5D9619;
	background: #F6F6F6;
	line-height: 30px;
	font-size: 14px;
	margin: 0 14px!important;
	padding-left: 12px;
}
.calendar .eventBox p {
	margin: 1.2em 36px!important;
}
.calendar .eventBox p a {
	background: url(../img/arrow_1.gif) no-repeat left center;
	padding-left: 20px;
	color: #333333;
}
.calendar .eventBox2 p a {
	background: url(../img/arrow_1.gif) no-repeat left center;
	padding-left: 20px;
	color: #333333;
}
.calendar .eventBox2_a p a {
	background: url(../img/arrow_1.gif) no-repeat left center;
	padding-left: 20px;
	color: #333333;
}
.calendar .eventBox2_a table {
	width: 300px;
	margin: 20px 0 10px 35px;
}
.calendar .eventBox p a.pdf {
	padding-left: 20px;
	color: #333333;
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-bottom: 3px;
}
.calendar .eventBox p a.no {
	color: #333333;
	background-image: none;
	padding: 0px;
}
.calendar .eventBox p .photo {
	text-decoration: none;
	background-image: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.calendar .eventBox p .photo img{
	background-image: url(../img/shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 7px;
}
.calendar .old_event {
	background: url(../img/arrow_1.gif) no-repeat left center;
	padding-left: 20px;
	color: #00ffff;
}
.calendar .old_event a{
	color: #5D9619;

}

.calendar .eventBox2 table {
	margin-right:auto;
	margin-left:auto;
	width: 695px;
}

/* ------------------ friendly ------------------ */

.friendly h2 {
	background-image: url(../../friendly/img/h2.jpg);
}
.friendly h3 img.obj{
	position: absolute;
	top: -32px;
	right: 17px;
}
.friendly p .imgBox {
	margin-right: 32px;
}
.friendly .contWrap dl {
	margin: 30px 0 30px 50px;
}
.friendly .contWrap dt {
	color: #666666;
}
.friendly .contWrap dd {
	margin: -1.7em 0 2em 10em;
}

.friendly table {
	margin: 10px 0 20px 37px;
}

.friendly table th,
.friendly table td {
	border: 1px solid #DFDFDF;
	padding: 0 5px;
	font-size: 11px;
	color: #101010;
	vertical-align: middle;
	text-align: center;
}
.friendly table th {
	background: #FAFAFA;
	font-weight: normal;
}
.friendly table td {
	text-align: center;
}
.friendly table th.day1 {
	vertical-align: middle;
	font-weight: bold;
	background: #f1f1f1;
}
.friendly table th.day2 {
	vertical-align: middle;
	font-weight: bold;
	background: #fbeeee;
}
.friendly .contWrap p.txt {
	color:#FF0000;
	margin:15px 42px 0px 37px;
}
#low .contWrap p.txt1 {
	margin: 25px 42px 0px 37px;
	line-height: 0;
}

/* ------------------ plan ------------------ */
.plan h2 {
	background-image: url(../../plan/img/h2.jpg);
}
.plan h3 img.obj {
	position: absolute;
	top: -62px;
	right: 39px;
}
.plan h5 {
	padding: 5px 15px!important;
}
.plan p {
	margin: 10px 15px 15px!important;
}
.plan table {
	margin: 15px 0 20px 15px;
}
.plan table th,
.plan table td {
	border: 1px solid #DFDFDF;
	padding: 0 5px;
	font-size: 11px;
	color: #101010;
	vertical-align: middle;
}
.plan table th {
	background: #FAFAFA;
	font-weight: normal;
}
.plan table td {
	text-align: center;
}
.plan table td.day1 {
	text-align: left;
	font-weight: bold;
	background: #f1f1f1;
}
.plan table td.day2 {
	text-align: left;
	font-weight: bold;
	background: #e6f0f8;
}
.plan table td.day3 {
	text-align: left;
	font-weight: bold;
	background: #fbeeee;
}
.plan table td.day4 {
	text-align: left;
	font-weight: bold;
	background: #f7eefb;
}
.plan table tr.wrap_1 th {
	background: #F2F9E4;
	font-weight: normal;
	text-align: center;
}
.plan table tr.wrap_1 td {
	background: #FAFAFA;
	font-weight: bold;
}
.plan table tr.wrap_2 th {
	background: #FBEEEE;
}
.plan .eventBox h6 {
	color: #5D9619;
	background: #F6F6F6;
	line-height: 30px;
	font-size: 14px;
	margin: 0 14px 20px!important;
	padding-left: 12px;
}
.plan .eventBox p a {
	background: url(../img/arrow_1.gif) no-repeat left center;
	padding-left: 20px;
	color: #333333;
}
.plan .contWrap dl {
	padding: 5px 20px 0 15px;
}
.plan .contWrap dt {
	float: left;
}
.plan .contWrap dd {
	margin: 0 0 15px 145px;
}
.plan .eventBox p.center a {
	background: url(none);
	padding: 15px 0 0 0;
}
.plan .eventBox p.friendly a {
	background: url(none);
	padding-left: 0px;
}

/* ------------------ access ------------------ */
.access h2 {
	background-image: url(../../img/access_h2.jpg);
}
.access img.obj {
	position: absolute;
	top: -47px;
	right: 6px;
}
.access .eventBox h5 {
	margin: 10px 15px 0!important;
}
.access .eventBox p {
	margin: 5px 15px 20px!important;
}
.access .contWrap dl {
	padding: 0 0 20px 15px;
	margin-top: -10px;
}
.access .contWrap dl dd {
	margin: -1.5em 0 0 6em;
}
.access .indentBox {
	margin-left: 35px;
}
.access .eventBox .indentBox p {
	margin: 0!important;
}
.access .indentBox p.textBox {
	padding: 5px;
	background: #F4F4F4;
	width: 405px;
	margin-bottom: 10px!important;
}
.access .contWrap a {
	color: #333333;
}

/* ------------------ contact ------------------ */
.contact h2 {
	background-image: url(../../img/contact_h2.jpg);
}
.contact img.obj {
	position: absolute;
	top: -47px;
	right: 6px;
}
.contact .contWrap p {
	margin: 25px 35px!important;
	line-height: 1.2em!important;
}
.contact .contWrap p strong {
	line-height: 2.4em;
}

/* ------------------ sitemap ------------------ */
.sitemap h2 {
	background-image: url(../../img/sitemap_h2.jpg);
}
.sitemap .contWrap p {
	margin: 0 35px!important;
	padding: 15px 25px;
	background: url(../img/line_1.gif) repeat-x left bottom;
}
.sitemap .contWrap a {
	padding-left: 20px;
	background: url(../img/arrow_1.gif) no-repeat left center;
	color: #333333;
}
.sitemap .contWrap a:hover {
	color: #757575!important;
}
.sitemap .contWrap ul {
	padding: 15px 35px;
}
.sitemap .contWrap ul li {
	padding: 0 45px 20px 45px;
}
.sitemap .contWrap ul li.endBox {
	margin-bottom: 0;
	padding-top: 20px;
	background: url(../img/line_1.gif) repeat-x left top;
}
/*クローズのお知らせ 081218*/

#close {
	clear: both;
	background-color: #F2F9E4;
	background-image: url(../../img/cloese_naka.gif);
	background-repeat: repeat-y;
}
#close_ue{
	font-size: 1px;
	color: #ffffff;
	background-image: url(../../img/cloese_ue.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 16px;
	width: auto;
}
#close_sita{
	font-size: 1px;
	color: #ffffff;
	background-image: url(../../img/cloese_sita.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px;
	height: 16px;
	width: auto;
}
#close h1{
	font-size: 14px;
	color: #CC0000;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 1px;
	padding-left: 25px;
	font-weight: bold;
}
#close p{
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}