@charset "utf-8";
/* -------------------------------------
common class
Ver.1.00
Update 060307


------------------------------------- */
/* -------------------------------------
CONTENTS
	01.wrapper
	02.column
	03.list
	04.class
------------------------------------- */

/*egbv*/
#colHead {
	margin: 0 13px 15px 13px;
        margin-top: 13px;
}
#theaterMainImg {width: 700px; height: 220px;}
#topColR h2 {margin-top: 13px;}
.bgColTop {
	padding-top: 4px;
	background:url(../images/bg_topics_top.gif) no-repeat 0 0;
}
.bgColBottom {
	padding-bottom: 3px;
	background:url(../images/bg_topics_top.gif) no-repeat 0 100%;
}
.bgColSide {
	padding: 4px 20px 6px 10px;
	background:url(../images/bg_topics_side.gif) repeat-y;
}
#topWrap {padding: 0 13px; margin-bottom: 15px;}
#leftColTop {
	float: left;
	width: 702px;
	background: #FFFFCB;
}
#rightColTop {
	float: right;
	width: 240px;
	margin-bottom: 15px;
}
#leftColTop h2 {margin-bottom: 25px;}

/*---?J---*/
.showingCol {
	margin-left: 20px;
	margin-bottom: 0;
}
.colShowing {
	float: left;
	width: 160px;
	padding-right: 5px;
	padding-bottom: 15px;
}
.showingCol img {margin-bottom: 5px;}
.showingCol li {padding-bottom: 3px;}
.colShowingEnd {
	float: left;
	width: 155px;
}

/*---?J---*/
.comingCol {
	margin-left: 12px;
	margin-bottom: 0;
}
.colComing {
	float: left;
	width: 220px;
	margin-bottom: 20px;
}
.colComing img {margin-bottom: 10px;}
.colComingLeft {float: left;}
.colComingLeft img {margin-right: 5px;}
.colComingRight {float: left; width: 125px;} /*gbvp*/
/*.lineup .colComingRight {clear: both; width: 220px;} linupp*/
.colComingRight ul {margin-left: 5px;}
.colComingRight li {padding-bottom: 3px;}
.colComing p {clear: both; padding-right: 5px;}

.colComingTop {
	float: left;
	width: 280px;
	margin-bottom: 0px;
}
.colComingRightTop {float: left; width: 195px;}
.colComingRightTop ul {margin-left: 5px;}
.colComingRightTop li {padding-bottom: 3px;}

.comingCol li.arrowSquT {
	padding-left: 13px;
	background: url(../../common/images/parts/arrow_theater_s.gif) no-repeat 0 3px !important;
	background: url(../../common/images/parts/arrow_theater_s.gif) no-repeat 0 2px;
}

#rightColTop h3{margin-bottom: 5px;}
#rightColTop p{margin-bottom: 10px;}
#rightColTop li{margin-bottom: 1px;}

