@charset "UTF-8";

body {
	text-align: center;
}
body.twosteps #wrap {	background: #591e1e url(../movies/2steps/images/bg_001.gif) repeat-x top;}
body.guerrilla #wrap {	background: #003467 url(../movies/guerrilla/images/bg_001.gif) repeat-x top;}
body.kabukicho #wrap {	background: #fab830 url(../movies/kabukicho/images/bg_001.gif) repeat-x top;}

/* ===================================================================
                         container / main
====================================================================*/
#container {
	margin: 0 auto;
	width: 1000px;
}

.twosteps #container {	background: #560000;}
.guerrilla #container {	background: #012551;}
.kabukicho #container {	background: #ffffff;}

#main {
	width: 1000px;
	height: 615px;
	text-indent: -9999px;
}
.twosteps #main {	background: url(../movies/2steps/images/img_main001.jpg) no-repeat top;}
.guerrilla #main {	background: url(../movies/guerrilla/images/img_main001.jpg) no-repeat top;}
.kabukicho #main {
	height: 600px;
	background: url(../movies/kabukicho/images/img_main001.jpg) no-repeat top;
}

#subMain {
	width: 1000px;
	height: 170px;
	text-indent: -9999px;
}
.twosteps #subMain {
	background: url(../movies/2steps/images/img_main002.jpg) no-repeat top;
	height: 171px;
}
.guerrilla #subMain {	background: url(../movies/guerrilla/images/img_main002.jpg) no-repeat top;}
.kabukicho #subMain {	background: url(../movies/kabukicho/images/img_main002.jpg) no-repeat top;}

/* ===================================================================
                            h e a d e r
====================================================================*/
#header {
	position: relative;
	height: 80px;
	background: url(../movies/images/bg_01.gif) no-repeat center;
}
#header h1 {
	position: absolute;
	top: 11px;
	left: 27px;
	width: 150px;
	height: 55px;
	background: url(../movies/images/img_id.gif) no-repeat top;
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 150px;
	height: 55px;
	text-decoration: none;
}

#header p {
	position: absolute;
	top: 18px;
	width: 188px;
	height: 43px;
	text-indent: -9999px;
}
#header #btn001,
#header #btn003 {	left: 591px;}
#header #btn002,
#header #btn004 {	left: 782px;}
#header #btn001 a,
#header #btn004 a {	background-image: url(../movies/images/img_btn01.gif);}
#header #btn002 a {	background-image: url(../movies/images/img_btn02.gif);}
#header #btn003 a {	background-image: url(../movies/images/img_btn03.gif);}

#header p a{
	display: block;
	width: 188px;
	height: 43px;
	text-decoration: none;
}
#header p a:hover {	background-position: 0 -43px;}

/* ===================================================================
                               m e n u
====================================================================*/
#menu {
	height: 60px;
}

#menu a {
	display: block;
	float: left;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
}
#menu a:hover,
#menu a.selected {	background-position: 0 -60px;}
.kabukicho #menu a:hover,
.kabukicho #menu a.selected {	background-position: 0 -62px;}

#menu a#menu001,
#menu a#menu003 {	width: 175px;}
#menu a#menu002 {	width: 220px;}
#menu a#menu004 {	width: 140px;}
#menu a#menu005 {	width: 130px;}
#menu a#menu006 {	width: 160px;}

.twosteps #menu a#menu001 {	background-image: url(../movies/2steps/images/img_btn001.gif);}
.twosteps #menu a#menu002 {	background-image: url(../movies/2steps/images/img_btn002.gif);}
.twosteps #menu a#menu003 {	background-image: url(../movies/2steps/images/img_btn003.gif);}
.twosteps #menu a#menu004 {	background-image: url(../movies/2steps/images/img_btn004.gif);}
.twosteps #menu a#menu005 {	background-image: url(../movies/2steps/images/img_btn005.gif);}
.twosteps #menu a#menu006 {	background-image: url(../movies/2steps/images/img_btn006.gif);}

.guerrilla #menu a#menu001 {	background-image: url(../movies/guerrilla/images/img_btn001.gif);}
.guerrilla #menu a#menu002 {	background-image: url(../movies/guerrilla/images/img_btn002.gif);}
.guerrilla #menu a#menu003 {	background-image: url(../movies/guerrilla/images/img_btn003.gif);}
.guerrilla #menu a#menu004 {	background-image: url(../movies/guerrilla/images/img_btn004.gif);}
.guerrilla #menu a#menu005 {	background-image: url(../movies/guerrilla/images/img_btn005.gif);}
.guerrilla #menu a#menu006 {	background-image: url(../movies/guerrilla/images/img_btn006.gif);}

