@charset "utf-8";
/*CSS Menu
= header
= contents
= footer
= module
= font
= home
= SmartPhone
*/

/*= header*/
#header { background:#fffff0;}
#siteName{width:456px;}
#siteName a {text-indent:-9999px;background: url(title.png) no-repeat 50% 50%;background-size: contain;height:114px;display:block;}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  #siteName a {background: url(title@2x.png) no-repeat 50% 50%;background-size: contain;height:114px;}
}
#siteName a.inverse-black {background: url(title.png) no-repeat;}
#header-parts{padding-top:30px;}
/*a#bt_content,a#bt_read{background:#e8812c}*/
#xp1 {position:absolute;right: 0;top: 120px;}
#searchBox #s {background-color: #FFF;}
/*=contents*/
#topicpathbox{ background:#88bf0d; padding:5px 0;}
#topicpathbox.innerbox{margin-bottom:0;}
#topicpath{width:1160px;margin:0 auto;color:#fff;padding-bottom:0;}
#topicpath a{color:#fff;}
#contentsbox{ background:url(bg_contents.png) no-repeat top center;}
#contents{padding-top:20px;width: 1160px; background:#fff;}
#contents.kosodate_index{ background:none ;}
#contents #primary2{margin-left:20px;}
#contents.kosodate_index #primary2{width:840px !important;}
#contents #secondary {margin-left:20px;}

