*{ margin:0; padding:0;}

#spLinkBlockInPc {display:none;}

/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul,li {list-style: none;}
	

a,img {
	border-style: none;
}

a:link,
a:visited {
	text-decoration: none;
	color:#000;
}

a:hover {
	color:#FFCF00;
}

a:hover img {
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.8; /*FF*/
	opacity:0.8;
}

html, body {height: 100%;} 

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	background-color:#FFE300;
}



.box780 {width:780px;}
.box340 {width:340px;}

.top20 {margin-top:20px;}
.top35 {margin-top:35px;}
.top70 {margin-top:70px;}
.top300 {margin-top:300px;}

.right50 {margin-right: 50px;}

.right {float: right;}
.textcenter { text-align:center;}


.hideAnchor {
	margin-top:-100px;
	padding-top:100px;
}


.clear {clear:both;}

/** 
ヘッダー設定
----------------------------------------------------------------  **/


#FixHead {
	position: fixed;
	background-color: rgba( 255, 255, 255, 0.9 );
	width: 100%;
	z-index: 1000;	
	/* box-shadow */
	box-shadow:rgba(158, 158, 158, 0.5) 0px 0px 5px 2px;
	-webkit-box-shadow:rgba(158, 158, 158, 0.5) 0px 0px 5px 2px;
	-moz-box-shadow:rgba(158, 158, 158, 0.5) 0px 0px 5px 2px;
}

#HeadMenu {
	width: 1000px;
	margin: 0px auto;
	height: 37px;
	padding-top: 8px;
	text-align: center;
}

#HeadMenu ul li {
	font-size:15px;
	font-weight:bold;
	display: inline;
	padding: 0px;
}

#HeadMenu ul li img {vertical-align: middle;}

.nav01,.nav02,.nav03,.nav04,.nav05,.nav06,.nav07 {margin: 0px 15px;}
.nav08,.nav09 {margin: 0px 2px;}



/** 
キャストスライドショー設定
----------------------------------------------------------------  **/

#MainBackCast {
	position: absolute;
	z-index:10;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
}

/**あなたのお悩み、芝居で解決します！**/
.Catch01 {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin: 80px auto 0px;
	width: 800px;
	position: absolute;
	z-index: 20;
}


#amagumo {
	background-image: url(../images/amagumo.jpg);
	height:315px;
	top: 310px;
	width:100%;
	position:absolute;
	z-index:30;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}

#MainIMG {
	position: absolute;
	z-index: 40;
	top:125px;
	background-image:url(../images/main_img.png);
	background-position: center top;
	background-repeat: no-repeat;
	height:500px;
	width:100%;
}


#logo {
	width: 600px;
	height: 250px;
	top: 550px;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/logo.png);
	text-indent: -9999px;
	display: block;
	position: absolute;
	z-index: 50;
	margin: 0px auto;
}


/** 
公開日・鶴瓶さんエリア
----------------------------------------------------------------  **/

#code01 {
	width:1000px;
	padding-top: 625px;
	margin: 0px auto;
}




/** 
斜めボックス管理
----------------------------------------------------------------  **/

.se-container{
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 130px;
}

