@charset "UTF-8";
/*CSSをリセットする*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/*全体の調整*/
body {
    font:12px Georgia, Century, serif;
    *font-size:small;
    *font:x-small;
	-webkit-text-size-adjust: none;
	background:#ffffff;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
a{
	ouline: 0;
}

.f11{
	font-size:11px;
	
}

.c4F2A11{
	color:#4F2A11;
}

.cE73656{
	color:#E73656;
	
}

/*セクションの設定*/
div.section {
	width: 100%;
	max-width: 100%;
	position: relative;
	margin: 0 auto;
}
/*レイヤーの設定*/
div.layer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/*背景画像の設定*/
/*0*/
#section0 {
	background: url(../images/section0_bg.jpg) no-repeat 0px 90px;
}
#section0 .layer1 {
	/*background: url(../images/sec0_layer1_bg.png) repeat-y 650px 0px;*/
}
#section0 .layer2 {
	/*background: url(../images/sec0_layer2_bg.png) repeat-y 750px 0px;*/
}

/*1*/
#section1 {
	background: url(../images/section1_bg.png) repeat-y -80px 0px;
}
#section1 .layer1 {
	background: url(../images/sec1_layer1_bg.png) no-repeat -80px 10px;
}
#section1 .layer2 {
	background: url(../images/sec1_layer2_bg.png) no-repeat 280px 330px;
}


/*2*/
#section2 {
	background: url(../images/section2_bg.jpg) no-repeat 0px 0px;
}
#section2 .layer1 {
	background: url(../images/sec2_layer1_bg.png) no-repeat 0px 580px;
}
#section2 .layer2 {
	background: url(../images/sec2_layer2_bg.png) no-repeat 200px 230px;
}

/*3*/
#section3 {
	background: url(../images/section3_bg.png) no-repeat 0px 130px;
	/*background: url(../images/section3_bg.jpg) no-repeat 0px 0px;*/
}
#section3 .layer1 {
	background: url(../images/sec3_layer1_bg.png) no-repeat 0px 370px;
}
#section3 .layer2 {
	/*background: url(../images/sec3_layer2_bg.png) no-repeat 100px 200px;*/
}


/*4*/
#section4 {
	background: url(../images/section4_bg.jpg) no-repeat 0px 0px;
}

#section4 .layer1 {
	background: url(../images/sec4_layer1_bg.png) no-repeat 320px 200px;
}

#section4 .layer2 {
	background: url(../images/sec4_layer2_bg.png) no-repeat 210px 300px;
}

/*5*/
#section5 {
	background: url(../images/section5_bg.jpg) no-repeat 0px 0px;
}

#section5 .layer1 {
	background: url(../images/sec5_layer1_bg.png) no-repeat 320px 200px;
}

#section5 .layer2 {
	background: url(../images/sec5_layer2_bg.png) no-repeat 210px 300px;
}


/*6*/
#section6 {

}

#section6 .layer1 {
	background: url(../images/sec6_layer1_bg.png) no-repeat 130px 360px;
}

#section6 .layer2 {

}

/*7*/
#section7 {
	background: url(../images/section7_bg.jpg) repeat-y 0px 0px;
}

#section7 .layer1 {
	background: url(../images/sec7_layer1_bg.png) no-repeat 90px 170px;
}

#section7 .layer2 {
	background: url(../images/sec7_layer2_bg.png) no-repeat 130px 650px;
}

#section7 .layer3 {
	/*background: url(../images/sec7_layer3_bg.png) no-repeat 730px 210px;*/
}

/*8*/
#section8 {
	background: url(../images/section8_bg.jpg) repeat-y 0px 0px;
}

#section8 .layer1 {
	background: url(../images/sec8_layer1_bg.png) no-repeat 310px 360px;
}

#section8 .layer2 {
	background: url(../images/sec8_layer2_bg.png) no-repeat 140px 260px;
}

#section8 .layer3 {
	background: url(../images/sec8_layer3_bg.png) no-repeat 50px 120px;
}

/*9*/
#section9 {
	background: url(../images/section9_bg.jpg) repeat-y 0px 0px;
}

#section9 .layer1 {
	/*background: url(../images/sec9_layer1_bg.png) no-repeat 470px 100px;*/
}

#section9 .layer2 {
	background: url(../images/sec9_layer2_bg.png) no-repeat 55px 70px;
}

#section9 .layer3 {
	background: url(../images/sec9_layer3_bg.png) no-repeat 250px 740px;
}

/*10*/
#section10 {
	background: url(../images/section10_bg.jpg) repeat-y 0px 0px;
}

#section10 .layer1 {
	background: url(../images/sec10_layer1_bg.png) no-repeat 335px 200px;
}

#section10 .layer2 {
	background: url(../images/sec10_layer2_bg.png) no-repeat 180px 660px;
}

#section10 .layer3 {
}


/*11*/
#section11 {
	background: url(../images/section11_bg.jpg) repeat-y 0px 0px;
}

#section11 .layer1 {
	background: url(../images/sec11_layer1_bg.png) no-repeat 40px 160px;
}

#section11 .layer2 {
	background: url(../images/sec11_layer2_bg.png) no-repeat 130px 640px;
}

#section11 .layer3 {
	background: url(../images/sec11_layer3_bg.png) no-repeat 710px 340px;
}


/*12*/
#section12 {
	background: url(../images/section12_bg.jpg) repeat-y 0px 0px;
}

