@charset "utf-8";



/* loading
-----------------------------------*/
#loading{
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 470px;
	margin-left: -16px;
	z-index: 999;
}



/* header
-----------------------------------*/
#header{
	width: 100%;
	height: 260px;
	background: url("../img/bg_header_01.png") no-repeat center 182px;
}

#header:after{
	display: none;
}



/* slider
-----------------------------------*/
#wrapper{
	margin-bottom: 190px;
}

#wrapper .slider-wrapper{
	width: 100%;
	height: 440px;
	overflow: hidden;
	position: relative;
	margin:0;
	padding:0;
	z-index: 1;
}

#slider{
	opacity: 0;
}

#slider img{
	width: 100%;
}

@media (max-width: 1400px){
	#wrapper .slider-wrapper{
		width: 1380px;
		height: 440px;
		overflow: hidden;
		position: relative;
		top:0;
		left:50%;
		margin-left: -690px;
	}
	
	#slider img{
		width: 1380px;
		min-height: 440px;
	}
}

#wrapper .slide_box{
	width: 100%;
	height: 70px;
	background: url("../img/bg_home_06.png") repeat-x;
	position: relative;
	z-index: 10;
}

#wrapper .slide_box div.inner{
	width: 100%;
	height: 70px;
	background: url("../img/bg_home_05.png") no-repeat center 0;
}

#wrapper .slide_box a{
	display: block;
	height: 441px;
	float: left;
	text-align: center;
	margin-top: -440px;
	position: relative;
}

#wrapper .slide_box a.left,
#wrapper .slide_box a.right{
	width: 33%;
	background: url("../img/cl.png");
}

#wrapper .slide_box a.center{
	width: 34%;
	background: url("../img/cl.png");
}

#wrapper .slide_box a.left:hover:after{
	display: block;
	content:"";
	background: url("../img/bg_slider_home_01.png") no-repeat right 0;
	background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.3));
	background-size: cover;
	width:100%;
	height:440px;
	position:absolute;
	top:0;
	left:0;
}

#wrapper .slide_box a.center:hover:after{
	display: block;
	content:"";
	background: url("../img/bg_slider_home_02.png") no-repeat center 0;
	background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
	background-size: cover;
	width:100%;
	height:440px;
	position:absolute;
	top:0;
	left:0;
}

#wrapper .slide_box a.right:hover:after{
	display: block;
	content:"";
	background: url("../img/bg_slider_home_01.png") no-repeat left 0;
	background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.3));
	background-size: cover;
	width:100%;
	height:440px;
	position:absolute;
	top:0;
	left:0;
}

#wrapper .slide_box a.left span{
	display: inline-block;
	overflow: hidden;
	width: 166px;
	height: 211px;
	margin: 340px 0 0 83px;
}

#wrapper .slide_box a.center span{
	display: inline-block;
	overflow: hidden;
	width: 180px;
	height: 211px;
	margin: 340px 0 0 55px;
}

#wrapper .slide_box a.right span{
	display: inline-block;
	overflow: hidden;
	width: 129px;
	height: 211px;
	margin: 340px 0 0 25px;
}

#wrapper .slide_box a.left:hover span img{
	margin-left: -166px;
}

#wrapper .slide_box a.center:hover span img{
	margin-left: -180px;
}

#wrapper .slide_box a.right:hover span img{
	margin-left: -129px;
}



/* home_unit
-----------------------------------*/
#home_unit{
	font-size: 116%;
	width: 100%;
	background: url("../common/img/bg_01.png") repeat-x 0 0;
	position: relative;
	margin-bottom:110px;
}

#home_unit > h2{
	width: 1000px;
	margin: 0 auto 20px;
	text-align: center;
}

#home_unit > h2 img{
	margin: -80px 0 0 -22px;
}

#home_unit > p{
	width: 830px;
	margin: 0 auto 18px;
}

#home_unit > h2 + p + p{
	margin: 0 auto 145px;
}

#home_unit section.box{
	width: 1000px;
	margin: 0 auto 140px;
	position: relative;
}

#home_unit section.box h3{
	position: absolute;
	top: 0;
	right: 206px;
}

#home_unit section.box p{
	width: 500px;
	margin-left: 10px;
	padding: 495px 0 0;
}

#home_unit section.box .image{
	position: absolute;
	top: -70px;
	left: 0;
}

#home_unit section.box .image02{
	position: absolute;
	top: 0;
	right: 0;
}

#home_unit section.box .image03{
	position: absolute;
	top: 180px;
	right: 0;
}

#home_unit div.box02{
	width: 100%;
	height: 620px;
	background: #f0f0f0;
	position: relative;
}

#home_unit div.box02 a.left p,
#home_unit div.box02 a.center p,
#home_unit div.box02 a.right p{
	width: 250px;
	position: absolute;
	left: 40px;
}

#home_unit div.box02 a.left p{
	top: 469px;
}

#home_unit div.box02 a.center p{
	top: 140px;
}
#home_unit div.box02 a.right p{
	top: 460px;
}

#home_unit div.box02 a.left,
#home_unit div.box02 a.center,
#home_unit div.box02 a.right{
	display: block;
	width: 330px;
	height: 620px;
	position: absolute;
	top: 0;
	left: 50%;
	overflow: hidden;
}

#home_unit div.box02 a.left{
	background: url("../img/bg_home_01.png") no-repeat 0 top;
	margin-left: -495px;

}

#home_unit div.box02 a.left h4{
	width: 45px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 430px;
	left: 143px;
}

#home_unit div.box02 a.center{
	background: url("../img/bg_home_02.png") no-repeat 0 bottom;
	margin-left: -165px;
}

#home_unit div.box02 a.center h4{
	width: 105px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 99px;
	left: 113px;
}

#home_unit div.box02 a.right{
	background: url("../img/bg_home_03.png") no-repeat 0 top;
	margin-left: 165px;
}

#home_unit div.box02 a.right h4{
	width: 92px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 419px;
	left: 119px;
}

#home_unit div.box02 a.left:hover,
#home_unit div.box02 a.right:hover{
	background-position: -330px 0;
}

#home_unit div.box02 a.center:hover{
	background-position: -330px bottom;
}

#home_unit div.box02 a.left:hover h4 img{
	margin-left: -45px;
}

#home_unit div.box02 a.center:hover h4 img{
	margin-left: -105px;
}

#home_unit div.box02 a.right:hover h4 img{
	margin-left: -92px;
}

#home_unit div.box02 a:hover p{
	text-decoration: underline;
}