@charset "utf-8";

/*------------------------------------------------------------ 
info/～.tpl
------------------------------------------------------------*/

/* 共通レイアウト */
#info .caption-main,
#info-detail .caption-main {
	background-color: #166CB8;
	height: 55px;
	margin-bottom: 10px;
	position: relative;
}

#info .caption-main h2,
#info-detail .caption-main h2 {
	left: 10px;
	position: absolute;
	top: 13px;
}

#info .caption-main h2 + p,
#info-detail .caption-main h2 + p {
	color: #FFFFFF;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	left: 170px;
	position: absolute;
	top: 18px;
}

/*------------------------------------------------------------ 
info/index.tpl
------------------------------------------------------------*/

#info .wrap-news {
	background-color: #FFFFFF;
	border: 1px solid #9FA0A0;
	box-sizing: border-box;
	color: #595757;
	margin-bottom: 10px;
	padding: 8px 0 6px;
	position: relative;
	width: 700px
}

#info .wrap-news .data {
	color: #595757;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.01em;
	line-height: 2.0em;
	padding-left: 15px;
	position: relative;
	width: 120px;
}

#info .wrap-news .data:before {
	background-color: #E82A22;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 5px;
}

#info .wrap-news .link {
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 535px;
}

#info .wrap-news .link a:link,
#info .wrap-news .link a:visited,
#info .wrap-news .link a:hover,
#info .wrap-news .link a:active {
	color: #333333;
	text-decoration: underline;
}

#info .wrap-news .link a:hover {
	color: #E82A22;
}

/*------------------------------------------------------------ 
info/detail.tpl
------------------------------------------------------------*/

#info-detail .wrap-news {
	background-color: #FFFFFF;
	border: 1px solid #9FA0A0;
	box-sizing: border-box;
	width: 700px;
}

#info-detail .wrap-news .caption {
    background-color: #FFFFFF;
	border-bottom: 1px solid #9FA0A0;
	color: #595757;
	padding: 8px 8px 6px 14px;
	position: relative;
}

#info-detail .wrap-news .caption:before {
	background-color: #E82A22;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 5px;
}

#info-detail .wrap-news .caption h3 {
	float: left;
    font-size: 16px;
    font-size: 1.6rem;
	font-weight: bold;
}

#info-detail .wrap-news .caption .date {
	float: right;
    font-size: 12px;
    font-size: 1.2rem;
}

#info-detail .wrap-news .inner {
	box-sizing: border-box;
	padding: 10px;
	width: 700px;
}

#info-detail .wrap-news .inner img {
	max-width: 100%;
}