@charset "UTF-8";


/* HPkantan Base CSS --------
	created 2011 11.05 by jn1smc --------- */

/* =========== HPかんたん更新基本定義 =========== */

/* 新着情報 */
.new_inc {clear: both;}
.new_inc_date{font-size: 90%;}

/* 目次 */
.index_title { clear: both;}

/* 目次の日付 */
.index_date { font-size: 90%; font-weight:normal}

/* 目次の記事数 */
.index_count { font-size: 90%; line-height:120%;}

/* 目次のタイトル */
.index_title { font-weight: bold; padding-top:5px;}

/* 目次のダイジェスト記事 */
.index_digest { padding-left:1em;}
.index_digest img{ float:left; padding-right:4px; padding-bottom:4px;}

/* リンク集のジャンル */
.linkjunl {}

/* リンク集のサイト名・タイトル */
.linktitle {padding-left:1em;}

/* テーブル中のテキスト */
.tbl_text { font-size: 90%; line-height:150%; }

/* 囲み記事用ボックス */
.box { padding: 10px; background:#ffffff; border-top: #D1E3F1 2px solid; border-left: #D1E3F1 2px solid; border-right: #D1E3F1 4px solid; border-bottom: #D1E3F1 4px solid; line-height:130%; float:none; clear:both; margin-top:4px; margin-bottom:4px;}

.enq_tbl{ padding: 10px; background:#ffffff; border-top: #D1E3F1 2px solid; border-left: #D1E3F1 2px solid; border-right: #D1E3F1 4px solid; border-bottom: #D1E3F1 4px solid; line-height:130%; float:none; clear:both; margin-top:4px; margin-bottom:4px;}

/* 画像左組み込み配置 */
.img_float_left { float:left; margin-right:0.5em; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:left; }

/* 画像左配置(組み込みなし) */
.img_nofloat_left { float:none; margin-left:left; margin-right:auto; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:left; clear:both; }

/* 画像右組み込み配置 */
.img_float_right { float:right; margin-left:0.5em; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:right; }

/* 画像右配置(組み込みなし) */
.img_nofloat_right { float:none; margin-left:auto; margin-right:0; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:right; clear:both; }

/* 画像中央配置(組み込みなし) */
.img_center { float:none; margin-left:auto; margin-right:auto; font-size:90%; padding: 2px; font-weight: bold; text-align:center; max-width:100%; clear:both; }

/* 画像の右側にエトキ配置 */
.img_box2 { margin:0.5em; padding: 0.5em; border-right: #006699 2px solid; border-top: #006699 1px solid; border-left: #006699 1px solid; border-bottom: #006699 2px solid; background-color:white; line-height:140%; width:90%; }

/* カレンダーの基本文字 */
.cal_text {font-size: 12px; line-height: 110%;}

/* カレンダー本体 */
.cal_tbl{border-collapse:collapse;border:1px solid #006699;font-size: 12px;line-height: 110%;padding:1px;background-color:white;}

/* カレンダータイトル */
.cal_title{font-size: 14px;line-height: 120%;}

/* カレンダーサブタイトル */
.cal_subtitle{line-height: 120%;}

.sch_table {padding:4px; background:#D1E3F1; margin-bottom:8px;}
.TD1{padding-left:8px; padding-top:2px; padding-bottom:2px; padding-right:8px;}
.TD2{padding-left:8px; padding-top:2px; padding-bottom:2px; padding-right:8px; color:blue;}

/* =========== HPかんたん更新基本定義 ここまで =========== */


/*初期設定
----------------------------------------------------*/

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ",  "Meiryo", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3",  "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	background-color: #7DCEA0;
}


img {
	height: auto;
	margin: 0px;
	padding: 0px;
}

.ie img {
	width: auto;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #00678C;
	text-decoration: none;
}

p {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

/*clearfix*/
.clearfix {
	zoom: 1;
}

.clearfix:after {
	contents:"";
	display: block;
	clear: both;
}


header {
	background-color: #FFF;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}


.wrapper {
	max-width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

.wrapper550 {
	max-width: 550px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#content {
	margin: 0px;
	padding: 0px;
}


* {
	box-sizing: border-box;
} 


h1 {
	max-width: 297px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	margin-right: 0px;
}

h1 img {
	width: 100%;
}


.tel {
	max-width: 233px;
	margin-top: 23px;
	float: right;
}

.tel img {
	width: 100%;
}

.copy {
	max-width: 803px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:3px;
}

.copy img {
	width: 100%;
}


.line_dash{
	border-top: dashed 1px #444;
	padding-top: 10px;
	margin-top: 10px;
}


/*--------スライダー----------*/
#slider {
	width:100%;
	border-bottom:solid 5px #FFCA00;
	padding-bottom:32px;
}

#sliderwaku{
	background-color:#fff;
	padding:1.06382978723%;
	margin-right: auto;
	margin-left: auto;
	}


.flexslider {
	position: relative;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.slides img{
	width:100%;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav li a {
	width: 30px;
	padding-bottom: 40px;
	display: block;
	position: absolute;
	top: 40%;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/bg_direction_nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0;
}
.flex-direction-nav li a.next {
	background-position: -30px 0;
	right: 0px;
}
.flex-direction-nav li a.prev {
	background-position: 0 0;
}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -43px;
	text-align: center;
	display:none;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
*display: inline;			margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0px;
}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width: 11px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../../zenjinkon/img/c-navi.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.flex-control-nav li a:hover {
	background-position: -11px 0px;
}
.flex-control-nav li a.active {
	background-position: -11px 0px;
	cursor: default;
}
/*-------------スライダーここまで-------------------*/

/*--ナビ--*/
nav{
	width:100%;
	background-color:#fff;
	}
	
.nav_wrap{
	max-width: 960px;
	margin:auto;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:10px;
	padding-right:10px;
	}
	
.nav_wrap img{
	width: 16.5957446808%;
	height: auto;
	}	
	
nav ul{
	font-size:0px;
	margin:0;
	padding:0;
	}
	
nav ul li{
	display:inline;
	list-style:none;
	}

nav ul li a:hover{
	opacity:0.5;
	}

/*--メイン--*/
#main{
	width:100%;
	background-color:#E6F3D2;
	padding-top:40px;
	}

.main_contents{
	width:65.625%;
	padding-right:1.04166666666%;
	float:left;
	}
	
.title1, .title2, .title3, .title4, .title5{
	display:block;
	background-color:#22B939;
	background-repeat:no-repeat;
	background-position:left;
	border-radius:5px;
	line-height:40px;
	color:#fff;
	font-size:120%;
	padding-left:50px;
	padding-top:5px;
	}	

.title1{
	background-image:url(../img/icon1.gif);
	}

.title2{
	background-image:url(../img/icon2.gif);
	}	

.title3{
	background-image:url(../img/icon5.gif);
	}
	
.title4{
	background-image:url(../img/icon3.gif);
	}

.title5{
	background-image:url(../img/icon4.gif);
	}

.title_bg{
	background-image:url(../img/peace.gif);
	background-repeat:no-repeat;
	padding-top:24px;
	}

.text1, .text2{
	padding: 15px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
	line-height: 1.6em;
	font-size: 90%;
	}

.text2 p, .text3 p{
	border-bottom:1px dashed #000000;
	padding-bottom:10px;
	margin-bottom:10px;
	}


.text2 p img{
	vertical-align:top;
	}

.text3{
	padding:15px;
	}

p.last{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
	}

.box{
	background-image:url(../02_feature/img/textbg.gif);
	background-repeat:repeat;
	border-radius:5px;
	padding:10px;
	text-align:center;
	line-height:200%;
	margin-bottom:20px;
	}

.box_left{
	float:left;
	}
	
.box_right{
	float: right;
	width: 150px;
	}

.box_left img, .box_right img{
	margin:0;
	padding:0;
	}


/*--サイド--*/
.side_contents{
	width:34.375%;
	padding-left:1.04166666666%;
	float:left;
	}

.snap{
	width:100%;
	border:solid 7px #fff;
	margin-bottom:30px;
	}
	
.btn img{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	display:block;
	}
	
.btn{
	margin-bottom:30px;
	}

footer p{
	margin-top: 20px;
	margin-bottom: 100px;
	text-align: center;
	color: #fff;
	font-size: 85%;
	line-height: 1.6em;
	}



/*===============================================
● 画面の横幅が768px以上
===============================================*/
@media print, screen and (min-width: 768px){

.sma_nav, .sma{
	display:none;
	}

.to_top{
	display:none;
	margin-bottom:30px;
	}

.map iframe{
	width:100%;
	border:solid 7px #fff;
	height:250px;
	}

#tab_menu{
	display:none;
	}

.pc_on{
	text-align:right;
	border-top:dashed 1px #444;
	padding-top:10px;
	}
	


}



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

.pc_nav, .sma{
	display:none;
	}

.sma_nav{
	text-align:center;
	font-size:16px;
	}

.to_top{
	text-align:center;
	margin-bottom:30px;
	}

.wrapper {
	width: 100%;
	min-width:480px;
	max-width: 768px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}


.copy, .pc_on{
	display: none;
}

#sliderwaku{
	margin-top:30px;
	}

.main_contents{
	float:none;
	width:100%;
	margin:auto;
	padding:0;
	}

.side_contents{
	float:none;
	width:100%;
	margin:auto;
	padding:0;
	}

.map iframe{
	width:100%;
	border:solid 7px #fff;
	height:350px;
	}

.btn{
	display:none;
	}

#tab_menu{
	width:100%;
	background-color:#fff;
	border-top:solid 3px #22B939;
	text-align:center;
	}
	
	
h1 {
	width: 297px;
	height: 52px;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}

.tel {
	width: 233px;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
}


}



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

.pc_nav, .intro_img img{
	display:none;
	}

.sma img{
	width:100%;
	margin-bottom:30px;
	}

.sma_nav{
	text-align:center;
	font-size:16px;
	}

.to_top{
	text-align:center;
	margin-bottom:30px;
	}
	
.wrapper {
	width: 100%;
	max-width:480px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}


h1 {
	width: 297px;
	height: 52px;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}

.tel {
	width: 233px;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

.copy, .pc_on{
	display: none;
}
	
#sliderwaku{
	margin-top:30px;
	}

.main_contents{
	float:none;
	width:100%;
	margin:auto;
	padding:0;
	}

.side_contents{
	float:none;
	width:100%;
	margin:auto;
	padding:0;
	}

.map iframe{
	width:100%;
	border:solid 7px #fff;
	height:250px;
	}

.btn{
	display:none;
	}

#tab_menu{
	width:100%;
	background-color:#fff;
	border-top:solid 3px #22B939;
	text-align:center;
	}
	
.box_left, .box_right{
	float:none;
	}
	
.box_right{
	width:100%;
	text-align:center;
	}

}	

/* お問い合わせフォーム */
table.form {
	border: 1px solid #3DA368;
	border-collapse: collapse;
	margin-top: 1em;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #3DA368;
	padding: 8px;
	font-weight: normal;
}
table.form th {
	white-space: nowrap;
	background: #CFEDCF;
}
table.form td {
	background: #f8f8f8;
}

.w100 {width:100% !important;}

/*
img {max-width:100% !important;}
*/

th a img {width:100% !important;}