@charset "utf-8";

/*job*/

.rollover {
	background-image: url(image/orange_line01.gif);
}

.orange_line {
	border-left: 1px solid #F04E22;

}

.job_title {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 17px;

	font-weight: bold;

	color: #646464;

	letter-spacing: 0.06em;

}

.job_title a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #646464;
	letter-spacing: 0.05em;
	text-decoration: none;

}

.job_title a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 17px;

	font-weight: bold;

	color: #646464;

	letter-spacing: 0.05em;

	text-decoration: none;

}

.job_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #969696;
	letter-spacing: 0.05em;

}

.job_text a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #969696;

	letter-spacing: 0.05em;

	text-decoration: none;

}

.job_text a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #969696;

	letter-spacing: 0.05em;

	text-decoration: none;

}

.page a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #969696;

	letter-spacing: 0.2em;

	text-decoration: none;

}

.page a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #F04E22;

	letter-spacing: 0.2em;

	text-decoration: underline;

}

/*say_hi*/

.sayhi_add {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #767676;
	letter-spacing: 0.06em;

}

.sayhi_tel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #767676;
	letter-spacing: 0.06em;

}

.sayhi_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #868686;
	letter-spacing: 0.06em;

}

.sayhi_title_orange {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #F04E22;

	letter-spacing: 0.06em;

}




.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

}



.hoverbox img

{



	vertical-align: top;

	width: 100px;

	height: 100px;

}



.hoverbox li

{



	float: left;

	margin: 10px;

	position: relative;

}



.hoverbox .preview

{

	border-color: #000;

	width: 340px;

	height: 340px;

}