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


CSS information
File Name  : module.css
Author     : HIROSHI HONJO
Author URI : http://www.pronest.jp/
Style Info : basic + layout

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%

------ ------ ------ ------ ------ */

/* ------ ------ ------ ------ ------ ------ ------ ------
body & basic
----- ------ ------ ------ ------ ------ ------ ------ */
html { overflow-y: scroll; }
body {
	width: 100%;
	color: #323232;
	border-top: 3px solid #00A13A;
	/* 明朝 *//*font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;*/
	/* ゴシック */font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
}
body.large {
/*    font-size: 1.1em;*/
}

@media screen and (max-width: 640px) {
body{
	position: relative;
}
} /* @media */

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { vertical-align: top;}
a,
a:link	   { text-decoration: underline; color: #06712B;}
a:visited	{ text-decoration: underline; }
a:hover		 { text-decoration: none; }
a:active	 { text-decoration: underline; }

/* ------ ------ ------ ------ ------ ------ ------ ------
layout basic
----- ------ ------ ------ ------ ------ ------ ------ */
/* #header
------ ------ ------ ------ ------ ------ */
#header{
	width: 980px;
	height: 88px;
	margin: 0 auto;
	}
	#header a{
		text-decoration: none;
		color: #1b1b1b;
	}
	#header h1{
		float: left;
		width: 178px;
		padding: 12px 0 0 3px;
		}
		#header h1 a{
			display: block;
			width: 178px;
			height: 52px;
			background: url(../img/logo_pc.gif) no-repeat;
			text-indent: 200%; white-space: nowrap; overflow: hidden;
			-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
		}
		#header h1 a:hover{
			opacity: 0.6;
		}
	#header aside{
		float: right;
		width: auto;
		height: 33px;
		padding-top: 11px;
		}
		#header .contact{
			float: left;
			display: block;
			padding: 0 0 0 22px;
			margin-right: 16px;
			background: url(../img/header_mail.gif) left center no-repeat;
			font-size: 12px;
			line-height: 36px;
			-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
		}
		#header .contact:hover{
			opacity: 0.6;
		}
		#header .fontSize{
display: none;
			float: left;
			width: 110px;
			height: 30px;
			margin-top: 3px;
			padding: 4px 0 0 4px;
			margin-right: 10px;
			background: #E1E1E1;
			}
			#header .fontSize li{
				float: left;
				}
				#header .fontSize li a{
					display: block;
					height: 22px;
					line-height: 20px;
					text-align: center;
					font-size: 12px;
					-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
				}
				#header .fontSize li.regular a{width: 48px;}
				#header .fontSize li.large a{width: 54px;}
				#header .fontSize li a.active,
				#header .fontSize li a:hover{
					background: #00A13A;
					color: #FFF;
				}
		#header .english{
			float: left;
			width: 86px;
			height: 30px;
			padding-left: 8px;
			margin-top: 3px;
			margin-right: 24px;
			background: #E1E1E1 url(../img/arrow.png) 6px 11px no-repeat;
			border: 1px solid #C8C8C8;
			font-size: 12px;
			font-weight: bold;
			line-height: 27px;
			text-align: center;
			-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
		}
		#header .english:hover{
			opacity: 0.6;
		}
		#header #search{
			display: none;
			float: left;
			width: 146px;
			padding-top: 5px;
			}
			#header .keyword{
				float: left;
				display: block;
				width: 120px;
				height: 26px;
				padding: 0px 2px 0px 4px;
				border: 1px solid #97DCB0;
				border-right: none;
				background: #F6F9F2;
				vertical-align: top;
				line-height: 26px;
				border-radius: 0;
				-webkit-appearance: none;
			}
			#header .button{
				display: block;
				width: 26px;
				height: 26px;
				background: #F6F9F2 url(../img/search_btn.gif) center center no-repeat;
				-webkit-background-size: 26px 26px; background-size: 26px 26px;
				border: 1px solid #97DCB0;
				border-left: none;
				cursor: pointer;
				vertical-align: top;
				border-radius: 0;
				-webkit-appearance: none;
			}
#header .menu {
	display: none;
}

#header .menuBtn {
	display: flex;
	width: 45px;
	height: 45px;
	background-color: #00A13A;
	position: absolute;
	right: 6px;
	top: 9px;
}

