@charset "UTF-8";
/* CSS Document */

html{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:150%;
	margin:0;
	font-size:95%;
	}

body{
	width:100%;
	margin:0;
	padding:0;
	color: #444;
	background-color:#fff;
	}

p, b{margin:0;padding:0;}

a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#5e9ae3;
	}

img{
	border: none;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	}

.clear{clear:both;}

a img:hover{
	opacity:0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
	-webkit-transition: 0.6s;
	transition: 0.6s;
	}


hr{
	border:none;
	border-top:dashed 1px #444;
	height:1px;
	}

.txt{ font-size:14px;}

.txt a{ text-decoration:none;}

h1{
	line-height:40px;
	padding-top:10px;
	background-image:url(../img/h1.gif);
	background-repeat:repeat-x;
	margin:0 0 20px 0;
	border-bottom:dashed 1px #444;
	color:#555;
	}

h2{
	line-height:25px;
	font-size:18px;
	margin:0;
	border-left:6px solid #0099CB;
	padding-left:5px;
	padding-top:5px;
	color:#555;
	}
	
h3{
	font-size:20px;
	margin:0 0 15px 0;
	color:#0099CB;
	}

h4{
	color:#fff;
	background-color:#0099CB;
	margin:0;
	line-height:27px;
	padding-top:2px;
	text-align:center;
	}
	
h5{
	font-size:18px;
	text-align:center;
	border:double 6px #0099CB;
	line-height:27px;
	margin:0;
	color:#444;
	}	
	
.blue{ color:#0099CB;}	
/*-------------------------------------ヘッダーここから*/

#head{
	width:100%;
	max-width:960px;
	padding-bottom:26px;
	margin-left:auto;
	margin-right:auto;
	}
		
.logo{
	float:left;
	padding-top:27px;
	}

.head_r{
	padding-top:46px;
	width:265px;
	float:right;
	}

.hoge {overflow: hidden;}
	
.head_r input[type=text] {
	width:200px;
	box-sizing: border-box;
	border:1px solid #a0a0a0;
	color:#666;
	height:25px;
	}
			
input[type=image] {
	float: right;
    }

.topview img, img.oshirase{max-width:100%;}
		
/*-------------------------------------ヘッダーここまで*/


/*-------------------------------------ナビここから*/
#navback{
	width:100%;
	max-width:960px;
	margin-top:41px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:42px;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	}

#nav{
	margin:0px;
	list-style:none;
	padding:0px;
	}

#nav li{
	width:16.6666666666%;
	display:block;
	float:left;
	text-align:center;
	}

#nav a{
	display:block;
	}

#nav img{
	width:86.25%;
	}	

.nav1 a{
	box-shadow:
		0px 0px #d4d4d4 inset,
		0px 0px #d4d4d4 inset;
		}

.nav2 a{
	box-shadow:
		0px 0px #d4d4d4 inset,
		1px 0px #d4d4d4 inset;
		}

.nav1 a:hover{opacity:0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
	-webkit-transition: 0.6s;
	transition: 0.6s;
	}

.nav2 a:hover{
	opacity:0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
	-webkit-transition: 0.6s;
	transition: 0.6s;
	}
/*-------------------------------------ナビここまで*/

/*-------------------------------------背景とコンテンツここから*/
nav, .container{
	width:100%;
	max-width:960px;
	margin: auto;
	padding:0;
	}

#oshirase{
	box-sizing:border-box;
	border:2px solid #5e9ae3;
	padding:10px;
	text-align:center;
	margin-bottom:19px;
	}

/*-------------------------------------背景とコンテンツここまで*/


/*-------------------------------------メインここから*/
#main{
	width:70.8333333333%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	float:left;
	margin-bottom:40px;
	}

#main2, .btn{
	margin-bottom:40px;
	}

.btn img{
	width:31.25%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	}

.about, .map, .book, .iken{
	width:97.9166666666%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	margin-bottom:40px;
	box-sizing:border-box;
	}

.pc .news_title{
	width:79.4117647058%;
	margin-bottom:20px;
	float:left;
	}
	
.pc .news_title2{
	width:20.5882352941%;
	margin-bottom:20px;
	float:left;
	}	
	
.news{
	margin-bottom:40px;
	box-sizing:border-box;
	}

