@charset "UTF-8";
/* 
 [–|±±´ó¡¡ÖÆʽɫҊ±¾]
  »Æ¾v£º#99C218
  Éî¾v£º#00411B
  ³È£º#FF7300
  ²è£º#620D0C
  ³à×Ï£º#85007F
  ±¡Çࣺ#8EAAB1
  ÇÑ×Ó½C£º#451E60
 */

.container { width: 90%; max-width: 940px;}
.home .container{ width: 90%; max-width:1000px;}
.pcDisp{display: none;}

/* header
-------------------------------------------------- */
#branding {	width: auto;	float: none;}
#site-title {	margin: 10px 100px 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{ background-color:#fff;}

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

/* home */
.home #header #branding{ width: inherit; margin-left: inherit;}


/* nav
------------------------------------------------- */
#nav{ background-color:#fff;}
#textSelecter{display: none;}
#nav ul{ border-top:0; border-bottom:0;}
#nav .btn-navbar { position: fixed; top:0px; right: 0px; display: block;	padding:10px 10px 10px 20px; color:#fff; background:#3C1482; z-index:1000; border-top:0;
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0 0 0 10px;}

#nav .btn-navbar a { color:#fff; text-decoration:none;}
#nav .btn-navbar i {background-image:url("/japanese/share/img/glyphicons-halflings-white.png")}

#nav .navbar-inner li{ display:block; float:left; width:50%; box-sizing:border-box;    border-left: solid 1px #FFF;
    border-bottom: solid 1px #AAA;}
#nav .navbar-inner li a{ display:table-cell; width:500px; height:35px; vertical-align:middle;  text-shadow:none;}

#UtilityNavigations {display: block; max-width: 300px; margin: 0 auto;box-sizing: border-box; }
#UtilityNavigations p.toPC {display: block;width: 25%; float: left; margin: 0;box-sizing: border-box;  background-color: #ff0; padding: 15px 3px; text-align: center;}
#UtilityNavigations #textSelecter2 {display: block; float: left; width: 75%;box-sizing: border-box; }
#UtilityNavigations #textBtn2 {display: block; margin: 0; }
#UtilityNavigations #textBtn2 button {display: block; float: left; width:  50%; box-sizing: border-box; padding: 15px 3px; text-align: center; }

#UtilityNavigations p.toPC ,
#UtilityNavigations #textBtn2 button { border: 0; border-left: solid 1px #fff; border-right: solid 1px #aaa;    border-bottom: solid 2px #fff; background: #666;   color: #fff;}
#UtilityNavigations p.toPC { background: #666;}

#GlobalNavigations ul{ box-sizing:border-box; float:none; max-width:300px; margin:0 auto ;background:#e5e5e5; }
#VisitorNavigations ul{ float:none; max-width:300px;  margin:0 auto; background:#451E60;}

#nav-menu {    position: fixed; top: 20px;  z-index: 1050; width: 90%; height:90%; overflow: auto; display:none; 	transition: all .3s; z-index: 999999;}
.modal-backdrop{ background-color:#fff; opacity:0.9;}

.modalClose{ display:block; margin:0 auto; padding:15px; text-align:center; border:1px solid #fff;  border-right:1px solid #666; background-color:#666; color:#fff; max-width:300px; box-sizing:border-box;}

.modal-backdrop{ z-index: 99999;}


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

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

/* .catArea */

.catArea .THKthumbnails {	margin-left: 0;	}
.catArea .THKthumbnails li.span3,
.catArea .THKthumbnails li.span6,
.catArea .THKthumbnails li.span9 {	width: 100%;	margin-left: 0;	}

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

.linkStyleJ li {	margin-bottom: 5px;}

/* #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  {	display: block;padding-bottom: 10px;  }
 	#homeinfo .frameHeadingA   { width: inherit; margin-bottom: 10px; }
}

/* #news */

.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: 5px;}
   */
	.newsbox .nav-tabs li a {	font-size: 12px;}
	.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;	}
}

/* .archiveLink,
.pageTopLink {	text-align: center;} */
.archiveLink a,
.pageTopLink a{ margin-bottom:5px;}


