@charset "utf-8";
/* init -------------------------------------*/
html{font-size:100%;}
body, div, img, a, ul, li, dl, dt, dd, h1, input, form, h2, h3 {margin: 0px;padding: 0px;}
p{margin:0 0 6px 0;padding: 0;font-size:1em;}
img {border-width: 0px;}

/* body初期値--------------------------------*/
body {
  font-size:75%;
  color: #333;
  margin:0 auto;
  text-align: center;
  line-height: 1.8;
  background: url(../../images/init/BackGround.jpg) repeat-y center center #fed555;
  font-family:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* a :link ----------------------------------*/
a {color:#0066CC;}
a:hover {color:#0099CC;}
a img.btn {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
a img.btn:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.page_jump_bottom {text-indent:-9899px;}
.page_jump_bottom a{background: url(../../images/Footer/page_jump.jpg) no-repeat left top;display: block;height: 16px;margin: 0 auto 30px;text-align: center;width: 171px;}
.page_jump_bottom a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*--------------------------------------------
   layout
--------------------------------------------*/
/* Header ---------------------------------- */
#header {position: relative;margin: 0 auto;overflow: hidden;padding: 18px 0 3px;/* border-left:1px solid #D63334;border-right:1px solid #D63334; */text-align: left;width: 940px;background: url(../../images/Header/HeaderLine.jpg) no-repeat left top;}
.logo{float:left;padding: 0 0 0 10px;margin-top: 22px;}

#header_banner{
  list-style-type: none;
  margin: 0 5px 8px 8px;
  padding: 4px 4px 4px 5px;
  position: absolute;
  right: 0;
  width: 725px;
  height:88px;
  background:url(../../images/Header/Banner/HeaderBannerback.jpg) no-repeat left top;
}
#header_banner li{float:left;padding: 2px 1px;}
#header_banner li a{display:block;}

/* GlobalMenu ----------------------------------- */
#global_menu,
#global_menu *{box-sizing: border-box;}
#global_menu{
  float:left;
  display: flex;
  width:725px;
  margin: 99px 0 0 12px;
  list-style-type:none;
  box-shadow: 0 2px 2px 1px #CCCCCC;
}

#global_menu li{
  width: 25%;
  margin:0 auto;
  text-align:center;
}

#global_menu li a{
  position: relative;
  display:block;
  height:30px;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: bold;
  border-top: 5px solid;
}
.home a{
  color: #BD000F;
  border-top-color: #BD000F !important;
}
.list a{
  color: #F09C00;
  border-top-color: #F4CD00 !important;
}
.hall a{
  color: #8CC5E6;
  border-top-color: #8CC5E6 !important;
}
.faq a{
  color: #C45AD0;
  border-top-color: #C45AD0 !important;
}
.home a:hover{
  color: #FFFFFF;
  background-color: #BD000F;
}
.list a:hover{
  color: #FFFFFF;
  background-color: #F4CD00;
}
.hall a:hover{
  color: #FFFFFF;
  background-color: #8CC5E6;
}
.faq a:hover{
  color: #FFFFFF;
  background-color: #C45AD0;
}
#global_menu li a:hover::after{
  content: "";
  position: absolute;
  display: block;
  left: calc(50% - 8px);
  bottom: -8px;
  border-top: 8px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
#global_menu li.home a:hover::after{border-top-color: #BD000F;}
#global_menu li.list a:hover::after{border-top-color: #F4CD00;}
#global_menu li.hall a:hover::after{border-top-color: #8CC5E6;}
#global_menu li.faq a:hover::after{border-top-color: #C45AD0;}




/* main_contents ----------------------------------- */
#main_contents{clear: both;margin: 0 auto;overflow: hidden;width: 940px;/* border-left:1px solid #D63334;border-right:1px solid #D63334; */}

/* left_container ----------------------------------- */
#left_container {float:left;width:189px;_width:189px;margin:0 0 0 8px;_margin:0 0 0 2px;text-align:center;}

#search_area{background: url(../../images/Side/Left/search_back.jpg) no-repeat -2px top;height: /*135px*/115px;width: 195px;_width:183px;margin:0 0 10px;padding:45px 0 0;}
#search_area .search_type{text-align:left;margin:0 0 0 10px;font-size:11px;width:170px;}
#search_area label{vertical-align:middle;cursor:pointer;}
#search_area label input{vertical-align:middle;}
#search_area label:hover{color:#0099CC;}


#search_artist{ime-mode: active;font-size: 1em;height: 24px;margin:3px 3px 5px 0;width: 169px;border: 1px solid #AAAAAA;padding:0 0 0 2px;}
#search_artist:focus{background-color:#FCF3DB;}
#search_please{border:none;height: 24px;width: 174px;cursor:pointer;background: url(../../images/Side/Left/SearchBtn.jpg) no-repeat left top;}
#search_please:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#search_detail{display: block;float: right;font-size: 0.9em; margin:5px 14px 0 0;padding: 0 0 0 7px; background: url(../../images/init/Collar/Blue/Icon.gif) no-repeat left 6px;}

.service,
.link{background: url(../../images/Side/SubTitleLR.jpg) no-repeat;}

/*h2*/
.service{background-position:left top;}
.link{background-position:left -30px;}

/*innner*/
.service_inner,
.link_inner{padding:0 5px 0 7px;}

.service_inner{padding:0 5px 0 7px;margin:10px 0 20px;}

/* service */
.service_inner dl{text-align:left;}
.service_inner dt{color: #666666;line-height: 1.5;margin: 10px 0 0; padding:0 0 0 7px; background: url(../../images/init/Collar/Blue/Icon.gif) no-repeat left 4px;}
.service_inner dd{border-bottom: 1px dotted #CCCCCC;line-height: 1.5;padding: 0 0 5px 7px;}
.service_inner dd a:hover{opacity: 0.7;}
.service_inner dt img{width: 10px; vertical-align: middle;}

/* newvisiter */
.banner{margin:0 0 20px;}
.banner_top {
  width: 940px;
  margin: -30px auto 6px;
  padding-right: 22px;
  text-align: right;
}
/* link_inner */
.link_inner{background-color: #F8F8F8;border: 1px solid #CCCCCC;margin:10px auto 5px;padding: 6px 6px 0;width: 171px;}
.link_inner a{display:block;margin:0 0 5px;}


/* main_container ------------------------------ */
#main_container{/*width:530px;*/text-align:left;}

/* Footer ----------------------------------*/
#footer{width:940px;margin: 0 auto 0;padding:15px 0 0;clear:both;color:#fff;bottom:0;}

.footer_inner{padding:10px 0 0;background: #990000 url(../../images/Footer/FooterLine.jpg) repeat left top;text-align: left;}

.hiroshima{padding-left:10px;}
.hiroshima, .okayama, .yamaguchi{float: left;font-size: 0.95em; line-height: 1.4; width: 196px;}
.hiroshima em, .okayama em, .yamaguchi em{color: #FFFFFF;font-family:Arial, Helvetica, sans-serif;display:block;font-style:normal;}
.acpc{width:289px;float:right;padding-right:10px;}
.acpc p{line-height:1.5;}

.okayama{margin:0 10px;}

#footer a{color:#fff;}
#footer a:hover{color:#ccc;}

#footer_menu{list-style-type:none;margin: 0 auto;clear:both;padding-left:10px;}
#footer_menu li{display:inline;margin:0 0.5em 0 0;font-size:0.9em;padding:0 0 0 8px;}

.copyrght{background-color: #710100;font-size: 11px;margin: 0;text-align: center;}