@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :news.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#news #gnav li.gnav_new a {
	background-position: bottom;
}

#contents-inner {
	padding-bottom: 100px;
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
	background: url(../images/header/bg_main.jpg) center bottom repeat-x;
}

.con_main .box_main {
	height: 250px;
	margin: 0 auto;
	background: url(../news/images/bg_title.jpg) center 0 no-repeat;
}

.con_main .box_main h2 {
	padding-top: 100px;
	text-align: center;
}

/* -----------------------------------------------------------
	.tabmenu
----------------------------------------------------------- */
#tabmenu {
	background: url(../news/images/bg_line_news.png) 0 bottom repeat-x;
	padding-bottom: 2px;
	overflow: hidden;
	padding-left: 30px;
}

#tabmenu li {
	float: left;
}

#tabmenu li a {
	display: block;
	width: 160px;
	height: 0;
	padding-top: 45px;
	overflow: hidden;
}

#tabmenu li a:hover,
#tabmenu li a.active {
	background-position: 0 -45px !important;
}

#tabmenu li.menu_all a {
	background: url(../news/images/tabmenu_all.png) 0 0 no-repeat;
}

#tabmenu li.menu_new a {
	background: url(../news/images/tabmenu_news.png) 0 0 no-repeat;
}

#tabmenu li.menu_cla a {
	background: url(../news/images/tabmenu_classes.png) 0 0 no-repeat;
}

/* -----------------------------------------------------------
	.pager
----------------------------------------------------------- */
.pager {
	overflow: hidden;
	margin: 20px 0 10px 0;
}

.pager .txt_page {
	float: left;
}

.pager .txt_page span {
	font-size: 18px;
}

.pager .txt_page span.all {
	color: #764d17;
}

.pager ul {
	float: right;
	overflow: hidden;
}

.pager ul li {
	float: left;
	margin-left: 10px;
}

.pager ul li:first-child {
	margin-left: 0;
}

.pager ul li a {
	display: block;
	padding: 5px 10px;
	background: #ecdcbb;
	color: #764d17;
	border: 1px solid #d6cb8c;
	text-decoration: none !important;
}

.pager ul li a:hover,
.pager ul li a.active {
	background: url(../images/common/bg_brown.jpg) 0 0;
	color: #fff !important;
}

.pager ul li.prev span {
	display: block;
	background: url(../images/common/ic_arrow_left.png) 0 center no-repeat;
	padding-left: 15px;
}

.pager ul li.prev a:hover span {
	background-image: url(../images/common/ic_arrow_left_over.png);
}

.pager ul li.top span {
	display: block;
	background: url(../images/common/ic_arrow_left.png) 0 center no-repeat;
	padding-left: 15px;
}

.pager ul li.top a:hover span {
	background-image: url(../images/common/ic_arrow_left_over.png);
}

.pager ul li.next span {
	display: block;
	padding-right: 15px;
	background: url(../images/common/ic_arrow_right.png) right center no-repeat;
}

.pager ul li.next a:hover span {
	background-image: url(../images/common/ic_arrow_right_over.png);
}

.pager.bottom {
	clear: both;
	background: url(../images/common/bg_subst.png) 0 0 repeat-x;
	padding-top: 20px;
}

/* -----------------------------------------------------------
	.con_news
----------------------------------------------------------- */
.con_news {
	margin-bottom: 30px;
}

.con_news .date {
	overflow: hidden;
	margin-bottom: 10px;
}

.con_news .date li {
	float: left;
	color: #fff;
	padding: 3px 10px;
	font-size: 90%;
}

.con_news .date li.data {
	background: #9a7d4e;
}

.con_news .date li.category {
	background: #b7a174;
}

.con_news .box_news {
	border-bottom: 1px dotted #c3a43c;
	padding: 20px 0;
	overflow: hidden;
}

.con_news .box_news.hovered {
	background: #E5D6BE;
}

.con_news .box_news.hovered a {
	text-decoration: none !important;
}

.con_news .box_news .img_l {
	float: left;
	background: #f6ebd9;
	padding: 1px;
	border: 1px solid #ead1a3;
	width: 246px;
	height: 163px;
	overflow: hidden;
}

.con_news .box_news .box_r {
	width: 430px;
	float: right;
}

.con_news .box_news .box_r h3 {
	margin-bottom: 10px;
}

.con_news .box_news .box_r h3 a {
	font-size: 120%;
	background: url("../images/side/ic_side.png") 0 2px no-repeat;
	display: block;
	padding: 0 0 0 24px;
}

/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#contents #side {
	margin-bottom: 30px;
}

#contents #side .con_category {
	margin-top: 50px;
}

#contents #side .con_monthly {
	margin-top: 50px;
}

#contents #side .con_monthly .month li {
	border: none;
	margin-bottom: 10px;
}

#contents #side .con_monthly .month li a {
	background: url(../images/common/ic_txtlink.png) 0 center no-repeat;
	padding: 0 0 0 15px;
	margin-left: 20px;
}

/* -----------------------------------------------------------
	
	.detail  詳細ページ

----------------------------------------------------------- */
.detail .con_news .box_title {
	background: url(../images/common/bg_subst.png) 0 bottom repeat-x;
	margin-bottom: 20px;
}

.detail .con_news .box_title h3 {
	background: url("../images/common/ic_subst.png") 0 5px no-repeat;
	color: #764D17;
	font-size: 120%;
	padding: 2px 0 9px 24px;
}

