@charset "utf-8";

a{
	-webkit-transition: 0.3s ease-in-out; 
-moz-transition: 0.3s ease-in-out; 
-o-transition: 0.3s ease-in-out; 
transition: 0.3s ease-in-out; }
/*a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}
*/
body{-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-size:1.0em;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	
}


*{-moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}


@media(max-width:960px){/*SP*/
.br-pc { display:none; }
}
@media(min-width:960px){/*SP*/
.br-sp { display:none; }
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;

}




/* header */

header{
	width:100%;
	background:url(../image/top/back.svg) repeat-x top;
}
header a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}
@media(min-width:960px){	
header:after{
	content:"";}

.menu_b{
	display:none !important; 
}


#logow{
	width:960px;
	margin:0 auto;}

#logow a{float:left;}

#logow img{
	display:block;
	padding:40px 0 20px 0;}

#logow:after{
	content:"";}

}



@media(max-width:960px){
.logo{
	width:210px;}
#logow{
	width:90%;
	margin:0 auto;}

.menu_b{
	float:right;
	margin:0 0 0px 8px;
	padding:0 10px 0px 10px;
}
#logow img{
padding:40px 0 20px 0;}

#logow a:nth-child(3){display:none;}




}

.container {padding-left:0 !important;}


/*nav*/

@media screen and (max-width: 960px){
	.ftlink{display: none;}	
}
@media screen and (min-width: 960px){
	.navbar{max-width:960px;margin: 0 auto;}
	.navbar-nav{
		padding:0 !important;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
		float:none;}
	.navbar-collapse{width:960px;max-width:960px;
	margin:0 auto;
	padding:0 !important;}
	.navbar-nav{width:960px;}
	.navbar-nav li{padding:0 20px;border-left: 1px solid #dddddd;}
	.navbar-nav li a{text-align: center;}

.navbar-nav li:last-child{border-right: 1px solid #dddddd;}

	.nocon{margin:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;}	

}



@media (min-width: 960px){
	
.navbar-nav li{
	text-align: left;


}

	.navbar-nav ul{
		width:100%;
	}
	

}


/* navbar 全体の背景色とボーダーカラー */
.navbar-default {
font-size:14px;
background-color: #ffffff !important;border:none !important;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom:0;

}


/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
color:#2C9024 !important;
	
	font-weight: bold;

}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #2C9024;
background-color: transparent;
}
/* navbar active設定時のカラー */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #337ab7;
background-color: none;
}
/* navbar ドロップダウン(親)のカラー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #ffffff;
background-color: none;
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
background-color: none;
border: 1px solid #fff;
border: 1px solid #fff(0, 0, 0, .15);
-webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
color: #213770;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #87A9E7;
background-color: #fff;
}
/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */
.dropdown-menu .divider {
background-color: #fff;
}
/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #ffffff;
}
.navbar-nav li{border-bottom: 1px solid #D2D4D1;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #87A9E7;
	
background-color: transparent;
}
/* ドロップダウンactive設定時のカラー */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #87A9E7;
}
}
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
border-color: #ffffff !important;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #2C9024 !important;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ffffff !important;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
border-color: #ffffff !important;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color:#B5EC76 !important;
}
/* navbar Brandのカラー */
.navbar-default .navbar-brand {
color: #fff;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #fff;
background-color: transparent;
}




p {
    margin: 0 !important;
}





/* container */

#cont{
	min-width:320px;
	margin:0;	padding:0;
}

#cont:after{content:"";}


#contents:after{content:"";}






#bn a{text-decoration:none;

-moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
#bn a.gol{
	padding:7px 7px 7px 25px;
background:#fff;
border-bottom:1px solid #ccc;
}
#bn a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;}


