@charset "UTF-8";


/**************************************


						contents CSS


***************************************/
html{
	background:#f3f3f3;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#575454;
}
#pagelogo{
	position: fixed;
	top:28px;
	left:28px;
	z-index:50;
}
.topnone{
	display:none;
}
#pagelogo.section-2 ,
#pagelogo.section-3 ,
#pagelogo.section-4 ,
#pagelogo.section-5{
	display:block;
}

#sidenav{
	position: fixed;
	width:215px;
	height:300px;
	top: 50%;
	right:0;
	z-index:50;
	margin-top: -150px;
}


ul#sidenav  li{
}
ul#sidenav  li a{
	display:block;
	height:37px;
	text-indent:-99999px;
	background:url(../img/menu.png) no-repeat;
}
ul#sidenav  li.ill{
	height:60px;
	margin-bottom:15px;
	background:url(../img/menu.png) no-repeat;
	background-position:-430px 0;
}
ul#sidenav  li.m_home a{
	background-position:-430px -74px;
}
ul#sidenav  li.m_home a:hover ,
ul#sidenav  li.m_home a.active{
	background-position:-645px -74px;
}
ul#sidenav  li.m_top a{
	background-position:-430px -111px;
}
ul#sidenav  li.m_top a:hover ,
ul#sidenav  li.m_top a.active{
	background-position:-645px -111px;
}
ul#sidenav  li.m_gree a{
	background-position:-430px -148px;
}
ul#sidenav  li.m_gree a:hover ,
ul#sidenav  li.m_gree a.active{
	background-position:-645px -148px;
}
ul#sidenav  li.m_about a{
	background-position:-430px -185px;
}
ul#sidenav  li.m_about a:hover ,
ul#sidenav  li.m_about a.active{
	background-position:-645px -185px;
}
ul#sidenav  li.m_map a{
	background-position:-430px -222px;
}
ul#sidenav  li.m_map a:hover ,
ul#sidenav  li.m_map a.active{
	background-position:-645px -222px;
}
ul#sidenav  li.m_news a{
	background-position:-430px -259px;
}
ul#sidenav  li.m_news a:hover ,
ul#sidenav  li.m_news a.active{
	background-position:-645px -259px;
}

ul#sidenav.section-2  li.ill ,
ul#sidenav.section-5  li.ill{
	height:60px;
	margin-bottom:15px;
	background:url(../img/menu.png) no-repeat;
	background-position:0px 0;
}

ul#sidenav.section-2  li.m_home a ,
ul#sidenav.section-5  li.m_home a{
	background-position:0 -74px;
}
ul#sidenav.section-2  li.m_home a:hover ,
ul#sidenav.section-2  li.m_home a.active ,
ul#sidenav.section-5  li.m_home a:hover ,
ul#sidenav.section-5  li.m_home a.active{
	background-position:-215px -74px;
}
ul#sidenav.section-2  li.m_top a ,
ul#sidenav.section-5  li.m_top a{
	background-position:0 -111px;
}
ul#sidenav.section-2  li.m_top a:hover ,
ul#sidenav.section-2  li.m_top a.active ,
ul#sidenav.section-5  li.m_top a:hover ,
ul#sidenav.section-5  li.m_top a.active{
	background-position:-215px -111px;
}
ul#sidenav.section-2  li.m_gree a ,
ul#sidenav.section-5  li.m_gree a{
	background-position:0 -148px;
}
ul#sidenav.section-2  li.m_gree a:hover ,
ul#sidenav.section-2  li.m_gree a.active ,
ul#sidenav.section-5  li.m_gree a:hover ,
ul#sidenav.section-5  li.m_gree a.active{
	background-position:-215px -148px;
}
ul#sidenav.section-2  li.m_about a ,
ul#sidenav.section-5  li.m_about a{
	background-position:0 -185px;
}
ul#sidenav.section-2  li.m_about a:hover ,
ul#sidenav.section-2  li.m_about a.active ,
ul#sidenav.section-5  li.m_about a:hover ,
ul#sidenav.section-5  li.m_about a.active{
	background-position:-215px -185px;
}
ul#sidenav.section-2  li.m_map a ,
ul#sidenav.section-5  li.m_map a{
	background-position:0 -222px;
}
ul#sidenav.section-2  li.m_map a:hover ,
ul#sidenav.section-2  li.m_map a.active ,
ul#sidenav.section-5  li.m_map a:hover ,
ul#sidenav.section-5  li.m_map a.active{
	background-position:-215px -222px;
}
ul#sidenav.section-2  li.m_news a ,
ul#sidenav.section-5  li.m_news a{
	background-position:0 -259px;
}
ul#sidenav.section-2  li.m_news a:hover ,
ul#sidenav.section-2  li.m_news a.active ,
ul#sidenav.section-5  li.m_news a:hover ,
ul#sidenav.section-5  li.m_news a.active{
	background-position:-215px -259px;
}
ul#spmenu{
	display:none;
}


