@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:2.0;
	color:#2e0608;
	background-color:#fff;
}

/*-------------------

header

-------------------*/
#header{
	width:940px;
	height:110px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#logo{
	width:334px;
	float:left;
	padding-top:13px;
}
#textLink{
	width:300px;
	float:right;
	text-align:right;
}
	#textLink a{
		text-decoration:none;
	}
		#textLink a:hover{
			text-decoration:underline;
		}
ul#gNavi{
	width:649px;
	float:right;
}
	ul#gNavi li a{
		display:block;
	}
	ul#gNavi li{
		float:left;
		width:119px;
		font-size:18px;
		border-bottom: 2px solid #cccccc;
		margin:0 5px;
		padding:3px 0;
		text-align:center;
	}
		ul#gNavi li:hover{
			border-bottom: 2px solid #00b0ec;
		}
		ul#gNavi li.active{
			border-bottom: 2px solid #00b0ec;
		}

/*-------------------

content

-------------------*/
#content01,#content02,#content03,
#content04,#content05,#content06,
#content07,#content08,#content09,
#content10{
	position:relative;
	padding:100px 0;
}
#content01{
	background: url(../img/content01_bg.jpg) center top no-repeat fixed;
	background-size: cover;
}
	#content01 .bgBox{
		width:740px;
		margin:0 auto;
		padding:80px 100px;
		text-align:center;
		background-color: rgba(255,255,255,0.8);
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		background:url(../img/box_bg.png) repeat;
	}
	#content01 ul#btnBox{
		width:630px;
		margin:0 auto;
	}
		#content01 ul#btnBox li{
			width:210px;
			height:200px;
			float:left;
		}
		#box1 {
    -moz-transform: scale(0.5);
}
#content02{
	width:100%;
	background-image: url(../img/content_shadow01.gif),url(../img/content_shadow02.gif);
    background-repeat: repeat-x,repeat-x;
    background-position: top left,bottom left;
}
	#content02 .textBox{
		width:568px;
		float:left;
		margin:25px 0 0 140px;
	}
		#content02 .textBox p{
			font-size:36px;
			line-height:50px;
			font-weight:bold;
		}
			#content02 .textBox p span{
				color:#00b0ec;
			}
	#content02 .iconBox{
		width:232px;
		height:214px;
		float:right;
	}
#content03{
	background: url(../img/content03_bg.jpg) center top no-repeat fixed;
	background-size: cover;
}
	#content03 .bgBox{
		width:740px;
		margin:0 auto;
		padding:80px 100px;
		text-align:left;
		background-color: rgba(255,255,255,0.8);
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		background:url(../img/box_bg.png) repeat;
	}
#content04{
	width:100%;
	background-image: url(../img/content_shadow01.gif),url(../img/content_shadow02.gif);
    background-repeat: repeat-x,repeat-x;
    background-position: top left,bottom left;
}
	#content04 .textBox{
		width:658px;
		float:right;
		margin:0 0 0 50px;
	}
		#content04 .textBox p{
			font-size:36px;
			line-height:50px;
			font-weight:bold;
		}
			#content04 .textBox p span{
				color:#00b0ec;
			}
	#content04 .iconBox{
		width:232px;
		height:214px;
		float:left;
	}
#content05{
	background: url(../img/content05_bg.jpg) center top no-repeat fixed;
	background-size: cover;
}
	#content05 .bgBox{
		width:740px;
		margin:0 auto;
		padding:80px 100px;
		text-align:left;
		background-color: rgba(255,255,255,0.8);
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		background:url(../img/box_bg.png) repeat;
	}
#content06{
	width:100%;
	background-image: url(../img/content_shadow01.gif),url(../img/content_shadow02.gif);
    background-repeat: repeat-x,repeat-x;
    background-position: top left,bottom left;
}
	#content06 .textBox{
		width:474px;
		float:left;
		margin:80px 0;
		text-align:center;
	}
		#content06 .textBox p{
			font-size:36px;
			line-height:50px;
			font-weight:bold;
		}
			#content06 .textBox p span{
				color:#00b0ec;
			}
	#content06 .iconBoxLeft{
		width:232px;
		height:214px;
		float:left;
	}
	#content06 .iconBoxRight{
		width:232px;
		height:214px;
		float:left;
	}
#content07{
	background: url(../img/content07_bg.jpg) center top no-repeat fixed;
	background-size: cover;
}
	#content07 .bgBox{
		width:740px;
		margin:0 auto;
		padding:80px 100px;
		text-align:left;
		background-color: rgba(255,255,255,0.8);
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		background:url(../img/box_bg.png) repeat;
	}
