@charset "utf-8";

/*top page's css*/

p#explanation{
	margin:0 auto;
	padding:0;
	/*padding-top:1px;*/
	width:740px;
	height: 313px;
	background: url(img/top_title.jpg) no-repeat center top ;
	/*border:1px solid #000;*/
}

/**html p#explanation{
	margin-left:1px;
}*/

/*menu*/

#topmenu ul{
	margin:5px auto 0 auto;
	width:700px;
}

#topmenu li {
	width:169px;
	height:168px;
	float:left;
	}
	
#topmenu a {
	display:block;
	width:169px;
	height:168px;
	}

li#tcompany a {
	background:url(img/top_corp.jpg) no-repeat center top;
}

li#tcompany a:hover {
	background:url(img/top_corp_o.jpg) no-repeat center top;
}

li#tshops  {
	margin-left:8px;
}

li#tshops a {
	background:url(img/top_item.jpg) no-repeat center top;
}

li#tshops a:hover {
	background:url(img/top_item_o.jpg) no-repeat center top;
}

li#titems  {
	margin-left:8px;
}

li#titems a {
	background:url(img/top_shop.jpg) no-repeat center top;
}

li#titems a:hover  {
	background:url(img/top_shop_o.jpg) no-repeat center top;
}

li#tenviroment  {
	margin-left:8px;
	margin-right:0px;
}

li#tenviroment a {
	background:url(img/top_env.jpg) no-repeat center top;
}

li#tenviroment a:hover  {
	background:url(img/top_env_o.jpg) no-repeat center top;
}

/*rireki*/

div#history{
	text-align:left;
	padding:0;
	margin:0;
	float:left;
	width:520px;
	height: 250px;
}

#history ul{
	border:1px solid #ccc;
	margin-top:5px;
	height: 15em;
	overflow: auto;
}

#history li{
	margin-left:1em;
}

/*siryo*/

p#info{
	width:169px;
	float:right;
}

p#info a{
	width:169px;
	height:93px;
	display:block;
	background:url(img/top_inf.jpg) no-repeat top center;
}

p#info a:hover{
	background:url(img/top_inf_o.jpg) no-repeat top center;
}

p#jshop{
	width:169px;
	float:right;
}

p#jshop a{
	width:169px;
	height:93px;
	display:block;
	background:url(img/top_jshop.jpg) no-repeat top center;
}

p#jshop a:hover{
	background:url(img/top_jshop_o.jpg) no-repeat top center;
}