@charset "utf-8";

/*====================================================================

common.css

====================================================================*/

/*--------------------------------------------------------------------
01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
   margin:0;
   padding:0;
   border:none;
}
hr{display:none;}
/*img{display:block;}
li{list-style-type: none;}*/

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*a
----------------------------------------------------------------*/
a{
   color:#5d3121;
   text-decoration: underline;
}
a:visited{
   color:#5d3121;
   text-decoration:underline;
}
a:hover{
   color:#ff507d;
   text-decoration:none;
}
a:active{
   color:#ff507d;
   text-decoration:none;
}



/*--------------------------------------------------------------------
02.body
--------------------------------------------------------------------*/
html, body, #bg-base3, #container {
    height: 100%;
}
html{background: url(../img/bg-base.gif) center top;}
body{
   background: url(../img/bg-base2.png) no-repeat center top;
}
body *{
   color: #5d3121;
   line-height: 1.8;
   font-size: 14px;
   font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
   -moz-font-feature-settings:'jp90';
   -moz-font-feature-settings:'jp90=1';
   -webkit-font-feature-settings:'jp90' 1;

}
#bg-base3{
   min-width: 1127px;
   min-height: 1082px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: url(../img/bg-base3.png) center top;
}
#container{
   position: relative;
   width: 1127px;

   height: auto;
   background: url(../img/bg-container.png) repeat-y center top;
}
#container-top,
#container-bottom{

}
#container-top{
   background: url(../img/bg-container-top.png) no-repeat center top;
}
#container-bottom{
   background: url(../img/bg-container-bottom.png) no-repeat center bottom;
}
#container #contents{
   margin: auto;
   overflow: hidden;
}
#container #contents #contents-inner{
   position: relative;
   width: 1052px;
   margin: 31px auto 0;
   padding-bottom: 37px;
   overflow: hidden;
   zoom: 1;
}
#container #contents #contents-inner .side{
   float: left;
   width: 269px;
   min-height: 1015px;
}
#container #contents #contents-inner .main{
   float: right;
   width: 783px;

}

.sns{
   z-index: 1000;
   position: absolute;
   right: 20px;
   top: 25px;
   text-align: right;
}
.sns .icon,
.sns .icon a{
   width: 43px;
   height: 42px;
}
.sns .icon{
   display: inline-block;
   margin-left: 3px;
}
.sns .icon a{
   display: block;
   text-align: left;
   text-indent: -9999px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center center;
   -moz-background-size:  100% auto;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
}
.sns .icon a:hover{
   filter: alpha(opacity=90);
   -khtml-opacity: 0.9;
   -moz-opacity: 0.9;
   opacity:0.9;
}
.sns .icon.twitter a{background-image: url(../img/icon-twitter2.png);}
.sns .icon.facebook a{background-image: url(../img/icon-facebook2.png);}

/*side
---------------------------------------------------------------------*/
#container .side .logo,
#container .side .logo a{
   width: 225px;
   height: 155px;
}
#container .side .logo{
   background: url(../img/side-logo.png) no-repeat center center;
   margin-left: 34px;
}
#container .side .logo a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
#container .side .menu{
   width: 225px;
   margin-left: 34px;
}
#container .side .menu map area{
  background-color: red;
}
#container .side .twitter-box{
   width: 219px;
   height: 273px;
   margin-left: 37px;
   overflow: hidden;
   background: url(../img/bg-twitter.png) no-repeat center top;
}
#container .side .twitter-box .inner{
   width: 198px;
   height: 232px;
   margin-top: 32px;
   margin-left: 9px;
}
#container .side .copyright{
   margin: 7px 0 0 37px;
}
#container .side .copyright p{
   color: #5d3121;
   font-size: 8px;
}
#container .side .banner{
   margin: 7px 0 0 37px;
}

/*--------------------------------------------------------------------
03.contents
--------------------------------------------------------------------*/
#container{
}

.index #contents{
   width: 1127px;
   height: 1082px;
   background: url(../img/top/main.png) no-repeat center center;
}
.index .side .logo{
   visibility: hidden;
}

/*level2*/
#contents .contents{
   position: relative;
}
#contents .contents-title{
   visibility: hidden;
   height: 174px;
}



/*top*/
.tp-links{}
.tp-links ul,
.tp-links ul li{display: block;}
.tp-links .btn{
   display: block;
   position: absolute;
   text-indent: -9999px;
   overflow: hidden;
   background-repeat: no-reepat;
   background-position: center;
}

.tp-links .event181104{
   left: 255px;
   top: 155px;
   width: 180px;
   height: 179px;
   background-image: url(../img/top/btn-event181104.png);
}
.tp-links .event181104:hover{
   background-image: url(../img/top/btn-event181104-over.png);
}