@charset "Shift_JIS";

/*-------------------------------
common
-------------------------------*/
/*--------- right_nv ------------------*/
#right_nv .nv_title{
	background:url(../recruit/images/rec_ti_001.gif) no-repeat;
}

.loc_nv .spc a{background:url(../recruit/images/inf_nv_004off.gif) no-repeat; width:150px;}
.loc_nv .spc ac{background:url(../recruit/images/inf_nv_004ac.gif) no-repeat; width:98px;}
.loc_nv .spc a:hover{background:url(../recruit/images/inf_nv_004ac.gif) no-repeat; width:150px;}

.sub_nv div,
.com_area{
	width:185px;
	_width:225px;
	padding:10px 30px 10px 10px;
}

.sub_nv div{
	background:#F0F0F0;
}

/*--------- /right_nv ------------------*/

/*-------------------------------
h1
-------------------------------*/
.recruit h1{
	width:200px;
	height:21px;
	margin:0 0 30px;
}

#h1_01 h1{background: url("../recruit/images/ind_h1_001.gif") no-repeat;}
#h1_02 h1{background: url("../recruit/images/ind_h1_002.gif") no-repeat;}
/*-------------------------------
h2
-------------------------------*/
.recruit h2{
	border-bottom:2px solid #DDD;
	padding:0 0 6px;
	margin:0 0 17px;
}

/*-------------------------------
top
-------------------------------*/
/*--------- content ------------------*/
.entry{
	width:480px;
	margin:0 0 50px;
}

.entry div{
	width:480px;
	padding:0 20px 20px 15px;
	margin:0 0 15px;
	background:url(../common/images/cmn_lin_001.gif) left bottom repeat-x;
}

.entry div p.item{
	width:100px;
	float:left;
}

.entry div ul{
	width:400px;
	float:right;
}

.entry div li{
	padding:0 0 0 5px;
	background:url(../recruit/images/ind_ic_001.gif) 0 0.3em no-repeat;
}

p.item_d{
	width:400px;
	float:right;
}

p.btn{
	text-align:right;
	margin:0 2px 0 0;
}

/*--------- /content ------------------*/

/*-------------------------------
display-block
-------------------------------*/
.entry div dt{
	display:block;
}

/*-------------------------------
font
-------------------------------*/

/*----- color ---------*/
.recruit h2{
	color:#333;
}

/*----- size ---------*/
.recruit h2{
	font-size:14px;
}

/*----- line-height ---------*/
.entry p{
	line-height:18px;
}

.recruit h2,
.entry li{
	line-height:20px;
}

/*----- font-weight ---------*/
.entry p.item{
	font-weight:bold;}


/*-- 2009/08/24 追加 --*/
.recruit h2{
	border-bottom:2px solid #d8dff1;
	padding:0 0 6px;
	margin:0 0 17px;
}

div#recruitTxt {
	margin-bottom: 18px;
	padding: 18px 20px;
	background: #f6f6f6;
	color: #5c85c3;
}

ul#jobMenu li {
	display: block;
	float: left;
	width: 155px;
	height: 25px;
	margin-right: 17px;
	padding-bottom: 20px;
	_padding-bottom: 0;
}

ul#jobMenu li a {
	display: block;
	width: 155px;
	height: 25px;
}

ul#jobMenu li a:hover {
	position: relative;
	top: -1px;
}

ul#jobMenu li a:active{
	position: relative;
	top: 0px;
}

ul#jobMenu li.last {margin-right: 0;}

div.entry,div.entry div{
	width:100%;
}

.entry{
	clear: both;
	margin-bottom: 15px;
}

.entry h3 {
	margin-bottom: 8px;
}

div.entry table {
 border-collapse: collapse;
 border: 1px solid #d8dff1;
}

div.entry table caption {display: none;}

div.entry table th {
	width: 11em;
	padding: 5px;
	background: #99b4de;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d8dff1;
}

div.entry table td {
	padding: 5px 5px 5px 10px;
	border: 1px solid #d8dff1;
	color: #251e1b;
}

div.entry p {
	padding-top: 5px;
	text-align: right;
}

div.photoThumnail,div.photoGallery {
	clear: both;
	width: 100%;
}

div.photoThumnail div {
	display: block;
	float: left;
	width: 116px;
	height: auto;
	margin-right: 12px;
}

div.photoGallery div {
	display: block;
	float: left;
	width: 160px;
	height: auto;
	margin-right: 10px;
}

div.photoThumnail div.last,div.photoGallery div.last {
	margin-right: 0;
}

div.photoThumnail div img,div.photoGallery div img {
	margin: 0;
	padding: 0;
	border: none;
}

div.photoThumnail div p,div.photoGallery div p {
	margin-top: 1px;
	_margin-top: -5px;
	padding-left: 1.5em;
	padding-bottom: 1em;
	font-size: smaller;
	background: url(../recruit/images/marker_thum.gif) no-repeat 4px 5px transparent;
}

p#morePhoto,p#pageBack {
	clear: both;
	margin-bottom: 24px;
	text-align: right;
}

p#morePhoto a {
	width: 155px;
	height: 25px;
}

p#pageBack a {
	width: 108px;
	height: 11px;
}

p#morePhoto a:hover,p#pageBack a:hover {
	position: relative;
	top: -1px;
}

p#morePhoto a:active,p#pageBack a:active {
	position: relative;
	top: 0px;
}


/* ---------------------------------------------------- *
	clearfix
 * --------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

*html .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}
/*-- 2009/08/24 追加ここまで --*/