.colAdvance {margin-bottom: 25px;}
.colAdvance h4 {color: #663300; font-weight: normal; padding: 2px 5px; margin-bottom: 3px; background: #FBD0AA;}
.colAdvanceIn {margin-bottom: 5px;}
.advance01 {float: left; width: 70px;}
.advance02 {float: left; width: 85px;}
.advance03 {float: left; width: 85px;}

/*topics*/
.topics h1 {margin-bottom: 10px;}
.colTopics {
	padding: 0 10px 0 5px;
	margin-bottom: 30px;
}
.colTopics .leftImg img {padding: 3px; border: 1px solid #ccc; background: #fff;}
.colTopics .colEnt {padding-bottom: 0; margin-bottom: 5px;}
.colTopics h2 {border-left: none;}
.topicsLeft {
	float: left;
	width: 195px;
}
.topicsRight {
	float: right;
	width: 440px;
}

.topics .colTopics h3 {
	color: #913700;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #913700;
}

.topics li.arrowSqu {
	line-height: 12px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: url(../../common/images/parts/arrow_theater.gif) 0px 1px no-repeat !important;
	background: url(../../common/images/parts/arrow_theater.gif) 0px 2px no-repeat; /*win IE*/
}

/*shosai*/
.col,
.colEnt {
	padding: 0 10px 0 5px;
	margin-bottom: 30px;
}
.colEnt p {margin-bottom: 1em;}
.colEnt:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.colEnt{display:inline-block;}/*IE*/
/* Hides from Mac IE _*/
* html .colEnt{height:1%;}
.colEnt{display:block;}
/* End hide from Mac IE */
.leftImg {
	float: left;
	margin: 0 10px 10px 0;
}
.rightImg {
	float: right;
	margin: 0 0 10px 10px;
}

/*.leftImg {
	float: left;
	width: 220px;
}
.rightImg {
	float: right;
	width: 195px;
}*/
.right {
	float: right;
	width: 415px;
}
/* dl.stuff dt {
    width: 10em;
    font-weight: bold;
}
dl.stuff dd {
    margin-left: 1.5em;
    _margin-top: -1.3em;
	margin-bottom: .5em;
}
*/

dl.stuff dt,
dl.stuff dd {padding-bottom: .6em;}
dl.stuff dt {
	display: block;
    float: left;
}
dl.stuff dd {
	padding-left: 6em;
}

.lineupBtnT {
	clear: both;
	text-align: right;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #663300;
}
.lineupBtnT ul li {display: inline; padding-left: 10px;}

.lineup ul li.arrowSqu {
	line-height: 12px;
	padding-bottom: 5px;
	padding-left: 15px;
	background: url(../../common/images/parts/arrow_theater.gif) 0 2px no-repeat !important;
	background: url(../../common/images/parts/arrow_theater.gif) 0 4px no-repeat; /*win IE*/
}

ul.listTable {padding-left: 10px;}
ul.listTable li {
	display: inline;
	/*color: #663300;*/
	padding-right: 15px;
}
.btnRight {padding-right: 25px;}
.arrowSquEvent {
	background: url(../../common/images/parts/arrow_theater.gif) 0 2px no-repeat !important;
	background: url(../../common/images/parts/arrow_theater.gif) 0 4px no-repeat; /*win IE*/
}

/*----schedule----*/
.schedule h1 {margin-bottom: 20px;}
.schedule .h2Col {
	margin: 0 20px 5px 30px;
	border-bottom: 1px solid #663300;
}
.schedule #rightCol02 .h2Col h2 {
	color: #CC3300;
	padding:0 0 0 6px;
	margin-bottom: 4px;
	border-left: 3px solid #663300;
}
p.h2Sum {padding: 0 30px 10px 40px;margin-bottom: 20px;}
.scheduleCol {

	padding: 0 15px 10px 30px;
	/*padding: 0 30px 10px 40px;*/
}
ul.scheduleWeek {
	margin-bottom: 30px;
}

ul.scheduleWeek:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul.scheduleWeek{display:inline-block;}/*IE*/
/* Hides from Mac IE _*/
* html ul.scheduleWeek{height:1%;}
ul.scheduleWeek{display:block;}
/* End hide from Mac IE */

ul.scheduleWeek li {
	color: #663300;
	float: left;
	padding-right: 3px;
	padding-left: 15px;
	cursor: pointer;
}
.scheduleCol p.lineUnder {
	color: #663300;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background: url(../images/line_dot.gif) repeat-x left bottom;
}
.scheduleCol .lineTop {
	color: #663300;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	background: url(../images/line_dot.gif) repeat-x;
}

/*advance*/
.advance h1 {margin-bottom: 20px;}
.advance .h2Col {
	margin: 0 20px 5px 30px;
	border-bottom: 1px solid #663300;
}

.advance #rightCol02 .h2Col h2 {
	color: #CC3300;
	padding:0 0 0 6px;
	margin-bottom: 4px;
	border-left: 3px solid #663300;
}
.advance ul.scheduleWeek li {
	color: #663300;
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	cursor: pointer;
}
.advanceCol {
	padding: 0 30px 10px 40px;
	margin-bottom: 15px;
}
.advanceColLeft {
	float: left;
	width: 600px;
}

.advanceColLeft li{
	float:none;
	}

.advanceColLeft h6 {
	padding: 5px;
	margin-bottom: 15px;
	background: #FCCB07;
	}

.advanceColLeft h3 {
	padding: 5px;
	margin-bottom: 15px;
	background: #FBD0AA;
	}

.advanceColRight {
	float: right;
	width: 200px;
}



.advanceColRight img {
	padding: 5px 3px;
	border-top: 1px solid #e9e9e9;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #e9e9e9;
	background: #F7F7F7;
}
.colLine {
	padding: 0 10px 10px 10px;
	background: url(../images/line_dot.gif) repeat-x left bottom;
}
.colLine p {margin-bottom: 1em;}

/*
.colLine ul li {display: inline; padding-right: 10px;}
*/


.markRibbon {
	padding: 0 10px 0 25px;
	margin-top: 10px;
	background: url(../images/mark_ribbon.gif) no-repeat;
}
.advanceCol table {margin-top: 15px;}
.advanceCol table td {padding: 18px 3px;}
.advanceCol table td.td01 {padding: 2px;}