#section-1{
	background:url(../img/bg_white.jpg);
}
#section-2{
	background: url(../img/bg_sec2.png) left top no-repeat , url(../img/bg_blue.jpg)  ;
}
#section-3{
	background:url(../img/bg_yellow.jpg);
}
#section-4{
	background:url(../img/bg_white.jpg);
}
#section-5{
	background: url(../img/bg_sec2.png) left top no-repeat , url(../img/bg_blue.jpg)  ;
}


/**************************************


						#section-1


***************************************/

#section-1 #top{
width: 560px;
height: 520px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -280px;
margin-left: -300px;
}

.toptelbox{
	margin-bottom:20px;
	margin-top:70px;
	position: relative;
}
.toptelbox .bird01{
	position:absolute;
	bottom:-20px;
	right:-20px;
}


h1{
	text-align:center;
}

#section-1 ul.timetable{
	width:560px;
	margin-bottom:10px;
}
#section-1 ul.timetable:after{
	content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#section-1 ul.timetable li{
	float:left;
	width:560px;
}
#section-1 ul.timetable li.timebox{
	width:161px;
	height:45px;
	line-height:45px;
	border-bottom:2px solid #9cc6ea;
	border-right:1px solid #9cc6ea;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#section-1 ul.timetable li.daybox{
	width:56px;
	height:45px;
	border-bottom:2px solid #9cc6ea;
	border-right:1px solid #9cc6ea;
}
#section-1 ul.timetable li.lasbox{
	border-right:none;
}
#section-1 ul.timetable li.time_ttl{
	width:160px;
	margin-right:2px;
	font-weight:bold;
}
#section-1 ul.timetable li.day_ttl{
	width:55px;
	margin-right:2px;
	font-weight:bold;
}
#section-1 ul.timetable li.lasttl{
	margin-right:0px;
}
#section-1 ul.timetable li.time_ttl ,
#section-1 ul.timetable li.day_ttl{
	background:url(../img/bg_sctable.png);
	height:35px;
	line-height:35px;
	text-align:center;
	color:#FFF;
}
#section-1 ul.timetable li.on{
	background:url(../img/ico_on.png) no-repeat center center;
}
#section-1 ul.timetable li.half{
	background:url(../img/ico_half.png) no-repeat center center;
}
#section-1 ul.timetable li.off{
	background:url(../img/ico_off.png) no-repeat center center;
}
#section-1 ul.timetable li.type01{
	background:url(../img/ico_type01.png) no-repeat center center;
}
#topnews dl{
	background:url(../img/bg_topnews.png) no-repeat;
	height:45px;
	line-height:45px;
	margin:25px auto 0;
	width:460px;
}

#topnews dl dt ,
#topnews dl dd{
	display:none;
}
#topnews dl dd.top{
	display:block;
	margin:0 25px 0 90px;
	overflow:hidden;
	height:45px;
	width:345px;
}
#section-1  .recbox{
	display:none;
}


