@charset "utf-8";


/*
==================================================
スマホサイト用CSS
==================================================
*/


/*デフォルト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
*{
	padding:0px;
	margin:0px;
	}
body {
	font-size:medium;
	font-family:Verdana, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.7;
	color:#333333;
	background:#ffffff;
	}
h1	{
	font-size:150%;}
h2	{
	font-size:120%;}
h3	{
	font-size:110%;}

/*--画像--*/
img{
	border:none;
	margin:0px;
	background-color:transparent;
	}

/*--リンク--*/
a:link,a:visited {
	color:#333333;
	text-decoration:none;
	-moz-outline-style:none;
	overflow:hidden;
	}
a:hover,a:active,a:after {
	color:#333333;
	text-decoration:underline;
	-moz-outline-style:none;
	overflow:hidden;
	}

/*--リスト--*/
ul,ol,dl,dt,dd,li{
	color:#333333;
	list-style:none;
	}

/*--clearfix--*/
.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}

/*--記事--*/
article{
	width:320px;
	margin:10px auto 40px;
	}



/*マーキー
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#marquee{
	width:100%;
	background:#FFFCE0;
	color:#4b8a00;
	}
	
/*メインイメージ
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#logo{
	width:100%;
	height:72px;
	background:#E5FFFF;
	text-align:center;
	}
#maincatch{
	width:100%;
	height:159px;
	background:#B5DB74;
	text-align:center;
	}


/*電話番号
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#phone_wrap{
	height:80px;
	}
	.phone{
		width:290px;
		height:60px;
		padding-top:10px;
		padding-left:10px;
		margin:0px auto;
		}
.flower_border{
	border-top:1px solid #81aaa7;
	text-align:center;
	position:relative;
	margin-top:10px;
	height:25px;
	}
	.flower_border img{
		position:absolute;
		top:-25px;
		left:0px;
		}
.flower_title{
	border-top:1px solid #81aaa7;
	text-align:center;
	position:relative;
	margin-top:10px;
	height:70px;
	}
	.flower_title img{
		position:absolute;
		top:-27px;
		left:0px;
		}		


/*h2,h3タイトル
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#h2_title_top h2{
		font-size:110%;
		color:#006169;
		margin:5px auto 10px;
		padding:0px 10px;
		}

#h2_title{
	height:70px;
	background:url("/images/sp/title_image_bg.gif") repeat-x;
	text-align:center;
	}
	#h2_title h2{
		margin:0px auto;
		}

.h3_title{
	padding:10px 0px;
	background:#e1fcfa;
	width:100%;
	}
	.h3_title img{
		margin:0px 5px 0px 10px;
		vertical-align:-5px;
		}
	.h3_title h3{
		color:#006169;
		}

.q_bg{
	padding:10px 0px;
	background:url("/images/sp/q_bg.jpg") no-repeat;
	width:320px;
	background-size:320px 50px;
	}
	.q_bg h3{
		text-indent:50px;
		color:#006169;
		padding-top:2px;
		font-weight:lighter;
		font-size:90%;
		}
.q_bg2{
	padding:10px 0px;
	background:url("/images/sp/q_bg2.jpg") no-repeat;
	width:320px;
	background-size:320px 125px;
	}
	.q_bg2 h3{
		padding-left:50px;
		padding-top:5px;
		color:#006169;
		font-weight:lighter;
		font-size:90%;
		}


.contents{
	width:320px;
	margin:10px auto;
	
	}
.time_table{
	width:295px;
	margin:5px auto;
	}


/*下層ページタイトル
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#subcatch{
	width:100%;
	height:70px;
	background:#000000;
	text-align:center;
	}



/*下層ページコンテンツ
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
article{
	width:100%;
	}
article p{
	margin:0px auto 10px;
	padding:0px 15px;
	}
article dl,
article ul{
	margin-left:15px;
	}
article section{
	margin:0px auto 10px;
	}
.add{
	font-size:90%;
	color:#666666;
	}
.icon{
	vertical-align:-2px;
	}
.icon_l{
	vertical-align:-15px;
	margin-right:3px;
	}
.contents_border{
	border:1px solid #8532b5;
	margin:10px;
	}
.ex{
	background:#f1e909;
	width:270px;
	-webkit-box-shadow: #eee 0px 1px 3px 1px;
	-moz-box-shadow: #eee 0px 1px 3px 1px;
	box-shadow: #eee 0px 1px 3px 1px;
	text-indent:10px;
	border-bottom:1px solid #33333;
	}

/**マップ**/
.map{
	width:260px;
	margin:0px auto;
	}
