@charset "UTF-8";
/* 文字コード：UTF-8 */

#content h2{
	background: url(/resource/image/common/bg_title.gif) repeat-x left top;
	padding-top: 16px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

/*
============================================================
headline
============================================================
*/

.headline {
	margin-bottom: 9px;
	clear: both;
	position: relative;
}

.headline .group {
	background: url(/resource/image/top/bg_headline.gif) repeat-y;
	clear: both;
	margin-bottom: 6px;
}

p.txt_headline {
	position: absolute;
	text-align: right;
	top: 15px;
	right: 5px;
	font-size: 85%;
}

.headline .left,
.headline .right {
	width: 304px;
	padding: 4px;
}

.headline dt {
	margin-bottom: 5px;
	font-size: 93%;
	font-weight: bold;
}

.headline dd {
	font-size: 85%;
}

.headline dd.date{
	color:#666666;
	margin-top: 5px;
}

/*
============================================================
news
============================================================
*/

.news {
	clear: both;
	font-size: 85%;
	background: url(/resource/image/top/footer_news.gif) no-repeat left bottom;
	padding-bottom: 13px;
	margin-bottom: 15px;
}

.news_body {
	background: url(/resource/image/top/bg_news.gif) repeat-y left top;
	padding-left: 5px;
 	padding-right: 5px;
}

.news .inner {
	padding: 0 15px;
}

.news dl {
	clear: both;
	margin-bottom: 5px;
}

.news dt {
	width: 60px;
	font-size: 80%;
	float: left;
	color:#666;
	font: 13px/1.22 "ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
}

.news dd {
	width: 520px;
	float: right;
}

/*
============================================================
group_cont
============================================================
*/

.group_cont {clear: both;}
.group_cont .left {width: 200px;}
.group_cont .right {width: 420px;}
.group_cont .left .inner {
	background:#F1F1F1;
	padding: 4px;
	margin-bottom: 10px;
}

.group_cont .left dt {
	font-weight: bold;
	font-size: 93%;
}

.group_cont .left dd {
	font-size: 85%;
}

.group_cont .left dd.date {
	color:#666666;
	margin-top: 5px;
}

/*
============================================================
arcihve
============================================================
*/

.arcihve .group {
	clear: both;
	margin-bottom: 9px;
}

.arcihve .box h3 {
	border-bottom: solid 4px #FFF;
}

.arcihve .box {
	width: 134px;
	float: left;
	margin-right: 9px;
}

.arcihve .inner {
	background: url(/resource/image/top/bg_archive.gif) repeat-y left top;
	height: 150px;
	padding: 7px;
}

.arcihve .end {
	margin-right: 0;
}

.arcihve .box dt {
	font-weight: bold;
	font-size: 93%;
}

.arcihve .box dd {
	font-size: 85%;
}

.arcihve .box dd.date {
	color:#666666;
	margin-top: 5px;
}


/*
============================================================
korean
============================================================
*/

body#ko {
	font-family: "MALGUN GOTHIC","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Noto Sans Japanese", "Noto Sans", sans-serif;
	font-size: 71%;
}

body#ko h2 {
	font-family: "Noto Sans Japanese", "Noto Sans", sans-serif;
}

body#ko #head_menu {
	font-size: 9px;	
}

body#ko #footer {
	font-size: 10px;	
}

body#ko #infomation {
	padding-bottom: 20px;	
}

body#ko div.headline_inner h3 {
	font-size: 13px !important;	
}

#newslistUpdated {
	text-align: center;
}

.rectangle {
	height: 1000px;
	width: 200px;
	background-color: #00adef;
}


#top-banner {
	font-size: 0;
	margin: 60px auto 40px;
	max-width: 1248px;
}

#top-banner a {
	display: inline-block;
	width: 312px;
	vertical-align: top;
}

#top-banner a img {
	width: 100%;
}

@media only screen and (max-width: 1450px) {
	#top-banner {
		max-width: 936px;
	}
}

@media only screen and (max-width: 975px) {
	#top-banner {
		max-width: 624px;
	}
}

@media only screen and (max-width: 624px) {
	#top-banner {
		max-width: 100%;
	}

	#top-banner a {
		width: 50%;
	}
}