@charset "utf-8";

/*
============================================
COMMON STYLE
============================================
*/

/* IEマウスオーバー用 */
html {
  *filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* Win_IE表示用 */
* {
	/*¥*//*/
	*zoom: 1;
	/**/
}

* { margin: 0px; padding: 0px;}
* a { outline:none;}

body {
	background:#000;
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic","Helvetica","Arial","Verdana",sans-serif;
	color: #FFF;
	font-size: 12px;
	/*¥*/
	*font-size: 75%;
	/**/
	line-height: 1.6;
	/*1.6は1.6em、または160%と同じこと*/
	text-align: left;
}


table {
font-size: 12px;
/*¥*/
*font-size: 100%;
/**/
}

hr { border:none;}

img { border: none; }
/*img { border: none; background: transparent; color: #FFF;}*/

.imgLft{ float:left; margin:3px 15px 15px 0px;}
.imgRgt{ float:right; margin:3px 0px 10px 15px}

a:link { color: #00CCCC; text-decoration: underline; }
a:visited {color: #00CCCC; text-decoration: underline; }
a:hover {color: #FF0000; text-decoration: underline; }
a:active {color: #CC0000; text-decoration: underline; }

.txtRed { color:#FF0000;}
.txtBlue { color:#00CCCC;}
.txtYlw { color:#FFFF00;}
.txtGold { color:#c2c638;}

.txtBold {font-weight:bold;}

ol { padding-left:21px; }
li {}

p {margin-bottom:15px;}
p.pClear {margin-bottom:0px;}

.deleteLine {text-decoration: line-through;}

/*
=================================================
フォントサイズ用クラス

親要素のbody75%に設定すると、子要素で100%にした場合12pxと同じ表示になる。
75%で9px相当
83.333…%で10px相当（83%推奨）
91.666…%で11px相当（92%推奨）

12pxはbodyで設定。

116.666…%で14px相当（117%推奨）
133.333…%で16px相当（133%推奨）
150%で18px相当
166.666…%で20px相当（167%推奨）
=================================================
*/

.txt09{
font-size:9px;
/*¥*/
*font-size: 75%;
/**/
}
.txt10{
font-size:10px;
/*¥*/
*font-size: 83%;
/**/
}

.txt11{
font-size:11px;
/*¥*/
*font-size: 92%;
/**/
}

.txt14 {
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
}

h1 {
font-size:20px;
/*¥*/
*font-size: 167%;
/**/
}

h2 {
font-size:18px;
/*¥*/
*font-size: 150%;
/**/
}

h3 {
font-size:16px;
/*¥*/
*font-size: 133%;
/**/
}

h4 {
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
}

/*
=================================================
フロートクリア用 clearfixクラス
=================================================
*/

/* FF, O, etc. */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px;}
/* IE7xhtml*/
.clearfix { display: inline-block;}
/* O */
html[xmlns] .clearfix { display: block;}
/* IE5-6 */
* html .clearfix { height: 1%;}


/*
=================================================
NEWS、THEATERS
=================================================
*/

#body_popup { background:#262626;}

#popupContainer { width:830px; margin:0px auto;}
#popupWrapper { width:800px; background:#000; margin:0px auto;}

#popupHdr { height:219px;}

#popupContents { width:760px; margin:0px auto; padding-bottom:40px;}

#titleNews { height:30px; margin:20px 0px; background:url(../img/news/title.gif) no-repeat left top; text-indent:-9999px; overflow:hidden;}
#popupContents .newsPost { background:#222; margin-bottom:30px; padding:15px;}
#popupContents .newsDate { color: #FFF; font-size: 10px; font-weight:bold;}
#popupContents .newsTitle { margin-bottom:10px; padding-bottom:3px; color: #c2c638; font-weight:bold; border-bottom: 1px dotted #999;}

#popupContents .lftCol { width:250px; float:left;}
#popupContents .rgtCol { width:460px; float:right;}

#titleTheaters { height:30px; margin:20px 0px; background:url(../img/theaters/title.gif) no-repeat left top; text-indent:-9999px; overflow:hidden;}

#ticketInfo { margin-bottom:30px; background:#222; padding:10px; border:#666 1px solid;}
.picKeyholder{ float:left; margin:3px 15px 0px 0px;}
.txtTicket { color:#c2c638; }
.txtTicketCaution { font-size:11px; margin-top:15px;}

.theaterNavi {margin-bottom:10px; text-align:left; float:left; font-size:12px;}
.update { float:right; text-align:right; margin-bottom:10px; font-size:12px;}

.iconNew {margin-left:5px;}

table.theaters { width:100%; color:#FFF; background:#000; margin-bottom:30px;}
table.theaters th { background:#444; text-align:center; padding: 4px 6px;}
table.theaters th.areaName {background-color:#666; color:#FFF; text-align:center; padding: 3px 6px;}
table.theaters th.area{ width:15%;}
table.theaters th.theater{ width:55%;}
table.theaters th.open{ width:20%;}
table.theaters th.ticket{ width:10%;}
table.theaters td{ background:#222; text-align:center; padding: 4px 6px;}
table.theaters td.theater{ text-align:left;}

#popupContents .mgn-b0 { margin-bottom:0px;}

#popupContents #popupFtr { margin-top:40px; border-top:1px solid #666;}
.btn-pagetop { margin:0px auto; width:141px;}
.btn-pagetop a { height:22px; display:block; text-decoration:none; background:url(../img/common/btn_pageTop_set.gif) no-repeat left top; text-indent:-9999px; overflow:hidden;}
.btn-pagetop a:hover { background-position:0px -22px;}

/*
=================================================
SPECIAL
=================================================
*/

#titleSpecial { height:30px; margin:20px 0px; margin-left:20px; background:url(../img/special/title.gif) no-repeat left top; text-indent:-9999px; overflow:hidden;}

#specialNavi { width:760px; margin:0px auto; margin-bottom:40px;}
#specialNavi ul { list-style:none;}
#specialNavi li { display:inline; list-style:none; float:left;}
#specialNavi li a { display:block; width:144px; height:40px; text-decoration:none; text-indent:-9999px; overflow:hidden;}

#specialNavi li.navi01 a { margin-right:10px; background:url(../img/special/navi01.gif) no-repeat left top;}
#specialNavi li.navi02 a { margin-right:10px; background:url(../img/special/navi02.gif) no-repeat left top;}
#specialNavi li.navi03 a { margin-right:10px; background:url(../img/special/navi03.gif) no-repeat left top;}
#specialNavi li.navi04 a { margin-right:10px; background:url(../img/special/navi04.gif) no-repeat left top;}
#specialNavi li.navi05 a { background:url(../img/special/navi05.gif) no-repeat left top;}
#specialNavi li.navi01 a:hover, #specialNavi li.navi02 a:hover, #specialNavi li.navi03 a:hover, #specialNavi li.navi04 a:hover, #specialNavi li.navi05 a:hover{ 
	filter:alpha(opacity=50); /* for IE */
	-moz-opacity:0.5;/* for FF, NN */
	opacity:0.5; /* for SF, OP*/
}

.dotBorder { width:760px; height:83px; margin:0px auto; background:url(../img/special/dotBorder.gif) no-repeat left top; text-indent:-9999px; overflow:hidden;}

.specialWrapper { width:760px; margin:0px auto;}
.specialTitle01 { height:23px; background:url(../img/special/title01.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}
.specialTitle02 { height:23px; background:url(../img/special/title02.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}
.specialTitle03 { height:23px; background:url(../img/special/title03.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}
.specialTitle04 { height:23px; background:url(../img/special/title04.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}
.specialTitle05 { height:23px; background:url(../img/special/title05.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; margin:0px 0px 20px 0px;}

.specialColLft { width:370px; float:left;}
.specialColRgt {width:370px; float:right;}

.specialLeadTxt {
margin-bottom:20px;
color:#c2c638;
font-weight:bold;
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
}



/* TOKYU HANDS */
#tokyuhandsTitle { height:118px; margin-top:20px; background:url(../img/special/title_hands.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#tokyuhandsLeadTxt { height:211px; margin-top:10px; background:url(../img/special/leadTxt.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#tokyuhandsPresent { height:316px; background:url(../img/special/present.gif) no-repeat left top; margin:35px 0px; text-indent:-9999px; overflow: hidden; position:relative;}
#tokyuhandsPresent .btn-tshirt a { width:251px; height:144px; position:absolute; left:274px; top:0px; display:block; text-decoration:none; text-indent:-9999px; overflow: hidden;}

#tokyuhandsApplyInfo { height:178px; background:url(../img/special/applyInfo.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#tokyuhandsFtrWrapper { width:760px; margin:0px auto; margin-top:40px; border-top:1px solid #666; padding-bottom:40px;}