@charset "utf-8";

* {
  margin:0;
  padding:0;
}
html {
  font: 75%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  margin:0;
  padding:0;
}
body {
  color:#413838;
  background-color:#FFF;
  margin:0;
  padding:0;
}
ul, ol, dl {
  margin:0;
  padding:0;
}
h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
}
a img {
  border:none;
}
a {
  color:#000080;
  text-decoration:none;
}
a:hover, a:active, a:focus {
  color:#666;
  text-decoration:underline;
}
header,hgroup, nav, section, footer {
  display:block;
}
/* ========ベース======== */
header {
  width:100%;
  background-color:#FFF;
  overflow:hidden;
}
nav {
  width:100%;
  background-color:#000080;
  border-bottom:1px solid #999;
  overflow:hidden;
}
#middle {
  width:100%;
  margin:20px 0 30px 0;
}
#container {
  margin:20px auto;
}
#main {
  float:left;
  margin-bottom:20px;
}
#sub {
  float:right;
  margin-bottom:20px;
}
#pageTop {
  clear:both;
}
#footer_area {
  width:100%;
  margin-bottom:5px;
  clear:both;
}
footer {
  width:100%;
  background-color:#E7E7E7;
  padding:10px 0;
  clear:both;
}
/* ========ヘッター======== */
hgroup {
  width:100%;
  vartical-align:middle;
} 
header h1 {
  font-size:0.875em; /*14px*/ 
  color:#000080;
  margin:0 0 15px 5px;
}
#title_img {
  width:200px;
  hight:50px;
  float:left;
  margin:0 0 10px 5px;
  border:0;
}
#header_free {
  float:right;
  margin:0 5px 10px 5px;
  border:0;
}
p.hf {
  font-size:1.125em;  /*18px*/
  font-weight:bold;
  display:none;
  text-align:left;
  color:#000080;
}
#header_area {
  float:right;
  margin:0 0 10px 5px;
  padding:0 5px;
}
/* ========ナビ======== */
nav ul {
  margin:10px auto;
  padding:0;
  text-align:center;
}
nav li {
  color:#413838;
  text-align:center;
  list-style-type:none;
  display:inline-block;
}
nav li a {
  color:#FFF;
  padding:5px 10px;
  line-height:20px;
  border-left:1px solid #D8D8D8;
  display:block;
}
nav li a:hover {
  color:#FFF;
  margin:0px;
  text-decoration:underline;
}
nav li a.active {
  color:#000080;
  background:#E7E7E7;
  margin:0 -5px 0 0;
  text-decoration:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
nav li a.last {
  border-right:1px solid #D8D8D8;
}
/* ========スマートフォン用 ボタン======== */
p.sp {
  margin:0 0 15px 0;
  color:#000080;
  font-size:1.5625em;  /*25px*/
  font-weight:normal;
  display:none;
  text-align:center;
  background-color:#E7E7E7;
}
p.sp a, p.sp a:hover, a:active {
  color:#000080;
  text-decoration:underline;
}
/* ========スマートフォン用 ヘッダー======== */
#sheader_area {
  float:center;
  margin:5px;
  padding:0;
}
#sheader h1 {
  color:#FFF;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  margin:0 2px;
}
#sheader h1 a {
  color:#fff;
  text-decoration: none;
}
.smenu {
  float:right;
  margin-right:2px;
} 
.smenu ul {
  margin:0;
  padding:0;
}
.smenu ul li {
  list-style: none;
  margin:0;
  padding:0px;
  font-size:0.9375em;  /*15px*/
  float: right;
  width: 115px;/*親メニューの幅*/
  height: 30px;/*親メニューの高さ*/
  line-height: 30px;
  position: relative;
  background:#000080 url("../images/bg_smenutop.gif") 20% 50% no-repeat;/*親メニューの背景色*/
  color:#FFF;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
  border-bottom:1px solid #999;
}
.smenu ul li a {
  color: #FFF;
  display: block;
  text-decoration: none;
}
.smenu ul li:hover {
  background:#000080 url("../images/bg_smenutop.gif") 20% 50% no-repeat;
  color:#FFF;
  text-decoration: none;
}
.smenu ul li a:hover {
  background:#E7E7E7;/*ホバー時の親メニューの背景色*/
  color:#000080;/*ホバー時の親メニューの文字色*/
  text-decoration:underline;
}
.smenu ul li ul {
  position: absolute;
  top: 30px;/*親メニューの高さと同じにする*/
  width: 115px;
  z-index: 100;
}
.smenu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 115px;/*サブメニューの幅*/
  height: 0;
  background:#000080;/*サブメニューの背景色*/
}
.smenu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#000080;/*ホバー時のサブメニューの背景色*/
}
.smenu ul li:hover ul li, .menu ul li a:hover ul li {
  visibility: visible;
  overflow: visible;
  height:30px;/*サブメニューの高さ*/
  z-index: 10;
}
.smenu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* ========ミドル======== */
#middle_area {
  border:1px solid #999;
}
#middle_title {
  color:#000080;
  font-family: Osaka,Verdana,Arial,Helvetica,sans-serif; 
  font-size:1.5em;  /*24px*/ 
  margin:5px;
  text-align:left;
}
#middle_artist_area {
  margin:5px;
  padding:0;
  text-align:left;
}
.flexslider {
  margin: 0 auto;
  width: 100%;
  float:center;
}
#sviewer {
  margin: 5px auto;
  padding:5px;
  width:98%;
  text-align:center;
}
#sviewer_area {
  float:center;
  padding:5px;
}
.sviewer_atext {
  color:#FA0000;
}
#sheader_img {
  width:200px;
  hight:50px;
  border:0;
}
/* ========パンくず======== */
#menu_bread {
  text-align:left;
  margin-top:10px;
}
#menu_bread ul {
  margin:0;
  padding:0;
  text-align:left;
  font-size:0.875em;  /*14px*/
}
#menu_bread ul li {
  display:inline;
  margin-right:5px;
}
/* ========メイン======== */
#main h2 {
  color:#000080;
  font-size:1em;
  background:#E7E7E7;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.85, #E1E1E1), color-stop(0.00, #EDEDED));
  background:-webkit-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-moz-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-o-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-ms-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:linear-gradient(to bottom, #EDEDED 0%, #E1E1E1 85%);
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  padding:3px 0 3px 8px;
  clear:both;
}
#main h2 a {
  color:#000080;
  font-size:1em;
  text-decoration:none;
}
#main h3 {
  color:#000080;
  font-size:0.9375em;  /*15px*/
  background:#E7E7E7;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.85, #E1E1E1), color-stop(0.00, #EDEDED));
  background:-webkit-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-moz-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-o-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-ms-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:linear-gradient(to bottom, #EDEDED 0%, #E1E1E1 85%);
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  padding:1px 0 1px 8px;
  clear:both;
}
#main h4 {
  font-size:0.9375em;  /*15px*/
  border-bottom:1px dotted #999;
  background:#fff url("../images/bg_h4.jpg") 0 50% no-repeat;
  margin-bottom:3px;
  padding:1px 0 1px 15px;
}
#main h5 {
  color:#000080;
  font-size:1em;
  font-weight:bold;
  border-bottom:3px double #000080;
  margin-bottom:8px;
  padding:2px 0 2px 8px;
}
#main h6 {
  font-size:0.875em;  /*14px*/
  border-bottom:2px solid #413838;
  margin-bottom:2px;
  padding:0 0 0 8px;
}
#main_area1 {
  border:1px solid #999;
  margin-bottom:30px;
  padding:5px 5px 5px 10px;
}
#main_area2 {
  border:1px solid #999;
  margin-bottom:30px;
  padding:5px;
}
#main_area3 {
  margin-bottom:30px;
  padding:5px;
}
#main_box_area1 {
  border:1px solid #999;
  padding:5px 5px 5px 10px;
}
#main_area_in, #main_area_out {
   margin:0px;
   padding:5px;
   background:#E7E7E7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
   box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
