@charset "UTF-8";

* {margin:0;padding:0;} 


html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	min-height: 650px;
	margin: 0;
	padding: 0;
	background-color: #000;
	overflow-x: hidden;
}


/* 先読み */
.sakiyomi {
	display: none;
}

.m-left10 {
	margin-left: 10px;
}

.m-bottom15 {
	margin-bottom: 15px;
}


body > #wrap {
 height: auto;
}



/* サイズ可変後（高さ650px以下） */
.two_column #wrap, .two_column #TB_window {
	top: 330px;
}
.two_column #footer {
	top: 600px;
}





/* ---------------------------------------------------------------------------------------
  Header
--------------------------------------------------------------------------------------- */

#header100 {
	min-width: 990px;
	width: 100%;
	height: 45px;
	margin: 0 auto ;
	background: #000;
	position: relative;
	z-index: 199;
}


/* LINE UP (btn)
--------------------------------------------------------------------------------------- */

#bt-lineup a {
	display: block;
	width: 66px;
	height: 24px;
	margin-top: -5px;
	background: url(../images/bt_lineup_on.gif) 0 0 no-repeat;
	float: left;
}
#bt-lineup a:hover {
	background-color: #000;
}
#bt-lineup a:hover img {
	visibility: hidden;
}


/* Pulldown Menu
--------------------------------------------------------------------------------------- */

#pulldownMenu2 {
	position: absolute;
	visibility: hidden;
	z-index: 200;
	left: 357px;
	_left: 367px;
	top: 16px;
}

#pulldownMenu2 ul {
	width: 185px;
	background-color: #161616;
	padding: 4px 0 8px;
	opacity: 0.95;
 filter: alpha(opacity=95);
}

#pulldownMenu2 li {
	height: 21px;
}




/* ---------------------------------------------------------------------------------------
  Main
--------------------------------------------------------------------------------------- */

#wrap {
	position:absolute;
 top:50%;
 left:50%;
 margin-top:-275px;
 margin-left:-495px;
	padding: 15px 0;
	height: 505px;
	width: 990px;
}

#main {
	height: 505px;
}



/* Main Menu
--------------------------------------------------------------------------------------- */

#nav-area {
	width: 130px;
	float: left;
	margin-right: 45px;
}

#main-area {
	width: 640px;
	height: 505px;
	float: left;
	font-size:1.2em;
	line-height: 1.5em;
}

#banner-area {
	width: 130px;
	float: right;
	margin-top: 40px;
}

#nav-lineup {
	width: 130px;
	height: 25px;
}

#nav-logo {
	width: 130px;
	height: 100px;
	margin-bottom: 25px;
}

.bg-black {
	background: #000;
}


#menu {
	width: 130px;
}

#menu ul.bt-soy li, #menu ul.bt-poc li, #menu ul.bt-cmt li, #menu ul.bt-nmd li, #menu ul.bt-orc li, #menu ul.bt-ulo li, #menu ul.bt-av li, #menu ul.bt-fib li, #menu ul.bt-mmt li, #menu ul.bt-ion li, #menu ul.bt-eng li, #menu ul.bt-jog li, #menu ul.bt-cal li, #menu ul.bt-null li, #menu ul.bt-bsp li, #menu ul.bt-ohn li, #menu ul.bt-ins li, #menu ul.bt-soysh li {
	list-style: none;
	padding: 0;
	text-indent: -9999px;
	height: 22px;
	margin-bottom: 10px;
}

#menu ul.bt-soy li a, #menu ul.bt-poc li a, #menu ul.bt-cmt li a, #menu ul.bt-nmd li a, #menu ul.bt-orc li a, #menu ul.bt-ulo li a, #menu ul.bt-av li a, #menu ul.bt-fib li a, #menu ul.bt-mmt li a, #menu ul.bt-ion li a, #menu ul.bt-eng li a, #menu ul.bt-jog li a, #menu ul.bt-cal li a, #menu ul.bt-null li a, #menu ul.bt-bsp li a, #menu ul.bt-ohn li a, #menu ul.bt-ins li a, #menu ul.bt-soysh li a {
	display: block;
	text-decoration: none;
	padding: 0;
	height: 22px;
}

#menu ul.bt-soy2 li, #menu ul.bt-poc2 li, #menu ul.bt-cmt2 li, #menu ul.bt-nmd2 li, #menu ul.bt-orc2 li, #menu ul.bt-ulo2 li, #menu ul.bt-av2 li, #menu ul.bt-fib2 li, #menu ul.bt-mmt2 li, #menu ul.bt-ion2 li, #menu ul.bt-eng2 li, #menu ul.bt-jog2 li, #menu ul.bt-cal2 li, #menu ul.bt-null2 li, #menu ul.bt-bsp2 li, #menu ul.bt-ohn2 li, #menu ul.bt-ins2 li, #menu ul.bt-soysh2 li {
	list-style: none;
	padding: 0;
	text-indent: -9999px;
	height: 15px;
	margin-bottom: 4px;
}