.se-slope,
.se-slope2 {
	margin: 0 -100px;
	overflow: hidden;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.se-slope{
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.se-slope2{
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}

.black-back {
	background-color: #000;
}

.yellow-back {
	background-color: #FFE300;
}

.se-slope h3,
.se-slope2 h3{
	text-align:center;
	font-size: 40px;
	position: relative;
	z-index:20;
	padding: 5px;
}

.se-content{
	color: #FFF;
	width: 1000px;
	margin: 0 auto;
}

.black-back h3{
	background: #000;
	color: #FFE300;
}
.yellow-back h3{
	background: #000;
	color: #FFE300;
}





/** 
特報・予告エリア
----------------------------------------------------------------  **/

.tokuhou {
	margin-top: -100px;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background-image: url(../images/tokuhou_back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.tokuhou .se-content{
	padding: 300px 10px 50px;
}


.youtubeBOX {
	width: 470px;
	padding: 9px;
	border: 1px solid #999;
	background-color: #000;
	position: relative;
	z-index:900;
}

.twitterBOX {
	float: right;
	width: 470px;
}


/** 
イントロダクション
----------------------------------------------------------------  **/


.Introduction {
	margin: -40px 0px;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background-image: url(../images/introduction_back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.Introduction .se-content{
	padding: 80px 10px;
}



/** 
プロダクションノート
----------------------------------------------------------------  **/

.Production {
	margin: -40px 0px;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background-color:#FFE300;
}

.Production .se-content{
	color:#000 !important;
	padding: 30px 10px;
	font-size: 14px;
}


#ProductionIMG {
	width: 100%;
	margin:-930px auto 0px;
	position: relative;
	height: 950px;
	z-index: 50;
	background-image:url(../images/production_back.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width: 1200px;
}

/** 
アドリブ満載
----------------------------------------------------------------  **/

#Adlib {
	background-image: url(../images/adlib_back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.adlib-BOX {
	background-image:url(../images/adlib_con_back.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 490px;
	color:#FFF;
	font-size: 14px;
	margin: 0px auto;
	padding: 10px 560px 400px 50px;
}


/** 
ストーリー
----------------------------------------------------------------  **/

#Story .Story-left,
#Story3 .Story-left,
#Story2 .Story-right,
#Story4 .Story-right{
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#Story .Story-left,
#Story3 .Story-left {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background-color:#000;
}

#Story2 .Story-right,
#Story4 .Story-right {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
	background-color:#FFE300;
}


#Story,
#Story3 {
	background-color: #000;
}

#Story2,
#Story4 {
	background-color: #FFE300;
	margin-top:-200px;
}

#Story {z-index: 50;}
#Story2 {z-index: 55;}
#Story3 {z-index: 60;}
#Story4 {z-index: 65;}


.Story-left .se-content p {
	width: 490px;
}

.Story-right .se-content p {
	color: #000;
	width: 490px;
	padding-left:510px;
}

#Story h3 {
	color: #000;
	background-color: #FFE300;
}

#Story .Story-left {
	margin: -60px 0px;
	background-image: url(../images/story01_back.jpg);
}

#Story .se-content{
	padding: 50px 10px 250px;
}

#Story2 .Story-right {
	margin: -60px 0px;
	background-image: url(../images/story02_back.jpg);
}

#Story2 .se-content{
	padding: 150px 10px 250px;
}

#Story3 .Story-left {
	margin: -60px 0px;
	background-image: url(../images/story03_back.jpg);
}

#Story3 .se-content{
	padding: 150px 10px 250px;
}

#Story4 .Story-right {
	margin: -60px 0px;
	background-image: url(../images/story04_back.jpg);
}

#Story4 .se-content{
	padding: 150px 10px;
}


/** 
キャスト紹介
----------------------------------------------------------------  **/

.Cast {
	margin-top: -60px;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.Cast .se-content{
	padding: 0px 10px 100px;
}

.Cast .se-content ul li {
	color:#000;
	float: left;
	width:333px;
	font-size: 12px;
}

.Cast ul li .box {
	margin-top: -15px;
	padding: 0px 10px;
	width: 313px;
}

.Cast .name {
	font-weight:bold;
	font-size: 14px;
}

.birth {
	font-size:11px;
	color: #F60;
}


.Cast2 {
	color: #000;
	font-size: 12px;
	position: relative;
	z-index:70;
	margin-top: -20px;
	background-color: #ffcc00;
	height: 300px;
}

.Cast2 .box1000 {
	width: 1000px;
	margin: 0px auto;
}

.Cast2 .box1000 p {
	padding-top: 30px;
}

.Cast2 .box1000 p,
.Cast3 .box1000 p {
	font-size:14px;
	font-weight: bold;
}

.Cast2 .name,
.Cast3 .name {
	font-weight: bold;
	font-size: 30px;
}

.Cast2 .name span,
.Cast3 .name span {
	font-size: 14px;
}

.Cast2 img {
	float: left;
	padding: 0px 20px 0px 0px;
}


.Cast3 {
	position: relative;
	font-size: 12px;
	z-index:75;
	background-color: #FFE600;
}

.Cast3 .box1000 p {
	padding-top: 50px;
}

.Cast3 .content {
	text-align: right;
	width: 1000px;
	margin: -40px auto 0px;
	padding-bottom: 130px;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}

.Cast3 .content img {
	float: right;
	padding: 0px 0px 0px 20px;
}

.Cast2 .birth,
.Cast3 .birth {
	padding: 10px 0px 15px;
}



.blackBOX {
	background-color: #000;
}

.blackBOX .box1000 {
	width: 1000px;
	margin: 0px auto;
	padding: 30px 0px;
	color:#FFF;
}

.shift-top {
	position: relative;
	margin: -360px auto 100px;
	width:1000px;
}

.shift-top2 {
	position: relative;
	margin: -185px auto 115px;
	width:1000px;
}


/** 
チケット情報
----------------------------------------------------------------  **/

#Ticket {
	background-color: #FFD100;
}


