@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; }
body{ font-size:14px; line-height:175%; font-family:Meiryo, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; color:#000000; line-height: 1.5; }
img{ border:none; font-size:0; vertical-align:top; }
ul{ list-style-type:none; line-height:200%; }
a{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:underline; }
a:hover img{ opacity: 0.8; }

/* font
****************************************************/
.fc_1{ color:#007f41; }
.fc_2{ color:#ed6d35; }

/* align
****************************************************/
.align_r{ text-align:right; }
.align_c{ text-align:center; }

/* radius
****************************************************/
.radius_5, .headline_1, .headline_2, .headline_3, .button_1{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.radius_10, .section{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.radius_20{ border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; }

/* headline
****************************************************/
.headline_1, .headline_2, .headline_3{ font-size:16px; padding:5px 0; }
.headline_1, .headline_2{ text-align:center; }
.headline_1{ background:#dae690; color:#007f41; letter-spacing:1em; text-indent:1em; }
.headline_2{ background-color:#f39800; color:#ffffff; }
.headline_3{ background:url(images/icon_headline_2.png) left 4px center no-repeat #f39800; color:#ffffff; padding-left:1em; }
.headline_4, .headline_num1, .headline_num2, .headline_num3, .headline_num4, .headline_num5{ background-color:#d9e58f; color:#007f41; font-size:14px; }
.headline_4{ padding-left:1.5em; }
.headline_num1:before, .headline_num2:before, .headline_num3:before, .headline_num4:before, .headline_num5:before{ background-color:#007f41; color:#ffffff; padding:0 5px; margin-right:5px; }
.headline_num1:before{ content:"1"; }
.headline_num2:before{ content:"2"; }
.headline_num3:before{ content:"3"; }
.headline_num4:before{ content:"4"; }
.headline_num5:before{ content:"5"; }
.headline_5{ font-size:14px; }
.headline_5:before{ content:"■"; color:#f39800; }

.headline_3 a{ text-decoration:none; color:#ffffff; }
.headline_3 a:hover{ text-decoration:none; }

/* read
****************************************************/
.read_1{ padding:1em 10px 1em 10px; }
.read_2{ padding:0 10px 0 10px; }
.ti1em{ text-indent:1em;} 

/* section
****************************************************/
.section{ background-color:#ffffff; padding:10px; margin-top:20px; }


/* notice
****************************************************/
.notice1 h3{ color: white; background-color: red; text-align: center; padding: 2px;}
.notice1 .notice1_box{ border: red solid 2px; padding: 10px;  }
.notice1 strong{color: red; display: block; margin: 10px 0; }


/* list
****************************************************/
.list_ul1 li:before{ content:"●"; color:#007f41; margin-right:5px; }
.list_ul2 li{ border-bottom:1px dotted #6a3906; padding-left:1em; margin-top:5px; }
.list_ul2 li:last-child{ border-bottom:none; }
.list_ul3 li{ background:url(images/icon_arrow_2.png) left center no-repeat; padding-left:25px; color:#007f41; font-weight:bold; }
.list_ul4 li:before{ content:"◆"; color:#007f41; margin-right:5px; }
.list_ul5{ list-style-type:disc; margin-left:1.5em; }

.list_ul6 li{ background:url(images/icon_arrow_3.png) left center no-repeat; padding-left:25px; color:#ed6d35; font-weight:bold; }
.list_ul6 a{ text-decoration:none; color:#ed6d35; }
.list_ul6 a:hover{ text-decoration:underline; }

.list_dl1 dt{ color:#007f41; border-bottom:1px solid #007f41; font-weight:bold; margin-top:2em; }
.list_dl1 dt:first-child{ margin-top:1em; }
.list_dl1 dt:before{ content:"■"}
.list_dl1 dd{ margin-top:.5em; }

/* button
****************************************************/
.button_1{ background-color:#dae690; color:#007f41; font-weight:bold; display:inline-block; padding:5px 10px; }
.button_1:after{ content:"▶"; font-size:11px; margin-left:1em; }
.button_1:hover{ text-decoration:none; background-color:#ffffff; color:#f4a31c; }

/* sitemap
****************************************************/
.sitemap{ padding-top:40px; padding-bottom:40px; }
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ margin-left:50px; }
.sitemap .parent li:before{ content:"■"; color:#f39800; margin-right:.5em; }
.sitemap .child{ margin-left:1.5em; overflow:hidden; width:500px; }
.sitemap .child li{ float:left; width:33%; }
.sitemap .child li:before{ content:"●"; color:#f39800; margin-right:.5em; }

/* map
****************************************************/
.map_s{ border:1px solid #dfdfdf; text-align:center; padding:10px; }

/* access
****************************************************/
.access .hd_1, .access .hd_2{  font-size:14px; margin-top:20px; }
.access .hd_1{ color:#007f41; border-bottom:2px solid #007f41; }
.access .hd_2{ color:#f39800; border-bottom:2px solid #f39800; }
.access .map img{ border:2px solid #007f41; }
.access p{ text-align:center; padding:20px 0; }




/* モニター幅600px以上
**************************************************/
@media only screen and (min-width:600px){

/* wrapper
****************************************************/
.wrapper{ width:960px; margin:0 auto; overflow:hidden; }

/* space
****************************************************/
.mt_5{ margin-top:5px; }
.mt_10{ margin-top:10px; }
.mt1em{ margin-top:1em; }
.mt_20{ margin-top:20px; }
.mt_40{ margin-top:40px; }

/* column
****************************************************/
.column, .column_mw33, .column_mw50{ overflow:hidden; }
.column .lef, .column_mw33 li, .column_mw50 li{ float:left; }
.column .rig{ float:right; }
.column_mw33 li{ min-width:33%; }
.column_mw33 .adj{ min-width:21%; }
.column_mw50 li{ min-width:50%; }

/* header
****************************************************/
#header{ border-top:8px solid #007f41; }
#header h1{ font-size:10px; font-weight:normal; }
#header .lef{ float:left; }
#header .rig, #header .slider{ float:right; }
#header .space{ margin-top:5px; margin-bottom:5px; }
#header .logo{ background:#007f41; width:275px; height:295px; text-align:center; color:#ffffff; }
#header .img{ margin-top:70px; }
#header .tel{ margin-top:40px; font-weight:bold; font-size:24px; }
#header .adr{ margin-top:10px; font-size:11px; line-height:17px; }
#header #fontNavi{ font-size:12px; }
#header #fontNavi span{ margin-right:1em; }
#header #standard, #header #large{ display:inline-block; line-height:none; width:40px; text-align:center; line-height:20px; }
#header .off{ background:#007f41; color:#ffffff; }


/* globalNavi
****************************************************/
#globalNavi{ background:#dae690; margin-top:25px; }
#globalNavi ul{ overflow:hidden; margin-left:30px; background:url(images/line_1.png) left center no-repeat; }
#globalNavi li{ float:left; background:url(images/line_1.png) right center no-repeat; text-align:center; display:table; width:153px; }
#globalNavi li:first-child{ width:155px; }
#globalNavi a{ display:table-cell; height:50px; text-decoration:none; vertical-align:middle; color:#007f41; font-weight:bold; line-height:18px; }
#globalNavi .on, #globalNavi a:hover{ background:url(images/bg_gm.png) center top no-repeat; color:#f4a31c; }

/* slider
****************************************************/
.slider{ margin:10px auto 0 auto; width:980px; }
.flexslider{ width:100%; height:370px; }

/* contents
****************************************************/
#content{ background-color:#fbfbf0; padding-bottom:70px; }
#content .wrapper{ width:930px; }
#main-column{ float:left; width:620px; padding-top:20px; }
#side-column{ float:right; width:275px; padding-top:20px; }

/* page_headline
****************************************************/
.page_headline{ background:url(images/bg_headline.png) right center no-repeat; color:#007f41; border-bottom:5px solid #007f41; font-size:24px; font-weight:bold; padding:60px 0 40px 0; }
.page_headline:before{ content: url(images/icon_headline.png); margin-right:.5em; }

/* footer
****************************************************/
#footer{ background:#007f41; color:#ffffff; padding:20px 0; font-size:12px; }
#footer a{ color:#ffffff; }
#footer .logo{ float:left; }
#footer .adr{ line-height:18px; margin-top:10px; }
#footer .tel{ background:url(images/icon_tel.png) left center no-repeat; padding-left:24px; padding-top:4px; font-size:25px; font-weight:bold; }
#footer ul{ float:right; width:60%; }
#footer li{ float:left; width:33%; background:url(images/icon_arrow.png) left center no-repeat; }
#footer li a{ padding-left:1em; }
#footer address{ float:right; font-style:normal; margin-top:1em; font-size:11px; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ overflow:hidden; margin-top:20px; padding:0 20px; }
.guide_list1 .photo{ float:left; }
.guide_list1 .text{ margin-left:260px; }
.guide_list1 .text h3{ color:#007f41; font-size:14px; }
.guide_list1 .text h3:before{ content:"◆"; margin-right:5px; }
.guide_list1 .text p span{ border-bottom:1px dotted #007f41; }
/* guide_list2 */
.guide_list2{ overflow:hidden; }
.guide_list2 .box{ float:left; margin-left:27px; width:164px; margin-top:20px; }
.guide_list2 .box h3{ color:#007f41; font-size:14px; }
}

/* モニター幅600px以下
**************************************************/
@media only screen and (max-width:599px){

.wrapper{ width:100%; }
img{ max-width:100%; height:auto; }

/* space
****************************************************/
.mt_5{ margin-top:5px; }
.mt_10{ margin-top:10px; }
.mt1em{ margin-top:1em; }
.mt_20{ margin-top:20px; }
.mt_40{ margin-top:20px; }

/* header
****************************************************/
#header{ border-top:8px solid #007f41; padding:0 10px; }
#header h1{ font-size:10px; font-weight:normal; text-align:center; }
#header .space{ margin-top:5px; margin-bottom:5px; }
#header .logo{ background:#007f41; text-align:center; color:#ffffff; padding-bottom:10px; }
#header .img{ padding-top:10px; }
#header .tel{ margin-top:10px; font-weight:bold; font-size:24px; }
#header .adr{ margin-top:10px; font-size:11px; line-height:17px; }
#header #fontNavi{ font-size:12px; text-align:center; }
#header #fontNavi span{ margin-right:1em; }
#header #standard, #header #large{ display:inline-block; line-height:none; width:40px; text-align:center; line-height:20px; }
#header .off{ background:#007f41; color:#ffffff; }
#header #main{ margin-top:10px;}
#header .slider{ margin-top:10px; }

/* globalNavi
****************************************************/
#globalNavi{ margin:10px 10px 0 10px; background-color:#007f41; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#globalNavi ul{ padding:5px 15px 15px 15px; }
#globalNavi li{ margin-top:10px; border-bottom:1px solid #7fc4a1; }
#globalNavi br{ display: none; }
#globalNavi a{ display:block; color:#ffffff; padding-left:1em; }
#globalNavi a:hover{ background-color:#ffffff; color:#000000; font-weight:bold; }

/* contents
****************************************************/
#content{ padding:10px; }
#side-column{ margin-top:20px; }

/* page_headline
****************************************************/
.page_headline{ background:url(images/icon_headline.png) left center no-repeat; color:#007f41; border-bottom:5px solid #007f41; font-size:14px; font-weight:bold; padding:15px 10px 10px 30px; }

/* column
****************************************************/
.column .rig{ text-align:center; margin-bottom:1em; }

/* footer
****************************************************/
#footer{ background:#007f41; color:#ffffff; padding:10px; font-size:12px; }
#footer a{ color:#ffffff; }
#footer .adr{ line-height:18px; margin-top:10px; }
#footer .tel{ background:url(images/icon_tel.png) left center no-repeat; padding-left:24px; padding-top:4px; font-size:25px; font-weight:bold; }
#footer ul{ margin-top:1em; }
#footer li{ background:url(images/icon_arrow.png) left center no-repeat; }
#footer li a{ padding-left:1em; }
#footer address{ font-style:normal; margin-top:1em; font-size:11px; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ margin-top:20px; }
.guide_list1 .photo{ text-align:center; }
.guide_list1 .text h3{ color:#007f41; font-size:14px; }
.guide_list1 .text h3:before{ content:"◆"; margin-right:5px; }
.guide_list1 .text p span{ border-bottom:1px dotted #007f41; }
/* guide_list2 */
.guide_list2 .box{ margin-top:20px; }
.guide_list2 .photo{ text-align:center; }
.guide_list2 .box h3{ color:#007f41; font-size:14px; }
}

/* eye_etc
****************************************************/
.eye_etc{
}
.eye_etc h3{
    font-size:115%;
				font-weight:bold;
				color:#007f41;
				margin-bottom:10px;
}

.eye_etc .headline, .detail1{
		  margin: 0 20px 5px 10px;
}
.eye_etc .headline{
				font-weight:bold;
}

.eye_etc .detail2{
		  margin: 0 20px 15px 25px;
}