#menu ul.bt-soy2 li a, #menu ul.bt-poc2 li a, #menu ul.bt-cmt2 li a, #menu ul.bt-nmd2 li a, #menu ul.bt-orc2 li a, #menu ul.bt-ulo2 li a, #menu ul.bt-av2 li a, #menu ul.bt-fib2 li a, #menu ul.bt-mmt2 li a, #menu ul.bt-ion2 li a, #menu ul.bt-eng2 li a, #menu ul.bt-jog2 li a, #menu ul.bt-cal2 li a, #menu ul.bt-null2 li a, #menu ul.bt-bsp2 li a, #menu ul.bt-ohn2 li a, #menu ul.bt-ins2 li a, #menu ul.bt-soysh2 li a {
	display: block;
	text-decoration: none;
	padding: 0;
	height: 15px;
}

.nav_t {
	padding: 16px 0 6px;
}



/* Main Area
--------------------------------------------------------------------------------------- */

#bread-li {
	padding-top: 3px;
	height: 22px;
	margin-bottom: 15px;
}

#bread-li li {
	float: left;
	margin: 0 2px;
}

#bread-li li h2 {
	font-size: 100%;
	line-height: 1.6em;
	font-weight: normal;
}

#media {
	height: 465px;
	z-index: 1;
}

#cm {
	width: 640px;
	height: 360px;
}

#thum {
	margin: 25px 0 0;
}

#thum ul li {
	float: left;
	margin-right: 4px;
	width: 60px;
	height: 50px;
}




/* Banner Area
--------------------------------------------------------------------------------------- */

#brandsite {
	width: 130px;
	height: 360px;
}

#plus-one {
	width: 130px;
	height: 90px;
}




/* ---------------------------------------------------------------------------------------
 Making, Cast, Narration, Concept, Staff, Fashion, schedule
--------------------------------------------------------------------------------------- */

#pMaking, #pCast, #pNarration, #pConcept, #pStaff, #pFashion, #pSchedule {
	width: 640px;
	height: 467px;
	background: #000;
	position: absolute;
	left: -9999px;
	top: -9999px;
	font-size: 1.2em;
	line-height: 1.6em;
	z-index: 20;
}

.arrow-current, .bread-making, .bread-cast, .bread-narration, .bread-concept, .bread-staff, .bread-fashion, .bread-schedule {
	display: none;
}

.element-close {
	width: 590px;
	height: 15px;
	border-top: 1px #666 solid;
	padding-top: 10px;
	position: absolute;
	left: 25px;
	bottom: 20px;
}


#flashMaking, #flashCast  {
	position: relative;
	z-index: 10;
}


.scroll-area .jScrollPaneTrack {
	background: #000;
}

.scroll-area .jScrollPaneDrag {
	background: #333 url(../images/scrolldrag_arrow.gif) no-repeat 50% 50%;
}

.jScrollPaneDrag {
	position: absolute;
	z-index: 300;
	right: 0px;
}

.scroll-pane {
	width: 640px;
	height: 397px;
	overflow: hidden;
	float: left;
	margin: 25px 0 0 25px;
	_margin: 25px 0 0 0;
	padding-bottom: 25px;
}


.scroll-pane2 {
	width: 640px;
	height: 336px;
	overflow: hidden;
	float: left;
	margin: 25px 0 0 25px;
	_margin: 25px 0 0 0;
	padding-bottom: 25px;
}

.scroll-schedule {
	width: 640px;
	height: 396px;
	overflow: hidden;
	float: left;
	padding-bottom: 25px;
}

.t-narration{
	width: 400px;
	vertical-align: top;
}

.t-narration th{
	vertical-align: top;
	width: 20%;
	font-weight: normal;
}

.t-narration td{
	vertical-align: top;
	width: 80%;
}

.txt_box {
	padding: 20px 0 10px 25px;
}

.table {
	width: 590px;
	border-collapse: collapse;
 border: solid 1px #333;
	margin: 10px	0	0;
	font-size: 79%;
}

.table th {
	border-collapse: collapse;
 border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	border-right: dotted 1px #333;
	border-left: dotted 1px #333;
	padding: 4px;
	text-align: center;
	font-size: 11px;
}

.table td {
	border-collapse: collapse;
 border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	border-right: dotted 1px #333;
	border-left: dotted 1px #333;
	text-align: center;
	padding: 4px;
}


/* ---------------------------------------------------------------------------------------
 Footer
--------------------------------------------------------------------------------------- */

#footer {
	position: absolute;
	height: 61px;
	width: 100%;
	min-width: 990px;
	bottom: 0;
	z-index: 201;
}

* html #footer {
	bottom:expression(document.getElementById("wrap").offsetHeight % 2 == 0 ? 0 : -1);
}