/*bootstrap.cssに上書き・追記するためのCSS

★カラーを変更するとき、必要に応じて下記を置換
【基本色】138A2B
【グラデ下部】389339
【テーブル項目部分/フッター/パンくず背景グラデ】ECF4E3
【アミ】F3F7ED
*/

/**
 * 	All
 */

/*containerの幅を980pxにする際に使用*/
.cont_980{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.pb10{
	padding-bottom:10px;
}

.pb20{
	padding-bottom:20px;
}

.ptb30{
	padding-top:30px;
	padding-bottom:30px;
}

.pt30{
	padding-top:30px;
}

.mt15{
	margin-top:15px;
}

.mr10{
	margin-right:10px;
}


/**
 * 	Header
 */
 
 
h1{
	font-weight: normal;
	max-width: 980px;
	font-size:0.8em;
}
h2{


	font-size:1.7em;
	color:#389339;
	border-bottom: 1px solid #389339;
	padding:5px 0 7px 0px;
	font-weight: normal;
	//font-family: 'Noto Sans Japanese', serif;
	 font-family: YuMincho, ‘HiraMinProN-W3′ , Meiryo, serif;
}
h3{
	font-weight: bold;
	font-size:1.3em;
	color:#138A2B;
	padding:5px 15px 7px 0;
	border: 0;
	border-bottom: 1px solid #138A2B;
}
h4{
	font-weight: bold;
	font-size:1em;
}
h5{
	width:100%;
	font-size:1.1em;
	color:#138A2B;
	padding-bottom:5px;
	padding-left:5px;
	border: 0;
	border-bottom: 1px dotted #138A2B;
}
h6{
	width:100%;
	font-weight: bold;
	font-size:1.1em;
	color:#138A2B;
	background:#F3F7ED;
	padding:10px;
	border: 0;
	border-bottom: 1px solid #138A2B;
	border-left: 3px solid #138A2B;
}

.h1_border{
	width:100%;
	border-bottom: 1px solid;
	border-color: #138A2B;
	margin-bottom:10px;
}

.h1_area{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.header_area{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:10px;
}

/**
 * 	Main Visual
 */
.background_img{
	background-image: url(../images/backimg.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}

.main_img{
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
}

.main_img_bt{
position: absolute;
top: 78%;
left: 60%;
}

.main_img_bt_sp{
position: absolute;
top: 40%;
left: 70%;
width:30%;
max-width:128px;
}

.grad_area{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ECF4E3', endColorstr = 'transparent');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ECF4E3', endColorstr = 'transparent')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ECF4E3, transparent);
	background-image: -ms-linear-gradient(top, #ECF4E3, transparent);
	background-image: -o-linear-gradient(top, #ECF4E3, transparent);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ECF4E3), to(transparent));
	background-image: -webkit-linear-gradient(top, #ECF4E3, transparent);
	background-image: linear-gradient(top, #ECF4E3, transparent);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

/**
 * 	Navi
 */
.navi_bg_area {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d9738+0,326432+100 */
background: rgb(61,151,56); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(61,151,56,1) 0%, rgba(50,100,50,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(61,151,56,1) 0%,rgba(50,100,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(61,151,56,1) 0%,rgba(50,100,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9738', endColorstr='#326432',GradientType=0 ); /* IE6-9 */

}

@media (min-width: 768px) {
	.navi_area {
	margin-right: auto;
	margin-left: auto;
	max-width: 980px;
	}
	.nav-justified a,link {
	color:#389339;
	}
	.nav-justified a:visited {
	color:#e4e865;
	}
	.nav-justified a:hover,a:active {
	color:#389339;
	}
}

@media (max-width: 767px) {
	.navi_bg_area {
		text-align: center;
	}

	.accordion-heading a{
		color:#389339;
		text-decoration: none;
	}	
	.nav-justified a,link {
	color:#389339;
	 background-color:#004E09;	
	}
	.nav-justified a:visited {
	color:#e4e865;
	}
	.nav-justified a:hover{
	color:#389339;
	}	
	.nav-justified a:active {
	color:#389339;
	}
.accordion-heading a {
 display: block;
 padding:15px 0;	
}
}

.scr {
  overflow: scroll;   /* スクロール表示 */ 
  width: 100%;
  height: 300px;
  background-color: #f7f8d0;
  padding:20px;
}


/**
 * 	Contents
 */
.cont_line{
	border-bottom: 1px solid;
	border-color: #138A2B;
	margin-bottom:20px;
}

.cont_top_line{
	background-image: url(../images/top_border.jpg);
	background-repeat:repeat-x;
	background-position:left;
}

.cont_text{
max-width:960px;
}

.text_p p{
	font-size: 0.9em;
}

.table{
	width: 100%;
	margin: 0 auto;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table  th {
  	padding: 5px;
  	background:#ECF4E3;
  	font-weight: bold;
  	font-size:1em;
  }
.table  td {
  	padding: 5px;
  }
  
/*iframeをレスポンシブに*/  
 .iframeWrap {
	position: relative;padding-bottom: 80%;height: 0;overflow: hidden;
 }
.iframeWrap iframe {
	position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;
}

.web_tx01{
background-color:#f4b3c2;
}

.web_tx01 p{
padding-bottom:15px;
font-size:13px;
text-align:center;
}

.web_tx02{
background-color:#e4e865;
}

.web_tx02 p{
padding-bottom:15px;
font-size:13px;
text-align:center;
}

.web_tx03{
background-color:#a0d2f2;
}

.web_tx03 p{
padding-bottom:15px;
font-size:13px;
text-align:center;
}


.img-center{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
/**
 * 	Footer
 */
 .cont_footer{
	background:#e4e865;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	}

@media (min-width: 768px) {	
.footer {
  	border-bottom: none;
  	max-width: 980px;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
  }
}
@media (max-width: 767px) {
 .footer{
  	border-bottom: none;
  	width: 50%;
	display: block;
	float:left;
  }
 .footer ul{
    -webkit-padding-start: 15px;
    }
}
 
  
.footer_navi {
	list-style: none;
	font-size: .9em;
}

.footer_navi a{
	color:#231815;
	text-decoration: none;
}	
.footer_navi a,link {
	color:#231815;
}
.footer_navi a:visited {
	color:#696969;
}
.footer_navi a:hover{
	color:#138A2B;
}	
.footer_navi a:active {
	color:#138A2B;
}

.copyright {
	clear: both;
	padding:15px 0;
	font-size: 0.8em;
	text-align: center;
}

.fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
  }
  
 /**
 * 	Mail
 */
.mailform{
	width: 100%;
	margin: 0 auto;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.mailform  th {
  	width:30%;
  }
.mailform  td {
  	width:70%;
  } 
.mailform li {
 	float: left;
  	list-style-type: none;
 }
.mailform ul {
	padding:0;
 }
 .required {
  background: maroon;
  border-radius: 3px;
  padding: 0 2px;
  color: white;
  font-size: .75em;
  font-weight: normal;
  display: inline-block;
}
 
.mail-center{
	text-align: center;
}