body {
	font-family: 'Helvetica', 'Arial', 'LiHei Pro','Microsoft JhengHei', 'sans-serif';
	font-size: 16px;
	background-color: #f2f4f6;
}
a {
	color: #00632C;
}
.container {
	width: 100%;
}
.boxed {
	background-color: #FFF;
}
/* HEADER: LOGO, MENU */
.social {
	background-color: #231815;
	display: none;
	font-size:14px;
}
.social ul {
	float:right;
	margin-top:6px;
	margin-bottom:6px;
}
.social ul li {
	padding-right:5px;
}
.header {
	background-color: #0d3f67;
	color: #FFF;
}
.header div.logo {
	padding-top: 10px;
	padding-bottom: 10px;
}
.header div.mobile-menu-btn {
	font-size: 28px;
	text-align: center;
	padding-top: 18px;
}
.header a {
	color: #FFF;
	text-decoration: none;
}
.header a:hover {
	color: #BFB784;
}
.mobile-menu ul li {
	text-align: center;
	border-top: 1px solid #FFF;
	padding: 10px 0px;
	background-color: #004720;
}
.mobile-menu ul li:last-child {
	border-bottom: 1px solid #FFF;
}
.mobile-menu ul li a.navs {
	display: block;
}
.mobile-menu ul li ul {
	margin-top:10px;
}
.mobile-menu ul li ul li {
	background-color: #002b52;
	border-top: 1px inset #FFFFC8;
}
.mobile-menu ul li ul li:last-child {
	border-bottom: none;
}
.pc-menu {
	margin-top:10px;
	padding-left:0;
	padding-right:0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color: #002b52;
	display: none;
}
.pc-menu ul {
	margin:0;
	padding:0;
	list-style: none;
}
.pc-menu ul li.btn-group {
	float: left !important;
	font-size:10px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.pc-menu ul.dropdown-menu > li > a:hover,
.pc-menu ul.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #004720;
}
.tw ul li.btn-group {
	border-right:1px solid #FFF;
	width:10%;
}
.en ul li.btn-group {
	font-size: 12px;
	padding-left:6px;
	border-right:1px solid #FFF;
	padding-right:3px;
}
.jp ul li.btn-group {
	border-right:1px solid #FFF;
	width:10%;
}
.pc-menu ul li.btn-group:last-child {
	border-right: none;
}
.pc-menu ul li.btn-group ul {
	background-color:#002b52;
}
.pc-menu ul li.btn-group ul li {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}
.pc-menu ul li.btn-group ul li a {
	color:#fff;
}

.header div.search {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
/* INDEX SLIDER */
.carousel-indicators {
	bottom:-10px;
}
/* BANNER */
.banner {
	max-width:194px;
}
.banner ul li {
	text-align:center;
	padding-top:5px;
	background-color: #F2F2F2;
}
.banner ul li:first-child {
	background-color: transparent;
}
.banner ul li:last-child {
	padding-bottom:20px;
}
/* ARTICLE BRIEF */
.article-brief ul li {
	margin-top: 10px;
	padding-bottom: 10px;
}
.article-brief ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.article-brief div.brief-image {
	text-align:center;
	padding:0;
}
.article-brief div.subject a {
	display:inline-block;
	font-weight: bold;
	font-size: 14px;
	padding-bottom:8px;
}
.article-brief div.post {
	font-size:12px;
	max-height:35px;
	overflow:hidden;
}
.article-brief div.detail {
	display: none;
}
.article-brief div.detail a {
	font-size:12px;
	background-color:#FFC11A;
	color:#FFF;
	padding:5px;
}
/* ARTICLE LIST */
.article-list {
	margin-bottom: 10px;
}
.article-list h1 {
	margin-top:0px;
	margin-bottom:20px;
}
.article-list div.title {
	background-color: #0d3f67;
	color: #FFF;
	text-align: center;
	font-size:16px;
	padding: 10px 0;
	font-weight: bold;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:10px;
}
.article-list ul li {
	padding-bottom:10px;
}
.article-list div.subject a {
	font-size:12px;
}
/* FOOTER */
.footer {
	background-color: #0d3f67;
	font-size: 14px;
	color: #FFF;
}
.footer div.title {
	color: #FFF;
	font-weight: bold;
	font-size:16px;
	padding: 10px 0;
}
.footer ul li {
	padding-bottom: 10px;
}
.footer ul li:last-child {
	padding-bottom: 0;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer hr {
	margin-bottom: 10px;
}
.footer div.logo {
	max-width:240px;
	padding-bottom:10px;
}
.footer span.glyphicon {
	color:#BFB784;
}
/* COPYRIGHT */
.copyright {
	background-color: #231815;
	font-size: 14px;
	color: #FFF;
	padding:5px 2px 0px 2px;
	text-align:center;
}
.copyright div.spre {
	padding:10px 0;
	white-space:pre;
}
.copyright span.sbr:before {
	content: '\A';
}
.content-body {
	background-color:#FFF;
}
.content-body img {
  max-width: 100%;
  height: auto;
}
.content-body iframe{
  max-width: 100%;
}


/* MEDIA */
@media (min-width: 480px) {
	.header div.mobile-menu-btn {
		padding-top: 30px;
	}
	.header div.search {
		padding-bottom:20px;
	}
	.article-brief div.brief-image {
		padding-left: 15px;
		padding-right:15px;
	}
	.article-brief div.brief {
		padding-left:0;
	}
	.article-brief div.post {
		max-height: 50px;
		margin-bottom:8px;
	}
	.article-brief div.detail {
		display: block;
	}
}
@media (min-width: 560px) {
	.article-brief div.post {
		max-height: 86px;
		margin-bottom:8px;
	}	
}
@media (min-width: 768px) {
	.header div.logo img {
		max-width:320px;
	}
	.mobile-menu-btn {
		display: none;
	}
	.social, .pc-menu {
		display: block;
	}
	.search div.input-group {
		padding-top:16px;
		float:right;
	}
	.footer hr {
		color:#00632C;
		border:none;
	}
	.copyright span.sbr:before {
		content: '';
	}
}
@media (min-width: 960px) {
	.pc-menu {
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
	}
	.pc-menu ul li.btn-group {
		font-weight: bold;
		padding-top:5px;
		padding-bottom:5px;
	}
	.tw ul li.btn-group {
		border-right:2px solid #FFF;
		font-size:14px;
	}
	.en ul li.btn-group {
		font-size:12px;
		padding-left:8px;
		padding-right:8px;
		border-right:2px solid #fff;
	}
	.jp ul li.btn-group {
		border-right:2px solid #FFF;
		font-size:14px;
	}
	.article-list div.title {
		margin-left:2px;
		margin-right:0;
		margin-top:10px;
		padding: 5px 0;
	}
}
@media (min-width: 1160px) {
	.container {
		width:1160px;
	}
	.tw ul li.btn-group {
		font-size:16px;
		padding-top:8px;
		padding-bottom:8px;
	}
	.en ul li.btn-group {
		padding-left:17px;
		padding-right:17px;
		border-right:2px solid #fff;
	}
	.jp ul li.btn-group {
		font-size:14px;
		padding-top:8px;
		padding-bottom:8px;
	}
	.article-brief div.subject a {
		font-size:16px;
	}
	.article-brief div.post {
		max-height:84px;
		font-size: 14px;
	}
	.carousel {
		border-bottom:5px solid #DDD;
	}
}

.content-body img[style="float: left;"] {
margin-right:15px;
margin-bottom:5px;
}

.content-body img[style="float: right;"] {
margin-left:15px;
margin-bottom:5px;
}