@charset "Shift_JIS";
/* �����R�[�h�Z�b�g */

/* 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;
	-webkit-text-size-adjust: 100% !important;
}
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;
}

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


img{ vertical-align:middle;}

/* �S�̍\��
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* �V�����v�f������ */
  display: block;  /* �u���b�N���x���v�f�� */
  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:16px;/* ���{�̃t�H���g�T�C�Y */
line-height:1.8em;/* ���{�̍s�� */
font-family:"AozoraMinchoRegular", "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", "�l�r ����", serif;
color:#333;max-height: 999999px; }

a:hover img{ opacity:0.6;}


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


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

header{ width:100%; }
header .inr{ width:1000px; height:120px;margin:0px auto;}

header #logo{float:left;}
header #tel{float:right; width:240px; padding-top:20px; color:#3f8c30; text-align:right}

header #tel p:nth-child(1){ font-size:18px;}
header #tel p:nth-child(2){ font-size:24px;}
header #tel p:nth-child(2) span{ font-size:14px;}




/* navigation
---------------------------------------------------- */
#nav{clear:both;width:100%;background:#389719; border-top: 1px solid #fff; }
#nav ul{width:1000px;margin:0 auto;line-height:100%;list-style:none; border-left:1px solid #fff;}
#nav ul:after{ clear: both; content:""; display:block}
#nav li{float:left;width:20%;font-size:17px; border-right: 1px solid #fff; box-sizing:border-box; text-align:center;}
#nav li a{ color:#fff; text-decoration:none; display:block; padding:16px 0px}

#nav li a span{ display:block; color:#fffd3b; font-size:12px; margin-top:6px;}
#nav li a:hover{background:#41b61a;}

#nav li.active{ background:#41b61a;}



/* main
---------------------------------------------------- */
#main{float:right;width:690px; margin-bottom:40px;}


/* pagebody
---------------------------------------------------- */
#pagebody{width:1000px;margin:20px auto;text-align:left; }


/* h2title
---------------------------------------------------- */
#h2Title{ width:100%; background:url(../images/bg_main.jpg) no-repeat top center; }
#h2Title h2{ width:1000px; height:454px; margin:0px auto;}
#h2Title h2 img{ margin-top:80px;}


#h2Title_Low{ width:100%; background:url(../images/bg_h2.jpg) no-repeat top right 20%; }
#h2Title_Low h2{ width:1000px; height:150px; margin:0px auto;}
#h2Title_Low h2 img{ margin-top:60px;}



/* sub
---------------------------------------------------- */
#sideMenu{float:left;width:230px; margin-bottom:40px;}
.sideNavi{ margin-bottom:20px;}
.sideNavi li{list-style:none;font-size:14px;margin:15px 10px 0;background:url("../images/icon_arrow.jpg") no-repeat 10px 20%;border-bottom:dotted 1px #000000;}
.sideNavi li a{display:block;padding:0 0 15px 40px;}
.sideBox{
	background:#F3F3F3;
	padding:10px
}



/* footer
---------------------------------------------------- */
footer{wfont-size:14px; clear:both; }

footer .footerBottom{ width:100%; background:url(../images/bg_footer.gif);}
footer .footerBottom .inr{ width:1000px; padding:30px 0px; margin:0px auto;}
footer .footerBottom .inr:after{ clear: both; content:""; display:block}
footer .footerBottom .inr >div{ float:left;}
footer .footerBottom .inr >div stong{ font-size:16px;}
footer .footerBottom .inr >div span{ font-size:16px;}


footer #textLink{ float:right;}
footer #textLink ul{list-style:none; margin-top:30px;}
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 #copy{  padding:30px 0px;text-align:center; }
footer #copy small{ font-size:90%; }





#pagetop { text-align:center; background:#3c3c3c;

}
#pagetop img{ margin:0px auto}



/* 	1,�g�b�v�y�[�W�iindex.html�j
---------------------------------------------------- */


