@charset "utf-8";

/* ==================================================================

infomation.css

===================================================================== */


/* 
タブ部分
---------------------------------------------------------------------- */

ul.tablist{
	margin:0;
	height:50px;
	width:100%;
	background:#FFF7DD;
	display:table;
}

ul.tablist li{
	margin:0;
	padding:3px 0 0;
	width:20%;
	height:50px;
	font-size:1.2rem;
	color:#F80;
	line-height:1.2em;
	border-right:2px solid #fff;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	cursor: pointer;
}

ul.tablist li:last-child{
	border-right:none;
}

ul.tablist li.select{
  background:#fa4;
  color:#FFF;
  position:relative;
}

ul.tablist li.select:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -7px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #fa4 transparent transparent transparent;
}

.disnon {
  display: none;
}

ul.ul_topics_list{
	margin:0;
	padding:0;
}

ul.ul_topics_list li{
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;
	border-bottom:1px dotted #ccc;
	display:block;
	box-sizing:border-box;
}

ul.ul_topics_list li:nth-child(2n){
	background-color:#f7f7f7;
}

ul.ul_topics_list li a{
	margin:0;
	padding:14px 35px 14px 10px;
	width:100%;
	height:100%;
	background-image:url(../common/arrow_gray1.png);
	background-position:96% 50%;
	background-size:9px 14px;
	background-repeat:no-repeat;
	display:block;
	box-sizing:border-box;
	text-decoration:none;
}


span.span_home{
	margin:0 5px 0 0;
	padding:3px 0 0 0;
	width:70px;
	height:18px;
	font-size:1.1rem;
	color:#fff;
	line-height:1.2em;
	background-color:#c59;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
}

span.span_recruit{
	margin:0 5px 0 0;
	padding:3px 0 0 0;
	width:70px;
	height:18px;
	font-size:1.1rem;
	color:#fff;
	line-height:1.2em;
	background-color:#8b0;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
}

span.span_info{
	margin:0 5px 0 0;
	padding:3px 0 0 0;
	width:70px;
	height:18px;
	font-size:1.1rem;
	color:#fff;
	line-height:1.2em;
	background-color:#f92;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
}


span.span_business{
	margin:0 5px 0 0;
	padding:3px 0 0 0;
	width:70px;
	height:18px;
	font-size:1.1rem;
	color:#fff;
	line-height:1.2em;
	background-color:#07b;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
}

span.span_new{
	margin:2px 0 0 5px;
	padding:1px 0 0 0;
	width:35px;
	height:14px;
	font-size:1.1rem;
	color:#fff;
	line-height:1.2em;
	background-color:#e23;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
}

span.span_new:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 5px solid #e23;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    position: absolute;
    top: 4px;
    left: -5px;
}

p.p_date{
	margin:3px 5px 0 0;
	padding:0;
	font-size:1.3rem;
	color:#999;
	line-height:1.2em;
	display:inline;
}

ul.ul_topics_list li a p.p_text{
	margin:5px 0 0 0;
	padding:0;
	font-size:1.4rem;
	color:#333;
	line-height:1.2em;
	display:display;
}


/* 
detail
---------------------------------------------------------------------- */

.title_box{
	margin:15px 10px 0;
	padding:10px;
	background-color:#f7f7f7;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	position:relative;
	display:block;
}

.title_box .p_title:after{
    content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #f7f7f7 transparent transparent transparent;
}

.title_box .p_title{
	margin:3px 0 0;
	padding:0;
	font-size:1.4rem;
	color:#444;
	line-height:1.4em;
	font-weight:bold;
}

.detail_box{
	margin:0 10px 25px;
	padding:10px 0 25px;
	border-bottom:1px dotted #ccc;
}

.detail_box p_info{
	margin:10px 0;
	padding:0;
	line-height:1.8em;
}

.detail_box .photo_box{
	margin:10px 0;
	padding:0;
}

.detail_box .photo_box img{
	width:100%;
}

.detail_box table{
	margin:0;
	width:100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#fff;
	box-sizing:border-box;
}

.detail_box table th{
	padding:7px;
	font-size:1.2rem;
	line-height:1.2em;
	color:#444;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#F7CC55;
	box-sizing:border-box;
}

.detail_box table td{
	padding:7px;
	font-size:1.2rem;
	line-height:1.4em;
	color:#444;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fff;
	box-sizing:border-box;
}