@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
	リセット
----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

caption, th {
	text-align: left;
}

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

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
}

img, abbr, acronym, fieldset { 	
	border: 0;
	margin:0;
	padding:0;
}

img{
	border:none;
}

li { 
	list-style-type: none; 
}

html, body, .container, .leftSideBar, .content, .rightSideBar {
	height: 100%;
}

/*------------------------------------
	基本
------------------------------------*/
body {
	width:100%;
	height:100%;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333;
	padding:0;
	margin:0;
	background-color:#fff;
	font-size:94%;
	line-height:160%;
}
.w100p{
	width:100%;
}

.m_t5{
	margin:5px 0 0 0;
}

.orange-warp{
	float:left;
	width:100%;
	height:auto;
}

.bg-gray{
	background-color:#e5e5e5;
}

.bg-white{
	background-color:#fff;
}

.bg-orange{
	background-color:#ffa33d;
}

.bg-green{
	background-color:#def9de;
}
.bg-black-blue{
	background-color:#024f70;
}

.bg-footer{
	background-color:#151515;
}

.f-l{
	float:left;
}

.f-r{
	float:right;
}

.w100{
	width:100%;
}

.border{
	border:1px solid #aaa;
}

/* >>>>>>>>>>----- ヘッダー -----<<<<<<<<<< */
.header-wrap{
	width:100%;
	background:#CCC;
}

.header-box{
	width:1000px;
	margin:0 auto;
	background:#eee;
}

.header-h1-txt{
	float:left;
	width:100%;
	height:30px;
	margin:0;
	padding:5px 0 6px 0;
	font-weight:normal;
	background:#fff4eb;
	border-bottom:3px solid #ff9b49;
}

.header-h1-txt .box{
	width:1000px;
	margin:0 auto;
}

.header-h1-txt .txt{
	float:left;
	width:auto;
	margin:5px 0 0 0;
	color:#2b542a;
	font-weight:normal;
}

.header-h1-txt .img{
	float:right;
	width:auto;
	margin:0;
	padding:0;
}

#gnav{
	float:left;
	width:100%;
	padding:0;
	background:#fff;
	box-shadow: 0 5px 20px -8px #999;
}

#gnav .box{
	clear:both;
	width:1000px;
	margin:0 auto;
}

#gnav .header-nav{
	float:right;
	width:auto;
	height:64px;
	overflow:hidden;
}

#gnav .header-nav li{
	float:left;
	width:168px;
	height:64px;
	text-align:center;
	margin:0;
	border-right:1px solid #ccc;
}

#gnav .header-nav li a{
	float:left;
	width:168px;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
	display:block;
	color:#6a6a6a;
	text-decoration:none;
	font-weight:bold;
	line-height:66px;
}

#gnav .header-nav li a:hover{
	float:left;
	width:168px;
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#52cd4f;
	font-weight:bold;
}

#gnav .header-nav .w166{
	float:left;
	width:168px;
	height:64px;
	text-align:center;
	margin:0;
	border-right:1px solid #ccc;
}

#gnav .header-nav .w166 a{
	float:left;
	width:168px;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
	display:block;
	color:#6a6a6a;
	text-decoration:none;
	font-weight:bold;
	line-height:66px;
}

#gnav .header-nav .w166 a:hover{
	float:left;
	width:168px;
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#52cd4f;
	font-weight:bold;
}

#gnav .active{
	float:left;
	width:168px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#52cd4f;
	font-weight:bold;
	line-height:66px;
}

#gnav .header-logo{
	float:left;
	height:240px;
	height:64px;
}

#change{
	position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
  background:#fff;
  box-shadow: 0 5px 20px -8px #999;
}

#change .box{
	clear:both;
	width:1000px;
	margin:0 auto;
}

#change .header-nav{
	float:right;
	width:auto;
	height:58px;
	overflow:hidden;
}

#change .header-nav li{
	float:left;
	width:168px;
	height:58px;
	text-align:center;
	margin:0;
	border-right:1px solid #bbb;
}

#change .header-nav li a{
	float:left;
	width:168px;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
	display:block;
	color:#6a6a6a;
	text-decoration:none;
	font-weight:bold;
	line-height:60px;
}

#change .header-nav li a:hover{
	float:left;
	width:168px;
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#52cd4f;
	font-weight:bold;
}

#change .header-nav .w166{
	float:left;
	width:168px;
	height:58px;
	text-align:center;
	margin:0;
	border-right:1px solid #bbb;
}

#change .header-nav .w166 a{
	float:left;
	width:168px;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
	display:block;
	color:#6a6a6a;
	text-decoration:none;
	font-weight:bold;
	line-height:60px;
}

