@charset "UTF-8";


/*トップページ==============================*/

#header{
	margin: 0 auto;
}

#footer{
	height: 100%;
	margin: 0 auto;
}

#image{
	position: relative;
	width: 100%;
	height: 230px;
	background-color: #F4F1EA;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#contents{
	margin: 0 auto;
	padding-bottom: 100px;
	width: 900px;
}


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

#image img{
	display: block;
	position: relative;
	margin: 0 auto;
}


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

#menu h2{
	display: none;
}

#menu dl{
	position: relative;
	float: left;
	width: 210px;
	margin: 20px 0 10px 12px;
}

#menu dt{
	padding: 10px 0 3px 15px;
	background-color: #E7DDBA;
	background-image: url(../img/index/menu_dt.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#menu dd{
	position: relative;
	height: 5em;
	margin-top: 4px;
	padding: 10px 50px 10px 10px;
	font-size: 85%;
	line-height: 1.3em;
	background-image: url(../img/index/menu_dd.png);
}
#menu dd a{
	color: #333333;
	text-decoration: none;
}
#menu dd img{
	position: absolute;
	bottom: 0;
	right: 0;
}

#menu .clear{
	clear: both;
}

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

#news{
	width: 410px;
	margin: 0  20px 0 35px;
	clear: both;
	float: left;
}

#news a{
	text-decoration: none;
	font-style: normal;
}

#news h2{
	padding: 0 0 3px 0;
	border-bottom: solid 1px #CCCCCC;
}

#news dl{
	margin-bottom: 30px;
	font-size: 95%;
}

#news dt{
	float: left;
	width: 9em;
	padding: 10px 0 3px 0;
}

#news dd{
	padding: 10px 0 3px 9em;
	border-bottom: dashed 1px #999999;
}

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

#basis{
	position: relative;
	width: 377px;
	margin-left: 480px;
	padding: 15px 10px 15px 20px;
	background-color: #F4F3F0;
	font-size: 85%;
	line-height: 1.8em;
}

#basis h2{
	margin-bottom: 15px;
}

#basis dt{
	width: 6.5em;
	float: left;
	background-image: url(../img/line.png);
	background-repeat: repeat-x;
	background-position: right center;
}
#basis dt span{
	background-color: #F4F3F0;
	padding-right: 1em;
}

#basis dd{
	margin-left: 7em;
}
#basis dd.float{
	margin: 0 1.5em 0 0.5em;
	float: left;
}

#basis p{
	position: absolute;
	bottom: 10px;
	right: 25px;
}


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

#blog{
	width: 410px;
	margin: 0 35px 0 35px;
	clear: both;
	float: left;
}

#blog h2{
	position: absolute;
	text-indent: -9999px;
}


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

#mobile{
	margin-top: 25px;
}

#mobile h2{
	position: absolute;
	text-indent: -9999px;
}

#mobile dt{
	width: 190px;
	float: left;
}

#mobile dd{
	font-size: 75%;
	line-height: 1.4em;
	margin-right: 20px;
	padding-left: 670px;
}
#mobile dd em{
	font-weight: bold;
}


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

#contents_bottom{
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 900px;
	height: 63px;
	background-image: url(../img/contents_bottom.gif);
	background-repeat: no-repeat;
}

#contents_bottom img{
	position: absolute;
	top: 5px;
	right: 100px;
}


/*フッター==============================*/

#footer{
	height: 20%;
}

#footer address{
	padding-bottom: 20px;
}


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