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

/* ----------------------------------------------------------------------------
    TOP
------------------------------------------------------------------------------ */
#top {
	position: relative;
	width: 100%;
	height: 362px;
	padding: 110px 0 0 0;
	min-width: 1280px;
}
#top .inner{
	width: 100%;
	box-sizing: border-box;
}
#top #top_img{
	width: 100%;
	height: 362px;
	box-sizing: border-box;
	padding-right: 336px;
	overflow: hidden;
	margin: 2px auto 0;
	min-width: 944px !important;
}
#top #top_img ul{
	width: 100%;
	height: 362px;
	box-sizing: border-box;
	margin: 2px auto 0;
}
#top #top_img ul li{
	display: block;
	width: 100%;
	height: 362px;
	box-sizing: border-box;
	background: #fff;
	padding: 20px;
	margin: 0 auto;
	text-align:center;
}
#top #top_img ul li div{
	width: 874px;
	margin: 0 auto;
	position: relative;
}
#top #top_img ul li img{
	width: 874px;
	margin: 0 auto;
}
#top .n_p_btn{
	position: absolute;
	top: 410px;
	right: 710px;
}
#top .n_p_btn li{
	float: left;
	margin: 0 20px 0 0;
}
#top .n_p_btn li:last-child{
	margin: 0 0 0 10px;
}
#top .n_p_btn li.slideBt{
	width: 10px;
	height: 10px;
	margin: 5px 10px 0 0;
}
#top .n_p_btn li:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
#top .n_p_btn li.slideBt.active{
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}
#top .n_p_btn li#np_01{
	background: #627993;
}
#top .n_p_btn li#np_02{
	background: #7199a0;
}
#top .n_p_btn li#np_03{
	background: #769992;
}
#top .n_p_btn li#np_04{
	background: #95aa86;
}
#top .n_p_btn li#np_05{
	background: #c9af83;
}
#top #top_img ul li#slide01{
	border: 15px solid #3a5779;
}
#top #top_img ul li#slide02{
	border: 15px solid #4c8291;
}
#top #top_img ul li#slide03{
	border: 15px solid #538777;
}
#top #top_img ul li#slide04{
	border: 15px solid #7b9d66;
}
#top #top_img ul li#slide05{
	border: 15px solid #d2b061;
}
#top #top_img p.bt{
	position: absolute;
	width: 130px;
	height: 70px;
	top: 150px;
	right: 20px;
}
#top #top_img p.bt a{
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 13px;
	color: #fff;
}
#top #top_img p.bt:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}
/* みどり */
#top #top_img p.bt.type01_c{
	border: 1px solid #538777;
	background: #6e968b;
}
/* きみどり */
#top #top_img p.bt.type02_c{
	border: 1px solid #7b9d66;
	background: #8fa780;
}
/* き */
#top #top_img p.bt.type03_c{
	border: 1px solid #d2b061;
	background: #c8ad7b;
}
/* あお */
#top #top_img p.bt.type04_c{
	border: 1px solid #3a5779;
	background: #586f8c;
}
/* みずいろ */
#top #top_img p.bt.type05_c{
	border: 1px solid #4c8291;
	background: #69939f;
}

#top #top_img p.bt span{
	display: block;
	width: 118px;
	height: 58px;
	margin: 3px auto;
	border: 2px solid #fff;
}
#top div.top_bn{
	width: 334px;
	min-width: 334px;
}
#top div.top_bn:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}
#top .top_bn.b01{
	position: absolute;
	top: 110px;
	right: 0;
	width: 334px;
	height: 180px;
	margin: 2px 0 0 2px;
	background: #9a4847;
}
#top .top_bn.b01:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}
#top .top_bn.b01 span{
	position: absolute;
	top: 50px;
	left: 45px;
	text-align: center;
	color: #fff;
	font-size: 24px;
}
#top .top_bn.b01 span.deco{
	display: inline-block;
	width: 65px;
	height: 180px;
	position: absolute;
	top: 0px;
	right: 0;
	margin: 0 0 0 225px;
	background: #793535;
}
#top .top_bn.b01 span.deco img{
	width: 30px;
	padding: 70px 0 0 0;
}
#top .top_bn.b02{
	position: absolute;
	top: 292px;
	right: 0;
	width: 334px;
	margin: 2px 0 0 2px;
}
#top .top_bn.b02:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}

#headImage {
   position: absolute;
	top: 292px;
	right: 0;
	width: 334px;
	margin: 2px 0 0 2px;
}
#headImage:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}