#change .header-nav .w166 a:hover{
	float:left;
	width:168px;
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#52cd4f;
	font-weight:bold;
}


#change .active{
	float:left;
	width:168px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#52cd4f;
	font-weight:bold;
	line-height:60px;
}

#change .header-logo{
	float:left;
	height:240px;
	height:58px;
}



/* >>>>>>>>>>----- フッター -----<<<<<<<<<< */
.footer-wrap{
	float:left;
	width:100%;
	background:#355734;
}

.footer-box{
	width:1000px;
	margin:0 auto;
	padding:14px 0 0 0;
	background:#355734;
}

.footer-logo{
	float:left;
	width:240px;
}

.footer-nav{
	float:right;
	width:590px;
	margin:15px 0 0 15px;
}

.footer-nav li{
	float:left;
	width:auto;
	padding:0 10px;
	border-right:1px solid #ccc;
	line-height:1.25em;
}

.footer-nav li a{
	color:#fff;
	text-decoration:none;
}

.footer-add{
	float:right;
	width:450px;
	margin:25px 77px 2px 0;
	padding:17px 20px;
	color:#eee;
	border:1px solid #999;
	line-height:100%;
}

.footer-add .name{
	float:left;
	width:450px;
	font-size:130%;
}

.footer-add .add{
	float:left;
	width:440px;
	margin:15px 0 0 10px;
	font-size:94%;
}

.footer-add .tel{
	float:left;
	width:440px;
	margin:5px 0 0 10px;
	font-size:94%;
}

.copy{
	float:left;
	width:100%;
	margin:25px 0 0 0;
	padding:6px 0 2px 0;
	color:#fff;
	border-top:1px solid #bbb;
	text-align:center;
}

.pagetop{
	float:left;
	width:100%;
	margin:25px 0 0 0;
}

/* >>>>>>>>>>----- コンテンツ -----<<<<<<<<<< */
.content-wrap{
	float:left;
	width:100%;
	height:auto;	
}

.content-box{
	width:100%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	padding:6px 0;
}

.contents{
	float:left;
	width:100%;
	min-width:1000px;
	margin:15px 0 50px 0;
	padding:13px 25px 50px 25px;
	box-shadow: 0 5px 20px -4px #999;
	box-sizing:border-box;
	border-bottom-right-radius:9px;
	border-bottom-left-radius:9px;
	background:#fff;
	border-top:3px solid #49c039;
}

.contents .img-left{
	float:left;
	width:41%;
	height:auto;
	margin:0 0 0 1%;
	padding:0;
	box-sizing:border-box;
}

.contents .img-right{
	float:right;
	width:41%;
	height:auto;
	margin:0 1% 0 0;
	padding:0;
	box-sizing:border-box;
}

.contents .txt-left{
	float:left;
	width:53%;
	min-width:502px;
	margin:0 1% 0 1%;
	padding:0 0 0 5px;
	box-sizing:border-box;
}

.contents .txt-wide{
	float:left;
	width:100%;
	min-width:502px;
	margin:0 1% 0 1%;
	padding:0 0 0 5px;
	box-sizing:border-box;
}

.contents .txt-left20{
	float:left;
	width:53%;
	min-width:502px;
	margin:0 1% 20px 1%;
	padding:0 0 0 5px;
	box-sizing:border-box;
}

.contents .txt-right{
	float:right;
	width:53%;
	min-width:502px;
	margin:0 1% 0 1%;
	padding:0 0 0 5px;
	box-sizing:border-box;
}

.contents .txt-right20{
	float:right;
	width:53%;
	min-width:502px;
	margin:0 1% 20px 1%;
	padding:0 0 0 5px;
	box-sizing:border-box;
}


.contents h1{
	float:left;
	width:100%;
	min-width:950px;
	height:auto;
	margin:0 0 22px 0;
	padding:13px 0 0 10px;
	font-size:159%;
	color:#44aa2d;
	box-sizing:border-box;
}

.contents .h2-f{
	float:left;
	width:99%;
	min-width:950px;
	height:auto;
	margin:35px 0 16px 1%;
	padding:4px 0 0 10px;
	font-size:144%;
	color:#1f5518;
	line-height:90%;
	border-left:10px solid #459a32;
	box-sizing:border-box;
}

.h2-h{
	float:left;
	width:100%;
	height:auto;
	margin:35px 0 16px 1%;
	padding:4px 0 0 10px;
	font-size:144%;
	color:#1f5518;
	line-height:90%;
	border-left:10px solid #459a32;
	box-sizing:border-box;
}

