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

		Setting of: Haken page
			01: Cate title
			02: Page title
			03: Local navi
			04: Top page common
			05: Job page common
			06: Careerup page common
			00: clearfix

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



/*===================================================================
	01: Cate title
===================================================================*/
h2#CateTitle {
	background: url(../img/cate_title.gif);
}

/* Large title setting */
h2#CateTitle2 {
	margin: 12px auto 0 auto;
	width: 960px;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 260px;
}
h2#CateTitle2 span {
	display: block;
	text-indent: -9999px;
}
h2.office {
	background:url(../office/img/cate_title.gif) no-repeat;
}
h2.kenkyu {
	background:url(../kenkyu/img/cate_title.gif) no-repeat;
}
h2.tech {
	background:url(../technical/img/cate_title.jpg) no-repeat;
}


/* Normal title setting */
h2.office2 {
	background:url(../office/img/cate_title2.gif) no-repeat !important;
}
h2.kenkyu2 {
	background:url(../kenkyu/img/cate_title2.gif) no-repeat !important;
}
h2.tech2 {
	background:url(../technical/img/cate_title2.gif) no-repeat !important;
}
h2.merit {
	background:url(../img/cate_title.gif) no-repeat;
}




/*===================================================================
	02: Page title
===================================================================*/

#pageTitle h3.haken {
	background: url(../img/ttl_haken.gif) no-repeat;
}

/* Office */
#pageTitle h3.office {
	background: url(../office/img/ttl_office.gif) no-repeat;
}
#pageTitle h3.Ojob {
	background: url(../office/job/img/ttl_job.gif) no-repeat;
}
#pageTitle h3.Ocareer {
	background: url(../office/careerup/img/ttl_careerup.gif) no-repeat;
}
/* Kenkyu */
#pageTitle h3.kenkyu {
	background: url(../kenkyu/img/ttl_kenkyu.gif) no-repeat;
}
#pageTitle h3.Kjob {
	background: url(../kenkyu/job/img/ttl_job.gif) no-repeat;
}
#pageTitle h3.Kcareer {
	background: url(../kenkyu/careerup/img/ttl_careerup.gif) no-repeat;
}
/* Technical */
#pageTitle h3.tech {
	background: url(../technical/img/ttl_tech.gif) no-repeat;
}
#pageTitle h3.Tjob {
	background: url(../technical/job/img/ttl_job.gif) no-repeat;
}
#pageTitle h3.Tcareer {
	background: url(../technical/careerup/img/ttl_careerup.gif) no-repeat;
}
/* Merit */
#pageTitle h3.shikumi {
	background: url(../merit/img/ttl_merit.gif) no-repeat;
}




/*===================================================================
	03: Local navi
===================================================================*/

#Hnavi {
	width: 960px;
	margin: 0 auto 10px auto;
	}
#Hnavi ul {
	padding: 0;
	text-align: center;
	height: 49px;
}
#Hnavi ul li {
	float: left;
	overflow: hidden;
	width: 240px;
	}
	
#Hnavi ul li a {
	display: block;
	height: 49px;
	text-indent: -9999px;
}

#Hnavi ul li a:hover {
	background-position: 0 -49px !important;
	text-decoration: none;
}
#Hnavi ul li.active a {
	background-position: 0 -49px !important;
	}


/* Office */
#Hnavi ul li#Otop a {
	background: url(../office/img/lnavi_01.gif) no-repeat;
}
#Hnavi ul li#Ocareerup a {
	background: url(../office/img/lnavi_02.gif) no-repeat;
}
#Hnavi ul li#Ojob a {
	background: url(../office/img/lnavi_03.gif) no-repeat;
}
#Hnavi ul li#Osearch a {
	background: url(../office/img/lnavi_04.gif) no-repeat;
}

/* Kenkyu */
#Hnavi ul li#Ktop a {
	background: url(../kenkyu/img/lnavi_01.gif) no-repeat;
}
#Hnavi ul li#Kcareerup a {
	background: url(../kenkyu/img/lnavi_02.gif) no-repeat;
}
#Hnavi ul li#Kjob a {
	background: url(../kenkyu/img/lnavi_03.gif) no-repeat;
}
#Hnavi ul li#Ksearch a {
	background: url(../kenkyu/img/lnavi_04.gif) no-repeat;
}

/* Technical */
#Hnavi ul li#Ttop a {
	background: url(../technical/img/lnavi_01.gif) no-repeat;
}
#Hnavi ul li#Tcareerup a {
	background: url(../technical/img/lnavi_02.gif) no-repeat;
}
#Hnavi ul li#Tjob a {
	background: url(../technical/img/lnavi_03.gif) no-repeat;
}
#Hnavi ul li#Tsearch a {
	background: url(../technical/img/lnavi_04.gif) no-repeat;
}