#content08{
	width:100%;
	background-image: url(../img/content_shadow01.gif),url(../img/content_shadow02.gif);
    background-repeat: repeat-x,repeat-x;
    background-position: top left,bottom left;
}
	#content08 .textBox{
		width:594px;
		float:right;
		margin:100px 0 0 100px;
	}
		#content08 .textBox p{
			font-size:36px;
			line-height:50px;
			font-weight:bold;
		}
			#content08 .textBox p span{
				color:#00b0ec;
			}
	#content08 .iconBox{
		width:246px;
		height:236px;
		float:left;
	}
#content09{
	background: url(../img/content09_bg.jpg) center top no-repeat fixed;
	background-size: cover;
}
	#content09 .bgBox{
		width:740px;
		margin:0 auto;
		padding:80px 100px;
		text-align:left;
		background-color: rgba(255,255,255,0.8);
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
		background:url(../img/box_bg.png) repeat;
	}
#content10{
	background: url(../img/content10_bg.jpg) center no-repeat;
	background-size: cover;
}
	#content10 h4.title{
		margin-bottom:0;
		padding-top:20px;
	}
	#content10 .bgBox{
		width:940px;
		margin:0 auto;
		text-align:left;
		padding-bottom:0px;
	}
		#content10 .bgBox .table01{
			width:350px;
		}
			#content10 .bgBox .table01 tr{
				vertical-align:top;
			}
			#content10 .bgBox .table01 th{
				width:100px;
				font-weight:bold;
				text-align:left;
			}
			#content10 .bgBox .table01 td{
				width:250px;
				text-align:left;
			}
		#content10 .bgBox .table02{
			width:580px;
		}
			#content10 .bgBox .table02 tr{
				vertical-align:top;
			}
			#content10 .bgBox .table02 th{
				width:120px;
				font-weight:bold;
				text-align:left;
			}
			#content10 .bgBox .table02 td{
				width:460px;
				text-align:left;
			}

/* lightNavi */
#lightNavi {
	list-style: none;
	position: fixed;
	top:38%;
	right: 20px;
	z-index: 999;
}
#lightNavi li {
    margin: 0 0 15px 0;
}
#lightNavi li a {
	display:block;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:#ffffff;
	border:solid 2px #00b0ec;
}
#lightNavi li a:hover {
	background-color:#00b0ec;
}

/* action */
.scrImgRight {
	right: -100px;
	margin: 0 auto;
	display: none;
	position: relative;
}
.scrImgLeft {
	left: -100px;
	margin: 0 auto;
	display: none;
	position: relative;
}
.titleZoom,.fontZoom{
	text-align:center;
}

/* pageTop */
#pageTop{
	width:940px;
	height:40px;
	margin:0 auto;
}
	#pageTop img{
		float:right;
	}

/*-------------------

footer

-------------------*/
#footer{
	width:100%;
	padding:50px 0;
	background-color:#f0ecec;
	font-size:14px;
}
	#footer .footerBoxArea{
		width:940px;
		margin:0px auto 40px;
	}
	#footer a{
		text-decoration:none;
	}
		#footer a:hover{
			text-decoration:underline;
		}
	#footer .footerBox01{
		width:110px;
		float:left;
	}
	#footer .footerBox02{
		width:150px;
		float:left;
	}
		#footer .footerBox02 ul{}
		#footer .footerBox02 ul li{
			width:150px;
		}
	#footer .footerBox03{
		width:110px;
		float:left;
	}
	#footer .footerBox04{
		width:230px;
		float:left;
	}
		#footer .footerBox04 ul{}
		#footer .footerBox04 ul li{
			width:230px;
		}
	#footer .footerBox05{
		width:340px;
		float:left;
	}

/*-------------------

common

-------------------*/
h1{}
h2{
	line-height:50px;
	color:#00b0ec;
	font-weight:bold;
	border-top: 2px solid #00b0ec;
	padding:20px 0 0 0;
	margin-bottom:50px;
}
h3{
	font-size:36px;
	line-height:50px;
	color:#00b0ec;
	font-weight:bold;
	border-top: 2px solid #00b0ec;
	padding:20px 0 0 0;
	margin-bottom:50px;
}
h4{
	font-size:30px;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:30px;
}
h5{
	font-size:20px;
	line-height:1.2;
	margin-bottom:10px;
	padding-left:10px;
	border-left:4px solid #00b0ec;
}

.fBold{ font-weight:bold; font-size:20px;}

.fLeft{ float:left;}
.fRight{ float:right;}

.tCenter{ text-align:center;}
.tLeft{ text-align:left;}
.tRight{ text-align:right;}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb250{ margin-bottom:250px;}

.pl105{ padding-left:105px;}

.w158{ width:158px; margin:0 auto;}
.w174{ width:174px; margin:0 auto;}
.w310{ width:310px; margin:0 auto;}
.w380{ width:380px; margin:0 auto;}
.w510{ width:510px; margin:0 auto;}
.w550{ width:550px; margin:0 auto;}
.w580{ width:580px; margin:0 auto;}
.w940{ width:940px; margin:0 auto;}