.kabukicho #menu a#menu001,
.kabukicho #menu a#menu001t {	width: 212px;}
.kabukicho #menu a#menu002,
.kabukicho #menu a#menu002t {	width: 200px;}
.kabukicho #menu a#menu003,
.kabukicho #menu a#menu003t {	width: 164px;}
.kabukicho #menu a#menu004,
.kabukicho #menu a#menu004t {	width: 142px;}
.kabukicho #menu a#menu005,
.kabukicho #menu a#menu005t {	width: 150px;}
.kabukicho #menu a#menu006,
.kabukicho #menu a#menu006t {	width: 132px;}
.kabukicho #menu a#menu001t {	background-image: url(../movies/kabukicho/images/img_btn001t.jpg);}
.kabukicho #menu a#menu002t {	background-image: url(../movies/kabukicho/images/img_btn002t.jpg);}
.kabukicho #menu a#menu003t {	background-image: url(../movies/kabukicho/images/img_btn003t.jpg);}
.kabukicho #menu a#menu004t {	background-image: url(../movies/kabukicho/images/img_btn004t.jpg);}
.kabukicho #menu a#menu005t {	background-image: url(../movies/kabukicho/images/img_btn005t.jpg);}
.kabukicho #menu a#menu006t {	background-image: url(../movies/kabukicho/images/img_btn006t.jpg);}
.kabukicho #menu a#menu001 {	background-image: url(../movies/kabukicho/images/img_btn001.jpg);}
.kabukicho #menu a#menu002 {	background-image: url(../movies/kabukicho/images/img_btn002.jpg);}
.kabukicho #menu a#menu003 {	background-image: url(../movies/kabukicho/images/img_btn003.jpg);}
.kabukicho #menu a#menu004 {	background-image: url(../movies/kabukicho/images/img_btn004.jpg);}
.kabukicho #menu a#menu005 {	background-image: url(../movies/kabukicho/images/img_btn005.jpg);}
.kabukicho #menu a#menu006 {	background-image: url(../movies/kabukicho/images/img_btn006.jpg);}

/* ===================================================================
                              n e w s
====================================================================*/
#news {
	width: 940px;
	margin: 0 auto 35px;
	padding-top: 35px;
}
#newsL {
	display: inline;
	float: left;
	width: 323px;
	margin-bottom: 35px;
}
#newsL dl{
	text-align: left;
	color: #ffffff;
	font-size: 75%;
}
#newsL dt {
	clear: both;
	display: inline;
	float: left;
	width: 109px;
	height: 30px;
	margin: 0 0 5px 0;
	padding-top: 0.7em;
	text-indent: 13px;
}
#newsL dd {
	display: inline;
	float: left;
	width: 213px;
	height: 30px;
	margin: 0 0 5px 0;
	padding-top: 0.7em;
	text-indent: 13px;
}

.twosteps #newsL dt {	background: url(../movies/2steps/images/bg_002.gif) no-repeat top left;}
.twosteps #newsL dd {	background: url(../movies/2steps/images/bg_003.gif) no-repeat top right;}
.guerrilla #newsL dt {	background: url(../movies/guerrilla/images/bg_002.gif) no-repeat top left;}
.guerrilla #newsL dd {	background: url(../movies/guerrilla/images/bg_003.gif) no-repeat top right;}
.kabukicho #newsL dt {	background: url(../movies/kabukicho/images/bg_002.gif) no-repeat top left;}
.kabukicho #newsL dd {
	background: url(../movies/kabukicho/images/bg_003.gif) no-repeat top right;
	color: #333333;
}

#newsR {
	display: inline;
	float: right;
	width: 570px;
	margin-bottom: 20px;
	text-align: left;
}
#newsR p {
	margin-bottom: 15px;
	padding: 20px;
	color: #ffffff;
	font-size: 75%;
	line-height: 160%;
}