#topBox{ background:#f0f0f0; width:100%; padding:40px 0px;}
#topBox:after{ clear: both; content:""; display:block}
#topBox dl{ width:1000px;  margin:0px auto}
#topBox dt{ width:580px;height:280px; float:left; background:#fff; padding:35px;  box-sizing:border-box;}
#topBox dd{ width:420px; float:right}



.clumb01{ width:100%; background:#fff; padding:60px 0px;max-height: 999999px; }
.clumb01 .inr{ width:1000px; margin:0px auto}
.clumb01 .inr:after{ clear: both; content:""; display:block}




#topBox2{ text-align:center; }
#topBox2:after{ clear: both; content:""; display:block;}
#topBox2 h3{ margin:0px auto; margin-bottom:120px}

#topBox2 table{ width:100%; border: solid 1px #d2d2d2;}

#topBox2 th { position:relative; padding-top: 65px; height: 86px; vertical-align:middle; color:#4fa161; font-size:20px; text-align:center; width:33.3%; border:solid 1px #d2d2d2; border-bottom:0px; }
#topBox2 th img{ position:absolute; top:-75px; left:50%; margin-left: -68px;}

#topBox2 td{ height:130px; vertical-align: middle; text-align:center; font-size:14px;border:solid 1px #d2d2d2; border-top:0px;}




.clumb02{ width:100%; background: url(../images/bg_clumb01.jpg); padding:60px 0px;}
.clumb02 .inr{ width:1000px; margin:0px auto}


#topBox3 { text-align:center;}
#topBox3 h3{ margin:0px auto 10px; }
#topBox3 .inr > p{ font-size:21px; margin-bottom:40px;}
#topBox3 .box{ width:440px; height:340px; background:url(../images/p01_img02.png) no-repeat top center; padding:0px 280px;}
#topBox3 .box h4{ font-size:20px; font-weight:normal; color:#4f9434; margin-bottom:20px;}
#topBox3 .box h5{ background:url(../images/line01.png) no-repeat left bottom; font-size:20px; margin-bottom:20px;}

#topBox3 .box li{ width:50%; display:inline-block;box-sizing:border-box; float:left; font-size:15px;}
#topBox3 .box .caution{ background:#fff; border-radius:8px; padding:20px 35px; text-align:left;font-size:15px; }


.dotList{ margin-bottom:20px; }
.dotList li{ list-style:none; background: url(../images/icon_konpei.png) no-repeat left 6px; padding:0px 0px 0px 20px; text-align:left;  }



#news{ width:628px; float:left;}


#newsBox{height:170px;overflow:auto;overflow-y:scroll; background: url(../images/line02.gif) no-repeat  center bottom; }
#newsBox table{width:100%; background:#fff; font-size:14px;}
#newsBox table th{width:25%;padding:5px 7px;font-weight: normal;text-align: left;  }
#newsBox table td{padding:5px 7px; line-height:1.4em;}
#newsBox table img{border:0;vertical-align: middle; margin-left:10px}
#newsBox table .newIcon{ margin-left:10px;}


.newIcon{ display: inline-block; padding:2px 8px; line-height:100%; background:#d23b37; color:#fff; font-size:10px; }
.detaiBtn a{ display:inline-block; background:#FF9600; color:#fff; padding:2px 8px; line-height:100%; border-radius:4px; font-size:12px; text-decoration:none; margin-left:8px;}

#bnr{ width:340px; float:right }
#bnr ul{ list-style:none}
#bnr li{ margin-bottom:25px;}
#bnr li:last-child{ margin-bottom:0px;}







/* 	news
---------------------------------------------------- */

.imgBox{}
.imgBox li{ width:313px; float:left; margin-right:30px; border: solid 3px #978783; list-style:none; box-sizing:border-box;}
.imgBox li:last-child{ margin-right:0px; float:right;}
.imgBox ul:after{ clear: both; content:""; display:block}

.downTable{ margin:0px auto; box-sizing:border-box; width:780px; }
.downTable th{ width:95px; padding: 0px 30px; }
.downTable td{ vertical-align:middle; font-size:18px; padding:10px 30px; background:#f0f0f0;}



/* 2
---------------------------------------------------- */
.tokuchoBox dl{ display:table; width:1000px; margin-bottom:40px}
.tokuchoBox dd{ width:700px; display:table-cell; text-align:center; vertical-align:middle;font-size:18px; background:url(../images/bg_clumb01.jpg); color:#887461;}
.tokuchoBox dt{ width:300px; display:table-cell;border: solid 3px #887461;}







/* 3
---------------------------------------------------- */
.anchorBox ul{ margin-bottom:30px;}
.anchorBox ul:after{ clear: both; content:""; display:block}
.anchorBox li{ list-style:none; margin-left:150px; float:left;}
.anchorBox:after{ clear: both; content:""; display:block}



.itemBox dl{ width:940px; margin-bottom:40px; background:#fef9f4; border-radius:8px; box-shadow:0px 0px 3px #ccc; padding:30px 30px 20px;}
.itemBox dl:after{ clear: both; content:""; display:block}

.itemBox dt{ width:360px; float:left; }
.itemBox dt h4{ background:#94817c; color:#fff; border-radius:4px; padding:4px 40px; line-height:1em; display:inline-block; font-size:20px; width:240px; text-align:center; margin-bottom:30px; letter-spacing:4px}
.itemBox dt table{ width:100%;}
.itemBox dt th{ width:80px; text-align:left; padding:5px; }

.itemBox dd{ width:580px; float:right}
.itemBox dd ul{ list-style: none}
.itemBox dd ul:after{ clear: both; content:""; display:block}
.itemBox dd li{ float:left; margin-left:10px; margin-bottom:10px;}






/* 5,�@���₢���킹	contact.html
---------------------------------------------------- */
.agreeBox{ border:1px solid #ccc; padding:5px;}
.privacyBox{height:250px;overflow:auto;overflow-y:scroll;line-height: normal; padding:0px 10px;max-height: 999999px; }
.privacyBox h4{ font-size:18px; 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 }






/* �ėp�X�^�C���V�[�g
---------------------------------------------------- */
hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}

table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}

.form-h{height:80px;}


.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; background:#CA3939; color:#fff; border:none; }
.formBtn input:hover{ background:#f00}

.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;}
input:focus[type="text"]{border:1px solid #06c;}


textarea{border:1px solid #ccc;width:99%;}
.clear{clear:both;}
.red{color:#c00;}
.green{ color:#4f9434;}


.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 #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table th{background-color:#E8E8E8;border:1px solid #ccc;padding:7px 15px; vertical-align:middle; text-align:left; font-weight:normal;}
.table td{background-color:#fff;border:1px solid #ccc;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%;}




.title{font-size:30px; margin-bottom:40px; background: url(../images/line03.gif) no-repeat left bottom; padding: 0px 0px 10px 0px; letter-spacing:2px;}
.title2{font-size:24px; margin-bottom:30px; background: url(../images/bg_title2.jpg) no-repeat left center; color:#fff; text-align:center; padding: 10px; line-height:100%;letter-spacing:2px }



.btn{ text-align:center}
.btn a{ display: inline-block; padding:4px 40px; color:#fff; background:#ca3939; text-align:center; margin:0px auto; border-radius:4px; text-decoration:none }
.btn a:hover{ opacity:0.7}

.textLink a{ background: url(../images/icon_link.gif) no-repeat left center; padding:0px 0px 0px 8px;}
.pdfLink a{ background: url(../images/icon_pdf.png) no-repeat right center; padding:0px 28px 0px 0px;}
.btn a:hover img{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.70;
    opacity:0.70;
		}


.frame img{border:1px solid #b9b9b9;padding:4px;}

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


.w400{width:400px;}

.w440{width:440px;}
.w480{width:480px;}



.w580{width:580px;}



.w30p{width:30%;}
.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;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}


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

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

}

/*20190128*/

.imgs {
	text-align:center;
	margin-top:-25px;
}

.imgs img{
	margin-right:45px;
}

.imgs img:last-child {
	margin-right:0;
}

.padding35 {
	padding:35px 0;
}