@charset "utf-8";
@import url("common.css");

/*----------------------------------------------------------------------------------------------------
continer
----------------------------------------------------------------------------------------------------*/

div#continer{
	background:url(../img/index/back_index-1200.jpg) no-repeat top center;
}

/*----------------------------------------------------------------------------------------------------
header
	1.menu
----------------------------------------------------------------------------------------------------*/

div#header{
	background:url(../img/index/back_index-800.jpg) no-repeat top center;
	height:330px;
	padding-top:420px;
}

/* 1.menu */

ul#menu{
	display:block;
	margin:0 auto;
	position:relative;
	width:800px;
}
ul#menu li{
	display:block;
	height:45px;
	width:235px;
}
ul#menu li a{
	display:inline-block;
	height:45px;
	width:235px;
}

ul#menu li#menunews{
	position:absolute;
	top:0;
	left:480px;
}
ul#menu li#menunews a{
	background:url(../img/index/menu01_a.png) no-repeat;
	height:45px;
}
ul#menu li#menunews a:hover{
	background:url(../img/index/menu01_b.png) no-repeat;
}

ul#menu li#menulist{
	position:absolute;
	top:65px;
	left:525px;
}
ul#menu li#menulist a{
	background:url(../img/index/menu02_a.png) no-repeat;
}
ul#menu li#menulist a:hover{
	background:url(../img/index/menu02_b.png) no-repeat;
}

ul#menu li#menuevent{
	position:absolute;
	top:125px;
	left:545px;
}
ul#menu li#menuevent a{
	background:url(../img/index/menu03_a.png) no-repeat;
}
ul#menu li#menuevent a:hover{
	background:url(../img/index/menu03_b.png) no-repeat;
}

ul#menu li#menublog{
	position:absolute;
	top:190px;
	left:515px;
}
ul#menu li#menublog a{
	background:url(../img/index/menu04_a.png) no-repeat;
}
ul#menu li#menublog a:hover{
	background:url(../img/index/menu04_b.png) no-repeat;
}

ul#menu li#menuadopt{
	position:absolute;
	top:255px;
	left:460px;
}
ul#menu li#menuadopt a{
	background:url(../img/index/menu05_a.png) no-repeat;
}
ul#menu li#menuadopt a:hover{
	background:url(../img/index/menu05_b.png) no-repeat;
}


/*----------------------------------------------------------------------------------------------------
footer
	1.border
	2.info
	2-1.news
	2-2.map
	3.copy
	4.pickupnavi
----------------------------------------------------------------------------------------------------*/

/* 1.border */

div#border{
	height:40px;
}

/* 2.info */

div#info{
	margin:0 auto;
	width:800px;
}
div#info:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#info{display:inline-block;}
html[xmlns] div#info{display:block;}
* html div#info{height:1%;}

/* 2-1.news */

div#news{
	float:left;
	width:390px;
}
div#news h2{
	background:url(../img/index/title_news.png) no-repeat;
	display:block;
	height:30px;
	width:390px;
}
div#news dl{
	display:block;
	height:170px;
	line-height:1.6;
	margin-top:10px;
	overflow:auto;
	text-align:left;
}
div#news dl a{
	color:#333333;
}
div#news dl a:visited{
	color:#999999;
}
div#news dl dt{
	clear:left;
	float:left;
	margin-top:0.5em;
	width:6em;
}
div#news dl dd{
		background:url(../img/common/line_dot.gif) repeat-x bottom left;
		margin-top:0.5em;
		padding-bottom:0.3em;
		padding-left:7em;
}
div#news p{
	margin-top:10px;
	text-align:right;
}
div#news p a{
	background:url(../img/common/arrow_link.png) no-repeat left center;
	color:#333333;
	text-decoration:none;
	padding-left:18px;
}
div#news p a:visited{
	background:url(../img/common/arrow_link.png) no-repeat left center;
	color:#999999;
	padding-left:18px;
}

/* 2-2.map */

div#map{
	float:right;
	width:390px;
}
div#map h2{
	background:url(../img/index/title_map.png) no-repeat left top;
	display:block;
	height:30px;
	width:390px;
}
div#map iframe{
	border:5px #FFFFFF solid;
	height:160px;
	margin-top:10px;
	width:380px;
}
div#map p{
	margin-top:10px;
	text-align:right;
}
div#map p a{
	background:url(../img/common/arrow_link.png) no-repeat left center;
	color:#333333;
	text-decoration:none;
	padding-left:18px;
}
div#map p a:visited{
	background:url(../img/common/arrow_link.png) no-repeat left center;
	color:#999999;
	padding-left:18px;
}

/* 3.copy */

p#copy{
margin-top:20px;
	background:url(../img/common/line_footer.jpg) no-repeat top left;
	padding:20px 0;
}

/* 4.pickupnavi */

ul#pickupnavi{
	margin-bottom:20px;
}
ul#pickupnavi li{
	display:inline;
}
ul#pickupnavi li.first a{
	margin:0;
}
ul#pickupnavi li a{
	margin-left:15px;
}