@charset utf-8;
*{margin:0;padding:0;border:0;}
body{
	font-size:80%;
	line-height:2em;
	-webkit-text-size-adjust:none;background: url(../images/bg_main.jpg);
	
	color:#333;
}

input{vertical-align:middle;border:1px solid #CCC; padding:4px;}
.clear{clear:both;}
ul{}
img{border:none;vertical-align:top; }

a:link,
a:visited {color: #319F2D; text-decoration:underline}
a:hover,
a:active {color: #319F2D; text-decoration:none}

hr {  border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF; margin-bottom:20px;}

/*　actionbar
------------------------------------------------------------------*/
#actionbar{height:40px;line-height:40px;font-family:HiraKakuProN-W6;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  background:#fff;}
#actionbar ul li{list-style:none;line-height:normal;}
#actionbar .home{float:left;width:33.33%;display:block;}
#actionbar .menu{float:left;width:33.33%;display:block;}
#actionbar .pc{float:right;width:33.33%;display:block;}
#actionbar ul li img{vertical-align:middle;padding-right:3px;}
#actionbar ul li a{ color:#fff;height:24px;display:block;text-decoration:none;border:1px solid #333;border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;padding:8px 0;background: #77b639; /* Old browsers */}



/*　pagebody
------------------------------------------------------------------*/
.pagebody{ padding: 20px 10px; clear:both;  }
.pagebody.p01{ background:#e4f5be; }



.pagebody.p02{ background:#fff; text-align:center; }
.pagebody.p03{ background:#fff;  }
.pagebody.p04{ background:#e0f1f2;  }
.pagebody.p05{ background:#fcefec;  }





.pagebody.p01 .h2Title{ background:#e4f5be; padding:20px 0px 0px }
.pagebody.p04 .h2Title{ background:#e0f1f2;  }


.pagebody.p05 .h2Title{ background:#fcefec;  }


/*　共通
------------------------------------------------------------------*/




.textBox { border:solid 1px #463730; padding:9px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; background:url(../images/bg_text.jpg);}

.textBox2{ border: solid 2px #452405; background:#fff; padding:8px;}


.In{ line-height:normal}

.mr10{ margin-right:10px}
.mr20{ margin-right:20px}
.mr2p{ margin-right:2%;}

.ml10{ margin-left:10px}
.ml18{ margin-left:18px}
.small{ font-size:80%;}

.form-s{width:20%;}
.form-m{width:40%}
.form-l{width:60%}
.form100{width:98%}
.form-h{ height:160px}
.needinput{background-color:#fee;border:1px solid #ccc}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:2px}
input[type="text"], select{border:1px solid #ccc; padding:2px}
input:focus[type="text"]{border:1px solid #06c; padding:2px}
textarea{font-size:100%;border:1px solid #ccc;padding:2px;width:99%}















/*　headder
------------------------------------------------------------------*/
header{ padding:10px 10px 10px;display:block; background:#9dc443;}
header h1{ line-height:1.2em; color:#666; font-weight:normal;}
header h1 img{ width:100%; height:auto; }

/*　news
------------------------------------------------------------------*/
#news{ background:#fff; border-bottom:1px solid #d5bf7f; overflow:auto;
overflow-y:scroll; height:250px;}
#news table{ width:100%;}
#news th{ text-align:left; font-weight:bold;  padding:6px 0px; }
#news td{ text-align:left ; font-weight:normal; background:url(../images/bg_line.gif) repeat-x left bottom;padding: padding:6px 0px;}




/* menu
--------------------------------------------------------- */
#menu ul{}
#menu li{ list-style:none; margin-bottom:10px;
height:auto; display:block; line-height:1.2em;
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border:2px solid #097328;

box-shadow: 0px 0px  3px #ccc;
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
background:  url(../images/bg_navi.png) no-repeat 8px center,#fff; /* Old browsers */


}
#menu li:last-child { margin-bottom:0px;}
#menu li a{padding: 12px 0px 12px 28px;  display:block;text-decoration:none; font-size:15px; color:#333;  font-weight:bold;}




footer{ width:100%; border-top: 2px #333 solid; padding:10px; box-sizing:border-box;}
footer h3 img{ width:100%; height:auto;  }
footer .btnBlue{ font-size:16px;}
							 

/*--------yokonavi--------*/
.yokonavi{background:url(../images/bg_yokonavi.jpg) repeat-x bottom #3b3b3b;border-collapse:collapse;border-top:1px solid #0d0d0d;border-bottom:1px solid #333;}
.yokonavi ul li{list-style:none;line-height:normal;padding:10px 0 7px;text-align:center;font-size:90%;font-weight:700;}
.yokonavi ul li a:link,.yokonavi ul li a:visited,.yokonavi ul li a:active{display:block;text-decoration:none;color:#fff;}
.yokonavi .menu01{float:left;width:25%;display:block;background:url(../images/line01.jpg) repeat-y right top;}
.yokonavi .menu02{float:left;width:33.33%;display:block;background:url(../images/line01.jpg) repeat-y right top;}
.yokonavi .menu03{float:left;width:33.33%;display:block;background:url(../images/line01.jpg) repeat-y right top;}
.yokonavi .menu04{float:right;width:33.33%;display:block;}
.yokonavi ul li i{ font-size:24px}
.copy{background-color:#1d1d1d;padding:10px 5px;}
.copy img{width:100%;height:auto;}

/*　accordion
------------------------------------------------------------------*/
.accordion {width:100%;}
.accordion>dt {
	cursor:pointer;
	background:#b0e275; border-radius:4px; box-shadow:0px 1px 3px #999;
	border:solid 1px #ccc;
	padding:5px 10px;
	font-size:14px; border:solid 2px #189f1e; box-sizing:border-box; margin-bottom:10px
}
.accordion>dt:after{content: "\f0fe";font-family: FontAwesome; float:right;}

.accordion>dd{
	display:none;
	font-size:14px;
	line-height:140%; margin-bottom:20px;}
	.accordion>dd a{ text-decoration:none;}
.accordion>dt.active:after{content: "\f146";font-family: FontAwesome; float:right;}

.accordion>dt.over {
	background-color: #d2f09c;
}
.accordion>dd>.btnBlue{
	line-height:2em;
}




ul.cateList { border:solid 1px #ccc; padding:9px;}
.cateList li{ list-style:none; margin-bottom:10px;}
.cateList li:last-child{ margin-bottom:0px;}
.cateList li a{padding:8px; display:block;border:solid 1px #999;border-radius:4px; box-shadow:0px 1px 2px #ccc; text-decoration:none; }

.cateList li a:before{content: "\f054";font-family: FontAwesome; margin-right:8px;}



/*　menuBox
------------------------------------------------------------------*/
#menuBox{}
#menuBox h3{ border:solid 1px #799f20;
border-bottom:0px;
font-size:16px;  color:#FFF; font-weight:bold; padding:4px 10px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #319f2d;
} 

#menuBox ul{padding:10px; background:#fff; border:solid 1px #799f20;
border-top:0px;-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}



/* トップページ（index.html）
---------------------------------------------------- */

.topBox{width:100%;}
.topBox >div{ width:100%; margin-bottom:10px;  box-sizing:border-box;}


.topBox dl{width: 100%;}
.topBox dt{width: 100%; margin-bottom:10px; background:#fff;}
.topBox dd {width:100%; }
.topBox dd > div{ line-height:normal; margin-bottom:10px;}
.topBox h4{ font-size:16px; color:#004ea1; margin-bottom:10px;}
.topBox h5{ font-size:14px; color:#333; margin-bottom:10px;}



/* 2
---------------------------------------------------- */

#breadClumb{ margin-bottom:15px; padding:0px;}
#breadClumb li{ display:inline-block;margin-right:16px;}
#breadClumb li i{ color:#47a72d; margin-right:8px;}



.itemBox{ border:solid 1px #999; padding:9px; margin-bottom:30px; width:100%; box-sizing:border-box;}
.itemBox:after{ content:""; display:block; clear:both;}
.itemBox { width:100%;}
.itemBox  .img{ border:1px #999 solid;  
width:100%; height:autopx;
background:#fff;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-bottom:15px;}

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




.itemBox .f-left ul{ list-style:none}
.itemBox .f-left ul:after{ content:""; display:block; clear:both;}
.itemBox .f-left ul li{ float:left; margin-right:15px; margin-bottom:15px; border: solid 1px #999; padding:1px; }

.itemBox .f-left ul li div{width:84px; height:84px;
background:#fff;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-bottom:15px;}

.itemBox .f-left ul li div img{
	width:auto;
height:auto;
max-width:84px;
max-height:84px; 
	}

.itemBox .f-left ul li:nth-child(4n){ margin-right:0px;}
.itemBox .f-right{ width:285px;}



div.paging span.current,
div.paging span a.paging-text{
	margin:0px 2px;
	padding:0px 8px;
	color:#333;
	border:1px solid #ccc;
	display:inline;
	zoom:1;
	display:inline-block;
	overflow:hidden;
	text-decoration:none;
}
div.paging span.current{
	background:#004ea1;
	border:1px solid #636;
	color:#fff;
	display:inline;
	zoom:1;
	text-decoration:none;
	display:inline-block;
}
div.paging span a.paging-text:hover{
	background:#2493bd;
	border:1px solid #636;
	color: #fff;
	display:inline;
	zoom:1;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
}

.yourFlickgalWrap { position:relative; }
.yourFlickgalWrap.frameBorder{border: solid 5px #b0e275;}
.yourFlickgalWrap .item { width: 300px }
.yourFlickgalWrap .moving {
  -webkit-transition: -webkit-transform .2s ease-out;
  -moz-transition: -moz-transform .2s ease-out;
}

.yourFlickgalWrap .containerInner {
  overflow: hidden;
}
.yourFlickgalWrap .containerInner .item {
  display: inline-block;
  width:100%;
  line-height:100%;
  height:100%;

  text-align: center;
  margin: 0 5px;
  border: 1px #10A29A solid;

  color: rgba(0,0,0,.4);
  font-weight: bold;
  font-size: 200%;
  -webkit-user-select: none;
  user-select: none;
}
.yourFlickgalWrap .containerInner .item img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}

.yourFlickgalWrap .nav {
  text-align: center;
}
.yourFlickgalWrap .nav li {
  display: inline-block;
}

.yourFlickgalWrap .nav li a {
  text-decoration: none;
  color: rgba(0,0,0,.2);
  font-size: 300%;
}
.yourFlickgalWrap .nav li a:hover {
  background: lightgray;
}
.yourFlickgalWrap .nav li a:active {
  background: gray;
}
.yourFlickgalWrap .nav .selected a {
  color: rgba(0,0,0,1);
}
.yourFlickgalWrap .arrows { position:absolute; top:80px; width:100%;
}
.yourFlickgalWrap .arrows a {
  text-decoration: none;
  color: rgba(0,0,0,.6);
}
.yourFlickgalWrap .arrows a:hover {
  background: lightgray;
  color: rgba(0,0,0,1);
}
.yourFlickgalWrap .arrows a:active {
  background: gray;
}
.yourFlickgalWrap .arrows a.off {
  color: rgba(0,0,0,.2);
  background: none;
}
.yourFlickgalWrap .arrows .prev {
  float: left;
}
.yourFlickgalWrap .arrows .next {
  float: right;
}


table.priceTable{ width:100%; border-collapse:collapse; border-top: 3px #999 double;border-bottom: 3px #999 double; margin-bottom:15px;	}
.priceTable th{ text-align:center; padding:4px; font-weight:bold; font-size:16px;vertical-align:middle;}
.priceTable td{ padding:4px; font-size:12px; text-align:right}
.priceTable td strong{ color: #F00; font-size:14px;}


/* 3
---------------------------------------------------- */

.categoryList{ list-style:none;}
.categoryList:after{ content:""; display:block; clear:both;}
.categoryList li{ margin-right:2%; float:left; border-bottom: dotted 1px #999;text-indent: -1em; padding-left:1em; width:48%; margin-bottom:15px; box-sizing:border-box;}
.categoryList li:before{content: " \f101";font-family: FontAwesome;text-align: center; margin-right:8px;}
.categoryList li:nth-child(2n){ margin-right:0px;}


/* 4
---------------------------------------------------- */
.agreeBox{ border:1px solid #999; padding:5px; background:#fff;}
.privacyBox{ font-size:90%; line-height: normal; padding:0px 10px}
.privacyBox h4{ font-size:120%; font-weight:bold; border-bottom:#CCC solid 1px; margin-bottom:10px;}
.privacyBox p{ margin-bottom:1em}
.privacyBox ul{ margin-bottom:1em; margin-left:20px}
.privacyBox li{ list-style:decimal outside; margin-left:2em; margin-bottom:5px }




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

.printBox li{width:100%; border:solid 1px #999; padding:14px;  list-style:none; margin-bottom:30px; box-sizing:border-box;}
.printBox li h3{ background:#9dc443; margin-bottom:15px; font-size:16px; color:#fff; padding:4px}
.printBox li:nth-child(odd){ float:left; clear:both;}
.printBox li:nth-child(even){ float:right;}

.printBox li .img{border:1px #999 solid;  
width:100%; height:auto;  box-sizing:border-box;
background:#fff;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-bottom:15px;}
.printBox li .img img{
	width:100%;
height:auto;

	}
	


/*　タイトル
------------------------------------------------------------------*/

.h2Title{ background:#e4f5be no-repeat 4px center ;line-height:100%;padding:16px 8px ;font-weight: bold; font-size:24px; text-align:center;}
.h2Title span{ color:#004ea1;  display:block; font-size:10px; font-weight:bold; line-height:10px; margin-top:4px; }


.title {
	position: relative; 
	padding-bottom: 8px;
	border-bottom: 4px solid #ccc; font-size:24px; margin-bottom:10px;
}
.title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #90b932;
}





.subTitle{ font-weight: bold; font-size:16px;padding: 4px; color:#004ea1; width:100%; }
.subTitle2{ font-size:14px; font-weight:normal;
	line-height:normal;
	background:#16a33d url(../images/bg_subtitle.png) no-repeat 8px 4px;
	padding:8px 0px 8px 36px;
	 color:#FFF;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

/*　table
------------------------------------------------------------------*/

.table{width:100%;border-top:1px solid #999;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table th{background-color:#facfc5;border:1px solid #999;padding:7px 15px; vertical-align:middle;}
.table td{background-color:#fff;border:1px solid #999;padding:7px 15px;}
.table ul{margin-left:18px;}
.table .need{
	background:url(../images/icon_need.png) no-repeat 90% center #e5e5e5;
}
.table td span{color:#666;font-size:90%;}
.table img{ vertical-align:middle;}




.table2{width:100%; border-collapse:collapse;}
.table2 th{background:#9dc443; border-top:1px solid #9dc443; border-bottom: 1px solid #9dc443;padding:10px 15px; vertical-align:top; font-weight:bold; text-align:center; line-height:14px;}
.table2 td{padding:10px 15px; text-align:left; line-height:14px;}




/*　汎用
------------------------------------------------------------------*/

.tel{   }
.tel a{
	text-align:center;

	display:block;
	padding:8px;
	text-decoration:none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;


box-shadow:0px 0px 3px #000;
-moz-box-shadow: 0px 0px 3px #000;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 3px #000;　/* Safari,Google Chrome用 */ 


background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9c667 0%,#f79621 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
}

#pagetop {
    position: fixed;
    bottom:54px;
    right: 10px;
}

.btnBlue a{ display:block; background:#004ea1; color:#fff; padding:4px;  border:solid 1px #1562b3; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; font-size:inherit; line-height: inherit;}
.btnWhite a{ display:block; background:#fff; color:#004ea1; padding:4px;  border:solid 1px #1562b3; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; font-size:inherit; line-height: inherit;}
.btnOrange a{ display:block; background:#f29f0d; color:#fff; padding:4px;  border:solid 1px #9f6600; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; font-size:inherit; line-height: inherit;}
.btnGrenn a{ display:block; background:#00b050; color:#fff; padding:4px;  border:solid 1px #1d9c73; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; font-size:inherit; line-height: inherit;}

.btnBlue button{ display:block; background:#004ea1; color:#fff; padding:4px;  border:solid 1px #1562b3; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; width:100%; font-size:inherit; line-height: inherit; cursor: pointer;}
.btnWhite button{ display:block; background:#fff; color:#004ea1; padding:4px;  border:solid 1px #1562b3; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; width:100%; font-size:inherit; line-height: inherit; cursor: pointer;}
.btnOrange button{ display:block; background:#f29f0d; color:#fff; padding:4px;  border:solid 1px #9f6600; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; width:100%; font-size:inherit; line-height: inherit; cursor: pointer;}
.btnGrenn button{ display:block; background:#00b050; color:#fff; padding:4px;  border:solid 1px #1d9c73; text-align:center; border-radius:4px; text-decoration:none; box-shadow:0px 1px 3px #CCC; width:100%; font-size:inherit; line-height: inherit; cursor: pointer;}

.dotList li{ list-style:none; background:url(../images/icon_cricel.png) no-repeat left 8px; padding-left:12px; margin-left:10px;}



.fs60{font-size:60%;}
.fs70{font-size:70%;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs95{font-size:95%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs140{font-size:140%;}
.bold{font-weight:700;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}


.ml2em{ margin-left:2em;}

.blue{color:#0178af;}
.red{ color:#e90000;}
.orange{ color:#F60}
.green{ color:#060}
.f-left{float:left;}
.f-right{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.ln{line-height:normal;}

.large{ font-size:120%;}
.small{ font-size:80%;}
.frame{}
.frame img{ width:99%; height:auto;-webkit-border-radius: 4px;padding:1px;border:1px solid #ccc; text-align:center;
-moz-border-radius: 4px;
border-radius: 4px; }

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

.ul{ margin-left:18px; line-height:2.0em}


.ol{ margin-left:23px}


.link a{ background:url(../images/icon_arrow.gif) no-repeat left center; padding-left:12px;}



.ml20{ margin-left:20px;}




.red{ color:#c00}
.gray{ color:#868686;}
.green{ color:#4F910B;}

.w10{width:10px;}

.w45{width:45px;}

.w50{width:40px;}
.w100{width:100px;}
.w150{width:150px;}

.w14p {width:14%;height:auto;}.w14p img{width:100%;height:auto;}
.w19p {width:19%;height:auto;}.w19p img{width:100%;height:auto;}
.w24p {width:24%;height:auto;}.w24p img{width:100%;height:auto;}
.w34p {width:34%;height:auto;}.w34p img{width:100%;height:auto;}
.w40p {width:40%;height:auto;}.w40p img{width:100%;height:auto;}
.w48p {width:48%;height:auto;}.w48p img{width:100%;height:auto;}
.w49p {width:49%;height:auto;}.w49p img{width:100%;height:auto;}
.w60p {width:60%;height:auto;}.w60p img{width:100%;height:auto;}

.w64p {width:64%;height:auto;}.w64p img{width:100%;height:auto;}
.w74p {width:74%;height:auto;}.w74p img{width:100%;height:auto;}
.w79p {width:79%;height:auto;}.w79p img{width:100%;height:auto;}

.w80p {width:80%;height:auto;}.w80p img{width:100%;height:auto;}
.w84p {width:84%;height:auto;}.w84p img{width:100%;height:auto;}
.w100p img{width:100%;height:auto;}.w100 img.zoom{width:10%;height:auto;position:absolute;bottom:3%;right:3%;}


.w25p {width:25%;height:auto;}
.w30p {width:30%;height:auto;}
.w35p {width:35%;height:auto;}
.w50p {width:50%;height:auto;}


.w140{ width:140px;}
.w170{ width:170px;}

.mt50{ margin-top:50px}

.mb1em{ margin-bottom:1em;}
.mb2em{ margin-bottom:2em;}
.mb3em{ margin-bottom:3em;}