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

@common

last update 130908
v 1.0

--------------------------------*/
html{
	overflow-y:scroll;
	overflow-x:hidden;
}

html,body{
	
	font-size:13px;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	width:100%;
	min-width:1024px;
}

img { -ms-interpolation-mode: bicubic; }


#wrapper{
	width:100%;
	height:100%;
	min-width:1024px;
	display:none;
	overflow:hidden;
	position:relative;
}

.opacity{
	filter:alpha(opacity=1);
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity:1;
	display:block;
}

#contents:not(.top){
	width:100%;
	min-width:1024px;
	background:url(../img/common/bg_150720.jpg) top center no-repeat;
	background-size:cover;
}

#contents-inner{
	width:1024px;
	margin:0 auto;
	padding:220px 0 0 0;
}

/**************************


@header


**************************/
.header{
	min-width:1024px;
	margin:0 auto;
}

#top-header #ttl{
	position:absolute;
	z-index:11;
	top:28px;
	left:32px;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
	overflow:hidden;
}

#top-header #ttl img{
	width:100%;
	height:100%;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
	overflow:hidden;
}

#navi{
	position:absolute;
	z-index:10;
	top:50px;
	right:20px;
}

#navi li{
	float:left;
	padding:0 4px 16px 4px;
}

#navi li.break{
	clear: both;
	margin: 0 0 0 37px;
}

.navi-btn{
}

.theater-btn{
	width:179px;
	height:28px;
	background:url(../img/common/navi/b5_bg.png) no-repeat;
}

.theater-btn p{
	float:left;
}

.theater0{
	margin:0 0 0 73px;
}

#top-header #navi{
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
	background:url(../img/top/navi_bg.png) no-repeat;
	width:575px;
	height:90px;
	top:31px;
	padding:21px 0 0 118px;
}

#top-header #navi li.break{
	clear: both;
	margin: 0 0 0 -48px;
}



#contents-header{
	width:100%;
	height:180px;
	position:absolute;
}

#contents-header #ttl{
	position:absolute;
	z-index:9;
	top:28px;
	left:32px;
	padding:0;
}

#contents-header #ttl img{
}


/**************************


@pager


**************************/
#pager-container{
	margin:0 auto;
}

#pager-container li{
	float:left;
	width:76px;
	height:46px;
}

.pager-btn{
	width:46px;
	height:46px;
	line-height:46px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	background:#008bd3;
	color:#fff;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.pager-current-btn{
	width:46px;
	height:46px;
	line-height:46px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	color:#008bd3;
	background:#fff;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.pager-btn:not(.not):hover{
	color:#008bd3;
	background:#fff;
}

#pager-prev-btn,#pager-next-btn{
	letter-spacing:-2px;
}



/**************************


@preloader


**************************/
#preloader{
	position:relative;
	z-index:999;
	width:100%;
	height:100%;
	background:#fff;
}

#preloader-line{
	width:0px;
	height:2px;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	background:#008bd3;
	z-index:1;
	display:block;
}


/**************************


@social-container


**************************/
#social-container{
	width:230px;
	padding: 20px 10px 0px 33px;
	float:left;
}

#twitter-btn{
	width:115px;
	height:21px;
	float:left;
	padding:0 5px 0 0;
}

#facebook-btn{
	width:110px;
	height:21px;
	float:left;
}



/************************


@footer


************************/
#footer{
	width:100%;
	height:60px;
	position:absolute;
	z-index:10;
	bottom:15px;
	left:0px;
	right:0px;
	color:#fff;
	letter-spacing:0px;
}

#footer-inner{
	/*float:right;*/
	padding:10px 120px 0 0;
}

#footer-navi-container{
	float:right;
}

#footer-navi{
	font-size: 12px;
	/*width: 300px;*/
	display: block;
	margin: 0 0 5px 33px;
}

#footer-navi li{
	float:left;
	padding:0 5px 0 5px;
}

#footer-navi li a{
	color:#fff;
	text-decoration:underline;
}

#back-top{
	position:absolute;
	top:0px;
	right:40px;
	z-index:20;
	cursor:pointer;
}


#cc{
	font-size:14px;
}