@charset "Shift_JIS";

@import url("common.css");

/*----------------------------
container
----------------------------*/

div#container {
	position:absolute;
	width: 782px;
	left:50%;
	vertical-align: top;
	background-image: url(../img/container_bg.jpg);
	background-repeat: repeat-y;
	margin: 0 0 20px -391px;
}

/*----------------------------
header
----------------------------*/
div#head h1 {
	background-image: url(../img/bg.jpg);
	color: #FAE5C9;
	text-align: right;
	padding: 10px 0 0 0;
}

/*----------------------------
navi
----------------------------*/
div#navi {
	width: 199px;
	float: left;
	background-image: url(../img/content/bg_navi.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
}
div#navi p.navibtn {
	margin: 0 0 10px 0;
}
/*----------------------------
div#navi p.navibtn img{
	background-image: url(../img/navi_bg.jpg);
}
----------------------------*/
div#navi p.navibtn a:hover img {
	background-image: url(../img/navi_bg_on.jpg);
}

/*-----------------------------
main
----------------------------*/
div#main {
	width: 583px;
	float: right;
}
div#title {
	background-image: url(../img/title_bg.jpg);
	vertical-align: top;
	text-align: right;
	height: 105px;
}
div#mainbox {
	background-image: url(../img/main_bg.jpg);
	text-align: left;
	padding: 0 43px 0 20px;
	font-size: 12px;
	line-height: 1.6em;
}
div#mainbox h3 {
	padding: 12px 0 5px 0;
}
div#mainbox p {
	padding: 5px 0;
}
div#pagetop {
	background-image: url(../img/main_bg.jpg);
	padding: 10px 43px 0 0;
	text-align: right;
}
div#footerlink {
	color: #CCCCCC;
	padding: 10px 23px 10px 0;
	line-height: 1.2em;
}
div#footerlink a:link {
	color: #CCCCCC;
	text-decoration: none;
}
div#footerlink a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
div#footerlink a:hover {
	text-decoration: underline;
}



/*-----------------------------
footer
----------------------------*/
div#foot {
	clear: both;
	background-color: #FACD91;
	background-image: url(../img/foot.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
p#copy {
	color: #995C3D;
	padding: 10px 0 10px 0;
}


/*-----------------------------
other
----------------------------*/
.img_r {
	float: right;
	padding: 0 0 10px 15px;
}
.img_l {
	float: left;
	padding: 0 15px 10px  0;
}