table{border:1px solid #8dcd00;}
table th {background-color:#FFFFF0; border-bottom:1px solid #8dcd00; color:#343E40;}
table td {border-bottom:1px solid #8dcd00;}
/*= footer*/
.gotop a {width:85px;height:95px;background: url(gotop.png) no-repeat;}
#footer {border-top:3px solid #eb9bab;background:#fffff0; color:#343e40;}
#footer-common{ background:url(bg_footer.png) no-repeat 100% 50%;}
#copy{background:#88bf0d;}
#copy p{color:#FFF;}
/*= module*/
.cateBox{background:#FFF;}
#primary2 .cateBox{background-color:#fffff0;}
#secondary nav ul li{background:none; padding-left:0;}
#secondary nav ul li a{background: url(bg_link.png) no-repeat 0 center;}
#secondary nav ul li, .cateBox ul li, .cateBox2 ul li { padding-top: 5px; padding-bottom: 5px; }
.cateBox ul li{ list-style:none !important; background:none;}
.cateBox ul li a{ background:url(bg_link.png) no-repeat 0 4px;padding-left:18px;}
.boxgreen{border:1px solid #88bf0d; background: no-repeat 96% 50% #88bf0d;color:#FFF;}
.boxred{border:1px solid #d45853; background: no-repeat 96% 50% #d45853;color:#FFF;}
.boxgreen a,.boxred a{color:#FFF !important; text-decoration:none !important; display:block; min-height:40px;line-height:40px;}
.h3_cate{background: url(bg_h.png) no-repeat 10px 4px #88bf0d; padding-left:40px; font-weight:normal;}
.ico_book{background-image: url(../images/ico_book.png);}
.ico_kinkyu{background-image: url(../images/ico_kinkyu.png);}
img.wcv_ww_newwindowicon {padding-left: 6px;}
/*= font*/
h1 {padding:10px 10px 8px 10px;color:#FFF;border-left:8px solid #eb9bab; background:#eb9bab;}
h2 {color:#709c0e; background:url(bg_h2.png) no-repeat 0 4px #FFF; padding-left:36px; font-weight:bold;}
  p+ h2 {margin-top: 40px;}
h3 {padding:5px 8px 4px 8px;color:#4b6e00;background:#fffff0; border:1px solid #8dcd00;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
h4 {color:#343e40;}
h5 {border-left:4px solid #88bf0d;}
h3 a{background:url(bg_link.png) no-repeat 0 4px; padding-left:20px; color:#4b6e00;} 

/*= home*/
#mainbox{background:#eb9bab;}
#mainbox h2{ font-size:1.2em;}
.h2_photo,.h2_info,.photobox,.infobox,.whatsnewlist{background-color:#f5e09a !important; border:1px solid #fff2c4;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.h2_photo{margin:15px 15px 2px 0px !important;color:#874f17; text-align:center; padding-left:0; background:url(ico_camera.png) no-repeat 2% 50%,url(ico_camera.png) no-repeat 98% 50%;}
#mainbox .unit2 .h2_photo a{color:#874f17!important;}
.photobox{margin:0px 15px 15px 0px; text-align:center;}
.photobox img{ border:1px solid #fff2c4; margin:6px auto;}
.photobox p:first-child{margin:0;}
.h2_info{margin:15px 0 2px 15px !important;color:#874f17; text-align:center; padding-left:0;background:url(ico_info.png) no-repeat 2% 50%,url(ico_info.png) no-repeat 98% 50%;}
.infobox{margin:0px 0 15px 15px;}
.whatsnewlist{margin:0px 0 15px 0 !important;}
.infobox .dl_topics{ margin:10px 10px 0 10px !important; padding:10px 0; height:244px; overflow-y:scroll;border-width:1px 1px 0 1px; border-style:solid; border-color:#fff2c4; font-size:.9em;}
.whatsnewlist .dl_topics{margin:10px !important; padding:10px 15px;border:1px solid #fff2c4; font-size:.9em;}
.infobox .dl_topics dt{ float:none; margin:0;padding-left:10px;}
.infobox .dl_topics dd{ padding-left:10px;margin: 0px;border-bottom:none;}
.infobox p{ margin:0px 10px 10px 10px !important; background:#fff; text-align:right; border-width:0 1px 1px 1px; border-style:solid; border-color:#fff2c4;}
.infobox p a { text-decoration:none !important; color:#343e40 !important; padding-right:30px; background:url(bg_link.png) no-repeat 94% 50%;}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
.h2_photo{background:url(ico_camera@2x.png) no-repeat 2% 50%,url(ico_camera@2x.png) no-repeat 98% 50%; background-size: 24px 19px; }
.h2_info {background:url(ico_info@2x.png) no-repeat 2% 50%,url(ico_info@2x.png) no-repeat 98% 50%; background-size: 24px 23px; }
}
/*= SmartPhone*/
@media screen and (max-width: 768px) {
  body {padding-top:0 !important;}
  #siteName{width:90% !important; padding-top:20px; float:none; margin:0 auto;}
  #siteName a {height:80px;}
  #header {width: 100% !important;}
  #header-parts{padding-top:0px;}
  #header-parts .bt_sitemap{clear:both;float:none; margin:10px auto 0;}
  #header .innerbox, #header #site-header .unit2, #header #header-parts .bt_langage {margin-bottom:0 !important;}
  #topicpath{float:none; width:96% !important; margin:0 auto;}
  #contentsinner,#contents{width:100% !important;}
  #contents.kosodate_index #primary2,#primary2,#secondary{width:94% !important;margin:auto !important;}
  #footer-common{width:90% !important;}
  #searchBox, .bt_sitemap {display: none !important;}
  /*home*/
  #mainbox{background:none;}
  #mainbox h2{ font-size:1em;}
  .h2_photo,.h2_info{margin:0px auto 2px !important;}
  .photobox,.infobox{margin:0px auto 0px !important;}
  .innerbox+.innerbox { margin-bottom: 0;}
  .unit2 { float: none; width: 100%; margin: 0;}
}
@media screen and (max-width: 480px) {
  #footer-common{ background-size:40%; background-position:100% 90%;}
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  .gotop a {background-image: url(gotop@2x.png) ;background-size:100%;}
  #contents p a{ background:url(bg_link.png) no-repeat 94% 50%; background-size: auto;}
  #contents #secondary .cateBox p a { background-image: none;}
}


/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* 
 * FONT-FACE
 * ==========================
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}=*/
/* RESETS
 * ======================*/
.flex-container a:hover,.flex-slider a:hover { outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
/* 
 * BASE STYLES
 * ====================*/
#primary2 .flexslider .slides > li{ margin:0;}
#primary2 ul li.flex-nav-prev, #primary2 ul li.flex-nav-next,#primary2 ul.slides li{list-style:none !important;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {
  max-width:380px;
  width: 100%;
  max-height:300px;
  display: block;
  -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides { display: block;}
html[xmlns] .flexslider .slides [id^="blockarea_div"] {height:300px; overflow:hidden;}
html[xmlns] .flexslider .slides [id^="blockarea_div"]:hover { max-height:auto; position:static; z-index:9999; overflow: scroll;}
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child { display: block;}
/* 
 * DEFAULT THEME
 * =================*/
#SrideBox{width:380px; margin:0 auto; position:relative; z-index:0;}

.flexslider {
  max-width:380px;
  width: 100%;
  max-height:300px;
  margin: 0 auto 0px auto;
  position: relative;
  zoom: 1;
}
.flexslider .slides { zoom: 1;}
.flexslider .slides img { height: auto; -moz-user-select: none;}
.flex-viewport {
  max-height: 300px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.carousel li { margin-right: 5px;}
.flex-direction-nav { *height: 0;}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {}
.flex-direction-nav a.flex-next:before {}
.flex-direction-nav .flex-prev {
  left: -30px;
  text-indent:-9999px;
	width:22px;
	height:54px;
  display: block;
  background:url(../../images/sride_nav_above.png)
}
.flex-direction-nav .flex-next {
  right: -30px;
  text-indent:-9999px;
	width:22px;
	height:54px;
  display: block;
  background:url(../../images/sride_nav_next.png)
}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 0px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 0px;}
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1;}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {}
.flex-control-nav {
	display:none;
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {background: #00974B;}
.flex-control-paging li a.flex-active {background: #00974B;cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
  .flex-direction-nav .flex-next {opacity: 1;right: 10px;}
}