.detail .con_news .txtarea {
	margin-bottom: 20px;
}

.detail .con_news .photo {
	margin-bottom: 40px;
}

.detail .con_news table {
	width: 100%;
	margin-bottom: 30px;
}

.detail .con_news .pdflink {
	background: url("../images/common/ic_pdf.png") 0 0 no-repeat;
	padding: 3px 0 5px 22px;
	margin-bottom: 0;
}

.detail .con_news .txtlink {
	background: url("../images/common/ic_txtlink.png") 4px 4px no-repeat;
	padding: 0 0 5px 22px;
	margin-bottom: 0;
}

.detail .pager ul {
	text-align: center;
	float: none;
}

.detail .pager ul li {
	display: inline-block;
	float: none;
}

/*-----------------------------------------------------------

	detail.php   CMS詳細ページ用

-----------------------------------------------------------*/
/* -----------------------------------------------------------
	.con_st		タイトル
----------------------------------------------------------- */
.detail .con_st {
	width: 710px;
	padding: 0  0 20px 0;
}

.detail .con_st h3 {
	background: url(../images/common/bg_stline.png) center bottom no-repeat;
	padding: 0 0 5px 0;
	text-align: center;
}

.detail .con_st h3 span.left {
	display: inline-block;
	background: url(../images/common/st_guide_left.png) left center no-repeat;
}

.detail .con_st h3 span.right {
	display: inline-block;
	background: url(../images/common/st_guide_right.png) right center no-repeat;
	padding: 12px 60px;
	color: #714601;
	font-size: 150%;
}

.detail .st {
	width: 710px;
	margin: 0 0 25px 0;
	background: url(../images/common/bg_subst.png) center bottom no-repeat;
}

.detail .st h4 {
	background: url(../images/common/ic_subst.png) left 5px no-repeat;
	padding: 2px 0 9px 24px;
	font-size: 120%;
	color: #764d17;
}

.detail p.photo {
	padding: 0 0 20px 0;
}

.detail .txtarea {
	padding: 0 0 20px 0;
}

.detail .txtarea_s {
	border: 1px solid #d7ce9f;
	background: #f1e9d3;
	padding: 20px;
	margin: 0 0 20px 0;
}

.detail p.pdflink {
	background: url(../images/common/ic_pdf.png) left top no-repeat;
	padding: 3px 0 5px 22px;
}

.detail p.txtlink {
	background: url(../images/common/ic_txtlink.png) 4px 4px no-repeat;
	padding: 0 0 5px 22px;
}

/* -----------------------------------------------------------
	.con_layout		7セット共通記述
----------------------------------------------------------- */
.con_layout1,
.con_layout2,
.con_layout3,
.con_layout4,
.con_layout5,
.con_layout6,
.con_layout7 {
	margin: 0 0 30px 0;
}

.con_layout1 table,
.con_layout2 table,
.con_layout3 table,
.con_layout4 table,
.con_layout5 table,
.con_layout6 table,
.con_layout7 table {
	width: 100%;
	margin: 0 0 20px 0;
}

.con_layout6,
.con_layout7 {
	margin: 0;
	padding: 15px 0;
}

/* -----------------------------------------------------------
	.con_layout2
----------------------------------------------------------- */
.con_layout2 .twocolumnarea {
	width: 710px;
	overflow: hidden;
}

.con_layout2 .twocolumnarea .box_l {
	float: left;
	width: 380px;
	padding: 0 30px 0 0;
}

.con_layout2 .twocolumnarea .box_r {
	float: left;
	width: 300px;
}

.con_layout2 .twocolumnarea .box_r p.photo {
	padding: 0 0 10px 0;
}

/* -----------------------------------------------------------
	.con_layout3
----------------------------------------------------------- */
.con_layout3 .twocolumnarea {
	width: 710px;
	overflow: hidden;
}

.con_layout3 .twocolumnarea .box_l {
	float: left;
	width: 300px;
	padding: 0 30px 0 0;
}

.con_layout3 .twocolumnarea .box_l p.photo {
	padding: 0 0 10px 0;
}

.con_layout3 .twocolumnarea .box_r {
	float: left;
	width: 380px;
}

/* -----------------------------------------------------------
	.con_layout4
----------------------------------------------------------- */
.con_layout4 .slider {
	width: 710px;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.con_layout4 .slider .bx-wrapper {
	float: left;
	width: 590px;
}

.con_layout4 .slider .sumb {
	float: left;
	width: 100px;
	padding: 0 0 0 20px;
}

.con_layout4 .slider .sumb a {
	display: block;
	border: 1px solid #d9cfa2;
	background: #f0ebe4;
	margin: 0 0 10px 0;
	padding: 1px;
}

.con_layout4 .slider .sumb a.active {
	border: 1px solid #b9761d;
}

.con_layout4 .slider .bx-controls {
	display: none;
}

/* -----------------------------------------------------------
	.con_layout6
----------------------------------------------------------- */
.con_layout6 p.photo {
	padding: 0;
}

.con_layout6 p.photo img {
	width: 710px;
}

/* -----------------------------------------------------------
	.con_layout7
----------------------------------------------------------- */
.con_layout7 {
	width: 710px;
	overflow: hidden;
}

.con_layout7 ul.bn {
	margin: 0 -19px 0 0;
	overflow: hidden;
}

.con_layout7 ul.bn li {
	float: left;
	padding: 0 18px 0 0;
}

.con_layout7 ul.bn li img {
	width: 225px;
}