/**************************************


						#section-2


***************************************/

#section-2 #gree{
	width: 690px;
	height: 480px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -400px;
}

#section-2 #gree .clobox2{
	position:relative;
}

#section-2 #gree .clobox2 .indoor{
	position: absolute;
	top: 390px;
	left:195px;
}


.clobox2:after{
	content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#section-2 #gree .greetx{
	float:right;
	width:330px;
	padding-top:30px;
}
#section-2 #gree .greetx p{
	padding:6px 0 10px;
	color:#ffffff;
	background:url(../img/gree_line.png) repeat-x left bottom;
}


/**************************************


						#section-3


***************************************/


#section-3 #about{
	width: 680px;
	height: 480px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -400px;
}
#section-3 #about ul{
	width: 550px;
	height:270px;
	margin:-25px auto 0;
	padding-left:10px;
}

#section-3 #about ul li{
	float:left;
	width:146px;
	margin-left:-10px;
}

#section-3 #about ul li.ico05 ,
#section-3 #about ul li.ico06{
	margin-top:-20px;
}
#section-3 #about ul li.ico05{
	margin-left:100px;
	margin-right:60px;
}
#section-3 #about ul li.ico06{
}
#section-3 #about ul:after{
	content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#section-3 p.tx_c{
	text-align:center;
	font-size:120%;
	
}
#section-3 p.tx_c span{
	padding:6px 0;
	display:inline-block;
	font-size:16px;
	color:#231815;
}

#section-3 p.tx_c span.dodtop{
	background:url(../img/about_line.png) repeat-x left top ,url(../img/about_line.png) repeat-x left bottom;
}
#section-3 p.tx_c span.dodmiddle{
}
#section-3 p.tx_c span.dodbottom{
	background:url(../img/about_line.png) repeat-x left top ,url(../img/about_line.png) repeat-x left bottom;
}

.lightbox { display: none; background:url(../img/img_age.png) no-repeat left bottom; }
.lightbox p{
	margin-left:160px;
	font-size: 15px;
	line-height:30px;
	background:url(../img/gree_line3.png) ;
}
.lightbox p span.indent{
	display: inline-block;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.lightbox p span.indent span{
	color: #9dc8ec;
}
.lightbox h2{
	margin-bottom:20px;
}

/* override default feather style... */
				.fixwidth {
					background: rgba(256,256,256, 0.8);
				}
				.fixwidth .featherlight-content {
					width: 500px;
					padding: 25px;
					color: #fff;
					background: #111;
				}
				.fixwidth .featherlight-close {
					color: #fff;
					background: #333;
				}



/**************************************


						#section-4


***************************************/

#section-4 #map{
	width: 740px;
	height: 530px;
	padding-top:100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -420px;
}
#section-4 #map .inner_map{
	position:relative;
	text-align:center;
}

#section-4 .mapttl{
	position:absolute;
	top:-112px;
	right:0px;
}
#section-4 .addbox {
	position:relative;
	margin-top:20px;
	padding:0 290px 0 130px;
}
#section-4 .addbox .bt_g{
	position:absolute;
	bottom:0;
	right:140px;
}

#section-4 .addbox .bt_p{
	position:absolute;
	bottom:0;
	right:0;
}

/**************************************


						#section-5


***************************************/

#section-5 #news{
	width: 683px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -400px;
	background:url(../img/bg_news.png) repeat-y;
}

#section-5 dl {
	overflow: hidden;
	zoom: 1;
	padding:15px 30px 15px;
}
#section-5 dl dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 120px;
	float: left;
	clear: both;
	font-weight: bold;
}
#section-5 dl dd {
	margin-bottom: 5px;
	padding: 0 0 5px 140px;
	background:url(../img/gree_line.png) repeat-x left bottom;
}

#section-5 table{
	font-size:90%;
	border-top:1px solid #CCC;
	margin:30px;
	width:620px;

}

