@charset "UTF-8";
@import url("../../common/css/base.css");
@import url("../../common/css/reset.css");

/* recruit
-------------------------------------------------------------*/

h1{
	margin:20px 0 20px 0;
}

#rec h2{
	margin:35px 0 10px 0;
}


#rec{
	margin:0 0 0 40px;
}

#rec p{
	width:540px;
	margin:0 0 1em 0;
}

#rec p#caution{
	width:540px;
	padding:1em 0 0 0;
}


#rec ul{
	width:820px;
	margin:2em 0 0 0;
}

#rec li{
	width:266px;
	height:54px;
	float:left;
	display:inline;
}

#rec li#li01{
	margin:0 10px 0 0;
}

#rec li#li02{
	margin:0 10px 0 0;
}

#rec li a{
	display:inline;
	float:left;
}

#rec li a{
	width:266px;
	height:54px;
 	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#rec li#li01 a{
	background-image: url(../img/lnavi01ov.jpg);
}

#rec li#li02 a{
	background-image: url(../img/lnavi02ov.jpg);
}

#rec li#li03 a{
	background-image: url(../img/lnavi03ov.jpg);
}

#rec li a:hover
,#rec li a:focus
,#rec li a:active{
	text-indent:-9999em;
	background-position: left bottom;
}

#rec table{
	margin:0 0 65px 0;
}
#rec table#exTable{
	margin:0 0 10px 0;
}
#rec table th{
	width:166px;
	background-color:#F2F2F2;
	border: 1px solid #666666;
	vertical-align: middle;
	background-image: url(../img/list.jpg);
	background-repeat: no-repeat;
	background-position: 1em center;
	padding:0.5em 0 0.5em 2.2em;
}

#rec table th.head{
	font-size:14px;
	font-weight:bold;
	width:auto;
	color:#d00;
}
#rec table th.head span{
	font-size:12px;
	font-weight:normal;
	padding-left:40px;
	color:#d00;
}
#rec table td.l2{
	font-weight:bold;
}
#rec table td{
	border: 1px solid #666666;
	padding:0.5em 1em;
}

#rec table td ul {
	width:auto;
	height:auto;
	margin:0;
	display:block;
}
#rec table td ul li {
	display:list-item;
	height:auto;
	float:none;
}


#rec table td dl {
}
#rec table td dl dd {
	padding-left:3em;
}


#rec table td div#icon1{
	width:24px;
	position:relative;
	margin:-32px 0 0 80px;
}

#rec table td div#icon2{
	width:24px;
	position:relative;
	margin:-32px 0 0 140px;
}

#rec table td div#icon3{
	width:24px;
	position:relative;
	margin:-32px 0 0 80px;
}

#rec #contact{
	width:480px;
	background-image: url(../../recruit/img/bg01_top.gif);
	background-repeat: no-repeat;
	background-position: left 16px;
}
#cont_btm {
	padding:0 15px 10px 10px;
	background:url(../../recruit/img/bg01_btm.gif) no-repeat left bottom;
}
#cont_btm p {
	padding:5px 0 3px 0;
	border-top:1px solid #c6c6c6;
	width: auto;
	margin:0;
}
#cont_btm strong {
	font-size:14px;
	margin-right:15px;
}

#rec #contact span {
	line-height:20px;
	font-size:16px;
	height:20px;
	width:238px;
	overflow:hidden;
	display:block;
	font-weight:normal;
}
#rec #contact span.right {
	text-align:right;
	font-weight:bold;
}

#rec #contact dl{
	float:left;
	width:225px;
	line-height:1;
}

#rec #contact dt{
	font-size:11px;
	padding:5px 10px 5px;
}

#rec #contact dd{
	padding:0 10px 3px;
}

#rec #contact dl.right {
	width:255px;
}
#rec #contact dl.right dd{
	padding:8px 10px;
}
#rec #contact dl.right dd a {
	width:230px; height:24px;
	background:url(../../recruit/img/cont_foot_off.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
}
#rec #contact dl.right dd a:hover {
	background:url(../../recruit/img/cont_foot_on.jpg) no-repeat;
}

#rec #exp {
	padding-top:0;
	width:820px;
	text-align:right;
	color:#9C9C9C;
}

/* subnavi2
-------------------------------------------------------------*/
#rec p.subnavi2{
	width:835px;
	color:#4d4d4d;
	text-align:right;
	margin:0 25px 5px 0;
}

#rec p.subnavi2 a{
	color:#4d4d4d;
	text-decoration:none;
}

#rec p.subnavi2 a:hover{
	color:#4d4d4d;
	text-decoration:underline;
}