.twosteps #newsR p {
	background-color: #4e0606;
	border: #8c3c3c 1px solid;
}
.guerrilla #newsR p {
	background-color: #02234c;
	border: #2e4a6c 1px solid;
}
.kabukicho #newsR p {
	background-color: #f5e9b5;
	border: #f7d871 1px solid;
	color: #333333;
}

/* ===================================================================
                           c o n t e n t s
====================================================================*/
#contents {
	padding: 35px 30px;
	text-align: left;
}
#contents_traler {
	padding: 35px 30px;
	text-align: left;
}

.twosteps #contents {	background-color: #dd7171;}
.guerrilla #contents {	background: #494949 url(../movies/guerrilla/images/bg_004.gif) repeat-x top;}

.twosteps #contents_traler {	background-color: #dd7171;}
.guerrilla #contents_traler {	background: #494949 url(../movies/guerrilla/images/bg_004.gif) repeat-x top;}

.kabukichoDivWrap #contents_traler {	background: #Ffffff url(../movies/kabukicho/images/bg_005.gif) repeat-x left bottom;}

#contents div.stepsDiv {
	padding: 20px 20px 30px;
	background-color: #be5b5b;
	border: #e79c9c 1px solid;
}
#contents div.guerrillaDiv {
	padding: 20px 20px 30px;
	/*background: #565656 url(../movies/guerrilla/images/bg_005.gif) repeat-x top;*/
	border: #636363 1px solid;
}
#contents div.kabukichoDivWrap {
	padding: 0 0 50px;
	background: #Ffffff url(../movies/kabukicho/images/bg_005.gif) repeat-x left bottom;
	border-color: #f5ca0e;
}
#contents_traler div.kabukichoDivWrap {
	padding: 0 0 50px;
	background: #Ffffff url(../movies/kabukicho/images/bg_005.gif) repeat-x left bottom;
	border-color: #f5ca0e;
}
/*#contents div.kabukicho_special_DivWrap {
	padding: 20px 20px 30px;
	padding: 0 0 50px;
	/*background: #Ffffff url(../movies/kabukicho/images/bg_005.gif) repeat-x left bottom;
}*/
#contents div.kabukicho_play_DivWrap {
	padding: 20px 20px 30px;
}
#contents_traler div.kabukicho_play_DivWrap {
	padding: 20px 20px 30px;
}
#contents div.kabukichoDiv {
	padding: 20px 20px 0;
	border-color: #f5ca0e;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}
#contents_traler div.kabukichoDiv {
	/*padding: 20px 20px 0;*/
	width: 938px;
	padding: 40px 0px 10px;
	border-color: #f5ca0e;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}
#contents_traler div.stepsDiv {
	padding: 40px 0px 10px;
	background-color: #be5b5b;
	border: #e79c9c 1px solid;
}
#contents_traler div.guerrillaDiv {
	padding: 40px 0px 10px;
	background: #565656 url(../movies/guerrilla/images/bg_005.gif) repeat-x top;
	border: #636363 1px solid;
}
#contents div.kabukicho_play_DivWrap {
	padding: 20px 20px 0;
	border-color: #f5ca0e;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}
#contents div.kabukicho_special_DivWrap {
	padding: 20px 20px 0;
	padding: 40px 0px 10px;
	border-color: #f5ca0e;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

#contents p {
	color: #ffffff;
	font-size: 75%;
	line-height: 160%;
	margin-bottom: 10px;
}
#contents p.atention {
	color: #ffffff;
	font-size: 85%;
	line-height: 160%;
	margin-bottom: 10px;
}
.kabukicho #contents p {
	color: #333333;
}
#contents h3 {
	margin-bottom: 20px;
}
#contents_traler h3 {
	margin-bottom: 20px;
}
#contents h5 {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 90%;
}
#contents h5 .prof {
	padding-left: 1.5em;
	font-size: 70%;
}

.kabukicho #contents h5 {	color: #333333;}

/* ===================================================================
                         kabukicho #containerTop
====================================================================*/
.kabukicho #containerTop {
	margin: 0 auto;
	width: 1020px;
	background: none;
}
.kabukicho #containerTop h1 { left: 37px;}
.kabukicho #containerTop #btn003 { left: 601px;}
.kabukicho #containerTop #btn004 { left: 792px;}
.kabukicho #containerTop #main{	width: 1020px;}

