@charset "utf-8";
/* ===================================================================
CSS information
 file name  :info.css
 author     :Ability Consultant
=================================================================== */
/* -----------------------------------------------------------
	h2
----------------------------------------------------------- */
#info h2 span{
	background: url(../info/images/tit_info.png) left center no-repeat;
}

/* -----------------------------------------------------------
	.con_cate
----------------------------------------------------------- */
#info .con_cate{
	background: #0ba29a;
	padding: 2%;
	margin-bottom: 15px;
	overflow: hidden;
}
#info .con_cate h3{
	color: #fff;
	float: left;
	font-size: medium;
}
#info .con_cate nav{
	float: right;
}

/* -----------------------------------------------------------
	h3.name
----------------------------------------------------------- */
#info h3.name{
	background: url("../info/images/ic_name.png") no-repeat scroll left center transparent;
	font-size: medium;
	font-weight: normal;
	-webkit-background-size: 15px;
	background-size: 15px;
	padding-left: 20px;
	margin-bottom: 15px;
}

/* -----------------------------------------------------------
	.con_list
----------------------------------------------------------- */
#info .con_list{
	border-top: 1px dotted #ccc;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
#info .con_info{
	overflow: hidden;
	padding: 1em 0;
	border-bottom: 1px dotted #ccc;
	background: url(../images/ic_link.png) 98% 98% no-repeat;
	background-size: 12px;
}
#info .con_info .img_info{
	float: left;
	width: 38%;
	padding-left: 2%;
}
#info .con_info .box_info{
	width: 57%;
	float: right;
	font-size: smaller;
}
#info .con_info .box_info dt{
	display: inline-block;
	color: #fff;
	padding: 0 0.5em;
}
#info .con_info .box_info h4{
	margin-bottom: 1em;
}
/*カラーリング*/
#info .con_list .recruit{
	background: url(../images/ic_link.png) 98% 98% no-repeat #D7F3DD;
	background-size: 12px;
}
#info .con_list .info{
	background: url(../images/ic_link.png) 98% 98% no-repeat #E3F3F6;
	background-size: 12px;
}
#info .con_list .event{
	background: url(../images/ic_link.png) 98% 98% no-repeat #EFE3D1;
	background-size: 12px;
}
#info .con_list .recruit dt{
	background: #0BA29A;
}
#info .con_list .info dt{
	background: #6699CC;
}
#info .con_list .event dt{
	background: #A2670B;
}
/* -----------------------------------------------------------
	.con_pager
----------------------------------------------------------- */
#info .con_pager{
	text-align: center;
	padding: 0.5em 0;
	background: #F1EEE8;
	margin-bottom: 10px;
}
#info .con_pager li{
	display: inline-block;
	margin: 0 1em;
}
#info .con_pager li a{
	display: block;
	padding: 0.5em 0;
	text-align: center;
}

/* -----------------------------------------------------------
	.con_all
----------------------------------------------------------- */
#info .con_all{
	text-align: center;
	padding: 0.5em;
	background: #F1EEE8;
	margin-bottom: 30px;
}
#info .con_all span{
	color: #CA320E;
	font-weight: bold;
	padding: 0 0.5em;
}


/* -----------------------------------------------------------
	.con_detail
----------------------------------------------------------- */
#info .con_detail h3{
	background: url("../info/images/ic_name.png") no-repeat scroll left 5px transparent;
	font-size: medium;
	font-weight: normal;
	-webkit-background-size: 15px;
	background-size: 15px;
	padding: 0 0 15px 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#info .con_detail dl{
	text-align: center;
	padding: 0.5em 0;
	margin-bottom: 20px;
}
#info .con_detail dt{
	color: #fff;
	padding: 0 0.5em;
}
#info .con_detail dt,
#info .con_detail dd{
	display: inline-block;
}
#info .con_detail .pics{
}
#info .con_detail .pics li{
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}
#info .con_detail .box_text p{
	margin-bottom: 1em;
}
#info .con_detail .recruit dt{
	background: #0BA29A;
}
#info .con_detail .info dt{
	background: #6699CC;
}
#info .con_detail .event dt{
	background: #A2670B;
}

/* .box_sub
----------------------------------------------*/
#info .con_detail .box_sub{
	width: 100%;
}
#info .con_detail .box_sub table{
	width: 100%;
}
#info .con_detail .box_sub table th{
	width: 28%;
	padding: 0.5em 1%;
}
#info .con_detail .box_sub table td{
	width: 68%;
	padding: 0.5em 1%;
}
#info .con_detail .box_sub #gmap{
	width: 100% !important;
}
#info .con_detail .box_sub .txt_map{
	margin-bottom: 30px;
}