@charset "UTF-8";
/* CSS Document */

body{
	font-size:0.9em;
	line-height: 1.8em;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin:0;
	padding:0;
	color:#555;
}

#wrapper{
	width:100%;
	margin:0;
	padding:0;
}

/* a:hover{
	opacity:0.6;
	-ms-filter: "alpha(opacity=60)";
	} */


/*----------------------------------------------------
	header
----------------------------------------------------*/

#header{
	width:100%;
	margin:0 auto;
	padding:0;
	background:#fff;
}

#head{
	width:960px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#head h1{text-indent:-9999px; margin:0; padding:0;}

#head img{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
#head a#logo{display:block;}
#head a#logo:hover{
	opacity:0.6;
	-ms-filter: "alpha(opacity=60)";
}

.pan{
	width:960px;
	margin:0px auto;
	overflow:hidden;
	padding:10px 0;
	color:#fff;
	}
.pan li{
	list-style:none;
	float:left;
	margin-right:10px;
	padding:0;
	}
.pan li a{
	color:#fff;
	text-decoration:none;
	}
.pan p{
	float:right;
	margin:0;
	padding:0;
	}

/*----------------------------------------------------
	繧ｹ繝ｩ繧､繝?
----------------------------------------------------*/
.slides p{
	text-align: center;
}

.slides  img:first-child{
	transition: transform 0.3s ease-in-out;
}

.slides  img:first-child:hover{
	transform: scale(1.1);
}

.slides a img:hover{
	opacity: 1; /* ← ホバーしても不透明のまま */
	filter: none; /* ← もし他で薄くなるフィルターがかかっていても打ち消します */
}

#main{
	width:100%;
	margin:0 auto;
	padding:0;
	background:url(../images/main_bg.gif) repeat;
}

.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {outline:none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
	margin:0 auto 10px;
	padding:0;
	list-style:none;
}
.flex-pauseplay span {text-transform:capitalize;}
.flexslider {
	display:block;
	width:1160px;
	height:auto;
	margin:0 auto;
	padding:0 0 10px;
	max-width: 100%;
	box-sizing: border-box;
}
.flexslider .slides li {
	margin:0 auto;
	width:960px;
	height:355px;
	overflow:hidden;
	border-radius:12px;
	-webkit-backface-visibility:hidden;

}
.flexslider .slides li img {
	display:block;
	margin:0 auto;
	border-radius:12px;
	overflow:hidden;
}
.flexslider .slides:after {
	content:"\0020";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}
.flexslider {
	margin:0 auto;
	position:relative;
	zoom:1;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {zoom:1;}
.flexslider .slides img {height:auto;
max-width: 100%;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.loading .flex-viewport {max-height:300px;}
.carousel li {margin-right:5px;}
.flex-direction-nav {*height:0;}
.flex-direction-nav a {
	text-decoration:none;
	display:block;
	width:40px;
	height:40px;
	margin:-20px 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	color:rgba(0, 0, 0, 0.8);
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{text-indent:-9999px;}
.flex-direction-nav .flex-prev {
	opacity:1;
	height:60px;
	width:60px;
	background:url(../images/prev.png) no-repeat left center;
	background-size:50px;
	left:20px;
}
.flex-direction-nav .flex-next {
	opacity:1;
	height:60px;
	width:60px;
	background:url(../images/next.png) no-repeat left center;
	background-size:50px;
	right:20px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity:1;
	left:0px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity:1;}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity:1;
	right:0px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity:1;}
.flex-direction-nav .flex-disabled {
	opacity:0 !important;
	filter:alpha(opacity=0);
	cursor:default;
}

.flex-control-nav {
	display:none;
}

/*----------------------------------------------------
	繧ｳ繝ｳ繝?繝ｳ繝?
----------------------------------------------------*/

#content_box{
	position: relative;
	width:100%;
	margin:0 auto 60px;
	padding:30px 0;
	background:#edf4df;
}
#content_box > section.msg {
	position: relative;
	display: block;
	width:960px;
	margin:0px auto;
	max-width: 100%;
	box-sizing: border-box;
}

#nav{
	width:960px;
	margin:0px auto 20px;
	height:80px;
	}
#nav ul{
	width:975px;
	margin:0 -15px 0 0;
	padding:0;
	}

#nav ul li{
	width:310px;
	margin-right:15px;
	float:left;
	list-style:none;
	position:relative;
	padding-bottom:5px;
	}