#header .menuBtn a {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	width: 100%;
	padding-top: 28px;
	background-image: url(../img/ic_menu01.png);
	background-position: center 5px;
	background-size: 20px;
	background-repeat: no-repeat;
	font-size: 12px;
}

#header .menuBox {
	position: absolute;
    width: 100%;
    top: 54px;
	z-index: 10000;
	display: none;
}

#header .menuBox_inner {
	border: 1px solid #00A13A;
	background-color: rgba(0, 161, 58, .8);
	padding: 15px;
	margin-left: 6px;
	margin-right: 6px;
}

#header .menuList {
	display: block;
}

#header .menuList > li {
	border-bottom: 1px solid #828282;
}

#header .menuList > li:last-child {
	border-bottom: 0;
}

#header .menuList > li > a {
	background-color: white;
	display: block;
	padding: 10px;
	position: relative;
}

#header .menuList > li > a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #01a13a;
	border-right: 1px solid #01a13a;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
}

#header .menu.is_menuOpen .menuBtn a{
	background-image: url(../img/ic_close01.png);
}

#header .menuCloseBtn {
	padding: 10px 15px;
    text-indent: 1em;
    display: block;
    text-align: center;
    background: #ededed;
    margin-top: 20px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
	position: relative;
	font-weight: bold;
}
#header .menuCloseBtn::before,
#header .menuCloseBtn::after {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 14px;
	height: 2px;
	background-color: #01a13a;
}
#header .menuCloseBtn::before {
	transform: rotate(45deg);
}
#header .menuCloseBtn::after {
	transform: rotate(-45deg);
}
@media screen and (max-width: 640px) {
#header{
	width: 100%;
	height: 80px;
    position: relative;
	}
	#header h1{
		width: 144px;
		padding: 9px 0 0 6px;
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: 10;
		}
		#header h1 a{
			display: block;
			width: 144px;
			height: 42px;
			background: url(../img/logo_sp.gif) no-repeat;
			-webkit-background-size: 144px 42px; background-size: 144px 42px;
		}
	#header aside{
		float: none;
		width: 100%;
		height: 80px;
		padding-top: 0px;
		position: relative;
		}
		#header .fontSize{
			display: none;
		}
		#header .contact {
            position: absolute;
            top: 34px;
            right: 0;
        }
		#header .english{
			float: none;
			margin: 0 0 0 0 !important;
			position: absolute;
			right: 9px; top: 26px;
			right: 9px; top: 2px;
		}
		#header #search{
			float: none;
			width: 300px;
			padding-top: 69px;
			margin: 0 auto 0;
			}
			#header .keyword{
				width: 274px;
				border: 1px solid #00A13A;
				border-right: none;
			}
			#header .button{
				border: 1px solid #00A13A;
				border-left: none;
			}

} /* @media */


/* #gNav
------ ------ ------ ------ ------ ------ */
#gNav:before,#gNav:after {content: "";display: table;}
#gNav:after{clear:both;}
#gNav{
	zoom: 1;
	width: 980px;
	height: 61px;
	margin: 0 auto;
	background: url(../img/bg_gnav_pc.gif) no-repeat;
	-webkit-background-size: 980px 57px; background-size: 980px 57px;
	}
	#gNav ul{
		padding-left: 1px;
		}
		#gNav li{
			float: left;
			padding-right: 1px;
			}
			#gNav li a{
				display: block;
				height: 61px;
				border-bottom: 4px solid #FFF;
				text-indent: 200%; white-space: nowrap; overflow: hidden;
				-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
			}
			#gNav li.n01 a{background: url(../img/n01.gif) no-repeat; width: 146px; -webkit-background-size: 146px 57px; background-size: 146px 57px;}
			#gNav li.n02 a{background: url(../img/n02.gif) no-repeat; width: 165px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
			#gNav li.n03 a{background: url(../img/n03.gif) no-repeat; width: 162px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
			#gNav li.n04 a{background: url(../img/n04.gif) no-repeat; width: 160px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
			#gNav li.n05 a{background: url(../img/n05.gif) no-repeat; width: 160px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
			#gNav li.n06 a{background: url(../img/n06.gif) no-repeat; width: 165px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
			#gNav li a.active,
			#gNav li a:hover{
				border-bottom: 4px solid #00A23B;
			}
			#gNav li.n01, #gNav li.n02, #gNav li.n03, #gNav li.n04{
				padding-left: 1px;
			}
			 #gNav li.n05{
				padding-left: 4px;
			}
			#gNav li.n06{
				padding-left: 5px;
			}

