@charset "utf-8";
/* CSS Document */

/*FONT*/


html { font-size: 62.5%;} 
	
body {
font-size: 18px; font-size: 1.8rem; 
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
color: #333333;	
} 


.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt50{ margin-top:50px; }


.mb5 {margin-bottom:5px; }
.mb10 {margin-bottom:10px; }
.mb15 {margin-bottom:15px; }
.mb20 {margin-bottom:20px; }
.mb25 {margin-bottom:25px; }
.mb30 {margin-bottom:30px; }
.mb50 {margin-bottom:50px; }
.mb80 {margin-bottom:80px; }
.mb100 {margin-bottom:100px; }

.ml10 {margin-left:10px }
.ml15 {margin-left:15px }
.ml30 {margin-left:30px }
.ml50 {margin-left:50px }
.ml70 {margin-left:70px }
.ml80 {margin-left:80px }
.ml100 {margin-left:100px }

.pd10 {padding-left:10px}
.pd15 {padding-left:15px}



.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}


h1,h2, img {
	margin:0;
	padding:0;
}

.floatL {float:left;}
.floatR {float:right;}



a {color:#FF9900;}


p {margin:30px 50px;
line-height:160%;}









/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	height: 70px;	/*ヘッダーの高さ*/
	width: 100%;
	background-color: #FFF;
	margin: 0px;
}

#header_inner {
	text-align: left;
	width: 1000px;	/*HPの幅*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}



#header #header_inner #logo {
	position: absolute;
	left: 0px;	/*ヘッダーに対してサイト名ロゴを左から0pxの位置に配置*/
	top: 10px;	/*ヘッダーに対してサイト名ロゴを上から3pxの位置に配置*/
}



/*メイン
---------------------------------------------------------------------------*/

#main {
	background-image:url(../img/main.jpg);
	background-color: #FFFBE2;
	background-position: center;
    background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	height:466px;

	
}


#main_inner {
	width: 1000px;	/*HPの幅*/
	margin-right: auto;
	margin-left: auto;
	position:relative;
}


#main_inner img {
	position:absolute;
	top:390px;
}


/*ボタンエリア
---------------------------------------------------------------------------*/

.btn-area  {
	background-color:#00bfe1;
	width: 100%;
	overflow:hidden;
	height:200px;
	
}

.btn-area_inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.btn-float{
	width:890px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}


.shadow-gr {
	background-image:url(../img/shadow_gry.jpg);
	background-repeat:repeat-x;
	width: 100%;
	height:20px;
	overflow:hidden;
}

.shadow-wh {
	background-image:url(../img/shadow_wh.jpg);
	background-repeat:repeat-x;
	width: 100%;
	height:20px;
	overflow:hidden;
}


	



/*グレー
---------------------------------------------------------------------------*/

.bg-gr {
	background-color:#e5e5e5;
	width: 100%;
	overflow:hidden;
}



.bg-gr_inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


/*イエロー
---------------------------------------------------------------------------*/

.bg-yw {
	background-color:#fdf8c0;
	width: 100%;
	overflow:hidden;
}



.bg-yw_inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


/*白
---------------------------------------------------------------------------*/

.bg-wh {
	background-color:#fff;
	width: 100%;
	overflow:hidden;
}



.bg-wh_inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}







/*フッター
---------------------------------------------------------------------------*/
#footer {
	background-image:url(../img/bk_footer.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height: 100px;	
	background-color: #FFF;
	margin: 0px;
}

#footer_inner {
	text-align: left;
	width: 1000px;	/*HPの幅*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#footer_inner #copy {	
	font-size: 12px; font-size: 1.2rem; 
	position: absolute;
	left: 0px;		
	top:10px;
	
}

#footer_inner #nav {
	font-size: 12px; font-size: 1.2rem; 
	position: absolute;
	right: 0px;		
	top:10px;
	text-align:right;


}

#footer_inner #nav a {
	color:#666;
	text-decoration:none;

}