.kabukicho #containerTop #menu {
	padding: 0 10px;
	background: url(../movies/kabukicho/images/bg_004_01.gif) no-repeat top;
}
.kabukicho #containerTop #news {
	width: 1020px;
	margin: 0;
	padding-top: 0;
	background: url(../movies/kabukicho/images/bg_004_02.gif) repeat-y top;
}
.kabukicho #containerTop #news #newsL{
	padding-top: 35px;
	padding-left: 40px;
	background: url(../movies/kabukicho/images/bg_004_03.gif) no-repeat left top;
}
.kabukicho #containerTop #news #newsR{
	padding-top: 35px;
	padding-right: 40px;
	background: url(../movies/kabukicho/images/bg_004_04.gif) no-repeat right top;
}

/* ===================================================================
                       c o n s t r u c t i o n
====================================================================*/
#contents #construction {
	padding: 130px 90px;
	text-align: center;
}
.kabukicho #contents #construction {
	padding: 130px 90px 90px;
	text-align: center;
}
#contents #mov_bg {
	padding: 20px 10px 20px 10px;
	text-align: center;
	background-color: #000;
}
#contents.mov {
	width: 900px;
}
#mov_box {
	margin-top: 10px;
	margin-bottom: 30px;
}
.mov_tit01,.mov_tit02,.mov_tit03,.mov_tit04,.mov_tit05,.mov_tit06 {
	width: 370px;
	height: 47px;
	padding-bottom: 15px;
	text-indent: -9999px;
}
.mov_tit01 {
	background: url(../movies/2steps/images/mov_tit01.gif) no-repeat; 
}
.mov_tit02 {
	background: url(../movies/guerrilla/images/mov_tit02.gif) no-repeat; 
}
.mov_tit03 {
	background: url(../movies/kabukicho/images/mov_tit03.gif) no-repeat; 
}
.mov_tit04 {
	background: url(../movies/2steps/images/mov_tit04.gif) no-repeat; 
}
.mov_tit05 {
	background: url(../movies/guerrilla/images/mov_tit05.gif) no-repeat; 
}
.mov_tit06 {
	background: url(../movies/kabukicho/images/mov_tit06.gif) no-repeat; 
}

.mov01_special {
	width: 148px;
	height: 32px;
	text-indent: -9999px;
	background: url(../movies/2steps/images/mov01_special.gif) no-repeat; 
}
.mov02_special {
	width: 148px;
	height: 32px;
	text-indent: -9999px;
	background: url(../movies/guerrilla/images/mov02_special.gif) no-repeat; 
}
#contents.back_special {
	padding: 20px 20px 30px;
	margin-top: 40px;
}
.back,.back_gray {
	text-align: right;
	padding: 10px 10px;
}
.back_top,.kabuki_top {
	float: right;
	text-align: right;
	padding-top: 40px;
	padding: 40px 10px 0;
}
.back a,.back_top a {
	color: #ffffff;
	text-decoration: underline;
}
.back a:visited,.back_top a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.back a:hover,.back_top a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.back a:active,.back_top a:active {
	color: #ffffff;
	text-decoration: underline;
}
.kabuki_top a,.back_gray a {
	color: #696969;
	text-decoration: underline;
}
.kabuki_top a:visited,.back_gray a:visited {
	color: #696969;
	text-decoration: underline;
}
.kabuki_top a:hover,.back_gray a:hover {
	color: #696969;
	text-decoration: underline;
}
.kabuki_top a:active,.back_gray a:active {
	color: #696969;
	text-decoration: underline;
}
/* ===================================================================
                             s t o r y
====================================================================*/
#intro{
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.twosteps #intro {	background: url(../movies/2steps/images/img_02_01.jpg) no-repeat 480px 20px;}
.guerrilla #contents #intro {	background: #565656 url(../movies/guerrilla/images/img_02_01.jpg) no-repeat top right;}
.kabukicho #contents #intro {	background: #ffffff url(../movies/kabukicho/images/img_02_01.jpg) no-repeat bottom;}

#intro p {
	padding-right: 460px;
}

#story p.bottom{
	position: relative;
	min-height: 155px;
	height: auto !important;
	height: 155px;
	padding-right: 340px;
}
#story img.bottom {
	position: absolute;
	right: 0;
	top: -60px;
}


