@charset "UTF-8";

/*---------------------------------------------------------------------------------------
　header
---------------------------------------------------------------------------------------*/

header{
	background:url(../images/common/menu_bg.png) repeat-x 0 0;
	height:52px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}

#header-nav{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:15px 0 0 0;
}

#global-menu{
	text-align:center;
}

#global-menu li{
	display:inline-block;
	padding:0 30px;
}

#global-menu li a{
	position:relative;
	display:inline-block;
}

#global-menu li a span{
	position:absolute;
	bottom: -2px;
    left: -19px;
	overflow:hidden;
}

#sns-menu{
	position:absolute;
	top:11px;
	right:0;
}

#sns-menu li{
	display:inline-block;
	margin-left:15px;
}

#sns-menu li#official-tw img{
	margin-top:1px;
}


/*---------------------------------------------------------------------------------------
　opening 1    
---------------------------------------------------------------------------------------*/
#opening1{
	position:fixed;
	width:100%;
	height:100%;
	z-index:2000;
	background:url(../images/top/top_bg.jpg) repeat 50% 0;
}
#opening1-wrapper{
	position:absolute;
	top:50%;
	left:50%;
}
#opening1-wrapper #opening-tono{
	position:absolute;
	top: -361px;
    left: -239px;
}
#opening1-wrapper #opening-castle{
	position:absolute;
	top:-242px;
	left:-239px;
}
#opening1-wrapper #kasa{
	position:absolute;
	top: -338px;
    left: 125px;
}

/*---------------------------------------------------------------------------------------
　opening 2    
---------------------------------------------------------------------------------------*/
#opening2{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000;
	background:url(../images/top/opening_line_bg.jpg) repeat-x 0 50%;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.opening2-tono{
	position:absolute;
	bottom:0;
	left:0;
	height:95%;
}

.opening2-tono img{
	width:auto;
	height:100%;
}

#opening2-tono1{
	z-index:3;
}

#opening2-tono2{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	left:0%;
	z-index:2;
}

#opening2-tono3{
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha( opacity=30 )";
	left:0%;
	z-index:1;
}


/*---------------------------------------------------------------------------------------
　main contents    
---------------------------------------------------------------------------------------*/
#main-contents{
	position:relative;
	height:860px;
	z-index:0;
	background:url(../images/top/washi_bg.jpg) no-repeat 0 0;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	padding-top:50px;
}


#main-contents-bg{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background:url(../images/top/gra_bg.png) repeat-x 0 100%;
}

#main-contents-bg #bg-cloud{
	position:absolute;
	right:10%;
	top:30%;
	z-index:1;
}

#main-contents-wrapper{
	width:960px;
	margin:0 auto;
	z-index:2;
	height:100%;
	position:relative;
}

#biling{
	text-align:center;
	margin-top:40px;
}

#top{
	/*overflow:hidden;*/
	background:#000;
	min-width:1024px;
}

#top-logo{
	position:absolute;
	top:40px;
	right:0;
}

#loadshow{
	position:absolute;
	top:172px;
	right:-21px;
}

#copy{
	position: absolute;
    right: 113px;
    top: 282px;
}

#copy1{
	position:absolute;
	right:0;
	top:0;
}

#copy2{
	position:absolute;
	right:60px;
	top:-7px;
}

#copy3{
	position:absolute;
	right:121px;
	top:-19px;
}

#copy4{
	position:absolute;
	right:184px;
	top:-27px;
}

/* cast */
#cast{
	position:absolute;
	top:0;
	left:0;
}

#cast figure{
	position:absolute;
}

#kikuchiyo{
	top:22px;
	left:321px;
}

#emoto{
	top:28px;
	left:48px;
}

#rokkaku{
	top:34px;
	left:-84px;
}

#chinen{
	top:67px;
	left:-87px;
}

#nishimura{
	top:127px;
	left:80px;
}

#terawaki{
	top:170px;
	left:-76px;
}

#kamiji{
	top:131px;
	left:-184px;
}

#jinnai{
	top:262px;
	left:62px;
}

#fukada{
	top:238px;
	left:-158px;
}

#ihara{
	top:411px;
	left:50px;
}

#sasaki{
	top:338px;
	left:-160px;
}

#other-cast{
	position:absolute;
	bottom:0;
	right:-64px;
}


#tweet-box{
	position:absolute;
	top:-300px;
	right:5px;
	width:200px;
	z-index:50;
	/*display:none;*/
}

#tweet-box h2{
	margin-top:-7px;
	width:140px;
}

#tweet-box h2 a{
	display:block;
	background:#333 url(../images/top/twbox_down.png) no-repeat 90% 50%;
	padding:12px 10px 6px 10px;
	color:#ccc;
	/*border-color:#444;
	border-width:1px 1px 0 0;
	border-style:solid;*/
	text-decoration:none;
	font-size:14px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#tweet-box h2 a:hover{
	color:#fff;
}

#tweet-box h2 a.select{
	color:#fff;
	background-image:url(../images/top/twbox_up.png);
}

#topText{
	position:relative;
	z-index:100;
	margin-top:-80px;
}

#topText h1{
	position:relative;
	text-align:center;
}

#topText h1 #logoReturns{
	position:absolute;
	bottom:-59px;
	left:50%;
	margin-left:-158px;
	
}

#topText h1 #roadshow{
	position:absolute;
	bottom:-73px;
	left:50%;
	margin-left:307px;
	
}

