@charset "UTF-8";
/*

*/
body {
   padding:0;
   margin:0;
	background-color:#fff;
}

a {
   color:#999;
   text-decoration:none;
}
a:hover {
   color:#666;
   text-decoration:underline;
}

img {
   vertical-align:middle;
   border:0;
}

h1{
	background-color:#00a0e8;
	text-align:right;
	color:#fff;
	margin:0;
	padding:0 10px;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*******************************************************/
#headbar {
	/* 上部に固定するCSS */
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;

	/* バーの装飾 */
	background-color: #eeefef;
	opacity:0.9;
	color: white;
	box-shadow: 3px 3px 3px #666;
	z-index:99999;
}

#headbar table{
	margin:0 auto;
	width:95%;
}

/* ------------------------------------------ */
/* ▼メニューバー部分の装飾(必須ではない装飾) */
/* ------------------------------------------ */

	/* ▽メニューバー内の余計な余白を消す */
	#headbar h2,
	#headbar ul,
	#headbar p {
		margin: 0;
		padding: 0;
	}
	/* ▽メニューバーのタイトル (※文字サイズを小さくして左寄せ) */
	#headbar h2 {
	height:90px;
	line-height:90px;
		font-size: 100%;
		float: left;
	}
	/* ▽メニューバーの各項目 (※横幅を固定して左寄せ) */
#headbar ul{
	width:960px;
	margin:0 auto;
}
	
	#headbar ul li {
	height:80px;
	line-height:80px;
		float: left;
		list-style-type: none;
	}
	/* ▽メニューバーの各項目のリンク( ※クリック可能領域を項目全体に広げて、文字を白色に) */
	#headbar ul li a {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		display: block;
		font-size:13px;
		color: #333;
		text-align: center;
	}
	/* ▽メニューバーの各項目のリンクにマウスが載ったときの装飾 (※配色を変える) */
	#headbar ul li a:hover {
		color: darkred;
	}
	#headbar ul li.area {
		width:200px;
}
	
	#headbar ul li.menulist {

		padding:0 0 0 20px;


}
	
	/* ▽メニューバー内の「トップへ戻る」リンクの装飾 (※文字サイズを小さくして右寄せ／ついでにメニュー項目の回り込みを解除する) */
	#headbar p#fortop {
		clear: left;
		font-size: 75%;
		text-align: right;
	}
	/* ▽「トップへ戻る」リンクの配色 */
	#headbar p#fortop a {
		color: white;
	}
	/* ▽「トップへ戻る」リンクにマウスが載ったときの配色 */
	#headbar p#fortop a:hover {
		color: yellow;
	}
	
/*******************************************************/
	
#headImage {
	width:100%;
	background-position:center;
   	height:480px;
	margin:0px auto;
	background-image:url(../img/slider01.jpg);
}

.main03 {
	width:100%;
	background-position:center;
   	height:350px;
	margin:0px auto;
	background-image:url(../img/main03.png);
}

.main06{
	width:100%;
	background-position:center;
   	height:250px;
	margin:0px auto;
	background-image:url(../img/main06.png);
}

.main08{
	width:100%;
	background-position:center;
   	height:650px;
	margin:0px auto;
	background-image:url(../img/main08.png);
}

/*******************************************************/
.wrap{
	width:100%;
}
.wrap{}

p{
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.concept{
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.bord{
	border-bottom:1px dotted #fff;
	width:960px;
}



.logo{
	position:relative;
	width:960px;
	margin:0 auto;
}


.banner {
   width:100%;
   margin:20px auto;
   padding:0px;
}

.banner img{
   width:100%;
   padding:0px;
}

.banner01 {
	background-image:url(../img/re01.png);
   width:100%;
   margin:10px auto;
   padding:5px;
}


table.re02{
	background-color:#fff;
	text-align:center;
	margin:5px auto;
}
table.re img{
	border:1px solid #333;
}


.banner img{
	/*
	box-shadow: 0 10px 10px -10px #000;
	*/
}


.banner02 {
   width:100%;
   margin:20px auto;
   padding:0px;
   text-align:center;
	background-position:center;
	background-image:url(../img/bg.png);
}

.banner02 img{
   width:100%;
}


.banner04 {
	position: relative;
   width:960px;
   height:650px;
   margin:20px auto;
   padding:0px;
   text-align:center;
	background-position:center;
	background-image:url(../img/main013.jpg);
}

p.voice01{
	width:660px;
	text-align:left;
	margin:5px auto;
	position: absolute;
	top:100px;
	right:40px;
	color:#000000;
}

p.voice02{
	width:660px;
	color:#000000;
	text-align:left;
	margin:5px auto;
	position: absolute;
	top:410px;
	right:40px;
}

/* ========FOOTER CUSTOMIZE======== */
.qa {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	margin:10px auto;
   width:100%;
}
table.qa01 tr,table.qa02 tr{
	vertical-align:top;
}

table.qa01{
	width:100%;
	border-bottom:1px solid #00a0e8;
	font-weight:bold;
	font-size:26px;
	color:#00a0e8;
	margin:0 0 10px 0;
}

table.qa02{
	margin:0 0 30px 0;
	font-size:19px;
}

/* ========FOOTER CUSTOMIZE======== */


.box02{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	margin:0 auto;
	width:100%;
	color:#000;
	background-color:#fff;
	border:1px solid #CCC;
	overflow-y:scroll;
	overflow-x:hidden;
	height:120px;	
}

/* ========FOOTER CUSTOMIZE======== */
#footer {
	width:100%;
	margin:0px 0;
	padding:0;
	background-color:#00a0e8;
}

#footer ul{
	width:960px;	
	font-size: 12px;
	margin:0px auto;
	padding:0;
}


#footer li {
	text-align:center;
	margin:0px 0px;
	padding:0 25px;
    float:left;
    text-align:center;
	display:block;
}
.copyright a{
	color:#fff;
}



#footer li a {
	color:#FFF;
	display:block;
	text-decoration:none;
	font-size: 13px;
	font-weight:bold;
}

#footer li a:hover {
	color:#CCC;
	text-shadow:1px 1px 1px #666;
}




.copyright {
	width:100%;
	margin:0px auto;
    padding:0px 0 0 0;
    font-style:normal;
    font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#fff;
    text-align:center;
}