@import url("common.css");

/*********************************************
トップページ ブロック
*********************************************/
div#top_image{
	width: 907px;
	height: 222px;
	margin: 14px auto;
	background: url(../images/top/banner.jpg) no-repeat;
}
div#top_content{
	width: auto;
	background: #fafafa;
	border-top: 1px solid #d8d5d5;
	border-bottom: 1px solid #d8d5d5;
}
div#top_content_inner{
	width: 907px;
	padding: 15px 0px;
	margin: 0px auto;
}
* html body div#top_content_inner{ /* IE6 向け */
	text-align: left;
}
div#top_left{
	float: left;
	width: 368px;
}
div#top_right{
	float: left;
	width: 539px;
}
/*********************************************
トップページ コンテンツ
*********************************************/
div.top_image_left{
	float: left;
	width: 519px;
	height: 222px;
}
div.top_image_right{
	float: left;
	width: 388px;
	height: 222px;
}
div.top_image_left ul{
	margin: 30px 0px 0px 78px;
}
div.top_image_left ul li{
	text-indent: -7777px;
	overflow: hidden;
}
div.top_image_left ul li a{
	display: block;
	height: 21px;
}
div.top_image_left ul li.menu01{ width: 112px; }
div.top_image_left ul li.menu02{ width: 198px; }
div.top_image_left ul li.menu03{ width: 248px; }
div.top_image_left ul li.menu04{ width: 243px; }
div.top_image_left ul li.menu05{ width: 164px; }

div.top_image_right p{
	margin-top: 137px;
	text-indent: -7777px;
	overflow: hidden;
}
div.top_image_right p a{
	display: block;
	width: 240px;
	height: 38px;
	background: url(../images/top/to_register.jpg) no-repeat;
}
div.top_image_right p a:hover{
	background-position: 0px -38px;
}

div.info{
	width: 351px;
	margin-top: 15px;
	border: 1px solid #d8d5d5;
	background: #ffffff;
}
div.info h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #ff0000;
	padding: 5px 0px 0px 5px;
}
div.info p{
	padding: 5px 0px 0px 5px;
}
div.info dl{
	width: 330px;
	margin: 7px 0px 0px 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #6a6a6a;
}
div.info dl dt{
	clear: left;
	float: left;
	width: 70px;
	padding-left: 20px;
	font-weight: bold;
	background: url(../images/top/arrow.jpg) no-repeat 3px 3px;
}
div.info dl dd{
	width: 240px;
	margin-left: 90px;
}
* html body div.info dl dd{
	width: 234px;
}
div.info dl dd span.red{
	color: #ff0000;
	font-weight: bold;
}
div.info dl dd span.bold{
	font-weight: bold;
}
div.info dl.edge{
	border: none;
}

div.contact{
	width: 353px;
	height: 107px;
	margin-top: 15px;
	background: url(../images/top/contact.jpg) no-repeat;
}
div.contact p{
	padding: 67px 0px 0px 26px;
	text-indent: -7777px;
	overflow: hidden;
}

.top_link {
	padding: 56px 0px 0px 26px!important;
	
	text-indent: -7777px;
	overflow: hidden;
}


div.contact p a{
	display: block;
	width: 302px;
	height: 29px;
}
div.contact p a:hover{
	background: url(../images/top/contact_on.jpg) no-repeat;
}
div.entry{
	width: 353px;
	height: 150px;

	background: url(../images/top/entry.jpg) no-repeat;
}
div.entry p{
	padding: 113px 0px 0px 197px;
	text-indent: -7777px;
	overflow: hidden;
}
div.entry p a{
	display: block;
	width: 150px;
	height: 30px;
}
div.entry p a:hover{
	background: url(../images/top/entry_on.jpg) no-repeat;
}

div.recruit{
	width: 537px;
	height: 280px;
	background: url(../images/top/recruit_bg.jpg) no-repeat #ffffff;
	border: 1px solid #d8d5d5;
}
div.recruit p.toprecruit{
	margin: 10px 0px 0px;
}

div.recruit_left{
	float: left;
	width: 253px;
	height: 226px;
	padding: 10px 0px 0px 15px;
}
* html div.recruit_left{ /* IE6 向け */
	width: 268px;
	height: 239px;
}
div.recruit_left ul li{
	text-indent: -7777px;
	overflow: hidden;
	margin-bottom: 1px;
}
div.recruit_left ul li a{
	display: block;
	width: 238px;
	height: 44px;
}
div.recruit_left ul li.menu01 a{ background: url(../images/top/menu01.jpg) no-repeat; }
div.recruit_left ul li.menu02 a{ background: url(../images/top/menu02.jpg) no-repeat; }
div.recruit_left ul li.menu03 a{ background: url(../images/top/menu03.jpg) no-repeat; }
div.recruit_left ul li.menu04 a{ background: url(../images/top/menu04.jpg) no-repeat; }
div.recruit_left ul li a:hover{ background-position: 0px -44px; }

div.recruit_right{
	float: left;
	width: 253px;
	height: 226px;
	padding: 10px 0px 0px 15px;
}
* html div.recruit_right{ /* IE6 向け */
	height: 239px;
}

div.recruit_right ul li{
	text-indent: -7777px;
	overflow: hidden;
	margin-bottom: 4px;
}
div.recruit_right ul li a{
	display: block;
	width: 238px;
	height: 32px;
}
div.recruit_right ul li.menu01 a{ background: url(../images/top/menu05.jpg) no-repeat; }
div.recruit_right ul li.menu02 a{ background: url(../images/top/menu06.jpg) no-repeat; }
div.recruit_right ul li.menu03 a{ background: url(../images/top/menu07.jpg) no-repeat; }
div.recruit_right ul li.menu04 a{ background: url(../images/top/menu08.jpg) no-repeat; }
div.recruit_right ul li.menu05 a{ background: url(../images/top/menu09.jpg) no-repeat; }
div.recruit_right ul li a:hover{ background-position: 0px -44px; }