@charset "utf-8";
/* CSS Document */

@import "./common/css/bace.css";

/*----------------------------------------------------------
TOP用
----------------------------------------------------------*/

#top_header{
	width: 100%;
	height: 410px;
	overflow: hidden;
	position: absolute;
}

#top_header h1 {
	display: block;
	width: 1600px;
	height: 410px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -800px;
}

#toplink{
	float: left;
	width: 629px;
}

#bnr{
	float: right;
	width: 142px;
	padding-top: 78px;
}

#bnr p{
	margin-bottom: 15px;
	
}

.what1{
	width: 307px;
	float: left;
}

.what1 h2,.what1 h3,.what1 p a{
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}

.what1 h2{
	background-image: url(./common/img/what1_title.gif);
	height: 110px;
	width: 307px;
}
.what1 h3{
	background-image: url(./common/img/what1.gif);
	height: 201px;
	width: 307px;	
}

.what1 p a{
	background-image: url(./common/img/what1_link.gif);
	height: 35px;
	width: 165px;
	display: block;
	margin-left: 71px;
	text-decoration: none;
	
}

.what1 p a:hover{
	background-image: url(./common/img/what1_link_over.gif);
}


.what2{
	width: 307px;
	float: right;
}

.what2 h2,.what2 h3,.what2 p a{
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}

.what2 h2{
	background-image: url(./common/img/what2_title.gif);
	height: 110px;
	width: 307px;
}
.what2 h3{
	background-image: url(./common/img/what2.gif);
	height: 201px;
	width: 307px;	
}

.what2 p a{
	background-image: url(./common/img/what2_link.gif);
	height: 35px;
	width: 171px;
	display: block;
	margin-left: 68px;
	text-decoration: none;
	
}

.what2 p a:hover{
	background-image: url(./common/img/what2_link_over.gif);
}