@charset "utf-8";
/* CSS Document */
@import url("common.css");

/*layout
----------------------------------------*/

div#contents{
	background:url(../img/common/img_back_green.png) no-repeat 0 240px;
	clear:both;
	width:860px;
	margin-left:-60px;
	padding-left:60px;
	position:relative;
	margin-bottom:5px;
}

div#contents_left{
	float:left;
	width:380px;
}

div#contents_right{
	float:right;
	width:460px;
}

div#btnset{
	margin-bottom:10px;
}

/*mainimage*/
div#mainimage{
	background:url(../img/index/mainimg_back.png) no-repeat top center;
	padding:5px;
	margin-bottom:20px;
}

div#btn_guidance{
	position:absolute;
	top:0;
	right:0;
	z-index:50;
}

/*news*/
div#newsarea{
	margin-bottom:15px;
}


div#newsarea h2{
	float:left;
	width:136px;
	margin-right:5px;
}

body#newsarea p{
	line-height: 1.3;
}

div#newsframe{
	background:url(../img/index/news_back.gif) no-repeat top left;
	width:687px;
	height:65px;
	overflow:hidden;
	padding:7px 15px;
}

div#newsframe iframe{
	width:700px;
	height:55px;
	padding-top:5px;
	line-height:1;
	overflow:hidden;
}

/*contents_left*/

ul#mainmenu{
	width:380px;
	height:160px;
	position:relative;
}

ul#mainmenu li{
	position:absolute;
}

li#mainmenu00{
	top:0;
	left:0;
}

li#mainmenu01{
	top:80px;
	left:0;
}

li#mainmenu02{
	top:80px;
	left:225px;
}


li#mainmenu03{
	top:165px;
	left:0;
}


li#mainmenu04{
	top:165px;
	left:150px;
}


li#mainmenu05{
	top:165px;
	left:268px;
}

/*contents_right*/
div#childclass{
	background:url(../img/index/menuback.png) no-repeat top left;
	width:460px;
	height:246px;
	margin-top:0px;
	position:relative;
}

div#childclass h3{
	position:absolute;
	left: 138px;
	top: 13px;
}

div#koushin{
	position:absolute;
	left: 345px;
	top: -20px;
}

ul#classname{
	position:absolute;
	left: 20px;
	top: 53px;
}

ul#classname li{
	position:absolute;
}

li#risu{
	left: 5px;
	top: 0px;
}

li#usagi{
	left: 219px;
	top: -10px;
}

li#kirin{
	left: 5px;
	top: 55px;
}

li#zou{
	left: 217px;
	top: 60px;
}

li#album{
	left: 5px;
	top: 125px;
	z-index:100;
}

/*contents_footer*/

div#contents_footer{
	clear:both;
	font-size:90%;
	color:#b8361c;
	position:relative;
}
div#contents_footer p{
	line-height:1.5;
}
div#contents_footer span{
	font-size:170%;
}

a#contents_footercontact{
	display:block;
	position:absolute;
	width:255px;
	height:44px;
	left: 345px;
	top: 40px;
}

/*footer*/
div#footer_left p{
	border-top:1px solid #b8361c;
	padding-top:5px;
	margin-top:5px;
	font-size:100% !important;
}

div#footerarea{
	position:relative !important;
}

img#tree{
	position:absolute;
	left: 570px;
	top: -166px;
	z-index:0;
}