@charset "shift_JIS";


/* header
--------------------------------------------------- */

#header {
	height: 80px;
	background: url(../common/images/header.jpg) no-repeat center top;
}

#header h2 {
	position: relative;
}

#header h2,
#header p {
	text-indent: -9999px;
}

/*+ container + ---------------------------- */
#container {
	padding: 10px 10px 0 10px;
	background: url(../common/images/top_bg.jpg) no-repeat left top;
}

/* flash
--------------------------------------------------- */
#flash {
	width:655px;
	height:270px;
	margin-bottom:10px;
}

/* harbal
--------------------------------------------------- */
#harbal {
	padding-bottom: 10px;
	background: url(../common/images/section_line.jpg) no-repeat center bottom;		
}

#harbal p{
	margin-bottom:10px;
}

p#harbalText {
	width:625px;
	height:54px;
	padding:15px;
	color:#ffffff;
	background:url(../img/index/text_bg.jpg) no-repeat;
}

/* yamashita
--------------------------------------------------- */
#yamashita {
	width:660px;
	height:230px;
	background:url(../img/index/yamashita.jpg) no-repeat;
}
p#yamashitaText {
	width:320px;
	padding-top:55px;
	margin-left:165px;
}

/* about
--------------------------------------------------- */
#about {
	width:660px;
	height:300px;
	background:url(../img/index/about.jpg) no-repeat;
}
p#aboutText {
	width:320px;
	padding-top:60px;
	margin-left:140px;
	text-decoration:underline;
}

/* feature
--------------------------------------------------- */
#feature {
	position: relative;
	height: 730px;
}

#feature dl {
	position: absolute;
	width: 320px;
	height: 365px;
	background:url(../img/index/feature_caption_bg.jpg) no-repeat right top;
	font-size: 0.90em;
	line-height: 1.3;
}

dl#feature1,
dl#feature2 {
	top: 0;
}

dl#feature3,
dl#feature4 {
	top: 370px;
}

dl#feature2,
dl#feature4 {
	left: 325px;
}

#feature dt,
#feature dd {
	position: absolute;
}

#feature dt.featureCopy {
	top: 17px;
	left: 15px;
}

#feature dd {
	top: 52px;
	left: 173px;
	width: 130px; 
}