#section12 .layer1 {
	background: url(../images/sec12_layer1_bg.png) no-repeat 100px 200px;
}

#section12 .layer2 {
	background: url(../images/sec12_layer2_bg.png) no-repeat 90px 650px;
}

#section12 .layer3 {
	background: url(../images/sec12_layer3_bg.png) no-repeat 460px 200px;
}


/*13*/
#section13 {
	background: url(../images/section13_bg.jpg) repeat-y 0px 0px;
}

#section13 .layer1 {
	background: url(../images/sec13_layer1_bg.png) no-repeat 310px 200px;
}

#section13 .layer2 {
	background: url(../images/sec13_layer2_bg.png) no-repeat 70px 550px;
}

#section13 .layer3 {}



/*14*/
#section14 {}

#section14 .layer1 {
	background: url(../images/sec14_layer1_bg.png) no-repeat 280px 420px;
}

#section14 .layer2 {}

#section14 .layer3 {}

/*15*/
#section15 {
	background: url(../images/section15_bg.jpg) repeat-y 0px 0px;
}

#section15 .layer1 {
	background: url(../images/sec15_layer1_bg.png) no-repeat 200px 200px;
}

/*
#section15 .layer2 {
	background: url(../images/sec15_layer3_bg.png) no-repeat 20px 760px;
}

#section15 .layer3 {
	background: url(../images/sec15_layer2_bg.png) no-repeat 20px 460px;
	
}

*/

/*16*/
#section16 {
	background: url(../images/section16_bg.jpg) repeat-y 0px 0px;
}

#section16 .layer1 {
	background: url(../images/sec16_layer1_bg.png) no-repeat 0px 120px;
}

#section16 .layer2 {
	background: url(../images/sec16_layer2_bg.png) no-repeat 0px 640px;
}

#section16 .layer3 {}

/*17*/
#section17 {
	background: url(../images/section17_bg.jpg) no-repeat 0px 0px;
}

#section17 .layer1 {
	background: url(../images/sec17_layer1_bg.jpg) no-repeat 0px 130px;
}

#section17 .layer2 {
	/*background: url(../images/sec17_layer2_bg.png) no-repeat 280px 280px;*/
}

#section17 .layer3 {
	/*background: url(../images/sec17_layer3_bg.png) no-repeat 0px 1000px;*/
}


/*各セクション内のレイアウト等*/
/*0*/
#section0 h1 {
	position: absolute;
	left: 55px;
	top: 150px;
}


#section0 .youbi{
	position: absolute;
	width:750px;
	height:120px;
	left: 350px;
	top: 670px;
	/*background:url(../images/bk_hizuke.png) repeat-x;*/
	background: #ffffff;/*rgba未対応(IE8以下)対策必ず先に書く*/
background: rgba(255,255,255,0.7);
}

#section0 .youbi ul{
	background:url(../images/bk_hizuke.png) no-repeat;
	}

#section0 .youbi li{
	float:left;
	margin:5px 4px 20px 4px;
	height:90px;
}


ul#topNav {
	position: absolute;
	top:0;
	left:0;
	/*bottom: 311px;*/
}

ul#topNav li {
	display: inline;
	margin-right: 40px;
}

/*1*/
#section1 h2 {
	position: absolute;
	left: 284px;
	top: 279px;
}
#section1 p {
	position: absolute;
	left: 58%;
	top: 300px;
	color: #fff;
	font-size: 108%;
	width: 450px;
	line-height: 2;
}

/*2*/
#section2 h2 {
	position: absolute;
	left: 210px;
	top: 270px;
}
#section2 p {
	position: absolute;
	left: 8%;
	top: 300px;
	color: #fff;
	font-size: 108%;
	width: 450px;
	line-height: 2;
}

/*3*/
#section3 h2 {
	position: absolute;
	left: 3px;
	top: 100px;
}
#section3 p {
	position: absolute;
	left: 58%;
	top: 300px;
	color: #fff;
	font-size: 108%;
	width: 450px;
	line-height: 2;
}


/*4*/
#section4 h2 {
	
	
}


/*5*/
#section5 h2 {
	
}


/*6*/
#section6 h2 {
	
	
}


/*7*/
#section17 h1{
	position: absolute;
	left: 284px;
	top: 280px;
}


#section17 h2{
	position: absolute;
	left: 0;
	top: 930px;
}







/*ナビゲーション*/
ul#nav {
	position: fixed;
	width:1200px;
	left: 0px;
	top: 0px;
	background: #ffffff;
	/*
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	*/
	padding:10px 20px 10px 30px;
	float:right;
}

ul#nav li {
	display: inline;
	margin: 0 10px;
	float:left;
}
ul#nav li a {
		opacity: 1;

}
ul#nav li a:hover {
	opacity: 0.6;
}

/*ナビゲーション*/
ul#nav2 {
	position: fixed;
	top: 200px;
	padding: 0;
}

ul#nav2 li {
	display: inline;
	margin:5px 5px 15px 5px;
}

ul#nav2 li a img{
	
}

ul#nav2 li a {
	opacity: 0.6;
	margin:5px 5px 15px 5px;
}
ul#nav2 li a:hover{
	opacity: 1;
	margin:5px 5px 15px 5px;
}

.mt20{
	margin-top:20px;
	
}

.mt40{
	margin-top:40px;
	
}

.ml5{
	margin-left:5px;
	
}