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

html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	color: #333333;
	-webkit-text-size-adjust: 100%;
}
#container{
	min-width: 1100px;
	width: 100%;
	position: relative;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-right: 8px solid #52ad5d;
	border-left: 8px solid #52ad5d;
	z-index: 0;
}
body > #container{
	height: auto;
}
#contents{
	width: 100%;
	margin: 0 auto;
	min-height: 500px;
	padding: 0 0 260px 0;
}
#footer{
	position: absolute;
	bottom: 0;
	height: 260px;
	width: 100%;
	background: #3c9745;
	margin: 0 -8px;
	padding: 0 8px;
	text-align: center;
	color: #ffffff;
}
#footerbox{
	position: relative;
	width: 1040px;
	margin: 0 auto;
}
#btn_pagetop{
	position: absolute;
	top: -40px;
	right: 0;
	display: inline-block;
	width: 81px;
	height: 77px;
	overflow: hidden;
}
#btn_pagetop:hover img,
#btn_pagetop:active img{
	margin-top: -77px;
}
#mainvisual{
	position: relative;
	width: 100%;
	height: 433px;
	background: url(../img/mainvisual_bg.png) repeat-x 0 8px;
	overflow: hidden;
	z-index: 100;
}
#mainvisual.second{
	height: 240px;
	background: url(../img/mainvisual_second_bg.png) repeat-x 0 8px;
}
#mainvisual:before{
	content: "";
	position: fixed;
	top:0;
	display: block;
	width: 100%;
	height: 8px;
	background: #52ad5d;
	z-index: 10;
}
#mainvisual img{
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -713px;
	z-index: 0;
}
#mainvisual.second img{
	margin-left: -792px;
}
#nav{
	position: relative;
	width: 100%;
	height: 80px;
	background: #ffffff;
	z-index: 100;
}
#nav.fixed{
	position: fixed;
	top: 0;
	height: 88px;
	border-top: 8px solid #52ad5d;
	box-sizing: border-box;
}
#nav.fixed:after{
	content: "";
	display: block;
	height: 10px;
	background: url(../img/bt_nav_shadow.png) repeat-x 0 bottom;
}
#nav ul{
	width: 1060px;
	margin: 0 auto;
}
#nav ul li{
	float: left;
	width: 245px;
	height: 60px;
	padding: 10px;
}
#nav ul li a{
	display: block;
	width: 245px;
	height: 60px;
	overflow: hidden;
}
#nav ul li:hover img,
#nav ul li:active img{
	margin-top: -80px;
}
#nav ul li.active img{
	margin-top: -160px;
}
.outer{
	width: 100%;
	background-repeat: repeat;
	background-position: 0 0;
	overflow: hidden;
}
.outer_green{
	background-image: url(../img/bg_green.gif);
}
.outer_blue{
	background-image: url(../img/bg_blue.gif);
}
.outer_pink{
	background-image: url(../img/bg_pink.gif);
}
.outer_yellow{
	background-image: url(../img/bg_yellow.gif);
}
.outer_white{
	background-image: url(../img/bg_white.gif);
}
.inner{
	position: relative;
	width: 1040px;
	margin: 0 auto;
	border-radius: 14px;
	box-sizing: border-box;
	background: #ffffff;
}
.inner_white{
	padding: 42px 50px 40px 50px;
}
.inner_white.inner_qa{
	padding: 42px 40px 30px 40px;
}
.inner_bdr_blue{
	border: 8px solid #3799d4;
}
.inner_bdr_pink{
	border: 8px solid #fb9daa;
}
.inner_bdr_yellow{
	border: 8px solid #efd36b;
}
.inner_bdr_green{
	padding: 35px 42px 30px 42px;
	border: 8px solid #52ac5d;
}
/* WP汎用テンプレ例外 */
.general{
	background-image: url(../img/bg_green.gif);
}
.general #contents{
	padding-top: 60px;
}