#biling{
	text-align:center;
}


/*---------------------------------------------------------------------------------------
　トップアニメーション
---------------------------------------------------------------------------------------*/

#bg-red-1{
	text-align:center;
}



/*---------------------------------------------------------------------------------------
　メインテキスト
---------------------------------------------------------------------------------------*/
#mainText{
	position: absolute;
	right: 50%;
	top: 26px;
	margin-right: 435px;
	z-index:200;
}

#mainText #mainText1{
	position: absolute;
	left: 38px;
	top: 0;
}

#mainText #mainText2{
	position: absolute;
	left: 23px;
	top: 156px;
}

#mainText #mainText3{
	position: absolute;
	left: 0px;
	top: 257px;
}

/*---------------------------------------------------------------------------------------
　バナー
---------------------------------------------------------------------------------------*/
#sankinBanner{
	position: absolute;
    right: 0;
    bottom: 355px;
    z-index: 200;
}
#oneminuteBanner{
	position: absolute;
	right: 23px;
    bottom: 253px;
    z-index: 200;
}

#hitokotoBanner{
	position:absolute;
	left:0px;
	bottom:30px;
}

#hitokotoBanner #hitokoto-poster{
	/*position:absolute;
	left:0;
	bottom:0;*/
	display:inline-block;
}

#hitokotoBanner #hitokoto-title{
	/*position:absolute;
	left: 0;
    bottom: 0;*/
	display:inline-block;
	margin-top:-39px;
	-moz-transform-origin:0% 100%;
	-webkit-transform-origin:0% 100%;
	-o-transform-origin:0% 100%;
	-ms-transform-origin:0% 100%;
	transform-origin:0% 100%;

}



/*#bluraydvdBanner{
	position: absolute;
	right: 50% !important;
	top: 330px !important;
	margin-right: 200px;
	z-index:200;
}
*/

/*---------------------------------------------------------------------------------------
　フッター
---------------------------------------------------------------------------------------*/
footer{
	position:relative;	
	overfloew:hidden;
	z-index:1;
	padding-bottom:30px;
}

footer #bilingLoadshow{
	text-align:center;
}

footer #official-sns,
footer #sns-box{
	text-align: center;
}

footer #official-sns li,
footer #sns-box li {
	display: inline-block;
	/display: inline;  /* IE用ハック */
    /zoom: 1;  /* IE用ハック */
	margin-right: 5px;
}

footer #official-sns{
	margin-bottom:30px;
}

footer #official-sns li#official-fb{
	margin-right:20px;
}

footer #sns-box iframe{
	height:20px;
}

/* フッターバナー*/
#banner{
	width:930px;
	margin:0 auto;
	padding-bottom:25px;
	text-align:center;
}

#banner li{
	display:inline;
}

#banner li img{
	margin: 5px;
}

#pickup-banner{
	margin:35px 0;
	text-align:center;
}

#pickup-banner li {
	display:inline-block;
	margin:0 15px;
	position: relative;
}


/*---------------------------------------------------------------------------------------
 ムービー
---------------------------------------------------------------------------------------*/
body#movie{
	background:#000;
}

body#movie object{
	width:854px;
	height:480px;
}


#movie-controll{
	height:40px;
}

#movie-controll li{
	float:left;
	width:400px;
	height:40px;
}

#movie-controll li a{
	display:block;
	width:400px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background:#333;
	text-decoration:none;
}

#movie-controll li a.select{
	background:#000;
}

/*---------------------------------------------------------------------------------------
　ニュース
---------------------------------------------------------------------------------------*/
#newsTicker{
	position:relative;
	width:626px;
	height:36px;
	background:url(../images/common/loading_bg.gif) repeat 0 0;
	margin:30px auto;
	overflow:hidden;
	border:2px solid #795f3e;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 3px;
}

#newsTicker li{
	line-height:36px;
	padding:0 10px;
}

#newsTicker li a{
	display:block;
	color:#795f3e;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

#newsTicker li a:hover{
	text-decoration:underline;
}

#realSankin{
	width:320px;
	margin:0 auto 30px auto;
}


/*---------------------------------------------------------------------------------------
　線 枠
---------------------------------------------------------------------------------------*/
#lineFrame{
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	left:0;
	top:0;
}
#lineFrame .line{
	position:absolute;
	z-index:0;
}

#lineFrame #line01{
	left:0;
	top:0;
}

#lineFrame #line02{
	left:17.48%;
	top:0;
}

#lineFrame #line03{
	left:53.71%;
	top:0;
}

#lineFrame #line04{
	left:75.09%;
	top:0;
}

#lineFrame #line05{
	right:0;
	top:0;
}

#lineFrame #line06{
	left:0;
	top:18.26%;
}

#lineFrame #line07{
	left:0;
	top:57.05%;
}

#lineFrame #line08{
	right:0;
	top:12.3%;
}

#lineFrame #line09{
	right:0;
	top:65.136%;
}

#lineFrame #line10{
	left:0;
	bottom:0;
}

#lineFrame #line11{
	left:23.24%;
	bottom:0;
}

#lineFrame #line12{
	left:45.31%;
	bottom:0;
}

#lineFrame #line13{
	left:69.43%;
	bottom:0;
}

#lineFrame #line14{
	bottom:0;
	right:0;
}

/*前作バナー*/
#sankin_before {
		margin:35px auto;
		text-align:center;
}

.jn{
	position:absolute!important;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	max-width:none !important;
}