@charset "Shift_JIS";
/* CSS Document */

#contentsArea{
	width:100%;
	margin-bottom:0;
	padding-bottom:2em;
}

#contentsArea p,
#contentsArea a,
dt,dd{
	line-height:1.6;
}

#root{
	width:776px;
	margin:0 auto;
}

#mainVisualWrap{
	width:100%;
	background:url(../img/mainimg_bottombg.jpg) repeat-x left bottom;
	padding-bottom:45px;
}
#mainVisual{
	width:100%;
	height:434px;
	background:url(../img/mainimg_bg.jpg) no-repeat center 0;
}

#mainVisual #aquaWrap{
	width:1019px;
	height:434px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#mainVisual #aquaWrap h1{
	width:1019px;
	height:434px;
	margin:0 auto;
}
#mainVisual #aquaWrap #aqua1,
#mainVisual #aquaWrap #aqua2{
	width:1019px;
	height:434px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
#mainVisual #aqua1{
	background:url(../img/aqua1.png) no-repeat 0 434px;
}
#mainVisual #aqua2{
	background:url(../img/aqua2.png) no-repeat 0 434px;
}

#main,#sec1,#sec2,#sec3,#sec4{
	width:828px;
}
#main{
	margin:0 auto;
}
#main h2{
	text-align:center;
	padding-bottom:18px;
	padding-top:18px;
}
#main h2.first{
	padding-top:0;
}

/* --------------------- #sec1 ---------------------------*/


#sec1 .inner{
	width:828px;
	height:560px;
	background:url(../img/sec1_bg.jpg) no-repeat;
}
#sec1 .inner h3{
	padding:16px 0 13px 270px;
}
#sec1 .inner .cnt1{
	width:494px;
	padding-left:284px;
}
#sec1 .inner .cnt1 ul.leftBox{
	width:358px;
	padding-top:9px;
	float:left;
}
#sec1 .inner .cnt1 ul.leftBox li{
	display:block;
	padding-bottom:23px;
}
#sec1 .inner .cnt1 .rightBox{
	float:left;
	width:136px;
}
#sec1 .inner .cnt2{
	padding-left:50px;
	padding-top:24px;
}

/* --------------------- #sec2 ---------------------------*/


#sec2 .inner{
	height:604px;
	background:url(../img/sec2_bg.jpg) no-repeat;
}
#sec2 .inner h3{
	padding:10px 0 13px 31px;
}
#sec2 .inner ul.cnt1{
	padding-left:45px;
}
#sec2 .inner ul.cnt1 li{
	padding-left:8px;
	display:block;
	float:left;
}
#sec2 .inner .cnt2{
	width:345px;
	padding-left:60px;
	padding-top:2px;
}
#sec2 .inner .cnt2 h4{
	padding-bottom:8px;
}
#sec2 .inner .cnt2 p{
	width:337px;
	padding-left:8px;
}
#sec2 .inner .cnt2 p.fix1{
	width:337px;
	padding-top:10px;
	font-size:10px;
}


/* --------------------- #sec3 ---------------------------*/

#sec3 .inner{
	height:778px;
	background:url(../img/sec3_bg.jpg) no-repeat;
}
#sec3 .inner h3{
	width:668px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:15px;
	background:url(../img/dotted.gif) repeat-x left bottom;
	text-align:center;
}
#sec3 .inner .cntBox{
	width:578px;
	margin:0 auto;
	padding-top:25px;
}
#sec3 .inner .cntBox .imgBox{
	width:231px;
	float:left;
	padding-right:42px;
}
#sec3 .inner .cntBox .txtBox{
	width:305px;
	float:left;
}
#sec3 .inner .cntBox .txtBox h4{
	padding-bottom:10px;
	background:url(../img/dotted.gif) repeat-x 0 bottom;
}
#sec3 .inner .cntBox .txtBox .detailBox{
	padding-top:15px;
}
#sec3 .inner .cntBox .txtBox .detailBox .txt1{
	padding-bottom:15px;
	padding-top:15px;
}
#sec3 .inner .cntBox .txtBox .txt2{
	padding-bottom:15px;
}

#sec3 .inner .cntBox .setBox{
	padding-bottom:25px;
}

/* --------------------- #sec4 ---------------------------*/

#sec4 .ban1,
#pagetop{
	width:776px !important;
	margin:0 auto;
}
#pagetop{
	padding-top:20px;
}