@charset "utf-8";

@import "format.css";

/* common
-------------------------------------------------------------*/

#news {
	font-family:
	"ヒラギノ明朝 ProN",
	"HiraMinProN",
	"游明朝",
	YuMincho,
	"HG明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	"MS 明朝",
	"Sawarabi Mincho",
	serif;
}

/* news_ttl
-------------------------------------------------------------*/

#news .news_ttl {
	height: 324px;
	min-width: 1100px;
	background: #e4ecf2 url("../../news/img/mv.jpg") no-repeat top center;
}
#news .news_ttl h1 {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	padding: 125px 0 0 30px;
	font-size: 3.9rem;
	letter-spacing: -0.1em;
}
#news .news_ttl p.ttl_en {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	padding: 24px 0 0 35px;
	font-size: 1rem;
	letter-spacing: 2px;
	color: #a9a7a8;
}

/* news_main
-------------------------------------------------------------*/

#news .news_main {
	margin: 0 auto;
	padding: 100px 0 100px;
	width: 1100px;
	overflow: hidden;
	line-height: 1.6;
}
#news .news_main > h2 {
	margin: 0 0 80px;
	text-align: center;
	font-size: 3rem;
}
#news .news_main a:hover img {
	opacity: 0.8;
}

#news .news_main nav.local {
	float: right;
	width: 280px;
}
#news .news_main nav.local dt {
	padding: 0 0 15px;
	font-size: 2rem;
}
#news .news_main nav.local dd {
	padding: 25px 25px 10px;
	background: #eee;
	font-size: 1.7rem;
}
#news .news_main nav.local li a {
	display: block;
	padding: 0 0 15px;
	font-size: 1.4rem;
	text-decoration: underline;
}

/* IE hack */
#news .news_main nav.local dt:not(:target) {
	padding: 20px 20px 14px\9;
}
@media all and (-ms-high-contrast:none){
	#news .news_main nav.local dt {
		padding: 20px 20px 14px;
	}
}

#news .news_main article {
	float: left;
	width: 750px;
}
#news .news_main article h1 {
	margin: 0 0 10px;
	font-size: 3.5rem;
}
#news .news_main article h2 {
	clear: both;
	margin: 30px 0 20px;
	padding: 0 0 5px;
	border-bottom: solid 1px #000;
	font-size: 2.3rem;
}
/* IE hack */
#news .news_main article h2:not(:target){padding: 0\9;}
@media all and (-ms-high-contrast:none){#news .news_main article h2{padding: 0;}}

#news .news_main article h3 {
	clear: both;
	margin: 35px 0 10px;
	padding: 0 0 5px;
	border-bottom: dotted 1px #000;
	font-size: 1.8rem;
}
/* IE hack */
#news .news_main article h3:not(:target){padding: 0\9;}
@media all and (-ms-high-contrast:none){#news .news_main article h3{padding: 0;}}

#news .news_main article p {
	margin: 0 0 20px;
	font-size: 1.4rem;
}
#news .news_main article p.date {
	margin: 0 0 10px;
	font-size: 1.3rem;
}
#news .news_main article p.img_left {
	float: left;
	margin-right: 45px;
}
#news .news_main article p.img_left + p:after {
	content: "";
	clear: both;
	display: block;
}

#news .news_main article p.back_list {
	margin: 50px 0 0;
}
#news .news_main article p.back_list a {
	display: inline-block;
	padding: 3px 20px 3px;
	background: #2d385a;
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
}
#news .news_main article p.back_list a:hover {
	opacity: 0.8;
}
/* IE hack */
#news .news_main article p.back_list a:not(:target){padding: 7px 20px 0\9;}
@media all and (-ms-high-contrast:none){#news .news_main article p.back_list a{padding: 7px 20px 0;}}

/* news_main index
-------------------------------------------------------------*/

#news .news_index {
	margin: -12px 0 80px;
}
/* IE hack */
#news .news_index :not(:target){margin: 5px 0 80px\9;}
@media all and (-ms-high-contrast:none){#news .news_index {margin: 5px 0 80px;}}
#news .news_index li {
	padding: 16px 0;
	border-bottom: dotted 1px #bfbfbf;
}
#news .news_index li dl {
	line-height: 1.6;
	font-size: 1.4rem;
	overflow: hidden;
}
#news .news_index li dt {
	float: left;
	width: 135px;
}
#news .news_index li dd {
	overflow: hidden;
}
#news .news_index li a {
	display: block;
}
#news .news_index li a:hover dt {
	text-decoration: underline;
}
/* IE hack */
#news .news_index li:not(:target){padding: 18px 0 10px\9;}
@media all and (-ms-high-contrast:none){#news .news_index li{padding: 18px 0 10px;}}

#news .paging_num li {
	display: inline-block;
	margin: 0 2px 20px 0;
	border: solid 1px #2d385a;
}
#news .paging_num li a {
	display: block;
	padding: 3px 8px 3px;
	font-size: 1.8rem;
	color: #2d385a;
	text-decoration: none;
}
#news .paging_num li a:hover {
	background: #efefef;
}
#news .paging_num li.current a {
	background: #2d385a !important;
	color: #fff;
}
/* IE hack */
#news .paging_num li a:not(:target){padding: 7px 8px 0\9;}
@media all and (-ms-high-contrast:none){#news .paging_num li a{padding: 7px 8px 0;}}