@charset "euc-jp";
/* CSS Document */

/* container
---------------------------------------- */
#container {
	width: 750px;
	margin: auto;
	background: url(../image/template/bg_inner.jpg) repeat-y #fff;
	text-align: left;
}
/* header
---------------------------------------- */
#header {
	position: relative;
	width: 750px;
	height: 80px;
	margin: auto;
	background: url(../image/template/bg_hed.jpg) repeat-x #fff;
	text-align: left;
}
#header p {
	padding-top: 5px;
	padding-left: 10px;
	color: #999;
	font-size: 10px;
}
#logo {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#hedlink {
	display: inline;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
#hedlink li {
	display: inline;
	padding-left: 27px;
	background-image: url(../image/template/icon_arrow.gif);
	background-repeat: no-repeat;
}
#hedlink a {
	color: #4263c7;
}

/* imagearea
---------------------------------------- */
#imagearea {
	height: 201px;
}

/* Holly Hack \*/
*:first-child+html #imagearea {
	height:1%;
}
*html #imagearea{
	height: 1%;
}
/* Holly Hack end */

#imagearea:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
#btnarea {
	float: left;
	width: 199px;
}
#topimg {
	float: right;
	width: 550px;
	vertical-align: bottom;
}
#btnarea img, #topimg img{
	vertical-align: bottom;
}

/* contents
---------------------------------------- */
#navi {
	float: left;
	width: 199px;
	margin-bottom: 30px;
}
#navi li {
	list-style: none;
}
#navi img {
	vertical-align: bottom;
}
#main {
	float: right;
	width: 550px;
	padding-bottom: 50px;
	line-height: 150%;
}

/* footer
---------------------------------------- */
#footer {
	clear: both;
	height: 80px;
	border-top: 1px solid #fff;
	background-color: #fff;
	text-align: center;
}
#btmlink {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
}
#btmlink p {
	color: #4263c7;
	text-align: center;
}
#btmlink a {
	color: #4263c7;
}