@charset "UTF-8";


/*
	ヒューマンリソシア株式会社 Style Seet # Revision: 1.01

	(c) 2010 Human Resocia Co., Ltd. All Rights Reserved.

	Author Date:
	2010.05.20 New Document;

	Contents:
		contents

*/




/* Contents
----------------------------------------------- */

#contents{
	width:755px;
	margin-left:auto;
	margin-right:auto;
}

*html #contents{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* spofit_job */

#spofit_job{
	width:755px;
	margin: 0;
	background: url(../images/bg.gif) repeat-y;
}


#spofit_job * {  
    margin:0;  
    padding:0;  
} 

#spofit_job img{
	vertical-align: top;
}



#spofit_job .clear{
	clear: both;
	line-height: 0;
	font-size: 0;
}





.copyrightAuto{
	font-size:12px;
	color:#999;
	line-height:20px;
}


* {
	xborder: 1px solid #A54506 !important;
}


#spofit_job .clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#spofit_job h2{
	margin-bottom: 30px;
}

/* m_box */

#spofit_job div.m_box{
	margin-bottom: 30px;
}

#spofit_job div.m_box p.img{
	float: left;
	width: 163px;
}

#spofit_job div.m_box div.right{
	width:585px;
	float: right;
	
}

#spofit_job div.m_box div.right h3{
	margin-bottom: 1px;
}


#spofit_job div.m_box div.right div.inner{
	background: #ffd7ed;
	padding: 15px 15px 0;
	min-height: 153px;
}

#spofit_job div.m_box div.right div.inner table{
	width: 260px;
	margin-bottom: 10px;
	
}

#spofit_job div.m_box div.right div.inner table.left_tbl{
	float: left;
}

#spofit_job div.m_box div.right div.inner table.right_tbl{
	float: right;
}

#spofit_job div.m_box div.right div.inner table th{
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

#spofit_job div.m_box div.right div.inner table td{
	padding-bottom: 10px;
	vertical-align: middle;
}

#spofit_job div.m_box div.right div.inner table th span{
	font-size: 17px;
}

#spofit_job div.m_box div.right div.inner table td.map{
	font-size: 15px;
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
	padding-top: 5px;
}

#spofit_job div.m_box div.right div.inner table td.map img{
	vertical-align: bottom;
}

#spofit_job div.m_box div.right div.inner table td.btn{
	text-align: right;
}

/* semBox */

#semBox {
		margin-bottom:16px;
		width:755px;
}

#semBox a{
	color: #6633CC;
	text-decoration: underline;
}

#semBox a:hover{
	color: #6633CC;
	text-decoration: none;
}

#semBox table{
	width: 755px;
	margin: 10px 0 20px;
}


#semBox table tr th{
	background: #D2BCFC;
	padding: 8px;
	border-bottom: 3px #50318F solid;
	font-weight: bold;
	font-size: 18px;
}

#semBox table tr td.btn{
	width: 177px;
}

#semBox table tr td{
	border-bottom: 1px #999999 dotted;
	padding: 15px 0;
	font-size: 12px;
}

#semBox table tr td strong{
	font-size: 18px;
}

#semBox p{
	
}

#semBox p strong{
	color: #7b1ac5;
}

#semBox p.materials{
	padding-top: 25px;
}