#main_area_out {
   margin-bottom:30px;
}
#main_table_front {
   width:98%;
   padding:0;
}
#main_table_front td {
   margin:0;
   padding:0;
   vertical-align:top;
}
#main_table_ph {
   width:98%;
   padding:0;
   margin: 0 0 5px 0;
}
#main_table_ph td {
   margin:0;
   padding:0;
   vertical-align:top;
}
#main_table_ph th {
   width:120px;
   vertical-align:top;
   text-align:left;
   padding:0 0 15px 0;
}
#main_area_table {
   margin: 0px;
   width:98%;
   padding:5px 0;
}
#main_area_table td {
   vertical-align:top;
   margin:0;
   padding:0;
}
#main_area_table th {
   width:50px;
   vertical-align:top;
   text-align:left;
   padding:0 0 15px 0;
}
#main p {
  font-size:1em;
  margin:0 0 1em 0;
}
#main ul {
  margin-left:10px;
  margin-bottom:30px;
  padding:0;
}
#main ol {
  margin-left:10px;
  margin-bottom:30px;
  padding:0;   
}
#main li {
  line-height:1.4;
  list-style:none;
}
.icon {
  color:#FFB400;
}
.main_font1 {
   color:#413838;
}
.main_font2 {
   color:#000080;
}
.main_font3 {
   color:#FA0000;
}
.main_font4 {
   color:#BB0000;
}
.main_fontz1 {
   color:#00AF00;
}
.main_fontk1 {
   color:#F90000;
}
a.line {
   color:#000080;
   text-decoration:underline;
}
.ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
margin-bottom:10px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200px;
}
.information_title {
  color:#000080;
  font-size:1em;
  background:#E7E7E7;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.85, #E1E1E1), color-stop(0.00, #EDEDED));
  background:-webkit-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-moz-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-o-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:-ms-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
  background:linear-gradient(to bottom, #EDEDED 0%, #E1E1E1 85%);
  border:1px solid #999;
  margin-bottom:0.5em;
  padding:3px 0 3px 8px;
  clear:both;
}
#main dl, .information dl {
   margin-bottom:30px;
}
#main dt, .information dt {
   float:left;
   padding-top:5px;
}
#main dd, .information dd {
   margin:0 0 5px 0;
   padding:5px 0 5px 9em;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}
