@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

	Name: top.css
	Location: /css/top.css
	Desctiption {
		TOPページ調整用CSS
	}

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* import library */
	
	@import "../lib/adjuster.css";
	@import "../lib/bullet.css";
	@import "../lib/font.css";

/**/


body {
	background: #fff url(../images/top/top_body_bg.jpg) repeat-x left top;
}


/**************************************************************

	Navigation

***************************************************************/

	#gnav li#gaiyou a:link,
	#gnav li#gaiyou a:visited {
		background: url(../images/nav_gaiyo.jpg) no-repeat left top;
	}
	
	#gnav li#gaiyou a:hover,
	#gnav li#gaiyou a:active,
	#gnav li#gaiyou a.on {
		background: url(../images/nav_gaiyo_on.jpg) no-repeat left top;
	}
	
	#gnav li#shinryou a:link,
	#gnav li#shinryou a:visited {
		background: url(../images/nav_shinryo.jpg) no-repeat left top;
	}
	
	#gnav li#shinryou a:hover,
	#gnav li#shinryou a:active {
		background: url(../images/nav_shinryo_on.jpg) no-repeat left top;
	}
	
	#gnav li#nyuin a:link,
	#gnav li#nyuin a:visited {
		background: url(../images/nav_nyuin.jpg) no-repeat left top;
	}
	
	#gnav li#nyuin a:active,
	#gnav li#nyuin a:hover {
		background: url(../images/nav_nyuin_on.jpg) no-repeat left top;
	}
	
	#gnav li#kenko a:link,
	#gnav li#kenko a:visited {
		background: url(../images/nav_shindan.jpg) no-repeat left top;
	}
	
	#gnav li#kenko a:hover,
	#gnav li#kenko a:active {
		background: url(../images/nav_shindan_on.jpg) no-repeat left top;
	}
	
	#gnav li#access a:link,
	#gnav li#access a:visited {
		background: url(../images/nav_access.jpg) no-repeat left top;
	}
	
	#gnav li#access a:hover,
	#gnav li#access a:active {
		background: url(../images/nav_access_on.jpg) no-repeat left top;
	}
	


/**************************************************************

	Content

***************************************************************/

#content {
	margin: 20px 0 32px;
	padding: 17px 7px 0 10px;
}

.content-wrapper {
	width: 599px;
	float: left;
}

/* 左寄せメニュー
===============================================================*/

#menuLeft {
	width: 200px;
	float: left;
}

#menuLeft h2 {
	width: 200px;
	height: 42px;
	background: url(../images/top/dp_h2_bg.gif) no-repeat left top;
	text-indent: -9999px;
}


	#department {
		margin: 0 0 5px;
		border-width: 0 1px 1px;
		border-style: solid;
		border-color: #add05b;
		background-color: #f6fee2;
	}
	
	#department ul {
		padding: 5px 8px 5px 10px;
	}
	
	#department ul li {
		margin: 0 0 5px;
		float: left;
		width: 71px;
		_width: 89px;
	}

#menuLeft ul.banners li#rinpa,
#menuLeft ul.banners li#tokutei {
	margin: 0 0 2px;
}

/* 中央コンテンツ
================================================================*/

#main {
	padding: 0 0 15px;
	position: relative;
	float: right;
	width: 388px;
	background: url(../images/top/main_bg.gif) no-repeat left bottom;
}

/*#main h2 {
	width: 388px;
	height: 29px;
	background: url(images/info_h2_bg.gif) no-repeat left top;
	text-indent: -9999px;
}*/

#info {
	width: 384px;
	_width: 386px;
	padding: 0 2px;
	background: url(../images/top/info_bg.png) repeat-y left top;
}

* html #main #info {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/style/images/top/info_bg.png', sizingMethod='scale');	
}

#info p.update {
	position: absolute;
	top: 9px;
	right: 15px;
	color: #fff;
	font-size: 10px;
}

#info dl {
	margin: 0 0 15px;
	padding: 5px 0 5px 50px;
	border-bottom: 1px solid #dedede;
	width: 334px;
	_width: 384px;
	line-height: 1.5;
	font-size: 10px;
}

#info dl dt {
	float: left;
	width: 5.5em;
	_width: 5em;
}

#info dl dd {
	margin-left: 5.5em;
	_margin-left: 5em;
}

#info dl dd ul li {
	float: left;
	display: inline;
	margin: 0 6px;
}

#info ul.latest-info {
	position: relative;
	width: 354px;
	_width: 384px;
	padding: 0 15px;
}

#info ul.latest-info li {
	margin: 6px 0 0;
	padding: 0 0 6px 15px;
	border-bottom: 1px dashed #cdcdcd;
	color: #999;
	background-position: 3px .4em;
}

#main p.info-index {
	padding: 5px 0 0;
	margin: 0 20px 0 0;
	text-align: right;

}

#main p.info-index a {
	padding: 0 0 1px 10px;
	background: url(../images/bullet-arrow-y.gif) no-repeat 0 .2em;
	font-size: .83em;
}

/* 右寄せメニュー
================================================================*/

#menuRight {
	position: relative;
	float: right;
	width: 171px;
}

#menuRight h2 {
	margin: 0 1px 0 0;
	width: 170px;
	height: 106px;
	background: url(../images/top/recruit_h2_bg.gif) no-repeat left top;
	text-indent: -9999px;
}

#recruit {
	margin: 0 1px 3px 0;
	background: #fffaeb;
}

#recruit p.update {
	position: absolute;
	top: 88px;
	right: 10px;
	color: #999;
	font-size: 10px;
}



#recruit ul {
	margin: -1px 0 1px;
	padding: 7px 10px 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ffe597;
}

#recruit ul li {
	margin: 0 0 3px;
}

#menuRight ul.banners li {
	margin: 0 0 1px;
}