/**住所等**/
.access_info{
	width:300px;
	border-bottom:2px solid #5EBC85;
	padding:20px 0px;
	margin:0px auto 20px;
	}
.access_info dt{
	background:#E5FFEF;
	width:290px;
	-webkit-box-shadow: #eee 0px 1px 3px 1px;
	-moz-box-shadow: #eee 0px 1px 3px 1px;
	box-shadow: #eee 0px 1px 3px 1px;
	text-indent:10px;
	border-bottom:2px dotted #94DDB3;
	}
.access_info dd{
	margin-bottom:10px;
	}

	
/**ニュース（スマホ表示）**/
.filename a,
.filename a:hover{
	color:#00937D !important;
	}




	
/*ナビゲーション
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
nav{
	text-align:center;
	}
	.nav{
		display:block;
		width:320px;
		margin:0px auto 20px;
		}
	nav ul li{
		display:block;
		line-height:1.2;
		width:70px;
		float:left;
		margin:10px 15px;
		font-size:70%;
		}
	nav ul li a:hover{
		text-decoration:none;
		}


/*ニュース
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#h3_title_top{
	width:320px;
	margin:0px auto;
	}
#topics{
	margin:10px auto 30px;
	}
	#topics p{
		padding:0px 10px;
		border-bottom:1px solid #509b00;
		background-image: -moz-linear-gradient(top, #ffffff, #EEF9DB); /* FF3.6 */
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEF9DB), color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
		background-image: -webkit-linear-gradient(top, #ffffff, #EEF9DB); /* Safari 5.1+, Chrome 10+ */
		background-image: -o-linear-gradient(top, #ffffff, #EEF9DB); /* Opera 11.1+ */
		background-image: -ms-linear-gradient(top, #ffffff, #EEF9DB); /* IE10+ */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EEF9DB'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EEF9DB')"; /* IE8+ */
		background-image: linear-gradient(top, #ffffff, #EEF9DB);
		}
	#topics p a{
		width:280px;
		height:37px;
		display:block;
		padding-top:4px;
		}
.topics_title_bg{
	padding:3px 0px;
	background:#E8F9D7;
	width:100%;
	border-bottom:2px dotted #94DDB3;
	margin-top:20px;
	}
	.topics_title_bg img{
		width:15px !important;
		height:15px !important;
		margin-left:15px;
		}
.topics_date{
	text-align:right;
	padding-right:15px;
	color:#006169;
	}
	
/*ボタン
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#button_wrap{
	background:#ffffff;
	text-align:center;
	}
	#button_wrap p{
		width:320px;
		height:53px;
		margin:0px auto;
		}

/*フッター
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
footer{
	background:#fffff2;
	border-top:2px solid #d6f0c7;
	}
#footer_info_wrap{
	width:320px;
	margin:0px auto;
	padding:0px;
	}
	#footer_info{
		width:300px;
		margin:0px auto;
		}
		#footer_info th{
			color:#509b00;
			text-align:left;
			vertical-align:top;
			}
		#footer_info th,
		#footer_info td{
			padding:2px 0px;
			}

/*著作権
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.copyright_wrap{
	height:34px;
	background:url("/images/sp/footer_bg.jpg") repeat-x;
	text-align:center;
	color:#ffffff;
	-webkit-background-size: auto 34px;
	font-size:small;
	margin-top:a0px;
	}
	.copyright_wrap p{
		padding-top:10px;
		}