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

#main_contents {
	background-color: #fff;
}
#rss {
	position: absolute;
	top: 0;
	right: 0;
}
.news_list_img {
	display: table-cell;
	padding-left: 8px;
	width: 72px;
}
.news_list_img p {
	width: 72px;
	height: 54px;
	background-color: #f7f7f8;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.news_list_img img {
	max-width: 72px;
	max-height: 54px;
}
.news_list_txt {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

#mail_btn {
	text-align: center;
	margin: 15px 10px;
	/*border: 1px solid #e3e3e3;
	border-radius: 4px;*/
	font-size: 14px;
}
article #mail_btn {
	margin: 10px 10px 5px;
}
#mail_btn .arrow_wrap {
	/*border-bottom: 10px solid #0e61bf;*/
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	/*border: 1px solid #000;*/
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 11px 12px;
	background-color: #fff;
}
#mail_btn_line {
	height: 10px;
	/*border: 1px solid #000;*/
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	/*background-color: #0e61bf;*/
}

#news_list {
	border-top: 1px solid #e3e3e3;
}

#news_list .arrow {
	padding-left: 10px;
}

#news_list .arrow_wrap {
	padding: 6px 10px;
	background-color: #fff;
	border-bottom: 1px solid #e3e3e3;
	
}

.news_list_title {
	font-size: 15px;
	line-height: 1.3;
}
.news_list_date {
	font-size: 12px;
	line-height: 1.2;
	color: #848587;
}

.more_btn {
	padding: 10px;
	background-color: #fff;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	font-size: 13px;
	color: #85898c;
	position: relative;
	height: 20px;
}

#more_load {
	width:30px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-15px;
	margin-top:-15px;
	
	display:none;
}


article {
	padding: 15px 0 10px;
	background-color: #fff;
}

article h3 {
	padding: 0 10px;
	font-size: 18px;
	font-weight: normal;
}

.news_time {
	padding: 0 10px;
	font-size: 12px;
	color: #83878a;
}


#main_img_wrap {
	margin: 11px auto 0;
	width: 300px;
	height: 225px;
	background-color: #f7f7f8;
	text-align: center;	
	display: table;
}

#main_img_wrap p {
	vertical-align: middle;
	display: none;
}
#main_img_wrap p.active {
	display: table-cell;
}

#main_img_wrap img {
	max-height: 225px;
	max-width: 300px;
	
}

#main_img_thumb {
	width: 304px;
	margin: 10px auto 11px;
}

#main_img_thumb li {
	width: 72px;
	height: 54px;
	background-color: #f7f7f8;
	
	margin: 0 1px;
	border: 1px solid #d4d4d6;
	float: left;
	position: relative;
}
#main_img_thumb li div {
	display: table;
	width: 72px;
	height: 54px;
	text-align: center;
}

.thumb_img_wrap {
	vertical-align: middle;
	display: table-cell;
}
.thumb_border {
	width: 62px;
	height: 44px;
	border: 5px solid #000;
	opacity: 0.3;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
}
.thumb_border.active {
	display: block;
}

#main_img_thumb li img {
	max-height: 54px;
	max-width: 72px;
}


.news_detail_txt {
	padding: 0 10px 11px;
	font-size: 15px;
	word-wrap: break-word;
}
.news_detail_txt a {
	color: #1364B6;
	text-decoration: underline;
}
.news_detail_txt img {
	max-width: 100%;
	height: auto;
}

#news_share {
	margin: 0 0 0 10px;
}

#news_share li {
	float: left;
	height: 26px;
	margin: 0 7px 0 0;
}

#news_share li div,
#news_share li div a,
#news_share li a {
	font-size: 0;
	line-height: 0;
}

#rel_prod h3 {
	font-size: 14px;
	font-weight: normal;
	padding: 6px 10px;
	background-color: #efefef;
	color: #848587;
}




#rel_out_wrap {
	display: table;
	width: 100%;
	background-color: #efefef;
	padding: 12px 0;
	border-top: 1px solid #fff;
	/*height: 67px;*/
}
#rel_out_wrap2 {
	/* height: 92px;
	overflow: hidden; */
}

#rel_wrap {
	vertical-align: middle;
	/* height: 67px; */
}

#rel_in_wrap {
	overflow: hidden;
	/* height: 67px; */
}

#rel_wrap li {
	float: left;
	width: 100%;
}
#rel_wrap li section {
	display: table;
}
.rel_jk {
	display: table-cell;
	padding: 0 7px 0 0;
	vertical-align: top;
}
.rel_txt {
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
	color: #848587;
	line-height: 1.4;
	width: 100%;

}
.rel_txt h4 {
	font-size: 14px;
	color: #404348;
	line-height: 1.2;
}

.rel_navi_arrow {
	text-align: center;
	
	width: 30px;
	
	display: table-cell;
	vertical-align: top;
}
.rel_navi_arrow p {
	background-color: #fff;
	padding: 24px 0;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.rel_navi_arrow img {
	vertical-align: middle;
}
#rel_left_navi {
	left: 0;
	padding-right: 10px;
}
#rel_right_navi {
	right: 0;
	padding-left: 10px;
}


#news_navi {
	padding: 15px 0 0;
	background-color: #fff;
}
#news_navi ul {
	display: table;
	width: 100%;
}
#news_navi ul a {
}
#news_navi li {
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	background-color: #fff;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	overflow: hidden;
}
#news_navi li div {
	padding: 13px 8px 13px 10px;
	border-right: 1px solid #e3e3e3;
	display: table;
	width: 100%;
}
#next_news.none, #prev_news.none {
	color: #ccc;
}
#prev_news .arrow {
	padding: 0 10px 0 0;
}
#next_news {
	text-align: right;
}
#next_news .arrow {
	padding: 0 0 0 10px;
}



#latest_news h3 {
	font-size: 15px;
	line-height: 1;
	padding: 10px;
	background-color: #e3e3e3;
	font-weight: normal;
}

#latest_news li {
	border-bottom: 1px solid #e3e3e3;
	padding: 6px 10px;
	background-color: #fff;
}

.info_title {
	font-size: 15px;
	line-height: 1.3;
}
.info_date {
	font-size: 12px;
	color: #848587;
	line-height: 1.2;
}



.no_result {
	font-size: 15px;
	padding: 20px 10px;
	background-color: #fff;
}