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

/*=====================================
	index.html
=====================================*/
#indexSec01 {
	width: 818px;
	height: 322px;
	background: url(../img/index_bg01.jpg) left top no-repeat;
}
	#indexSec01 .indexSec01_txt01 {
		padding: 30px 0 0 25px;
	}
	#indexSec01 .ulIndex01 {
		padding: 15px 0 0 15px;
	}
		#indexSec01 .ulIndex01 li {
			float: left;
			margin: 0 10px 0 0;
		}
			#indexSec01 .ulIndex01 li img {
				vertical-align: bottom;
			}
#indexSec02 {
	padding: 11px 11px 0 11px;
}
	#indexSec02L {
		float: left;
		width: 580px;
	}
	#indexSec02R {
		float: right;
		width: 198px;
	}
		#indexSec02R #indexSec02RInner {
			padding: 5px 5px 25px 6px;
		background: #f0ebe2;
		color: #56261c;
		}
			#indexSec02R #indexSec02RInner #indexSec02RInner02 {
				width: 184px;
				_width: 186px;
				background: #ffffff;
				border: 1px solid #ad8d49;
				text-align: center;
				padding: 5px 0 10px 0;
			}
				#indexSec02R #indexSec02RInner #indexSec02RInner02 img {
					vertical-align: bottom;
				}
	.indexSec02Box {
		margin: 12px 0 0 0;
	}
	.ulIndex02 {
	}
		.ulIndex02 li {
			float: left;
		}
	.ulIndex03 {
		margin: 11px 0 0 0;
	}
		.ulIndex03 li {
			float: left;
			margin: 0 6px 0 0;
		}
		.ulIndex03 li img { vertical-align: bottom;}
		
	.dlIndex01 {
		margin: 8px 0 25px 0;
		padding: 0 0 0 25px;
	}
		.dlIndex01 dt {
			clear: both;
			float: left;
			width: 5.5em;
			color: #a68f4d;
			border-right: 1px solid #a68f4d;
			line-height: 1;
			margin: 4px 0 5px 0;
		}
		.dlIndex01 dd {
			margin: 0 0 5px 7em;
		}
		* html .dlIndex01 dd {
		 height: 1%;
		}
	
	
	
	
	.indexSec02_contact {
		clear: both;
		padding: 0;
	}
	.indexSec02_contact #contactWrap {
		margin: 50px 0 0 0!important;		
	}
		.indexSec02_contact #contents_bnr01 {
			width: 125px;
		}
	#indexSec03 {
		background: url(../img/index_bg02.gif) left bottom no-repeat;
		text-align: center;
		padding: 0 0 10px 0;
	}
		#indexSec03 .ulIndex04 {
		}
			#indexSec03 .ulIndex04 li img {
				vertical-align: bottom;
			}
			.indexSec03_txt01 {
				text-align: left;
				padding: 5px 8px;
			}
	#indexSec04 {
		background: #ffffff;
		margin: 10px 0 0 3px;
		padding: 9px 6px;
		width: 168px;
		_width: 180px;
	}
		#indexSec04 .indexSec04_txt01 {
			float: left;
			padding: 10px 0 0 0;
		}
		#indexSec04 .indexSec04_txt02 {
			float: left;
			display: inline;
			margin: 0 0 0 11px;
		}
.indexSec04_txt03 {
	padding-top: 5px;
	margin-left: 3px;
}

.haruka_home #wrapper {
	position: relative;
}
.haruka_home #contents {
	padding-bottom: 150px;
}

#head_top {
	position: absolute;
	bottom: 65px;
	left: 11px;
	width: 580px;
}
#head_top h1 {
	font-weight: bold;
}

/* HARUKA ACADEMYがプロを育成できる理由 */

p#reason              {width: 580px;height: 39px;background: url(../img/index_txt01.gif) no-repeat;float:left;text-indent: -9999px;margin:0;padding:0;}
p#reason a            {width: 580px;height: 39px;line-height: 1.0em;display: block;background: url(../img/index_txt01.gif) no-repeat;}
p#reason a:hover      {background: url(../img/index_txt01_on.gif) no-repeat;}

p.alpha a             {float:right;display: block;}
p.alpha a:hover       {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}