#nav ul li a{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	}
/* TCSJ mod Start */
/*
#nav ul li a:hover img{visibility:hidden;}
#nav ul li.btn01 a:hover {background:url(../images/btn01_on.png) no-repeat;}
#nav ul li.btn02 a:hover {background:url(../images/btn02_on.png) no-repeat;}
#nav ul li.btn03 a:hover {background:url(../images/btn03_on.png) no-repeat;}
*/
#nav ul li a:hover img, #nav ul li a:focus img{visibility:hidden;}
#nav ul li.btn01 a:hover, #nav ul li.btn01 a:focus {background:url(../images/btn01_on.png) no-repeat;}
#nav ul li.btn02 a:hover, #nav ul li.btn02 a:focus {background:url(../images/btn02_on.png) no-repeat;}
#nav ul li.btn03 a:hover, #nav ul li.btn03 a:focus {background:url(../images/btn03_on.png) no-repeat;}
/* TCSJ mod End */

#nav ul:before, nav ul:after{
  content: "";
  display: table;
}
#nav ul:after{
  clear: both;
}

#nav ul li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin:0;
  padding: 0;
  display:none;
  width:302px;
  overflow:hidden;
  background:#fff;
}

/* TCSJ mod Start */
/*
#nav ul li:hover ul{
*/
#nav ul li:hover ul,
#nav ul li ul.focused {
	display:block;
	border-radius:12px;
	position:absolute;
}
/*
#nav ul li:hover ul.green_line{border:2px solid #74b817;}
#nav ul li:hover ul.orange_line{border:2px solid #ff901b;}
#nav ul li:hover ul.blue_line{border:2px solid #2b69c6;}
*/
#nav ul li:hover ul.green_line, #nav ul li:focus ul.green_line{border:2px solid #74b817;}
#nav ul li:hover ul.orange_line, #nav ul li:focus ul.orange_line{border:2px solid #ff901b;}
#nav ul li:hover ul.blue_line, #nav ul li:focus ul.blue_line{border:2px solid #2b69c6;}
/* TCSJ mod End */
#nav ul li ul li{width: 100%; padding-bottom:0;}

#nav ul li ul li a{
  padding: 13px 15px 13px;
  background:url(../images/btn_icon.png) right 12px center no-repeat;
  border-top: 1px dotted #ccc;
  text-align: left;
  box-sizing:border-box;
  color:#555;
  text-decoration:none;
  font-weight:bold;
}

/* TCSJ mod Start */
/*
#nav ul li:hover > a{background: #edf4df;}
#nav ul li ul.green_line li a:hover{
background:url(../images/btn_icon.png) right 8px center no-repeat;
color:#1aab5d;
}
#nav ul li ul.orange_line li a:hover{
background:url(../images/btn_icon.png) right 8px center no-repeat;
color:#ff901b;
}
#nav ul li ul.blue_line li a:hover{background:url(../images/btn_icon.png) right 8px center no-repeat;
color:#2b69c6;
}
*/
#nav ul li:hover > a, #nav ul li:focus > a{background: #edf4df;}
#nav ul li ul.green_line li a:hover, #nav ul li ul.green_line li a:focus{
  background:url(../images/btn_icon.png) right 8px center no-repeat;
  color:#1aab5d;
}
#nav ul li ul.orange_line li a:hover, #nav ul li ul.orange_line li a:focus{
  background:url(../images/btn_icon.png) right 8px center no-repeat;
  color:#ff901b;
}
#nav ul li ul.blue_line li a:hover, #nav ul li ul.blue_line li a:focus{
  background:url(../images/btn_icon.png) right 8px center no-repeat;
  color:#2b69c6;
}
/* TCSJ mod End */
#nav ul li ul li a.line_non{border-top:none;}

/*----------------------------------------------------
	繧ｵ繝ｼ繝√?懊ャ繧ｯ繧ｹ
----------------------------------------------------*/
#search_box{
	position: relative;
	width:960px;
	margin:0px auto;
	border:2px solid #147b4e;
	overflow:hidden;
	background:url(../images/search_back.png) repeat,#fff;
	padding:0 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#search_box h2{
	text-indent:-9999px;
	margin:-1px 0 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	}

#search_box h2 img{
	display:block;
	width:auto;
	margin:0;
	padding:0;
	}

#search_box h3{
	display:block;
	width:880px;
	text-indent:-9999px;
	margin:0 auto;
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
	}
#search_box h3 img{
		display:block;
		width:254px;
		margin:0 auto;
	}

ul.five_box,
ul.for_box{
	width:900px;
	margin:20px auto;
	padding:0;
	overflow:hidden;
	}

ul.five_box li{
	list-style:none;
	width:163px;
	float:left;
	margin:0 8px 0 9px;
	padding:0;
	}
