@charset "utf-8";
/* CSS Document */


/* ****************************************

*Site Name : バイタス
*Description :detail for pc

**************************************** */

/* ----------------------------------------
*	detail box
---------------------------------------- */
#detail_box{
	margin: 15px 0 0 0;
	padding: 15px 10px;
    background-color: #f5f5f5;;
}

#detail_box h2{
    margin: 0;
    padding: 0;
    color: #f82a64;
    font-size: 16px;
}

#detail_basic{
	position: relative;
    margin: 0;
    padding: 0 0 20px 0;
    background: url("../imgs/pc_common/line_gray.gif") no-repeat bottom;
}

#detail_basic div.recruit_main_img{
    padding: 10px 0 0;
}

#detail_basic_left{
	width: 500px;
}

#detail_basic_left dl{margin: 10px 0 0;}

#detail_basic_left dl dt{
	width: 60px;
	padding: 1px 2px;
	text-align: center;
	color: #333;
	background-color: #dadada;
	float: left;
}

#detail_basic_left dl dd{
	margin: 0 0 0 70px;
	padding: 1px 2px;
}

#detail_basic_left dl dd a{color: #f82a64;}

#detail_basic p{
	position: absolute;
	bottom: 20px;
	right: 10px;
}
#detail_basic p.line{
	position: absolute;bottom: 65px;right: 10px;
	width: 180px;
}
#detail_basic p.line a{
	display: block; width: 180px; padding: 10px 10px 10px;box-sizing: border-box;
    background: #00b900 url("../imgs/pc_detail/contact_bg_line.png") no-repeat 10px 10px;background-size: 40px;
	border-radius: 5px;
	color: #ffffff;font-size: 18px; font-weight: bold;text-align: center;
}
#detail_basic p.line a:hover{
	color: #ffff33; text-decoration: none;
}

#detail_contents h3{
	width: 110px;
	margin: 15px 0 0 0;
	padding: 2px 0;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	background-color: #51b4b6;
	text-align: center;
}

#detail_contents p{
	margin: 15px 0 0 0;
}

#detail_contents table{
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0;
	border-collapse: collapse;
}

#detail_contents table tr th{
    width: 20%;
    margin: 5px 0;
    padding: 8px 10px;
    background-color: #dadada;
    border-bottom: 3px solid #F5F5F5;
    border-top: 3px solid #F5F5F5;
    font-weight: normal;
}

#detail_contents table tr td{
    margin: 5px 0;
    padding: 3px 10px;
    border-bottom: 4px solid #F5F5F5;
    border-top: 4px solid #F5F5F5;
}

#detail_contents table tr td.pr_point ul{
	padding:0 0 5px;
	overflow:hidden;
}

#detail_contents table tr td.pr_point ul li{
	margin: 5px 0 0 5px;
	padding: 3px 8px;
	text-align: center;
	font-weight: bold;
	white-space:nowrap;
	float:left;
}
li.pr_point_merit,
li.pr_point_salary,
li.A01,
li.A02,
li.A03,
li.A04,
li.A05,
li.A06,
li.A07,
li.A08,
li.A09,
li.A10,
li.A11,
li.A12,
li.A13{background-color: #FFF;border: 1px solid #ee743e;color: #ee743e;}
li.A14{background-color: #f15c9b;border: 1px solid #f15c9b;color: #FFF;}

#detail_contents p.bt_middle{
	text-align: center;
}
#detail_contents p.bt_middle + p.line{
	width: 230px;margin: 0 auto;padding: 10px 0 0;
}
#detail_contents p.bt_middle + p.line a{
	display: block; width: 230px; padding: 12px 10px;box-sizing: border-box;
    background: #00b900 url("../imgs/pc_detail/contact_bg_line.png") no-repeat 12px 12px;background-size: 50px;
	border-radius: 5px;
	color: #ffffff;font-size: 21px; font-weight: bold;text-align: center;
}
#detail_contents p.bt_middle + p.line a:hover{
	color: #ffff33; text-decoration: none;
}

#detail_contents .gallery{
	width: 710px;
	margin: 15px 0 0 0;
    overflow: hidden;
    zoom: 1;
}

#detail_contents .gallery li{
	float: left;
	width: 222px;
	margin: 0 0 0 11px;
	padding: 0;
	color: #ff6c00;
	line-height: 2em;
	text-align: center;
}

#detail_contents .gallery li img{
	width: 210px;
}

.detail_free_box{
	margin: 15px 0 0 0;
	padding: 0 15px 15px;
	border: 8px solid #DADADA;
	background-color: #FFF;
}

.detail_free_box .free_box_title{
	margin: 0;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
	color: #51b4b6;
}

p#bottom_name{
	margin:10px 0 3px;
	padding:0 10px;
	border-bottom:#6d6c6c 3px double;
	font-size:14px;
	font-weight:bold;
}


/* ----------------------------------------
*	form
---------------------------------------- */

div#apply_guide{
	width:500px;
	margin:15px 0 0;
	padding:10px 30px;
	border:#000000 1px solid;
	border-radius:8px;
}

div#apply_guide h4{
	padding:0 0 3px;
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
}

div#apply_guide ul li{list-style:circle;}
div#apply_guide ul li span{color:#ff0000;}


form .marker_red {
	color:#E4004F;
}

form .marker_blue {
	color:#1D91D0;
}

form .error {
	color:#E4004F;
	font-weight:bold;
}

form input[type=text] ,
form select ,
form textarea {
	border:1px solid #6D6C6C;
	padding:3px;
	font-weight:bold;
}

.complete_message {
	font-size:14px;
	color:#5AABD4;
}

#rec_info_table input:focus, select:focus, textarea:focus {
	background-color: #FFE0DE;
}

#rec_info_table input:focus, select:focus, textarea:focus {
	background-color: #E8F6FF;
}

form .w_50 {width:50px;}
form .w_100 {width:100px;}
form .w_150 {width:150px;}
form .w_200 {width:200px;}
form .w_300 {width:300px;}
form .w_400 {width:400px;}
form .h_50 {height:50px;}
form .h_100 {height:100px;}


#rec_input_merumaga {
    display: block;
    width: 100%;
    margin: 15px 0 ;
    font-size: 100%;
    text-align:center;
}

#rec_input_merumaga p,
#rec_input_merumaga p label,
#rec_input_merumaga p a{
	font-size: 14px;
}
#rec_input_merumaga p a{
	color:#65a5e3;
}

#rec_input_merumaga p label input[type=checkbox] {
	transform: scale(1.3);
	margin: 0 6px 3px 0;
}