@import "common.css";

#container
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 760px;
	height: 480px;
	margin-left: -380px;
	margin-top: -240px;
	overflow: hidden;
}

#container2
{
	width: 760px;
	overflow: hidden:
}

/* ****************************** */
/* アイキャッチ */
/* ****************************** */

#eyecatch
{
	width: 656px;
	height: 380px;
	float: left;
	overflow: hidden;
}

#eyecatch h1 
{
	background: url("../image/index/eyecatch.png") no-repeat;
	background-position: right top;
	width: 656px;
	height: 380px;
	text-indent: -9999em;
}

/* ****************************** */
/* コンテンツ */
/* ****************************** */

#contents
{
	float: left;
	width: 104px;
	height: 380px;
	overflow: hidden;
}

#contents ul,
#contents ul li
{
	margin: 0;
	padding :0;
	left: 0;
	position: static;
}

#contents ul li
{
	width: 104px;
	height: 30px;
	margin-bottom: 30px;
}

#contents ul li a
{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 104px;
	height: 30px;
}

head~/* */body #contents ul li a
{
	display: inline-block;	/* IE8向け */
}

#contents ul li a.news:link,
#contents ul li a.news:visited
{
	background: url("../image/index/menu_news.png") no-repeat;
	background-position: top left;
}

#contents ul li a.news:hover,
#contents ul li a.news:active
{
	background-position: bottom left;
}

#contents ul li a.about:link,
#contents ul li a.about:visited
{
	background: url("../image/index/menu_about.png") no-repeat;
	background-position: top left;
}

#contents ul li a.about:hover,
#contents ul li a.about:active
{
	background-position: bottom left;
}

#contents ul li a.access:link,
#contents ul li a.access:visited
{
	background: url("../image/index/menu_access.png") no-repeat;
	background-position: top left;
}

#contents ul li a.access:hover,
#contents ul li a.access:active
{
	background-position: bottom left;
}

#contents ul li a.contact:link,
#contents ul li a.contact:visited
{
	background: url("../image/index/menu_contact.png") no-repeat;
	background-position: top left;
}

#contents ul li a.contact:hover,
#contents ul li a.contact:active
{
	background-position: bottom left;
}

#contents ul li a.link:link,
#contents ul li a.link:visited
{
	background: url("../image/index/menu_link.png") no-repeat;
	background-position: top left;
}

#contents ul li a.link:hover,
#contents ul li a.link:active
{
	background-position: bottom left;
}

img
{
	border :0;
}