.tanm{
	display: inline-block;
	margin-top:20px;
	text-decoration:none;
padding:10px 10px 10px 25px;
-moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
background:#FFFBEE !important;
border:1px solid #ccc;}
#bn ul{-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);}

.c1 a{color:#009900;}
.c1{color:#009900;}
.c2{color:#2E84D8;}
.c2 a{color:#2E84D8;}
.c3{color:#E84231;}
.c3 a{color:#E84231;}
.c4{color:#336666;}
.c4 a{color:#336666;}
.c5{color:#EA5506;}
.c5 a{color:#EA5506;}
.c6{color:#3F4E9E;}
.c6 a{color:#3F4E9E;
}
.c7{color:#773C30;}
.c7 a{color:#773C30;}
.c8{color:#7364D9;}
.c8-2{color:#7364D9;font-weight: bold;font-size:18px;}
.c8 a{color:#7364D9;text-decoration: underline !important;}
.c9{color:#CC6699;}
.c9 a{color:#CC6699;}
.c10{color:#FF9900;}
.c10 a{color:#FF9900;}
.c11{color:#009966;}
.c11 a{color:#009966;}
.c12{color:#B48546;}
.c12 a{color:#B48546;}
.c13{color:#66CC66;}
.c13 a{color:#66CC66;}
.c14{color:#333;}
.c14 a{color:#333;}
.c15{color:#F69;}
.c15 a{color:#F69;}

.c16{color:#E53336;
font-weight:bold;}
.c17{color:#333333;}
.c18{color:#FF272B;}
.c18 a{color:#FF272B;}
.c15 b{font-weight: bold !important;}
.b1{background:#009900 !important;}
.b2{background:#2E84D8 !important;}
.b3{background:#E84231 !important;}
.b4{background:#336666 !important;}
.b5{background:#EA5506 !important;}
.b6{background:#3F4E9E !important;}
.b7{background:#773C30 !important;}
.b8{background:#7364D9 !important;}
.b9{background:#CC6699 !important;}
.b10{background:#FF9900 !important;}
.b11{background:#009966 !important;}
.b12{background:#B48546 !important;}
.b13{background:#66CC66 !important;}
.b14{background:#333 !important;}
.b15{background:#F69 !important;}
.b16{background:#F60 !important;}
.b18{background:#FF272B !important;}
.midt{
	margin-top:20px;
	background:#FFFBEE;
	padding:15px 10px;
	font-weight:bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	
	background: -moz-linear-gradient(
		top,
		#FDF9ED 0%,
		#E6E4DE);
		background:#fff;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FDF9ED),
		to(#E6E4DE));
		/* IE 8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF9ED', endColorstr='#E6E4DE', GradientType=0)";
 
/* IE 10 */
background: linear-gradient(to bottom, #FDF9ED, #E6E4DE);}
.midt:before{
	content:"|";
	padding-right:5px;}


.midt2{
	margin-top:20px;
	background:#FFFBEE;
	padding:15px 10px;
	font-weight:bold;
	border:1px solid #ccc;
	background: -moz-linear-gradient(
		top,
		#FDF9ED 0%,
		#E6E4DE);
		background:#fff;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FDF9ED),
		to(#E6E4DE));
		/* IE 8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF9ED', endColorstr='#E6E4DE', GradientType=0)"
	
}
.midt2:before{
	content:"|";
	padding-right:5px;}



.midt3{
	display: block;
	margin-top:20px;
	background:#FFFBEE;
	padding:15px 10px;
	font-weight:bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background: -moz-linear-gradient(
		top,
		#FDF9ED 0%,
		#E6E4DE);
		background:#fff;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FDF9ED),
		to(#E6E4DE));
		/* IE 8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF9ED', endColorstr='#E6E4DE', GradientType=0)"
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4);
}
.midt3:before{
	content:"|";
	padding-right:5px;}





.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}


.ar:before{
left: 15px;
top:-2px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 5px solid;
}




ul.accordion ul {
    display:none;
}
p.click {
    display: block;
	cursor: pointer;

}
ul.accordion .list {

}
.list li a {
color:#FFFBEE !important;
display: inline-block;
border-bottom:1px solid #ccc;
padding:10px 10px 10px 25px;
}

@media(min-width:960px){/*PC*/
#wrap{
	width:100%;
	background:#FFFFE2;}
#contents{	
	width:1200px;
	margin:0 auto;

}


#main{width:955px;
margin:20px 0;
float:left;}
#main2{width:715px;
	background: #ffffff;
	margin:40px auto;
	padding:20px;
float:left;}


#bn{width:207px;
margin:20px 0;
float:right;}
#bn a{font-size:14px;
width:207px;}
#bn a.gol{
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


#bn div{
	font-size:14px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


.midt2{font-size:14px;
}

.f13{font-size:12px !important;}

}


@media(max-width:960px){/*SP*/
#wrap{
	width:100%;
	background:#FFFFE2;}
#contents{	
width:100%;
	margin:0 auto;
	padding:0 auto;

 }

#main{
	width:90%;
	margin:0 auto;
	padding:20px 0;}

	#main2{
	width:96%;
		background: #ffffff;
	margin:20px auto;
	padding:20px;}

#bn{
	width:100%;
	margin:0 auto;
	padding:20px 0;}
#bn a{
width:100%;}
}







@media(min-width:960px){/*PC*/
#spb{
	display:none;
}

}

@media(max-width:960px){/*SP*/

#spb{
	display:block;
	text-align:right;
	margin-bottom:20px;
	margin-top:20px;

}

#spb a{
	background-color:#599900;
	color:#FFF;
	padding:8px 16px;
	text-decoration:none;
	margin:0 10px 0 0;
}
#spb a:hover{
	background-color:#D7EDBC;
}

#spb:after { 
 content: "";
 }	


}



/*other*/


hr.clear{
	clear:both;
	visibility:hidden;	
}




footer{
	background:url(../image/top/back2.png) repeat-x;
	background-color:#D7EDBC;
	overflow:auto;}


#copy{
	width:100%;
	font-weight:bold;
	box-shadow:0 8px 12px -8px #222 inset;
	padding:15px 0;
	text-align:center;
	color:#fff;
	font-size:13px;
	background:#599900;}




@media(min-width:960px){

#ftw{width:960px;
margin:0 auto;}
#ftw li img{width:140px;}
#ftw li:nth-child(-n+4){
	margin-right:30px;float:left;padding-bottom:60px;}
#ftw li:last-child{float:right;
padding-top:40px;}
}
@media(max-width:960px){
#ftw li:nth-child(-n+4){display:none;}
#ftw li:last-child{padding:60px 0 20px 0;width:80%;margin:0 auto;}
}

.inq{
	margin-top:20px;
	display:block;
	 background-color:#D7EDBC;
    border:3px solid #fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 8px 10px 26px;
	
	color:#599900;
	margin-bottom:20px;
	text-decoration:none;
}

/*<a href="#" class="arrow inq">事業用</a>*/


.inq::before{
left: 3px;
width: 6px;
height: 6px;
border-top: 2px solid #599900;
border-right: 2px solid #599900;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.arb{
position: relative;



vertical-align: middle;
text-decoration: none;

}
.arb::before,
.arb::after{
position: absolute;
top: -1px;
bottom: 0;
left: 13px;
margin: auto;
content: "";
vertical-align: middle;
}




/*検索窓*/

dl.search{
    position:relative;
    background-color:#D7EDBC;
    border:3px solid #fff;
	

}
dl.search dt{
    margin-right:40px;
    padding:8px 0 8px 8px;
	
}
dl.search dt input{
    width:100%;
    height:24px;
    line-height:24px;
    background:none;
    border:none;
}


dl.search dd{
    position:absolute;
    top:0;
    right:0;
}

dl.search dd button{
    display:block;
    padding:10px;
    background:none;
    border:none;
}

dl.search dd button span{
    display:block;
    width:20px;
    height:20px;
    background:url('../image/top/search.svg') no-repeat scroll 0 0;
}

#placeholder{
	font-size:16px;
	color:#599900;
	font-weight:bold;
}
