#section-5 table tr td ,
#section-5 table tr th{
	padding:15px 10px;
	border-bottom:1px solid #CCC;
	line-height:1.6;
}
#section-5 table tr:nth-child(2n){
	background:#fbfbfb;
}
#section-5 table tr th{
	font-weight:bold;
	width:100px;
	color:#786e49;
	vertical-align:top;
}
#section-5 table tr td{
}

#section-5 h2{
	margin:0px 30px 0;
}

#section-5 h3{
	text-align:center;
	color:#5a5657;
	font-weight:bold;
	font-size:120%;
	margin:20px 30px;
}

#section-5 .waku{
	padding:10px;
	border:3px solid #9dc8eb;
	margin:20px 30px 0;
	line-height:1.6;
}

#section-5 .waku p{
	border-bottom:1px dotted #ccc;
	margin-top:15px;
	padding-bottom:10px;
	margin-bottom:20px;
}
#section-5 .waku2{
	padding:10px;
	border:3px solid #9dc8eb;
	margin-top:20px;
	line-height:1.6;
	text-align:center;
	margin-bottom:30px;
}

#section-5 .waku2 p{
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:bold;
}
#section-5 .waku2 span{
	font-size:130%;
	font-weight:bold;
}


/**************************************


						レスポンス


***************************************/

@media(max-width: 750px){
				body{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:100%;
			-webkit-text-size-adjust: 100%;
			-moz-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			-o-text-size-adjust: 100%;
			text-size-adjust: 100%;
			line-height:1.8;
			color:#575454;
			}

			ul#sidenav{
				display:none;
			}
			ul#spmenu{
				display: block;
				position: fixed;
				width:240px;
				height:100px;
				right:0;
				z-index:50;
				bottom:20px;
			}
			ul#spmenu li{
				float:left;
				width:100px;
				margin-right:20px;
			}
			ul#spmenu:after{
				content: ".";
			  display: block;
			  visibility: hidden;
			  height: 0.1px;
			  font-size: 0.1em;
			  line-height: 0;
			  clear: both;
			}
			ul#spmenu li a{
				display:block;
				text-indent:-99999px;
				background:url(../img/spmenu.png) no-repeat;
				background-position:0 0;
				height:100px;
			}
			ul#spmenu li.down a{
				background-position:-100px 0;
			}
			
			#section-1 #top{
				margin-left: -280px;
			}
			#section-2 #gree{
				margin-left: -345px;
			}
			#section-3 #about{
				margin-left: -340px;
			}
			#section-3 p.tx_c span{
	font-size: 26px;
			}
			
			.lightbox { display: none; background:url(../img/img_age.png) no-repeat left bottom; }
			.lightbox p{
				margin-left:160px;
				font-size: 26px;
				line-height:1.8;
				background:none;
				padding:20px 0;
			}
			.lightbox h2{
				margin-bottom:20px;
				text-align:center;
			}
			#section-4 #map{
				margin-left: -370px;
			}
			#section-4 .addbox {
				position:relative;
				margin-top:20px;
				padding:0 290px 0 130px;
				font-size: 20px;
			}
			
			#section-5 #news{
				margin-left: -340px;
			}

			
			
			}


/**************************************


						高さ調整


***************************************/

@media screen and (max-height: 640px) {
	
	
	#section-1 #top{
		width: 560px;
		height: 470px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -235px;
		margin-left: -300px;
		}
	#section-1 h1.toplogo img{
				width:350px;
				height:auto;
			}
	.toptelbox {
		margin-top: 40px;
		}	
	
	
	#section-4 #map{
	width: 740px;
	height: 480px;
	padding-top:100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -420px;
}
   #section-4 #map .mapimg{
	height:300px;
	width:auto;
	margin:0 auto;
}
}


.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}
.mb100{
	margin-bottom:100px;
}

.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt20{
	margin-top:20px;
}