@charset "UTF-8";


/*----------------------
global tag
----------------------*/
body {
font-size:14px;
color:#696969;
background-color:#ffffff;
}

/* link */
a { color:#f27700; text-decoration:underline; }
a:link { }
a:hover { text-decoration:none; }
a:visited { }
a:active { }
nav a { text-decoration:none; }

/* p */
p { padding:10px 10px 0; }


/*----------------------
header
----------------------*/
header { position:relative; padding:0; }

header h1 {
	padding:5px 10px 0 ;
	color:#505050;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}

header h1#seo {
	padding:0px 0px;
	background:;
	color:#b6e281;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}
#logo { padding:0px 0 0 0px; float:left; margin:20px 0 0 0; }

#h_nav { padding:57px 5px 0 0; font-size:10px; }
#h_nav li { float: right; padding:10px 3px 0 0; margin:0 0 10px 0; }
#h_nav li a { width:35px; height:35px; border:1px solid #ddd; border-radius:5px; display: table-cell; text-align:center; vertical-align:middle; margin:0 0 10px 0; }
 
 #h_nav li img { width:50px;

 }

 
#h_nav li a.ic_cnt{
background: -webkit-gradient(linear, left top, left bottom, from(#26751b), to(#3dc02b));
background: -webkit-linear-gradient(top, #26751b, #3dc02b);
background:    -moz-linear-gradient(top, #26751b, #3dc02b);
background:      -o-linear-gradient(top, #26751b, #3dc02b);
background:         linear-gradient(to bottom, #26751b, #3dc02b);
}#h_nav li a.ic_home{
background: -webkit-gradient(linear, left top, left bottom, from(#26751b), to(#3dc02b));
background: -webkit-linear-gradient(top, #26751b, #3dc02b);
background:    -moz-linear-gradient(top, #26751b, #3dc02b);
background:      -o-linear-gradient(top, #26751b, #3dc02b);
background:         linear-gradient(to bottom, #26751b, #3dc02b);
}

/*----------------------
footer
----------------------*/
footer { padding:0 0 12px; margin:10px 0 0;}
#f_logo { float:left; padding:10px 0 0 0; }
#f_logo img { width: 320px; }

#f_nav { padding:0 5px 0 0; }
#f_nav li { float: right; padding:10px 3px 0 0; }
#f_nav li a { width:35px; height:35px; border:1px solid #ddd; border-radius:5px; display: table-cell; text-align:center; vertical-align:middle; }


/*#footer_head { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:0 0 10px; }*/
#footer_head { padding:0 0 10px; }
footer .time { font-size:26px; }
footer address { clear:left; padding:5px 10px 0; }


/*#credit { padding:10px; font-size:10px; text-align:right; border-top:1px dashed #ccc; margin:10px 0 0; }*/
#credit { padding:10px; font-size:10px; text-align:right;  margin:10px 0 0; }
#credit a { color:#666; }


/*----------------------
wrapper & content
----------------------*/

#wrapper { width:320px; margin:0 auto;}
#content { line-height:1.5; clear:both; }


/*----------------------
global ID
----------------------*/

.gnav { padding:0; clear:both; position: relative;
border-top:1px solid #fff;

background: -moz-linear-gradient(top,#f87300 0%,#ee3500);
background: -webkit-gradient(linear, left top, left bottom,from(#f87300), to(#ee3500));
}

.gnav ul {border-bottom:1px solid #fff;
width: 100%;
display: -webkit-box;
display: -moz-box;
}

.gnav li { color:#fff; text-align:center; border-left:1px solid #fff; 
-webkit-box-flex: 1;
-moz-box-flex:1;}

.gnav li:first-child { border-left:none; }
.gnav li a { color:#fff; display:block; text-decoration:none; padding:15px 0; }

/* 追記 */
.gnavline1 li.navcol1{width :219px }
.gnavline1 li.navcol2{width :99px }
.gnavline2 li.navcol1{width :199px }
.gnavline2 li.navcol2{width :119px }


.gnav2 { padding:0; margin:1px 0 1 0px; clear:both; position:relative;
border-top:1px solid #fff;
background-color:#28791C; 
/*
background: -moz-linear-gradient(top,#26751b 0%,#3dc02b);
background: -webkit-gradient(linear, left top, left bottom,from(#26751b), to(#3dc02b));
*/
}
.gnav2 ul { border-bottom:1px solid #fff; overflow:hidden; }
.gnav2 li { float:left; width:25%; color:#fff; text-align:center;
border-left:1px solid #fff;padding-bottom: 32767px; margin-bottom:
-32767px; }
.gnav2 li a { color:#EEEEEE; display:block; text-decoration:none; padding:10px 0; }
.gnav2 li:first-child { border-left:none; }


.gnav3 { padding:0; clear:both; position: relative;
border-bottom:5px solid #3e9015;
background: -moz-linear-gradient(top,#7ac342 0%,#4ca221);
background: -webkit-gradient(linear, left top, left bottom,from(#7ac342), to(#4ca221));
}

.gnav3 ul {width: 100%;display: -webkit-box;display: -moz-box;}

.gnav3 li { color:#fff; text-align:center; border-left:1px solid #fff; -webkit-box-flex: 1;-moz-box-flex:1;}

.gnav3 li:first-child { border-left:none; }
.gnav3 li a { color:#fff; display:block; text-decoration:none; padding:15px 0; }

.gnav2.line2 dd { top:75px; }
.gnav2 dd { display:none; position: absolute; z-index:5; top:37px; left: 0; width:100%; padding:0; border:none; }
/*.gnav2 ul.sub_nav { padding:0 0 0; background:rgba(43, 171, 216, 0.95); display:block; } */
.gnav2 ul.sub_nav { padding:0 0 0; background-color:#EEEEEE; opacity:0.95; display:block; overflow: auto; } 

.gnav2 ul.sub_nav li { float: none; color:#fff; width:100%; padding:0; margin:0; height:auto; list-style:none; border:none; border-bottom:1px solid #fff; }
.gnav2 ul.sub_nav li a { color:#14530D; text-align:left; padding:10px 10px 10px 20px; height:auto; background-size:auto auto !important; }
.gnav2 ul.sub_nav li a:before { content:'▲'; float:right;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin-right:5px; }




.s_nav { margin:10px 0 0; }
.s_nav li { margin-bottom:1px }
.s_nav li a { color:#fff; padding:10px 12px; text-decoration:none; display:block; background:url(../common_img/icon_link.png) no-repeat 95% center #272727; }

.s_nav2 { margin:10px 0 0; }
.s_nav2 li { margin-bottom:1px }
.s_nav2 li a { color:#fff; padding:10px 12px; text-decoration:none; display:block; background: #272727; }

.s_nav3 { margin:10px 0 1px; background:#28791C; border-bottom: }
.s_nav3 li { margin-bottom:1px; border-bottom: }
.s_nav3 li a { color:#EEEEEE; padding:5px 6px; text-decoration:none; display:block; background:url(../common_img/icon_snav.png) 97% center no-repeat; font-size: 14px; border-bottom: 1px solid #fff;}
/*
.s_nav3 li dt { color:#333; padding:11px 12px; text-decoration:none; display:block; background:url(../common_img/icon_open3.png) 97% center no-repeat #eec948; }
.s_nav3 li dt.open { background:url(../common_img/icon_close3.png) 97% center no-repeat #eec948; }
.s_nav3 li dd { background:#eec948; padding:5px; }
.s_nav3 li:nth-child(1) dt { color:#333; padding:11px 12px; text-decoration:none; display:block; background:url(../common_img/icon_open3.png) 97% center no-repeat #eec948; }
.s_nav3 li:nth-child(1) dt.open { background:url(../common_img/icon_close3.png) 97% center no-repeat #eec948; }
.s_nav3 li:nth-child(1) dd { background:#eec948; padding:5px; }
*/
/* 色指定*/
.s_nav3 > li:nth-child(1) a { background-color:#28791C; }
.s_nav3 > li:nth-child(2) a { background-color:#28791C; }
.s_nav3 > li:nth-child(3) a { background-color:#28791C; }
.s_nav3 > li:nth-child(4) a { background-color:#28791C; }
.s_nav3 > li:nth-child(5) a { background-color:#28791C; }
.s_nav3 > li:nth-child(6) a { background-color:#28791C; }
.s_nav3 > li:nth-child(7) a { background-color:#28791C; }
.s_nav3 > li:nth-child(8) a { background-color:#28791C; }

/*
.s_nav3 li a { background-color:#61c7ea; }
.s_nav3 li:nth-child(1) a { background-color:#a9c71f; }
.s_nav3 li:nth-child(2) a { background-color:#61c7ea; }
.s_nav3 li:nth-child(3) a { background-color:#f9de7f; }
.s_nav3 li:nth-child(4) a { background-color:#fba6a6; }
.s_nav3 li:nth-child(5) a { background-color:#93a7f1; }
*/



/* スタイルスイッチャ― */
#f_change { margin:10px 0 0; width:85px; padding:0; font-size:12px; }
header #f_change { position:absolute; top:20px; left:140px; }
#f_change p { padding:0 0 0 18px; background:url(../common_img/icon_search.png) left top no-repeat; background-size:16px 16px; }
#f_change li { width:35px; height:30px; float:left; margin-right:5px; border:1px solid #ddd; text-align:center; background:#fff; font-size:14px; }
#f_change li:nth-child(2) { margin-right:0; }

#f_change li a { width:35px; height:25px; padding:5px 0 0; display:block; color:#333; text-decoration: none; }
#f_change li:nth-child(1) a,
#f_change li:nth-child(2) a { color:#333;
background:-moz-linear-gradient(top, #eee, #fff);
background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
}
#f_change li:nth-child(1) a{ color:#fff;
background:-moz-linear-gradient(top, #bf0000, #990000);
background:-webkit-gradient(linear, left top, left bottom, from(#bf0000), to(#990000));
}