#ex_menu {
   text-align:left;
   margin: 5px 5px 20px 5px;
}

#ex_menu ul {
   margin:0 auto;
   padding:0;
}

#ex_menu ul li {
   display: inline-block;
   vertical-align:top;
   margin-right: 5px;
   margin-bottom: 5px;
}
/* ========画像======== */
.img_pc57L {
   border: none;
   width:57px;
   hight:86px;
}
p .img_pc57L {
   float:left;
   margin-right:5px;
   margin-bottom:5px;
}
.img_pc86L {
   border: none;
   width:86px;
   hight:57px;
}
p .img_pc86L {
   float:left;
   margin-right:3px;
   margin-bottom:3px;
}
.img_pc100L {
   border: none;
   width:100px;
   hight:150px;
}
p .img_pc100L {
   float:left;
   margin-right:5px;
   margin-bottom:5px;
}
.img_ph115, .img_ph115L {
   border: none;
   width:115px;
   hight:86px;
}
p .img_ph115L {
   float:left;
   margin-right:5px;
   margin-bottom:5px;
}
.img_ph86 {
   border: none;
   width:86px;
   hight:115px;
}
.img_ph280 {
   border: none;
   width:280px;
   hight:181px;
}
/* ========サブ======== */
#sub h2 {
   font-size:0.875em;  /*14px*/
   font-weight:bold;
   color:#000080;
   background:#E7E7E7;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.85, #E1E1E1), color-stop(0.00, #EDEDED));
   background:-webkit-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:-moz-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:-o-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:-ms-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:linear-gradient(to bottom, #EDEDED 0%, #E1E1E1 85%);
   border-top:1px solid #999;
   border-left:1px solid #999;
   border-right:1px solid #999;
   padding:3px 0 3px 10px;
   clear:both;
}
#sub h3 {
   font-size:0.875em;  /*14px*/
   font-weight:bold;
   color:#000080;
   background:#E7E7E7;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.85, #E1E1E1), color-stop(0.00, #EDEDED));
   background:-webkit-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:-moz-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:-o-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:-ms-linear-gradient(top, #EDEDED 0%, #E1E1E1 85%);
   background:linear-gradient(to bottom, #EDEDED 0%, #E1E1E1 85%);
   border:1px solid #999;
   padding:3px 0 3px 10px;
   clear:both;
}
#sub_area {
   border:1px solid #999;
   margin-bottom:20px;
   padding:5px 5px 5px 10px;
}
#sub_area2 {
   border:1px solid #999;
   margin-bottom:20px;
   padding:5px 5px 5px 10px;
   font-size:0.875em;  /*14px*/
}
#sub_pcL_area {
   border:1px solid #999;
   margin-bottom:20px;
   padding:5px 5px 10px 10px;
}
#sub .section {
   margin-bottom:20px;
}
#sub .section ul {
   margin:0;
   padding:0;
}
#sub .section li {
   line-height:1.4;
   border-bottom:1px solid #999;
   padding:0 0 0 10px;
   list-style:none;
}
#sub .section li a {
   color:#000080;
   line-height:2.5;
   background:url("../images/bg_sub_list.gif") 5px 15px no-repeat;
   padding-left:20px;
   display:block;
}
#sub .section li a:hover, a:active {
   color:#666666;
   text-decoration:underline;
}
.sub_bnr {
   margin:20px 0;
   padding:10px;
   border:1px solid #999;
}
.sub_bnr ul {
   margin:0 0 -10px 0;
   padding:0;
}
.sub_bnr li {
   margin:0;
   padding:10px;
   list-style:none;
   text-align:center;
   margin-bottom:10px;
   background:#E7E7E7;
}
#sub_link {
   border:1px solid #999;
   margin-bottom:20px;
   font-size:0.875em;  /*14px*/
   padding:5px 5px 5px 10px;
}
#sub_qr {
   border:1px solid #999;
   padding:5px;
   font-size:0.875em;  /*14px*/
}
/* ========PAGRTOPバック========= */
#pageTop {
   right:0;
   bottom:0;
   background:#000080;
   padding:10px;
   position:fixed;
}
#pageTop a {
   padding:0 0 0 12px;
   color:#fff;
   font-size:0.9375em;  /*15px*/
   background:#000080 url("../images/bg_pagetop.gif") 0 50% no-repeat;
}
/* ========フッターエリア モバイル======== */
.footer_navi_m {
   text-align:center;
   margin:10px auto;
   padding:10px 0;
}
.footer_navi_m ul {
   background-color:#E7E7E7;
   border:1px solid #999;
   padding:10px;	
   text-align:center;
}
.footer_navi_m li {
   display:inline;
   list-style:none;
   text-align:center;
   padding:0 20px
}
.footer_navi_m li a, a:hover, a:active {
   color:#000080;
   text-decoration:underline;
}
/* ========フッターエリア アドレス======== */
.footer_address {
   width:100%;
   color:#FFF;
   font-size:0.875em;  /*14px*/
   background-color:#000080;
   border-top:1px solid #999;
   text-align:center;
   padding:5px auto;
   overflow:hidden;
}
.footer_address a,.footer_address a:hover,.footer_address a:active {
   color:#FFF;
   text-decoration:underline;
}
.icon-office {
   margin-right:5px;
}
/* ========フッター======== */
.footer_menu {
   font-size:0.875em;  /*14px*/
}
.footer_menu ul {
   text-align:center;
   margin:10px 0;
}
.footer_menu li {
   margin:0 0 0 10px;
   display:inline;
   list-style:none;
}
.footer_menu li a {
   color:#000080;
}
.footer_menu a:hover, a:active {
   color:#666666;
   text-decoration:underline;
}
.copyright {
   font-size:0.75em;  /*12px*/
   font-style:normal;
   text-align:center;
   padding:10px 0;
}