/* ===================================================================
                              c a s t
====================================================================*/
#contents #staffArea {
	clear: both;
	margin: 0 auto 10px;
	padding: 0 0 18px 0;
	width: 898px;
	border: none;
}
#contents #staffArea #staff {
	width: 898px;
	padding: 0 0 8px 0;
	border: none;
}

.twosteps #contents #staffArea {	background: #be5b5b url(../movies/2steps/images/bg_03_02.gif) no-repeat bottom;}
.twosteps #contents #staffArea #staff {	background: url(../movies/2steps/images/bg_03_01.gif) repeat-y top;}
.guerrilla #contents #staffArea {	background: #656565 url(../movies/guerrilla/images/bg_03_02.gif) no-repeat bottom;}
.guerrilla #contents #staffArea #staff {	background: url(../movies/guerrilla/images/bg_03_01.gif) repeat-y top;}
.guerrilla #contents #staffArea h5.staffBg {
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../movies/guerrilla/images/bg_03_03.gif) no-repeat left top;
}
.kabukicho #contents #staffArea {	background: #656565 url(../movies/kabukicho/images/bg_03_02.gif) no-repeat bottom;}
.kabukicho #contents #staffArea #staff {	background: url(../movies/kabukicho/images/bg_03_01.gif) repeat-y top;}
.kabukicho #contents #staffArea h5.staffBg {
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../movies/kabukicho/images/bg_03_03.gif) no-repeat left top;
}

#contents #staffArea #staffL {
	display: inline;
	float: left;
	width: 385px;
	margin: 0 0 0 35px;
	padding: 0;
}
#contents #staffArea #staffR {
	display: inline;
	float: right;
	width: 385px;
	margin: 0 35px 0 0;
	padding: 0;
	background: none;
	border: none;
}

#contents #staff02 {
	clear: both;
	margin: 20px;
	font-size: 65%;
}

/* ===================================================================
                              t r a l e r
====================================================================*/
#contents_traler #steps {
	width: 507px;
	height: 48px;
	background: url(../movies/2steps/images/2step_traler_tit.gif) no-repeat; 
	text-indent: -9999px;
}
#contents_traler #guerrilla {
	width: 507px;
	height: 48px;
	background: url(../movies/guerrilla/images/hana_traler_tit.gif) no-repeat;
	text-indent: -9999px;
}
#contents_traler #kabukicho {
	width: 507px;
	height: 48px;
	background: url(../movies/kabukicho/images/kabukicho_traler_tit.gif) no-repeat;
	text-indent: -9999px;
}


/* ===================================================================
                            t h e a t e r
====================================================================*/
#contents #theater h4 {
	color: #ffffff;
	font-size: 80%;
}
#contents #theater h4 .fontN {
	color: #ffffff;
	font-weight: normal;
}
.kabukicho #contents #theater h4,
.kabukicho #contents #theater h4 .fontN {	color: #333333;}
#contents #theater dl {
	clear: both;
}
#contents #theater dt {
	display: inline;
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#contents #theater dd {
	display: inline;
	float: left;
	width: 280px;
	margin-bottom: 20px;
	word-break: breal-all;
}

/* ===================================================================
                             f o o t e r
====================================================================*/
#bnL {	text-align: left;}
#footer {	background: #000000 url(../images/bgFoot.gif) repeat;}

/* ===================================================================
                             c o m m o n
====================================================================*/
.clear {	clear: both;}
.floatL { float: left;}
.floatR { float: right;}
.right {	text-align: right;}

.wid310 {	width: 310px;}
.wid370 {	width: 370px;}
.wid400 {	width: 400px;}
.wid480 {	width: 480px;}
.wid500 {	width: 500px;}
.wid520 {	width: 520px;}
.wid540 {	width: 540px;}
.wid560 {	width: 560px;}
.wid610 {	width: 610px;}
.wid620 {	width: 620px;}

.mgnT40 {	margin-top: 40px;}
.mgnL40 { margin-left: 40px;}
.mgnB10 {	margin-bottom: 10px;}
.mgnB55 {	margin-bottom: 55px;}
.mgnL10 { margin-left: 10px;}
.mgnL20 { margin-left: 20px;}
.mgnR10 { margin-right: 10px;}
.mgnR15 { margin-right: 15px;}
.mgnT15 { margin-top: 15px;}

.txt10 {
	font-size:10px;
	line-height: 150%;
}
#txt13 { font-size:13px;}
.txt15 { font-size:15px;}