@media screen and (max-width: 640px) {
#gNav{
	width: 100%;
	height: 82px;
	margin: 0 auto;
	background: none;
	display: none;
	}
	#gNav ul{
		padding-left: 0px;
		}
		#gNav li{
			float: left;
			padding: 0 1px 1px 0;
		}
		#gNav li.n04,
		#gNav li.n06{
			padding-right: 0px;
		}
		#gNav li.n01{display: none;}
		#gNav li.n02{width: 33%;}
		#gNav li.n03{width: 34%;}
		#gNav li.n04{width: 33%;}
		#gNav li.n05{width: 50%;}
		#gNav li.n06{width: 50%;}
			#gNav li a{
				display: block;
				height: 40px;
				background: #00A13A;
				border-bottom: none;
				text-align: center;
				text-decoration: none;
				text-indent: 0%; white-space: normal; overflow: auto;
				line-height: 40px;
				color: #FFF;
			}
			#gNav li.n01 a{background:  #00A13A; width: auto;}
			#gNav li.n02 a{background:  #00A13A; width: auto;}
			#gNav li.n03 a{background:  #00A13A; width: auto;}
			#gNav li.n04 a{background:  #00A13A; width: auto;}
			#gNav li.n05 a{background:  #00A13A; width: auto;}
			#gNav li.n06 a{background:  #00A13A; width: auto;}
			#gNav li a.active,
			#gNav li a:hover{
				border-bottom: none;
			}
} /* @media */


/* #footer
------ ------ ------ ------ ------ ------ */
#footer{
	width: 100%;
	min-width: 980px;
	background: #323232;
	color: #FFF;
	}
	#footer a{
		text-decoration: none;
		color: #FFF;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	#footer a:hover{
		text-decoration: underline;
		opacity: 0.6;
	}
	#footer #fNav:before,#footer #fNav:after {content: "";display: table;}
	#footer #fNav:after{clear:both;}
	#footer #fNav{
		zoom: 1;
		width: 980px;
		padding: 30px 26px 32px 26px;
		margin: 0 auto;
		}
		#footer #fNav > ul > li{
			float: left;
			width: 20%;
		}
		#footer #fNav > ul > li dt{
			width: 130px;
			padding-bottom: 16px;
			margin-bottom: 22px;
			border-bottom: 1px solid #828282;
			font-size: 16px;
			font-weight: bold;
		}
		body.large #footer #fNav > ul > li dt {
            font-size: 18px;
        }
		#footer #fNav > ul > li dd{
			font-size: 12px;
			}
        body.large #footer #fNav > ul > li dd {
            font-size: 14px;
        }
			#footer #fNav > ul > li dd li{
				margin-bottom: 0.8em;
                padding-right: 10px;
			}
	#footer #foot{
		width: 100%;
		background: #191919;
		}
		#footer #foot .inner:before,#footer #foot .inner:after {content: "";display: table;}
		#footer #foot .inner:after{clear:both;}
		#footer #foot .inner{
			zoom: 1;
			width: 980px;
			padding: 24px 24px 24px 0px;
			margin: 0 auto;
			}
			#footer #foot .asideNav{
				float: left;
				}
				#footer #foot .asideNav li{
					float: left;
					padding: 0 24px;
					line-height: 12px;
					border-right: 1px solid #FFF;
				}
				#footer #foot .asideNav li.f01{
					display: none;
				}
				#footer #foot .asideNav li:last-child{
					border-right: none;
					}
					#footer #foot .asideNav li a{
						font-size: 12px;
					}
					body.large #footer #foot .asideNav li a {
						font-size: 14px;
					}
            #footer #foot small{
				float: right;
			}

@media screen and (max-width: 640px) {
#footer{
	min-width: 100%;
}
#footer #fNav{
	width: 100%;
	padding: 0 0 0 0;
	}
	#footer #fNav > ul > li{
		float: none;
		width: 100%;
	}
	#footer #fNav > ul > li dt{
		width: auto;
		height: 40px;
		padding-bottom: 0;
		margin-bottom: 0px;
		border-bottom: 1px solid #828282;
	}
	#footer #fNav > ul > li dt a{
		display: block;
		width: auto;
		height: 40px;
		text-align: center;
		line-height: 40px;
	}
	#footer #fNav > ul > li:last-child dt{
		border-bottom: 1px solid #fff;
	}
	#footer #fNav > ul > li dd{
		display: none;
	}
	#footer #fNav > ul > li.active dd{
		display: block;
	}
	#footer #fNav > ul > li.active dd li{
		border-bottom: 1px solid #828282;
		margin: 0; padding: 0;
	}
	#footer #fNav > ul > li.active dd li a{
		display: block;
		background: #666;
		margin: 0; padding: 12px;
	}
