@charset "shift_jis";
/* common/css/common.css */

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

	header

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

#header{
	text-align:left;
	background:#4e382c;
	position:relative;
	border-top:5px solid #231815;
	border-bottom:5px solid #231815;
	height:90px;
}

#headerInner{
	height:5px;
	background:#4e382c;
	position:relative;
	text-align:right;
}

#headerInner p#logoImg{
	position:absolute;
	left:0;
	top:5px;
}

#headerInner p#telImg{
	width:234px;
	height:43px;
	position:absolute;
	right:0;
	top:11px;
}

ul#headerInnerButton{
	left:335px;
	top:15px;
	position:absolute;
}

ul#headerInnerButton li{
	float:left;
	margin-right:15px;
}

#headerInner h1{
	color:#FFFFFF;
	top:48px;
	left:10px;
	letter-spacing:0.02em;
	position:absolute;
	font-size:8px;
	font-weight:bold;
}

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

	headerImgArea

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

#headerImgArea{
	position:relative;
	height:700px;
	margin-bottom:30px;
}

div#gNavArea{
	position:absolute;
	background:url(../img/gNav.png) no-repeat;
	width:1000px;
	height:70px;
	top:-15px;
	left:50%;
	margin-left:-500px;
}

ul#gNav{
	position:absolute;
	width:966px;
	top:7px;
	left:50%;
	margin-left:-483px;
	overflow:hidden;
}

ul#gNav li{
	width:161px;
	height:56px;
	float:left;
}

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

	animate
	
---------------------------------------------*/

#headerImg_A{
	width:980px;
	height:700px;
}


#headerImg_B{
	position:absolute;
	z-index:1;
	right:-80px;
	top:60px;
}

#headerImg_C{
	letter-spacing:0.15em;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	z-index:1;
	text-align:center;
	left:50%;
	margin-left:-426px;
	width:850px;
	top:325px;
	padding:5px;
	background:#ff6666;
	border:2px solid #FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
}

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

	headerMaineButton
	
---------------------------------------------*/

div.hmbType_A{
	position:relative;
	background:url(../img/contentHeaderButton_A.png);
	background-repeat:no-repeat;
	left:-25px;
	bottom:-20px;
}

div.hmbType_B{
	position:relative;
	background:url(../img/contentHeaderButton_B.png);
	background-repeat:no-repeat;
	left:324px;
	bottom:-20px;
}

div.hmbType_C{
	background:url(../img/registButton.png);
	background-repeat:no-repeat;
	right:-25px;
	bottom:-20px;
	position:relative;
}

div#registButton{
	position:absolute;
	bottom:105px;
	left:25px;
}

div#headerMaineButton{
	z-index:2;
	position:absolute;
	width:314px;/*334px*/
	height:280px;/*340px*/
	padding:30px 10px;
}

p.headerSabTitle{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:0 auto 5px;
}

div.headerSabimg{
	width:280px;
	height:100px;
	margin:0 auto 10px;
}

p.headerSabText{
	font-size:12px;
	color:#000000;
	margin-bottom:5px;
	padding:0 15px;
}

div.sabButton{
	position:absolute;
	left:50%;
	margin-left:-120px;
	bottom:20px;
	width:240px;
	height:50px;
}