@charset "utf-8";
/* CSS Document */


/*1: リセット
=================================*/

/* フォントサイズ100％とフォントファミリー追加 */
*{margin:0; padding:0; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; position: relative; }

/* <hr />タグを入れるとフロートクリア */
hr{visibility:hidden; border:0; clear:both; padding:0; margin:0;}

/* 下揃え追加 */
img {margin: 0;	padding: 0;	border: none; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%; zoom:1;}
table{ border-collapse:collapse;}
ul,ol,dl{list-style-type: none;}
strong{ font-weight:bold;}
address{ font-style:normal;}


html, body {
color:#FFFFFF;
margin:0;
padding:0;
}
form{ margin:0; padding:0;}



/*2: リンク
=================================*/

a{ outline:none; text-decoration:underline; color:#F90; }
a:link {text-decoration:underline;color:#156ba0;}
a:visited { text-decoration:underline; color:#156ba0; }
a:hover {text-decoration: none; color: #156ba0;}

a.ir{ display:block; overflow:hidden; height:0; background-repeat:no-repeat; background-position:0 0;}
a.imgbotton:hover img{ opacity:0.8; filter:alpha(opacity=80);-msfilter:"alpha(opacity=80)";}


/*3: 定形クラス
=================================*/

.guide{display:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{float:right;}

/* divの中央揃えも可能 */
.center{ text-align:center; margin:0 auto; }

/* テキストサイズ */
.ss{ font-size:75%; line-height:120%;}
.s{ font-size:80%; line-height:120%;}
.m{ font-size:90%; line-height:120%;}
.l{ font-size:120%; line-height:120%;}
.m_bold{ font-size:90%; line-height:120%; font-weight: bold; color:#efea3a;}
.m2_bold{ font-size:100%; line-height:120%; font-weight: bold; color:#efea3a;}

/* テキスト位置 */
.tx-l{text-align: left;}
.tx-r{text-align: right;}
.tx-c {text-align: center;}


.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

#header {position: relative; width: 1140px; margin: 0 auto; }
#header #headerInner { width:1100px;  margin:0 auto;z-index:99; }
#header #headerInner .nav_logo { width:326px; float:left; top:18px}
#header #headerInner .nav_btn01 { width:654px; float:left; margin: 37px 0 0 120px; z-index: 10;}
#header #headerInner .nav_btn01 a {margin-right: 5px; }
#header #headerInner .nav_btn02 { width: 663px; float:left; margin: 7px 0 0 66px;}
.manuBg {position: absolute; top: 26px; z-index: -1; right: 0px; width: 722px!important; }

#sns_btn {}
#facebook { margin:13px 5px 0 0; float:left; text-align:left;}
#twitter { width:100px; margin:13px 0 0 10px; float:left; text-align:left;}
#copyright { display:block; width:100%; height:auto; background-color:#000; }
#copyright p { display: block; width: 340px; height: auto; margin: 0 auto;}
#copyright p img { width: 100%; height: auto;}
#footer_line02 { background-color: #fff;}
#footer {  background:url(../image/share/footer_line01.png) top center repeat; padding:15px 0 12px 0; height: auto;}
#footer .footerInner { width:950px; position:relative; text-align:center; margin:0 auto;}
#banner { width:850px; margin:0px auto; overflow: hidden;}
#banner img { margin:5px 5px 5px 5px; float:left;}
#banner02 { width:850px; margin:0 auto; margin-top:10px;}
#banner02 img { margin:5px 5px 5px 5px; float:left;}
#copyright { padding:6px 0 10px 0;}

#container #header02 { width: 100%; height: 166px; z-index: 10; top: 156px;}
#container #header02 #header02Inner { width:1056px; margin:0 auto; position:relative;}
#container #header02 #header02Inner .load_show { width:380px; float:left; position:absolute;top:50px;left:0px; text-align:left;}
#container #header02 #header02Inner .ticket { top:30px; right:0px; position:absolute;}

/*下層コンテンツヘッダ背景 -----*/
#infoWrapper {
}

/*20170715追記　----------------------------------------------------*/
#container {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-image:url("../image/share/shareImg01.jpg");
}
#container #infoWrapper{ display: block; }


/*backToTop ===============================================*/
#page-top { 
    position: fixed;
    bottom: 44px;
    right: 40px;
}


/*----------------------
	set New icon 56x63
------------------------*/
._setNewIcon:before {
	content:url(../image/share/sptopContbannerImg00.png);
	position: absolute;
	top: -22px;
	z-index: 10;
	left: -3px;
	animation: _newIconMotion 1s ease-in-out infinite alternate;
	pointer-events:none;
}
._setNewIcon02:before {
	content:url(../image/share/sptopContbannerImg00.png);
	position: absolute;
	top: -310px;
	z-index: 10;
	left: -3px;
	animation: _newIconMotion 1s ease-in-out infinite alternate;
	pointer-events:none;
}
	@keyframes _newIconMotion {
		0% { transform:translate( -3px,-10px); }
	  100% { transform:translate(  0px,0px); }
	}