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

/* contact
-------------------------------------------------------------*/

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

#con h2{
	height:50px;
	margin:35px 0 10px 0;
}

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

#con h2#h2_2{
	height:50px;
	margin:35px 0 20px 0;
}

#con p{
	width:650px;
	padding-bottom: 10px;
}

#con p#koko{
	position:relative;
	margin:-40px 0 0 150px;
}


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

#con ol{
	width:323px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}

*html #con ol{
	margin:3px 0 0 0;
}

#con ol li{
	width:323px;
	margin:0;
	padding:0;
}

*html #con ol li{
	margin:-3px 0 0 0;
}

#con ol li#ol01{
	height:76px;
}

#con ol li#ol02{
	height:61px;
}

#con ol li#ol03{
	height:72px;
}

#con ol li#ol04{
	height:62px;
}

#con ol li#ol05{
	height:58px;
}

#con img{
	margin:0;
	padding:0;
}

#con #map{
	width:439px;
	float:left;
	background-image: url(../img/bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 0 0 0;
	margin:0;
}
.address {
	font-weight:bold;
	font-size:14px;
}
#con #map .inner {
	background: url(../img/bg01_btm.jpg) no-repeat left bottom;
	padding:0 37px 25px 37px;
}
#con #map .inner div {
	margin-bottom:5px;
	line-height:1.2;
}
#con #map .inner dl {
	padding:5px 0 5px;
	border:1px dashed #929292;
}
#con #map .inner dl dt {
	width:135px;
	float:left;
	clear:both;
	background:url(../img/circle_icon.gif) no-repeat 2px center;
	padding-left:15px;
	font-weight:bold;
	font-size:14px;
}
#con #map .inner dl dd {
	width:190px;
	float:left;
	padding-left:1.4em;
	text-indent:-1.4em;
}


#con h2#con strong{
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0;
}

#con h2#con{
	margin:2em 0 0 0;
	padding:0;
}

#con #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;
}
#cont_btm strong {
	font-size:14px;
	margin-right:15px;
}
#con #contact span {
	line-height:20px;
	font-size:16px;
	height:20px;
	width:238px;
	overflow:hidden;
	display:block;
	font-weight:normal;
}
#con #contact span.right {
	text-align:right;
	font-weight:bold;
}

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

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

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

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


#formBtn {
	width:420px;
	margin:20px auto 40px;
}
#formBtn a {
	display:block;
	width:420px; height:49px;
	background:url(../img/contact_btn_off.jpg) no-repeat;
	text-indent:-9999px;
}
#formBtn a:hover {
	background:url(../img/contact_btn_on.jpg) no-repeat;
}

.middle {
	margin-top:-25px;
}
.middle img {
	vertical-align:baseline;
}
.middle span {
	position:relative;
	left:-30px;
}