/*===================================================================
	04: Top page common
===================================================================*/

/* News */
dl.news {
	font-size: 80%;
	line-height: 1.5;
	}
dl.news dt {
	float: left;
	margin: 0;
	padding: 6px 0 6px 17px;
	width: 7em;
	background: url(../img/news_icon.gif) no-repeat 3px 13px;
	}
dl.news dd {
	margin: 0;
	padding: 6px 0 6px 8em;
	background: url(../img/news_line.gif) repeat-x bottom;
	}

/* osusume job */
#osusumeBox {
	background: url(../img/osusume_bg.gif) repeat-y;
	}
#osusumeBox .box1 {
	float: left;
	}
#osusumeBox .box2,
#osusumeBox .box3 {
	display: inline;
	float: left;
	margin: 0 0 0 27px;
	}

h5.osusume {
	background: url(../img/osusume_ttl.gif) no-repeat;
	width: 205px;
	height: 30px;
	font-size: 80%;
	color: #655DAD; 
	}
h5.osusume span {
	display: block;
	padding: 8px 0 0 19px;
	}
ul.osusume {
	width: 205px;
	overflow: hidden;
	}
ul.osusume li {
	background: url(../img/osusume_line_01.gif) repeat-x bottom;
	font-size: 80%;
	line-height: 1.4;
	margin: 13px 0 -1px 0;
	padding: 0 0 13px 0;
	}
ul.osusume li img.icon {
	margin: 0 0 0 5px;
	border: none;
	}

/* Search Link Box */
#searchLink {
	background: url(../img/sea_line2.gif) repeat-x top;
	margin: 50px 0 0 0;
	padding: 30px 0 0 0;
	}
.grayBox .search {
	padding: 25px 20px;
	text-align: left;
	}
.grayBox .left {
	float: left;
	width: 312px;
	background: url(../img/sea_line.gif) repeat-y right;
	position: relative;
	}
.grayBox .right {
	float: right;
	width: 294px;
	position: relative;
	}
.grayBox .search p {
	width: 294px;
	margin: 8px 0;
	height: 4em;
	_height: 5em;
	}



/*===================================================================
	05: Job page common
===================================================================*/

/* Job Box */
.jobBox {
	margin: 20px 0 0 0;
	padding: 0 0 15px 0;
	border: 1px solid #ccc;
	}
.jobBox h5 {
	border-bottom: 1px solid #ccc;
	background: #EFEEFC;
	margin: 1px 1px 15px 1px;
	padding: 15px;
	font-size: 80%;
	}
.jobBox p {
	margin: 5px 22px 0 22px;
	}
.jobBox2 {
	margin: 20px 0 0 0;
	border: 1px solid #ccc;
	}
.jobBox2 h5 {
	background: #EFEEFC;
	margin: 1px 1px 1px 1px;
	padding: 15px;
	font-size: 80%;
	}


/*===================================================================
	06: Careerup page common
===================================================================*/
.careerup .txt {
	width: 408px;
	}
.careerup .img {
	}
.careerup .left {
	float: left;
	clear: left;
	margin-bottom: 1em;
	}
.careerup .right {
	float: right;
	clear: right;
	margin-bottom: 1em;
	}

/* Merit */
.merit {
	border: 1px solid #ccc;
	}
.merit ul {
	border: 1px solid #fff;
	background: #F7F7F7;
	padding: 0 20px;
	}	
.merit ul li {
	background: url(../img/merit_line.gif) repeat-x bottom;
	padding: 6px 0;
	font-size: 80%;
	color: #726AB9;
	font-weight: bold;
	line-height: 1.2;
	}
.merit ul li span {
	display: block;
	background: url(../../img/icon_sq.gif) no-repeat 0;
	padding: 6px 0 6px 15px;
	}



/*===================================================================
	07: Merit page
===================================================================*/

.point {
	width: 321px;
	}
.point h5 {
	background: url(../merit/img/point_bg.gif) no-repeat;
	height: 43px;
	padding: 13px 0 0 75px;
	font-size: 90%;
	color: #726AB9;
}


/*===================================================================
	00: container clearfix setting
===================================================================*/
.careerup:after,
#osusumeBox:after
 {
  content:".";
  display:block;
  height:0;
  clear:both;
  line-height:0;
  visibility:hidden;
}

/* (for IE7 and Mac IE5) */
.careerup,
#osusumeBox
{
	display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html .careerup,
* html #osusumeBox
{
	height: 1%;
}
.careerup,
#osusumeBox
{
	display: block;
}
/* End hide from IE-mac */