@charset "shift-jis";
@import "base.css";
@import "layout.css";
#top #title{
	margin:36px 0 12px;
	width:980px;
	height:394px;
	padding-top:18px;
	background:url(../img/top/main_bg.jpg) no-repeat center top;
	text-align:right;
}

#top #title #main_img {
	background:url(../img/top/main_img.jpg) no-repeat center top;
	width:895px;
	height:116px;
	margin:0 auto;
	padding:264px 35px 0 0;
}

#top .introBox{
	overflow:hidden;
	margin:0 15px 18px;
	width:950px;
}
#top .introCase{
	position:relative;
	margin:0 auto;
	width:950px;
	height:445px;
	background:url(../img/top/intro_bg.jpg) top left no-repeat;
}
#top .introCase h3{
	position:absolute;
	top:17px;
	left:23px;
}
#top .introCase .txt{
	position:absolute;
	top:60px;
	left:26px;
	font-size:116%;
	letter-spacing:-0.025em;
}
#top .introCase .txt2{
	position:absolute;
	width:260px;
	top:248px;
	left:250px;
}
#top .introCase .subtitle{
	position:absolute;
	top:143px;
	left:22px;
}
#top .introCase .image{
	position:absolute;
	top:195px;
	left:22px;
}
#top .introCase .catch{
	position:absolute;
	top:195px;
	left:250px;
}
#top .introCase .btn{
	position:absolute;
	top:370px;
	left:22px;
}

#top .meritBox{
	overflow:hidden;
	margin:0 25px 25px;
	width:930px;
}
#top .meritCase{
	overflow:hidden;
	margin:0 auto;
	width:930px;
	height:509px;
	background: url(../img/top/merit_bg.jpg) top left no-repeat;
}
#top .meritCase .floatL{
	float:left;
	width:442px;
	margin:15px 0 0 15px;
	display:inline;
}
#top .meritCase .floatR{
	float:right;
	width:442px;
	margin:15px 15px 0 0;
	display:inline;
}