@charset "UTF-8";

.container {	width: 90%;	max-width: 940px;}

/* header
-------------------------------------------------- */
#branding {	width: auto;	float: none;/* 	text-align: center; */}
#site-title {	margin: 10px 0;}
#utility {	width: auto;	float: none;	text-align: center;
	margin: 10px 0 0 0;	padding: 0 10px;}
#header ul#languegeSelecter, #cse-search-box, #textSelecter, #nav_utility {
	display: block;	text-align: center;	padding-left: 0;	margin-bottom: 0;}

#spBtn {	display: block;	float: left;}
#textSelecter {	display: block;	float: right;	margin: 0;}
.textSize {	display: none;}

#cse-search-box {	clear: both;	padding-top: 10px;}

#header ul#languegeSelecter li,
#header #nav_utility ul li {	margin-right: 0px;	padding-left: 10px;}
#header #nav_utility { margin:10px 0;}

/* nav
------------------------------------------------- */
#nav .btn-navbar {	display: block;	padding:20px; color:#fff; background:#3C1482;
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
#nav .btn-navbar i {background-image:url("../img/glyphicons-halflings-white.png")}


#nav .collapse {	height: 0;	overflow: hidden;	position: relative;
	transition: height 0.35s ease 0s;}
#GlobalNavigations,
#VisitorNavigations {	margin-top: 2px;}

#nav ul {	width: 100%;	display: block;	margin: 0;
	border-top: none 0px #999999;	border-bottom: solid 1px #999999;}
#nav .navbar-inner li {	display: list-item;	padding:8px;
	border: solid 1px #999999;	border-bottom: none 0px #999999;}
#nav #VisitorNavigations.navbar-inner li {
	border-left: solid 1px #999999;	border-right: solid 1px #999999;}
#nav #VisitorNavigations .navbar-inner li:first-child {
	border-left: solid 1px #999999;}
#nav #VisitorNavigations .navbar-inner li:last-child {
	border-right: solid 1px #999999;}

#GlobalNavigations ul {	background-image: none;}

#VisitorNavigations ul {	background-image: none;}
#nav .nav li a.active {	background-image: none;}
#nav #VisitorNavigations .nav li a.active {	background-image: none;}


/* #main
-------------------------------------------------- */
.mainArea,
.sideArea {	float: none;	width: auto;}

/* #content
-------------------------------------------------- */
.page-title {	font-size: 2em;	line-height: 1.2;	margin-bottom: 5px;}

/* .catArea */
.catArea .THKthumbnails .span3 {	width: 210px;}
.catArea .THKthumbnails .span9 {	width: 97%;}
@media (max-width: 767px) {
	.catArea .THKthumbnails .span3 {	width: 250px;	}
}
@media (max-width: 568px) {
	.catArea .THKthumbnails {	margin-left: 0;	}
	.catArea .THKthumbnails li.span3,
	.catArea .THKthumbnails li.span9 {	width: 100%;	margin-left: 0;	}
}

/* .linkStyle */
.linkStyleD li {	width: auto;}
.linkStyleD li.end {	margin-right: 15px;}

/* #visitor */
#login form .form-title {	float: none;	margin-right: 0;	width: 100%;	display: block;}
@media (max-width: 767px) {
	#login form .btn {	display: block;	width: 100%;	clear: both;	margin-top: 10px;	}
}
@media (max-width: 568px) {
	#login form .form-title {	font-size: 1.4em;}
	#twuser-input,
	#twpassword-input {	display: block;	margin-left: 0px;	margin-bottom: 10px;}
	#login .nav-pills li {	float: none;}
}

/* #homeinfo */
@media (max-width: 568px) {
	#homeinfo .col2 {	float: none;	width: auto;}
	#homeinfo .even .frameHeadingA {	margin-left: 0;}
}

/* #news */
.newsbox .nav-tabs li a {padding: 3px;}
.newsbox .nav-tabs li.active a,
.newsbox .nav-tabs li.active a:hover {	border-bottom-width: 2px;}
.newsbox .tab-pane ul li {	width: 100%;overflow: auto;}

@media (max-width: 568px) {
	.newsbox .nav-tabs li a {	font-size: 12px;	padding: 2px;}
	.newsbox .nav-tabs li a img,
	.newsbox .nav-tabs li a .icon {	display: none;}

	.tab-pane ul li .entry {	clear: both;}
}

/* #kouhou */
@media (max-width: 767px) {
	#kouhou .span4 {	width: 220px;	}
}
@media (max-width: 568px) {
	#kouhou .span4 {	width: auto;	}
}

/* #carousel */
@media (max-width: 767px) {
	#carousel-images ul li .carousel-caption {	padding: 10px;	}
}
@media (max-width: 568px) {
	#carousel-images ul li .carousel-caption {	display: none;	}
}

/* #sidebar
-------------------------------------------------- */
#sidebar {margin-top: 20px;}

/* footer
-------------------------------------------------- */
#footer-logo {width: auto;	float: none;	margin: 0 10px 10px 10px;}
#footer-utility {	width: auto;	float: none;}

#footer ul {	margin: 0 10px;}


/* for HOME
-------------------------------------------------- */

/* homeCarousel */
#homeCarousel .archiveLink {	position: relative; bottom:0;}
#homeCarousel .carousel-caption {padding: 5px;}

/* homeMid Area */
.homeMid{width:auto; float:none;}
.homeLeft,
.homeCenter,
.homeRight{ float:none; width:auto; padding-bottom:20px;}
.homeLeft{ text-align:center;}

/* .homeNewsbox */

.homeNewsbox{ }

.homeNewsbox .nav-tabs li.news_all { width:50%; border-bottom:2px solid #fff;}
.homeNewsbox .nav-tabs li.news_50  { width:50%; border-bottom:2px solid #fff; border-right:0;}
.homeNewsbox .nav-tabs li.news_54  { width:33%;}
.homeNewsbox .nav-tabs li.news_53  { width:33%;}
.homeNewsbox .nav-tabs li.news_51  { width:34%; border-right:0;}

/* .homeLower
-------------------------------------------------- */
.homeLower .homeLower01,
.homeLower .homeLower02,
.homeLower .homeLower03,
.homeLower .homeLower04{ float:none; width:100%; margin-right:0px;}

/* for img-archive page
-------------------------------------------------- */

.imgArchiveBox {
border: 1px solid #CCC;
background-size: auto 100%;
background-position: center;
background-repeat: no-repeat;
background-color: #EFEFEF;
float: left;
margin: 0 10px 10px 0;
position: relative;
}

/* for SiteMap page
-------------------------------------------------- */
#content.sitemapPage .catArea .catArea,
#content.sitemapPage .catArea ul { margin-left:15px;}


/* imgArchiveBox
-------------------------------------------------- */
.imgArchiveBox{width:48%; height:222px; overflow:hidden;box-sizing:border-box; border:1px solid #ccc;
	float:left; margin:0 1% 10px 1%; position:relative;
	background-size:auto 100%;background-position:center;background-repeat:no-repeat;	background-color:#efefef;}

@media (max-width: 480px) {
	.imgArchiveBox,
	.imgArchiveIMG,
	.imgArchiveTxt{width:100%; height:222px; overflow:hidden;box-sizing:border-box;}
}