#Ticket h3 {
	text-align:center;
	font-size: 40px;
	padding: 5px;
	background: #000;
	color: #FFE300;	
}

.Ticket {
	width: 770px;
	margin: 0px auto;
	padding: 20px 0px 50px;
}




#END {
	text-align: center;
	background-image:url(../images/end_back.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#END .cast {
	background-image: url(../images/main_cast.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height: 150px;
	width: 700px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin: 0px auto;
}


#END .puffy {
	background-image: url(../images/puffy.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height: 60px;
	width: 500px;
	padding-bottom: 50px;
	margin: 0px auto;
}

#END .EndCast {
	background-image: url(../images/end_cast.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height: 60px;
	width: 1000px;
	padding-bottom: 50px;
	margin: 0px auto;
}

.geinin {
	margin-top:20px;
	font-size: 80%;
}


/* Youtube */

#overlay,
#overlay1,
#overlay2 { 
	top:0; left:0; 
	width:100%; 
	height:100%; 
	display:none;
	background:#000;  
	position:fixed; 
	z-index:999;
	filter: alpha(opacity=60);
	-moz-opacity:0.8;
	opacity:0.8;
}


.youtube,
.youtube2,
.news {
	cursor: pointer;
}

.news:hover {
	color:#FFCF00;
}

.youtube,
.youtube2 {
	height:264px;
	width:470px;
	display:block;
	text-indent: -9999px;
}

.youtube {background-image:url(../images/move_btn_toku_off.gif); margin-bottom:15px;}
.youtube2 {background-image:url(../images/move_btn_yokoku_off.gif);}

.youtube:hover {background-image:url(../images/move_btn_toku_on.gif);}
.youtube2:hover {background-image:url(../images/move_btn_yokoku_on.gif);}

#window,
#window1,
#window2 { 
	width:750px; 
	height:422px;
	top:50%; 
	left:50%; 
	margin:-211px 0 0 -375px; 
	position:fixed; 
	z-index:1000; 
	display:none;
	text-align:center;
	color:#FFF;
}


#loading,
#loading1,
#loading2 {
	width:32px;
	height:32px;
	top:50%; 
	left:50%;
	margin:-16px 0 0 -16px;
	position:fixed;
	z-index:1000;
	display:none;
	background:URL(../images/loading.gif) no-repeat center center;
}

#window #YTWrap,
#window1 #WNWrap,
#window2 #YTWrap, { 
	width:750px; 
	height:422px; 
	position:relative;
}

#window #YTWrap .YTArea,
#window2 #YTWrap .YTArea {
	width:750px;
	height:422px;
	position:absolute;
	top:0; left:0;
}

#window1 #WNWrap .WNArea {
	width:700px;
	height:382px;
	position:absolute;
	top:0; left:0;
	background-color: #000;
	padding:20px;
	overflow: auto;
}

#window #YTWrap .CloseBtn,
#window2 #YTWrap .CloseBtn2,
#window1 #WNWrap .CloseBtn1 {
	width:40px; 
	height:40px;
	position:absolute;
	right:0;
	top:-40px;
}


#WNWrap dl dt {
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	padding: 5px;
	margin-bottom: 15px;
}

#WNWrap dl dd {
	margin-bottom: 40px;
}

#WNWrap dl dd a {
	color: #FFF;
	text-decoration: none;
}


ul.photo {
	list-style: none;
}

ul.photo li {
	display: table-cell;
	padding: 10px;
}


/** 
DVD発売バナー用
----------------------------------------------------------------  **/
.bnr_dvd {
    margin-top: 60px;
    z-index: 910;
    position: absolute;
    right: 40px;
    top: 20px;
}