#footer #foot .inner{
	zoom: 1;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 auto;
	}
	#footer #foot .asideNav{
		float: none;
		}
		#footer #foot .asideNav li{
			float: left;
			display: block !important;
			width: 50%;
			height: 40px;
			padding: 0 0;
			border-right: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			text-align: center;
			line-height: 40px;
		}
		#footer #foot .asideNav li.f02,
		#footer #foot .asideNav li.f04{
			border-right: none;
			border-bottom: 1px solid #FFF;
		}
		#footer #foot .asideNav li:last-child{
			border-right: none;
			}
			#footer #foot .asideNav li a{
				display: block;
				font-size: 14px;
				font-weight: bold;
			}
	#footer #foot small{
		clear: both;
		float: none;
		display: block;
		padding: 60px 10px 10px 10px;
		text-align: center;
	}

} /* @media */





/* #pageTop
------ ------ ------ ------ ------ ------ */
#pageTop{
	padding: 0 16px 16px 0;
}
#pageTop a{
	display: block;
	width: 52px;
	height: 63px;
	margin: 0 0 0 auto;
	background: url(../img/pagetop.png) no-repeat;
	-webkit-background-size: 52px 63px; background-size: 52px 63px;
	text-indent: 120%; white-space: nowrap; overflow: hidden;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
#pageTop a:hover{
	opacity: 0.6;
}
@media screen and (max-width: 640px) {
#pageTop{
	width: 100%;
	padding: 0 0 0 0 !important;
	position: absolute;
	bottom: 35px;
}
#pageTop a{
	display: block;
	width: 94%;
	height: 40px;
	margin: 0 auto 0 auto;
	border-radius: 5px;
	background: #00A13A;
	text-align: center;
	text-decoration: none;
	text-indent: 0%; white-space: normal; overflow: auto;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	color: #FFF;
}
} /* @media */


/* btn */
.btn{
	display: inline-block;
	height: 51px;
	line-height: 47px;
	padding: 0px 16px;
	background: #FFF;
	border: 2px solid #00A13A;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none !important;
	color: #00A13A;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	vertical-align: middle;
}
body.large .btn {
	font-size: 20px;
}
.btn:after{
	display: inline-block;
	content: "";
	width: 11px;
	height: 16px;
	padding: 0px 0px 0 10px;
	margin-bottom: 3px;
	background: url(../img/arrow2.png) right center no-repeat;
	-webkit-background-size: 11px 16px; background-size: 11px 16px;
	vertical-align: middle;
}
.btn:hover{
	background: #00A13A;
	color: #FFF;
}
.btn:hover::after{
	background: url(../img/arrow2w.png) right center no-repeat;
	-webkit-background-size: 11px 16px; background-size: 11px 16px;
}
.btn.square{
	border-radius:0;
}



/* .underBody Layout
------ ------ ------ ------ ------ ------ */
.underBody #breadCrumbs:before,.underBody #breadCrumbs:after {content: "";display: table;}
.underBody #breadCrumbs:after{clear:both;}
.underBody #breadCrumbs{
	width: 100%; height: 44px;
	zoom: 1;
	line-height: 44px;
	margin: 0 0 10px;
	}
	.underBody #breadCrumbs ul{
		width: 980px;
		margin: 0 auto;
		}
		.underBody #breadCrumbs li{
			float: left;
			}
			.underBody #breadCrumbs li a{ font-size: 12px; text-decoration: none;}
			.underBody #breadCrumbs li a:hover{ text-decoration: underline;}
			.underBody #breadCrumbs li:first-child a{
				padding-left: 16px;
				background: url(../img/icon_bread_toppage.gif) left center no-repeat;
			}
			.underBody #breadCrumbs li a.no,
			.underBody #breadCrumbs li:last-child a{ color: #1B1B1B;}
			.underBody #breadCrumbs li a.no:hover,
			.underBody #breadCrumbs li:last-child a:hover{ text-decoration: none;}
			.underBody #breadCrumbs li .arrow{
				display: inline-block;
				padding: 0 8px;
			}