/* #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 .film_roll_wrapper {    background-color: #3F3F3F;}
#carousel-images ul li .carousel-caption {	padding: 10px; }
#homeCarousel .carousel-caption { max-width: 100%; margin: 0px;	padding: 10px; background: rgba(0, 0, 0, 0.6); background: #3F3F3F;  position: static; font-size: 14px;  }
#homeCarousel .carousel-caption .txtArea{ overflow: hidden; font-size: 14px; line-height: 21px;  }
#homeCarousel .carousel-caption  p.pull-right { padding-top: 8px;}
#homeCarousel .archiveLink {  bottom: -18px;  }
#homeCarousel .archiveLink a {  padding: 3px ; line-height: 1; }
@media (max-width: 568px) {
	#carousel-images ul li .carousel-caption {	display: none;	}
}

/* homeMid Area */
.homeMid{width:auto; float:none;}
.homeLeft,
.homeRight{ float:none; width:auto; padding:0 0 30px;}

/* .homeÇ×ÅóÆåÅÆbox */
.homeÇ×ÅóÆåÅÆbox .nav-tabs li.news_all { width:33%; border-bottom:2px solid #fff;}
.homeÇ×ÅóÆåÅÆbox .nav-tabs li.news_50  { width:34%; border-bottom:2px solid #fff;}
.homeÇ×ÅóÆåÅÆbox .nav-tabs li.news_53  { width:33%; border-bottom:2px solid #fff;}
.homeÇ×ÅóÆåÅÆbox .nav-tabs li.news_51  { width:50%; border-left:0;}
.homeÇ×ÅóÆåÅÆbox .nav-tabs li.news_54  { width:50%;}

/* .lowerÇ×ÅóÆåÅÆbox */
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.news_all { width:34%; border-bottom:2px solid #fff;}
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.news_50  { width:33%; border-bottom:2px solid #fff;}
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.news_53  { width:33%; border-bottom:2px solid #fff;}
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.news_51  { width:34%;border-left:0;}
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.news_54  { width:33%;}
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.news_52  { width:33%;}

/* .current settings */
.homeÇ×ÅóÆåÅÆbox .nav-tabs li.active a,
.lowerÇ×ÅóÆåÅÆbox .nav-tabs li.cr a{ margin: 0; height: 80px; background-color:transparent; color: #fff;  }

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

/* #homeLwrTxtBnrArea
-------------------------------------------------- */
.homeLwrTxtBnrArea .homeLwrTxtBnr ul { flex-wrap: wrap;}
.homeLwrTxtBnrArea .homeLwrTxtBnr ul li{ width: 80%;}
.homeLwrTxtBnrArea .homeLwrTxtBnr01 ul li{ text-align: center;}
.homeLwrTxtBnrArea .homeLwrTxtBnr02 ul li a{ padding-top: 10px; padding-bottom: 10px;}
.homeLwrTxtBnrArea .homeLwrTxtBnr02 ul li:nth-child(2) a{ padding-top: 18px;}
.homeLwrTxtBnrArea .homeLwrTxtBnr02 ul li:last-child a{ padding-bottom: 18px;}


/* .homeUprBnr
-------------------------------------------------- */
.homeUprBnr { padding: 8px 0;}
.homeUprBnr ul{ flex-wrap: wrap;}
.homeUprBnr ul li{ box-sizing: border-box; max-width: 48%; border: 5px solid #fff; margin: 6px 1%; }
    .homeUprBnr ul li:first-child{ margin-left: 1%;}
    .homeUprBnr ul li:last-child{ margin-right: 1%;}

/* .homeUprInfo
-------------------------------------------------- */
.homeUprInfo{  }
.homeUprInfo ul{ display: block;}
.homeUprInfo ul li{ width: 100%; margin-top: 10px; margin-left: 0; margin-right: 0; }
.homeUprInfo ul li:first-child{ margin-top: 0; }


/* 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;}
}

/* movieArchiveBox
-------------------------------------------------- */
.movieArchiveBox{width:100%;  }


/* other bug fix
-------------------------------------------------- */
.poster,
.leftimg,
.rightimg {
	float: none;
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
}

.poster img {
	border: 1px #808080 solid;
}


/* other bug fix
-------------------------------------------------- */
.homeNav{ display: none;}