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

/* sample
-------------------------------------------------------------*/

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

p#copy{
		margin:0 0 0 40px;
}

h2{
	width:285px;
	margin:1em 0 0 0;
}

#area1L{
	width:495px;
	float:left;
	display:inline;
}

#area1L p{
	width:441px;
	padding:5px;
	margin:0 0 0 40px;
}

#area1R{
	width:305px;
	float:left;
	display:inline;
	margin:100px 0 0 40px;
}

#area2{
	width:850px;
	margin:35px 0 0 40px;
}

#area2 div.ph{
	width:166px;
	float:left;
}



#contact p#con{
	width:400px;
	margin:0;
}
#tx{
	width: 345px;
	float: left;
	padding-left: 40px;
}
#footAera{
	padding-top: 20px;
	padding-bottom: 20px;
}




#contact{
	float: left;
	margin-left:10px;
	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;
}
#cont_btm strong {
	font-size:14px;
	margin-right:15px;
}

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

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

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

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

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

strong{
	font-weight: bold;
}