@media screen and (max-width: 640px) {
	.underBody #breadCrumbs{ display: none;}
}

.underBody #mainVisual{
	width: 100%;
	min-width: 980px;
	height: 170px;
	background: #DAF4E2;
	-webkit-background-size: 1200px 170px; background-size: 1200px 170px;
	text-indent: 200%; white-space: nowrap; overflow: hidden;
}
.underBody #mainVisual #dotArea {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
.underBody #mainVisual #dotArea img {
    opacity: 0;
/*    visibility: hidden;*/
    position: absolute;
}
.underBody #mainVisual #dotArea img#dot01 {
    top: 109px;
    left: 98px;
}
.underBody #mainVisual #dotArea img#dot02 {
    top: 119px;
    left: 114px;
}
.underBody #mainVisual #dotArea img#dot03 {
    top: 34px;
    left: 184px;
}
.underBody #mainVisual #dotArea img#dot04 {
    top: 39px;
    left: 253px;
}
.underBody #mainVisual #dotArea img#dot05 {
    top: 25px;
    left: 275px;
}
.underBody #mainVisual #dotArea img#dot06 {
    top: 60px;
    left: 313px;
}
.underBody #mainVisual #dotArea img#dot07 {
    top: 87px;
    left: 347px;
}
.underBody #mainVisual #dotArea img#dot08 {
    top: 83px;
    left: 377px;
}

@media screen and (max-width: 640px) {
	.underBody #mainVisual{
		height: 107px;
		min-width: 100%;
		background: #DAF4E2;
		-webkit-background-size: 320px 107px; background-size: 320px 107px;
		text-indent: 200%; white-space: nowrap; overflow: hidden;
	}
	.underBody.company #mainVisual{	background: #DAF4E2 url(../../img/company/mainv_sp.jpg) center top no-repeat;}
.underBody #mainVisual #dotArea {
    width: 320px;
}
.underBody #mainVisual #dotArea img#dot01 {
    width: 12px;
    top: 74px;
    left: 62px;
}
.underBody #mainVisual #dotArea img#dot02 {
    width: 9px;
    top: 77px;
    left: 72px;
}
.underBody #mainVisual #dotArea img#dot03 {
    width: 12px;
    top: 20px;
    left: 92px;
}
.underBody #mainVisual #dotArea img#dot04 {
    width: 20px;
    top: 23px;
    left: 130px;
}
.underBody #mainVisual #dotArea img#dot05 {
    width: 19px;
    top: 15px;
    left: 146px;
}
.underBody #mainVisual #dotArea img#dot06 {
    width: 13px;
    top: 36px;
    left: 172px;
}
.underBody #mainVisual #dotArea img#dot07 {
    width: 10px;
    top: 56px;
    left: 192px;
}
.underBody #mainVisual #dotArea img#dot08 {
    width: 9px;
    top: 50px;
    left: 210px;
}
}


.underBody #wrap:before,.underBody #wrap:after {content: "";display: table;}
.underBody #wrap:after{clear:both;}
.underBody #wrap{
	zoom: 1;
	width: 980px; height: auto;
	padding-top: 10px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.underBody #wrap{
		width: auto; height: auto;
		padding-top: 0px;
	}
	.underBody .entryBody{
		width: 320px;
		margin: 0 auto;
	}
}
.underBody #wrap.c2 #main{
	float: left;
	width: 756px;
}
.underBody #wrap.c2 #side{
	float: right;
	width: 208px;
	margin: 65px 0;
}
.underBody #wrap.c2 #side nav{
	border-bottom: 1px solid #CECECE;
}
.underBody #wrap.c2 #side nav a{
	text-decoration: none;
}
.underBody #wrap.c2 #side nav h1 a{
	display: block;
	padding: 16px 16px 16px 13px;
	background: #00A13A;
	line-height: 1;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.underBody #wrap.c2 #side nav h1 a:hover{
	opacity: 0.6;
}
.underBody #wrap.c2 #side nav li{
	display: block;
	width: 100%;
}
.underBody #wrap.c2 #side nav li a{
	display: block;
	width: 100%;
	background: url(../img/snav_off.gif) 176px center no-repeat;
	vertical-align: middle;
	padding: 6px 30px 6px 13px;
	color: #1b1b1b;
	font-weight: bold;
	border: 1px solid #CECECE;
	border-bottom: none;
}
.underBody #wrap.c2 #side nav li a.active,
.underBody #wrap.c2 #side nav li a:hover{
	background: #323232 url(../img/snav_on.gif) 176px center no-repeat;
	border: 1px solid #323232;
	border-bottom: none;
	color: #FFF;
}
.underBody #wrap.c2 #side nav li a.active.hasChild{
	border-bottom: none;
	border-bottom: 1px solid #CECECE;
	background: #323232 url(../img/side_arr_active.png) 176px center no-repeat;
}
.underBody #wrap.c2 #side nav li{
	display: block;
	width: 100%;
}
.underBody #wrap.c2 #side nav li li a{
	display: none;
}
.underBody #wrap.c2 #side nav li a.active+ul li a{
	font-size: 12px;
	font-weight: normal;
	border-top: none !important;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: none !important;
	padding-left: 18px;