.top-img{
	float:left;
	width:100%;
	height:400px;
	min-height:400px;
	margin:15px 0 0 0;
	background:url(../img/top-main.jpg);
	background-size:cover;
}

.title{
	position:relative;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.title-img{
	width:1000px;
	height:300px;
}

.title-title{
	position:absolute;
	top:110px;
	left:0;
	padding:22px 20px 16px 20px;
	background:#254325;
	opacity: 0.7;  
	
}

.title-title span{
	font-size:180%;
	font-weight:bold;
	color:#fff;
	line-height:100%;
}

.f-b{
	font-weight:600;
	color:#e27c27;
}

.f-bb{
	font-weight:600;
	color:#555;
}

.form-table{
	float:left;
	width:90%;
	margin:15px 0 0 15px;
	background:#e5e5e5;
}

.form-td{
	width:40%;
	padding:15px;
	border-collapse:collapse;
	border:1px solid #888;
	box-sizing:border-box;
}

.form-td-td{
	width:60%;
	padding:15px;
	background:#fff;
	border-collapse:collapse;
	border:1px solid #888;
	box-sizing:border-box;
}

.form-txt{
	float:left;
	width:210px;
	padding:7px 10px;
	border:1px solid #aaa;
}

.form-txt25{
	float:left;
	width:80px;
	padding:7px 10px;
	border:1px solid #aaa;
}

.tel-box{
	float:left;
	width:80px;
}

.tel-box p{
	float:left;
	width:100%;
}

.form-two{
	float:left;
	width:10px;
	margin:30px 10px 0 5px;
}

.form-tel{
	float:left;
	width:50px;
	padding:7px 10px;
	border:1px solid #aaa;
}

.area-box400{
	float:left;
	width:400px;
	height:240px;
	padding:7px 10px;
	margin:0 50px 0 0;
}

.reader{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.required-input{
	margin:0 0 0 10px;
	padding:3px 15px;
	color:#fff;
	background:#EF6513;
	border-radius:20px;
}

.any-input{
	margin:0 0 0 10px;
	padding:3px 15px;
	color:#fff;
	background:#0E6EA3;
	border-radius:20px;
}

.form-box{
	float:left;
	width:100%;
	margin:0 0 7px 0;
}

.form-one{
	float:left;
	margin:0 10px 10px 0;
}

.sample{
	float:left;
	width:100%;
	margin:5px 0 0 0;
}

.sample02{
	float:left;
	width:100%;
	margin:5px 0 0 100px;
}

.refine-bb{
	float:left;
	width:30%;
	margin:40px 35% 0 35%;
	padding:12px 18px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#e75d00;
	border-radius:6px;
	border:1px solid #973d00;
	cursor:pointer;
}

.refine-bbb{
	float:left;
	width:30%;
	margin:40px 3% 0 17%;
	padding:12px 18px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#1e88af;
	border-radius:6px;
	border:1px solid #1c7191;
	cursor:pointer;
}

.refine-bbbb{
	float:left;
	width:30%;
	margin:40px 17% 0 3%;
	padding:12px 18px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#e75d00;
	border-radius:6px;
	border:1px solid #973d00;
	cursor:pointer;
}

.t_err { padding:10px 10px 10px 30px;margin-bottom:14px;color:#fff; float:left; background: #f00;width:87%; }
.t_b_text { padding:2px 15px 2px 20px; float:left;width:90%; }
.frm_err { float:left;width:95%;margin:10px 4px 4px 0px;padding:6px;color:#fff;background:#f00;font-size:95%; }
.tb_box { width:100%; float:left; margin-bottom:30px; margin-top:20px; }

/* tog */ 
.toggle_box{
	float:left;
	width:700px;
    display:none;
    color:#fff;
    background-color:#fffdea;
    padding:20px;
    margin:15px 0 0 10px;
	border:2px solid #bbb;
	border-radius:10px;
}
.bttn{
	float:left;
	width:400px;
	margin:25px 500px 0 10px;
    background-color:#fbcc96;
    padding:10px;
	border:1px solid #888;
	border-radius:10px;
	text-align:center;
}
.bttn.active{
    background-color:#888;
    padding:10px;
    color:#fff;
}
.bttn:hover{
    cursor:pointer;
}
.boxx{
    background-color:#132343;
    width:500px;
    height:20px;
    margin-top:20px;
    margin-bottom:20px;
}

.mem{
	float:left;
	width:100%;
	margin:0 0 20px 10px;
	color:#333;
}

.pri{
	float:left;
	width:840px;
	margin:0 0 0 10px;
}

.pri h2{
	width:100%;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
	font-size:19px;
	border-bottom:1px solid #999;
}

.pri p{
	width:100%;
	margin:0 0 40px 5px;
}