@charset "UTF-8";


/*name----------------------------------------------*/
#name {
	background: url(../../contents/top/namebg.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 370px;
	clear: both;
	display: block;
	}

#name h1 img {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 370px;
	}


/*type----------------------------------------------*/
#type {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 210px;
	clear: both;
	display: block;
	}

#type ul {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 210px;
	clear: both;
	display: block;
	list-style-type: none;
	}

#type ul li {
	float: left;
	list-style-type: none;
	display: block;
	}

#type ul #eiyo a {
	background: url(../../contents/top/eiyo.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 210px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}

#type ul #biyo a {
	background: url(../../contents/top/biyo.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 210px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}

#type ul #eiyo a:hover,
#type ul #biyo a:hover {
	background-position: left -210px;
	}


/*sys----------------------------------------------*/
#sys {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 80px;
	clear: both;
	}

#sys ul {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 80px;
	clear: both;
	}

#sys ul li {
	float: left;
	list-style-type: none;
	}

#sys ul #info a {
	background: url(../../contents/top/info.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}

#sys ul #access a {
	background: url(../../contents/top/access.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}

#sys ul #policy a {
	background: url(../../contents/top/policy.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}

#sys ul #about a {
	background: url(../../contents/top/about.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}

#sys ul #sitemap a {
	background: url(../../contents/top/sitemap.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	}


#sys ul #info a:hover,
#sys ul #access a:hover,
#sys ul #policy a:hover,
#sys ul #about a:hover,
#sys ul #sitemap a:hover {
	background-position: left -80px;
	}


/*banner----------------------------------------------*/
#ban {
	margin: 15px auto 10px;
	padding: 22px 0 0 0;
	width: 725px;
	clear: both;
	display: block;
	background:url(../../contents/top/ban_line.gif) no-repeat top;
	}

#ban ul {
	margin: 0;
	padding: 0;
	width: 725px;
	clear: both;
	display: block;
	list-style-type: none;
	}

#ban ul li {
	float: left;
	list-style-type: none;
	display: block;
	}

#ban ul #kyujin {
	margin-right:10px;
	padding: 0;
	font-size:12px;
	line-height:1.3;
	border-right:1px solid #CCCCCC;
	height: 70px;
	}
	
#ban ul #kyujin a.ban1 {
	background: url(../../contents/top/ban_kyujin.jpg) no-repeat left top;
	padding: 0;
	width: 222px;
	height: 56px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	margin-bottom:6px;
	margin-right:10px;
	}

#ban ul #kyujin a.ban2 {/* 2009.05 求人用バナー修正のために追加 */
	background: url(../../contents/top/ban_kyujin2.jpg) no-repeat left top;
	padding: 0;
	width: 222px;
	height: 56px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	margin-bottom:6px;
	margin-right:10px;
	}


#ban ul #blog {
	margin-right:10px;
	padding: 0;
	font-size:12px;
	line-height:1.3;
	border-right:1px solid #CCCCCC;
	height: 70px;
	}
	
#ban ul #blog a.ban2 {
	background: url(../../contents/top/ban_blog.jpg) no-repeat left top;
	padding: 0;
	width: 222px;
	height: 56px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	margin-bottom:6px;
	margin-right:10px;
	}
	
#ban ul #qr {
	background: url(../../contents/top/ban_qr.gif) no-repeat left top;
	margin: 0;
	padding: 12px 25px;
	width: 184px;
	height: 70px;
	display: block;
	overflow: hidden;
	text-align:left;
	font-size:12px;
	line-height:1.2;
	}
	
#ban ul #qr2 { /* 2009.05 QRコードの修正のために追加 */
	background: url(../../contents/top/ban_qr2.gif) no-repeat left top;
	margin: 0;
	padding: 12px 25px;
	width: 184px;
	height: 70px;
	display: block;
	overflow: hidden;
	text-align:left;
	font-size:12px;
	line-height:1.2;
	}
	
	

#ban ul #kyujin a.ban1:hover,#ban ul #blog a.ban2:hover, #ban ul #kyujin a.ban2:hover {
	background-position: left bottom;
	}


/*copy----------------------------------------------*/
p#copy {
	margin: 0 auto;
	padding: 30px 0 20px;
	width: 100%;
	font-size: 0.9em;
	}