/*	background: none !important;*/
    background-image: none !important;
	display: block;
}
/*
.underBody #wrap.c2 #side nav li li a.active,
.underBody #wrap.c2 #side nav li li a.active:hover{
	color: #00a13a;
	border: 1px solid #cecece;
}

.underBody #wrap.c2 #side nav li li a:hover{
	border: 1px solid #cecece;
	color: #323232;
}
*/
.underBody #wrap.c2 #side nav li li a:hover,
.underBody #wrap.c2 #side nav li li a.active,
.underBody #wrap.c2 #side nav li li a.active:hover {
	color: #191919 !important;
    background-color: #eee !important;
	border: 1px solid #cecece;
}

@media screen and (max-width: 640px) {
	.underBody #wrap.c2 #main{
		float: none;
		width: auto;
	}
	.underBody #wrap.c2 #side{
		display: none;
	}
}


/* ------ ------ ------ ------ ------ ------ ------ ------
common class
----- ------ ------ ------ ------ ------ ------ ------ */
.underBody #main .h1{
	margin-bottom: 22px;
	padding: 12px 16px 15px;
	border-bottom: 3px solid #00A13A;
	font-weight: bold;
	font-size: 24px;
	color: #1B1B1B;
}
.underBody.large #main .h1{
	font-size: 28px;
}

@media screen and (max-width: 640px) {
	.underBody #main .h1{
		margin-bottom: 10px;
		padding: 26px 16px 13px;
		font-size: 18px;
	}
	.entryBody{
		padding: 0 10px 0 10px;
	}
	.entryBody img{
		max-width: 100%;
	}
}