.news p{
	border-bottom:2px dotted #686956;
	padding-bottom:10px;
	margin-bottom:10px;
	}

img.category1{margin-right:1.47058823529%;}

img.category2{margin-left:1.47058823529%;}

img.category1, img.category2{
	margin-bottom:20px;
	float:left;
	max-width:330px;
	width:48.5294117647%;
	}

.map iframe{
	box-sizing:border-box;
	width:100%;
	border:solid 2px #11a8e0;
	height:400px;
	margin-bottom:10px;
	}	

#map1, #map2{ float:left; width:48.9361702127%; }

#map1{margin-right:1.06382978723%;}
	
#map2{margin-left:1.06382978723%;}

.waku{
	background-color:#eee;
	border-radius:5px;
	box-sizing:border-box;
	padding:10px;
	margin-top:10px;
	}



.block2{
	float:left;
	width:20%;
	text-align:center;
	}
	
.block3{
	float:left;
	width:80%;
	}	

.block2 p{ padding-top:10px;}
.block2 img{ width:80.2139037433%;}	
.block3 ul{ margin:0 0 0 1.5em; padding:0; list-style:inside; text-indent:-0.8em;}
.block3 ol{ margin:0; padding:0; list-style:inside decimal; text-indent:-1.2em;}

.book hr{
	border-top:1px solid #c1c0c0;
	width:97.9166666666%;
	margin:30px auto;
	}
	
.tsushin{
	padding-bottom:20px;
	border-bottom:1px solid #555;
	margin-bottom:20px;
	}	
/*-------------------------------------メインここまで*/


/*-------------------------------------サイドここから*/	
#side{
	width:25%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	float:left;
	margin-bottom:20px;
	}
	
#side img{width:100%;}

#side a img, #pageplugin{ margin-bottom:20px;}

.tsushin_topics{
	box-sizing:border-box;
	border:2px solid #0099CB;
	padding:5px 10px 0 10px;
	margin-bottom:30px;
	}
	
.tsushin_topics p{ margin-bottom:20px;}

.tsushin_year dt{ font-weight:bold; color:#444;}
.tsushin_year dl{ margin-top:5px;}
	
/*-------------------------------------サイドここまで*/




/*-------------------------------------フッターここから*/
/*--フッター--*/
footer{
	width:100%;
	background-color:#ececec;
	padding-top:40px;
	}

footer a{color:#555;}
footer a:hover{color:#5e9ae3;}
	
.footer_top{
	font-size:12px;
	text-align:center;
	background-color:#e2e1e0;
	padding-top:10px;
	padding-bottom:100px;
	}	

.footer_top p{
	text-align:right;
	line-height:20px;
	}

p.copy{
	font-size:11px;
	font-style:italic;
	}

.footer_left{
	width:29.7872340425%;
	padding-right:1.04166666666%;
	float:left;
	padding-bottom:90px;
	}
	
.footer_left img{
	width:100%;
	max-width:200px;
	margin-bottom:15px;
	}

.footer_left hr{
	border-top:1px solid #c1c0c0;
	margin:0;
	padding:0;
	}
	
.footer_left .location{
	margin-top:15px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#e0e0e0;
	padding:10px;
	font-size:12px;
	}
	
.footer_left .location p{
	margin:0;
	}

.footer_right{
	width:67.8%;
	font-size:14px;
	float:right;
	padding-bottom:30px;
	}
	
	
.footer_right ul{
	float:left;
	list-style:none;}


.footer_right a{
	text-decoration:none;}
/*-------------------------------------フッターここまで*/

/*-------------------------------------トップに戻るここから*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	letter-spacing: 0px;

}

.pagetop a {
	display: block;
	background-color: #5e9ae3;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	padding: 20px 15px;
	border-radius: 15%;
}
 
.pagetop a:hover {
    display: block;
    background-color: #047ebf;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 15px;
	border-radius: 15%;
}
/*-------------------------------------トップに戻るここまで*/
/*===============================================
●画面の横幅が769px以上
===============================================*/
@media print, screen and (min-width: 769px){
	
.sma, .sma_nav{ display:none;}

}

/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (min-width:480px) and (max-width: 768px){

.sma, .sma_nav{ display:none;}	
	
}