@charset "Shift_JIS";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

a:hover img{ opacity:0.8}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}




/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{outline:none;}

body{font-size:90%;/* 基本のフォントサイズ */
line-height:1.8em;/* 基本の行間 */
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;color:#333;}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#3a73bd;text-decoration:underline;}
a:hover,a:active{color:#3a73bd;text-decoration:none;}


/* header
---------------------------------------------------- */

header{ background:#9dc443; width:100%; color:#fff;}
header .inr{ width:1000px; margin:0px auto;}

header #logo{float:left; margin-top:18px;}
header #tel{float:right; }

nav{ float:right;width:568px; }
nav ul{width:568px;margin:0 auto;height:95px;line-height:100%;list-style:none;}
nav li{float:left;height:95px;}
header #contact{ float:right;  text-align:right; margin-top:20px;}







/* mainVisual
---------------------------------------------------- */
#mainVisual { width:100%; height:700px; text-align:center; background:#eff0f4 url(../images/bg_main.jpg) no-repeat top center; }
#mainVisual .inr{ width:1000px; height:700px; margin:0px auto; position:relative}
#mainVisual .inr #img01{
	position:absolute;
	top:343px;
}
#mainVisual .inr #img02{ position:absolute; top:80px; }
#mainVisual .inr #img03{
	position:absolute;
	top:580px;
	left: 241px;
}




/* pagebody
---------------------------------------------------- */
.pagebody{ width:100%; padding:40px 0px;text-align: center; }
.pagebody.p01{ background:#e4f5be; }
.pagebody.p02{ background:#fff; text-align:center; }
.pagebody.p03{ background:#fff;  }
.pagebody.p04{ background:#e0f1f2;  }
.pagebody.p05{ background:#fcefec;  }



.pagebody .inr{width:1000px; margin:0px auto;text-align:left;}
.pagebody .inr:after{ content:""; display:block; clear:both;}


.pagebody.p02 .inr{ background:url(../images/bg_p02.gif) repeat-y; }
.pagebody h2{ margin: 0 auto 40px;}



/* main
---------------------------------------------------- */
#main{float:right;width:730px; }



/* h2title
---------------------------------------------------- */
h2.h2Title{ font-size:24px; text-align:center; padding:2px 0px; border-bottom: 3px double #333; margin-bottom:30px}




/* sub
---------------------------------------------------- */
#sideMenu{float:left;width:210px;  padding:15px;}

#sideMenu h3{ margin-bottom:15px;}

#sideMenu ul{ list-style:none; margin-bottom:30px;}
#sideMenu li{ font-size:16px ; line-height:24px; margin-bottom:8px;}


#sideMenu li{ list-style:none;text-indent: -1em; padding-left:1em; }
#sideMenu li:before{content: " \f101";font-family: FontAwesome;text-align: center; margin-right:8px;}
#sideMenu p{ margin-bottom:15px;}

/* footer
---------------------------------------------------- */
footer{width:100%;font-size:12px; clear:both;color:#333;}

footer .inr{ width:1000px; margin:20px auto;}
footer .inr:after{ content:""; display:block; clear:both;}
footer img{ vertical-align:middle;}


footer #textLink{ width:100%;text-align:center; padding:20px 0px; background:#eaeaea;}
footer #textLink ul{list-style:none;width:1000px;margin:0 auto;}
footer #textLink li{ display:inline;line-height:1em;padding:0 10px; border-left: 1px solid #333;}
footer #textLink li:first-child{ border-left: 0px ;}

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

footer .w535 li{ list-style:none; float:left; margin-left:10px; }



footer #copy{  padding:30px 0px;text-align:center; }
footer #copy small{ font-size:90%; }


.pageTop{width:1000px;margin:0 auto;}


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

			


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



.topBox{width:1000px;}
.topBox .f-left{width:490px; margin-bottom:20px; border-right:1px solid #333; box-sizing:border-box;}
.topBox .f-right{width:480px; margin-bottom:20px;}

.topBox dl{width: 500px;}
.topBox dt{width: 240px; float:left}
.topBox dt p{ margin-bottom:20px;}
.topBox dd{width:220px; padding:0px 0px 0px 20px; float:left;word-break : break-all}

.topBox h4{ font-size:20px; color:#004ea1; margin-bottom:20px;}
.topBox h5{ font-size:16px; color:#333; margin-bottom:20px;}






/* 	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:14px; margin-bottom:30px;}
.itemBox:after{ content:""; display:block; clear:both;}
.itemBox .f-left{ width:400px;}
.itemBox .f-left .img{ border:1px #999 solid;  
width:400px; height:266px;
background:#fff;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-bottom:15px;}

.itemBox .f-left .img img{
	width:auto;
height:auto;
max-width:400px;
max-height:266px; 
	}




.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;word-break: break-all}



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;}
.priceTable td strong{ color: #F00; font-size:14px;}



.itemBox h4{ font-size:18px; margin-bottom:15px; border-bottom:1px solid #999}




.printBox { width:1000px; }
.printBox:after{ content:""; display:block; clear:both;}

.printBox li{width:453px; border:solid 1px #999; padding:14px;  list-style:none; margin-bottom:30px;}
.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:453px; height:313px;
background:#fff;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-bottom:15px;}
.printBox li .img img{
	width:auto;
height:auto;
max-width:453px;
max-height:313px; 
	}

.numBox{ padding-top:8px; font-weight:bold; font-size:16px;}

.printBox_single {width:940px; border:solid 1px #999; padding:29px; margin-bottom:30px;}
.printBox_single:after{ content:""; display:block; clear:both;}
.printBox_single h3{ background:#9dc443; margin-bottom:15px; font-size:16px; color:#fff; padding:4px}


.printBox_single .img{border:1px #999 solid;  
width:453px; height:313px;
background:#fff;
display: table-cell;
text-align: center;
vertical-align: middle;
margin-bottom:15px;}




.printBox_single .img img{
	width:auto;
height:auto;
max-width:453px;
max-height:313px; 
	}
	
	
	

.menoBox{ width:1000px; margin:0px auto;}
.menoBox h4{ font-size:18px; border-bottom: 3px #333 double;}
.menoBox textarea{ height:200px;margin-top:10px;margin-bottom:25px;}

.pageChange{page-break-after: always; }


.pageChange {
	position: relative;
	text-align: center; margin-top:200px; margin-bottom:20px;
}
.pageChange span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.pageChange::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}


.printBtn button {
	background: none;
	border: none;
	cursor: pointer;
}


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

.categoryList{ list-style:none;}
.categoryList:after{ content:""; display:block; clear:both;}

.categoryList li{ margin-right:15px; float:left; border-bottom: dotted 1px #999;text-indent: -1em; padding-left:1em; width:300px; margin-bottom:15px;}
.categoryList li:before{content: " \f101";font-family: FontAwesome;text-align: center; margin-right:8px;}

.categoryList li:nth-child(3n){ 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 }






/* 汎用スタイルシート
---------------------------------------------------- */
hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}
.form100{width:99%;}
.form-h{height:80px;}


.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; }
.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 #999;}
input:focus[type="text"]{border:1px solid #06c;}
textarea{border:1px solid #ccc;width:99%;}
.clear{clear:both;}

br.clear{ height:15px; line-height:1%;}

.red{color:#c00;}

.f-left{float:left;}
.f-right{float:right;}


.tac{text-align:center;}
.tar{text-align:right;}
.large{font-size:120%;line-height:normal;}
.small{font-size:80%;line-height:normal;}


.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 tr:nth-child(odd){ background:#9dc443; border-top:1px solid #9dc443; border-bottom: 1px solid #9dc443;}
.table2 th{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;}




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



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;
}





		

.frame img{border:1px solid #999;padding:1px; background:#fff; box-sizing:border-box;}

.In{ line-height: normal}
.In li{ margin-left:1em; list-style:outside;	}

.w140{width:140px;}
.w200{width:200px;}
.w350{width:350px;}
.w300{width:300px;}
.w455{width:455px;}
.w535{width:535px;}
.w570{width:570px;}


.w25p{width:25%;}
.w100p{width:100%;}


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

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

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.mt15{margin-top:15px;}

@media print {

header{ background:#fff; width:100%; color:#fff;}
header .inr{background:#9dc443; width:960px; margin:0px auto; padding:0px 20px;}
.pagebody{ width:100%; padding:20px 0px 0px;text-align: center; }
.pageChange{ visibility:hidden; margin:0px; height:0px}
.printBtn{ display:none}
}