ul.five_box li img{
	display:block;
	width:100%;
	}
ul.five_box li.mr_0{margin-right:0 !important;}

ul.for_box li{
	list-style:none;
	width:205px;
	float:left;
	margin:0 10px 0 9px;
	padding:0;
	}
ul.five_box li a,
ul.for_box li a{
	display:block;
	width:100%;
	}

/*----------------------------------------------------
	荳九さ繝ｳ繝?繝ｳ繝?
----------------------------------------------------*/

#content_box_b{
	width:960px;
	margin:0 auto;
	background:#fff;
	}

#content_box_sec{
	width:100%;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	}

/*----------------------------------------------------
	繧ｵ繧､繝?
----------------------------------------------------*/

#side{
	float:left;
	width:190px;
	margin-right:30px;
	overflow:hidden;
	}

#side ul {
	width:100%;
	margin:0;
	padding:0;
	}

#side ul li{
	list-style:none;
	padding:20px;
	margin-bottom:15px;
	background:#d9f5e1;
	border-top:1px solid #147b4e;
	border-left:1px solid #147b4e;
	border-bottom:1px solid #147b4e;
	border-right:4px solid #147b4e;
	}



#side ul li.color2{

        background:#f5fcaa;
        
}

#side ul li a{
	display:block;
	width:100%;
	color:#333;
	text-decoration:none;
	font-size:18px;
	}

/*----------------------------------------------------
	蜿ｳ繝懊ャ繧ｯ繧ｹ
----------------------------------------------------*/

#right_box{
	width:740px;
	overflow:hidden;
	}

.btn_box{
	width:100%;
	margin:0 auto 30px;
	padding:0;
	overflow:hidden;
	}

.btn_box li{
	list-style:none;
	float:left;
	width:310px;
	margin:0 20px 0 30px;
	}

.btn_box li:hover img{visibility:hidden;}
.btn_box li.btn01:hover{background:url(../images/btn04_on.png) no-repeat;}
.btn_box li.btn02:hover{background:url(../images/btn05_on.png) no-repeat;}

/*----------------------------------------------------
	news
----------------------------------------------------*/

h2.icon{
	width:100%;
	padding-left:40px;
	background:url(../images/icon.png) left center no-repeat;
	}

ul.news	{
	width:698px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:12px;
	}

ul.news	li{
	list-style:none;
	padding-left:20px;
	margin-bottom:5px;
	background:url(../images/news_icon.png) left center no-repeat;
	}

ul.news	li a,
ul.news p a{
		font-size:16px;
		color:#002ff0;
		}

ul.news	li a{color:#002ff0;}

.right_t{
	display:block;
	float:right;
	}

/*----------------------------------------------------
	譖ｴ譁ｰ邂?謇
----------------------------------------------------*/

.hukushi{
	width:698px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:12px;
	background:#fff8f7;
	}

.hukushi img{
	display:block;
	float:left;
	margin-right:15px;
	}
.hukushi h3{
	display:inline-block;
	font-weight:bolder;
	overflow:hidden;
	text-shadow:1px 1px 0px #e8005a;
	margin:0;
	padding:0;
	color:#e8005a;
	font-size:20px;
	padding-bottom:5px;
	border-bottom:1px dotted #e8005a;
	font-family:"繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro W4","繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro","Hiragino Maru Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","HG荳ｸ?ｽｺ?ｾ橸ｽｼ?ｽｯ?ｽｸM-PRO","HGMaruGothicMPRO";
	}

.hukushi p{
	display:block;
	margin:0;
	padding:0;
	}
.hukushi p a.more{
	display:block;
	float:right;
	padding-right:15px;
	background:url(../images/r_icon.png) right center no-repeat;
	}

a#pagetop{
	display:block;
	float:right;
	margin:30px auto;
	color:#01a05d;
	line-height:14px;
	height:30px;
	}

a#pagetop img{
	float:left;
	display:block;
	margin-right:5px;
	}

/*----------------------------------------------------
	繝輔ャ繧ｿ繝ｼ
----------------------------------------------------*/
#footer{
	width:100%;
	margin:0;
	padding:0;
	}

#foot_top{
	width:100%;
	margin:0 auto;
	padding:4px 0;
	background:#f4f4f4;
	}

#foot_top ul{
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

#foot_top ul li{
	list-style:none;
	color:#555;
	}
#foot_top ul li a{color:#01a05d;}

#foot_bottom{
	margin:0;
	padding:0;
	background:#01a05d;
	}
#foot_bottom p{
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	font-weight:200;
	}

#foot_bottom p a{color:#fff;}