.opt{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.opt:hover{opacity: 0.7;}

/* p
------ ------ ------ ------ ------ ------ */
.entryBody p{
	margin-bottom: 2em;
}

/*本文インデント調整用*/
.entryBody .pd10 {
    padding: 0 10px;
}
.entryBody .pd20 {
    padding: 0 20px;
}
.entryBody .pd30 {
    padding: 0 30px;
}

/* hn
------ ------ ------ ------ ------ ------ */
.entryBody .h2{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 640px) {
.entryBody .h2{
	margin-bottom: 1em;
}
}


.entryBody .h3{
	display: block;
	padding: 4px 12px 4px 20px;
	margin-bottom: 1em;
	background: #EFEFEF;
	font-size: 16px;
	font-weight: bold;
}
.entryBody .h4{
	display: block;
	padding: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #232323;
	font-weight: bold;
}
.entryBody .inner{
	padding: 0 8px 0 14px;
	}
	.entryBody .inner p{
		padding: 0 0 0 6px;
	}


/* table
------ ------ ------ ------ ------ ------ */

.entryBody table{
	width: 95%;
	margin: 0 auto 20px;
}
.entryBody table thead th{
	white-space: nowrap;
	text-align: center;
}
.entryBody table th{
	width: 21%;
	background: #f2f2f2;
}
.entryBody table th,
.entryBody table td{
	padding: 10px;
	vertical-align: middle;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

@media screen and (max-width: 640px) {
	.entryBody table{
		width: 100%;
		margin: 0 auto 20px;
	}
	.entryBody table th,
	.entryBody table td{
		font-size: 12px;
	}

	.entryBody table th{
		width: 40%;
		padding: 10px;
	}
}


/* common style
------ ------ ------ ------ ------ ------ */
/* Not Around　Layout */
.imgArea:before, .imgArea:after { content: ""; display: table;}
.imgArea:after { clear:both; }
.imgArea { zoom: 1;}
.imgArea {  width: 732px; padding-left: 20px;}
.imgArea .imgR { float: right; margin: 0 0 0 15px;}
.imgArea .imgL { float: left; margin: 0 15px 0 0;}
.imgArea .textArea { overflow: hidden; _zoom: 1; }
.imgArea img { max-width: 500px;}

.entryBody .imgArea .inner{
	padding: 0 0px 0 0px;
	}
	.entryBody .imgArea .inner p{
		padding: 0 0 0 6px;
	}


/* img layout Around & 2c & 3c */
.imgLayout:before, .imgLayout:after,
.imgLayout2c:before, .imgLayout2c:after,
.imgLayout3c:before, .imgLayout3c:after,
.imgLayout4c:before, .imgLayout4c:after { content: ""; display: table;}
.imgLayout:after,
.imgLayout2c:after,
.imgLayout3c:after,
.imgLayout4c:after { clear:both; }
.imgLayout,
.imgLayout2c,
.imgLayout3c,
.imgLayout4c { zoom: 1;}
/* Around */
.imgLayout .imgR { float: right; margin-left: 15px; margin-bottom: 1em;}
.imgLayout .imgL { float: left; margin-right: 15px; margin-bottom: 1em;}
/* c2 & c3 */
.imgLayout2c .imgBox,
.imgLayout3c .imgBox,
.imgLayout4c .imgBox {
float: left;
width: 50%;
text-align: center;
}
.imgLayout3c .imgBox {
width: 33%;
}
.imgLayout4c .imgBox {
width: 25%;
}
.imgLayout2c .imgBox img,
.imgLayout3c .imgBox img,
.imgLayout4c .imgBox img {
margin-bottom: 0.5em;
}
.imgLayout2c .imgBox p,
.imgLayout3c .imgBox p,
.imgLayout4c .imgBox p {
font-size: 0.9em;
padding: 0 !important; margin: 0 !important;
}

/* anchor */
a.blank{
	background: url(/common/img/blank.gif) no-repeat right center;
	padding-right: 15px;
}
a.blank-aqua{
	background: url(/common/img/blank_aqua.png) no-repeat right center;
	padding-right: 15px;
}

/* display */
.db{ display: block !important;}
.dib{ display: inline-block !important;}
.di{ display: inline !important;}

/* float */
.lBox{ float: left !important; width: 47%;}
.rBox{ float: right !important; width: 47%;}

/* margin */
.mt00 { margin-top: 0em !important;}
.mt05 { margin-top: 0.5em !important;}
.mt10 { margin-top: 1em !important;}
.mt15 { margin-top: 1.5em !important;}
.mt20 { margin-top: 2em !important;}
.mt25 { margin-top: 2.5em !important;}
.mt30 { margin-top: 3em !important;}
.mt35 { margin-top: 3.5em !important;}
.mt40 { margin-top: 4em !important;}
.mt45 { margin-top: 4.5em !important;}
.mt50 { margin-top: 5em !important;}
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mb00 { margin-bottom: 0em !important;}
.mb05 { margin-bottom: 0.5em !important;}
.mb10 { margin-bottom: 1em !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 1.5em !important;}
.mb20 { margin-bottom: 2em !important;}
.mb25 { margin-bottom: 2.5em !important;}
.mb30 { margin-bottom: 3em !important;}
.mb35 { margin-bottom: 3.5em !important;}
.mb40 { margin-bottom: 4em !important;}
.mb45 { margin-bottom: 4.5em !important;}
.mb50 { margin-bottom: 5em !important;}
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* padding */
.outLine10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.outLine20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.outLine30{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.outLine40{
	padding-left: 40px !important;
	padding-right: 40px !important;
}




/* text-align */
.tar{ text-align: right !important;}
.tac{ text-align: center !important;}
.tal{ text-align: left !important;}

/* font-size */
.fsz10{ font-size: 1.0em !important;}
.fsz11{ font-size: 1.1em !important;}
.fsz12{ font-size: 1.2em !important;}
.fsz13{ font-size: 1.3em !important;}
.fsz14{ font-size: 1.4em !important;}
.fsz15{ font-size: 1.5em !important;}
.fsz16{ font-size: 1.6em !important;}
.fsz17{ font-size: 1.7em !important;}
.fsz18{ font-size: 1.8em !important;}
.fsz19{ font-size: 1.9em !important;}
.fsz20{ font-size: 2.0em !important;}

/* font-style */
strong{font-weight: bold;}
em{font-style: italic;}
.tul{text-decoration: underline;}
.tlt{text-decoration: line-through;}
.note{
	font-size: 13px;
	text-indent: -1em;
	padding-left: 1em;
}
.note:before{
	content: "※";
}

/* color */
.fcBlue1{color: #124398;}
.fcRed{color: #BD0808;}
.fcGreen{color: #06712B;}
.fcOrange{color: #F6B63E;}
.fcBlue2{color: #46ABEC;}
.fcGlay{color: #AAA;}



/* nwp */
.nwp{
	white-space: nowrap !important;
}




/* toContact */
.toContact{
	width: 95%;
	margin: 0 auto;
	padding: 5px 0 16px;
	border: 4px solid #e5e5e5;
}
.toContact p{
	padding: 0;
	margin: 0 30px 20px;
}
.toContact p:last-child{
    margin-top: -8px;
	margin-bottom: 0 !important;
}
.toContact .title{
	background: url(../img/mail_icon.png) no-repeat left center;
	padding: 0 0 0 60px;
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}
.toContact .subTitle{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.toContact .cat {
    margin: 0 5px 28px;
    padding: 2px 5px;
    background-color: #00a13a;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
}
.toContact .cat br {
    display: none;
}
@media screen and (max-width: 640px) {
.toContact{
	padding: 5px 0 20px;
}
.toContact p{
	margin: 0 20px 20px;
}
.toContact .title{
	padding: 0 0 0 40px;
	margin-bottom: 15px;
	font-size: 18px;
    line-height: 1.3;
    -webkit-background-size: 30px 20px; background-size: 30px 20px;
}
.toContact .subTitle{
	font-size: 16px;
    line-height: 1.3;
}
.toContact .cat {
    margin-bottom: 20px;
    font-size: 0.8em;
}
.toContact .cat br {
    display: inherit;
}
}

/* ------ ------ ------ ------ ------ ------ ------ ------
clear
----- ------ ------ ------ ------ ------ ------ ------ */
.clear { clear: both;}
/* CSS -micro clearfix */
.cf:before,.cf:after {content: "";display: table;}
.cf:after{clear:both;}
.cf{zoom: 1;}



.float{
	overflow: hidden;
}
.float .left{
	float: left;
}
.float .right{
	float: right;
}
.float.col2 .left,
.float.col2 .right{
	width: 50%;
}




/* 2018 11 add  WQ */
#srchBox {
	display: inline-block;
}
#header .english {
	margin-right: 19px;
}
#srchBox #srch {
	padding: 5px 0 0 0!important;
	white-space: normal!important;
	display: inline-block;
}
#srchBox #srchInput {
	margin: 0!important;
	border: 1px solid #dddddd;
	line-height: 1.4;
	background: #f9f9f9;
}
#srchBox #srch #srchForm {
	white-space: normal!important;
	display: inline-block;
}
#srchBox #srchBtn {
	display: none;
}
#srchBox {
	width: auto!important;
	border: none!important;
}
#srchBox #srchLogo {
	margin: 5px 0 0 0!important;

}
#srchBox #srchLogo a {
	color: #dfdfdf!important;
}
#srchBox #srchLogo {
	font-size: .7em;
	margin: 1px 0 0 0;
	line-height: .5;
}
#srchForm {
	position: relative;
	display: inline-block;
	top: 0;
}
#srchForm:after {
	position: absolute;
	font-family: FontAwesome;
	content: "\f002";
	color: #666;
	font-size: 1em;
	top:6px;
	left: 6px;
	display: inline-block;
	width: 20px;
	height: 20px;
}
#srchInput {
	padding: 3px 0 3px 20px!important;
}

#header aside {
	width: auto;
}



@media screen and (max-width: 640px) {
#header { height: auto; margin-bottom: 15px;}
#header h1, #header aside { float: none; width: 100%;}
#header h1, #header .contact, #header .english { position: static;}
#header .english {
	width: 112px;
}
#header aside { padding: 0 5px; margin: 10px 0 0 0; display: none;}
#header aside a { display: inline-block; vertical-align: middle; float: left;}
#header aside > div { display: inline-block; vertical-align: middle; float: right;}
#srchBox { width: 150px!important;}
#srchBox #srchInput { width: 100%!important;}
#srchBox #srch { padding: 0!important;}
#header .menu {
	display: block;
}
}