@charset "utf-8";

html {
background:url(../img/common/bg_html.gif) repeat left top;
}

/*
============================================
news、theaters、tokyuhands、hs1000yen、publicity、reaction、movies
============================================
*/

/*これを入れると1px〜2pxのズレが起きるので不要なときは削除
body { height:100%; background: url(../img/common/bg_body.gif) repeat-y center top;}*/

/* hide from ie on mac ＼*/
html { height: 100%;}
/* end hide */

#popupHdr { height:245px; background:url(../img/common/hdr.jpg) no-repeat left top; text-indent:-9999px; overflow: hidden; position:relative;}
#popupHdr .navi-top a { width:95px; height:25px; background:url(../img/common/btn_top.gif) no-repeat left top; position:absolute; left:25px; top:148px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#popupHdr .navi-top a:hover { background-position:0px -25px;}
#popupHdr .navi-top-on { width:95px; height:25px; background:url(../img/common/btn_top.gif) no-repeat 0px -25px; position:absolute; left:25px; top:148px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}


#popupHdr .navi-news a { width:121px; height:25px; background:url(../img/common/btn_news.gif) no-repeat left top; position:absolute; left:130px; top:148px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#popupHdr .navi-news a:hover { background-position:0px -25px;}
#popupHdr .navi-news-on { width:121px; height:25px; background:url(../img/common/btn_news.gif) no-repeat 0px -25px; position:absolute; left:130px; top:148px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}

#popupHdr .navi-theaters a { width:152px; height:25px; background:url(../img/common/btn_theaters.gif) no-repeat left top; position:absolute; left:261px; top:148px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#popupHdr .navi-theaters a:hover { background-position:0px -25px;}
#popupHdr .navi-theaters-on { width:152px; height:25px; background:url(../img/common/btn_theaters.gif) no-repeat 0px -25px; position:absolute; left:261px; top:148px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}

#popupHdr .btn-followme a { width:165px; height:45px; background:url(../img/common/btn_followme.gif) no-repeat left top; position:absolute; left:25px; top:187px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#popupHdr .btn-facebook a { width:138px; height:45px; background:url(../img/common/btn_facebook.gif) no-repeat left top; position:absolute; left:214px; top:187px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#popupHdr .btn-followme a:hover, #popupHdr .btn-facebook a:hover { 
	filter:alpha(opacity=50); /* for IE */
	-moz-opacity:0.5;/* for FF, NN */
	opacity:0.5; /* for SF, OP*/
}

#banners { margin:0px auto; margin-top:25px; margin-bottom:35px; width:760px; height:39px;}
#banners .banner01 a { margin-right:10px; width:182px; height:39px; background:url(../img/common/btn_hs1000yen.gif) no-repeat left top; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}
#banners .banner01 a:hover { background-position:0px -39px;}
#banners .banner01-on { margin-right:10px; width:182px; height:39px; background:url(../img/common/btn_hs1000yen.gif) no-repeat 0px -39px;; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}

#banners .banner02 a { margin-right:10px; width:183px; height:39px; background:url(../img/common/btn_movies.gif) no-repeat left top; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}
#banners .banner02 a:hover { background-position:0px -39px;}
#banners .banner02-on { margin-right:10px; width:183px; height:39px; background:url(../img/common/btn_movies.gif) no-repeat 0px -39px;; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}

#banners .banner03 a { margin-right:10px; width:183px; height:39px; background:url(../img/common/btn_publicity.gif) no-repeat left top; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}
#banners .banner03 a:hover { background-position:0px -39px;}
#banners .banner03-on { margin-right:10px; width:183px; height:39px; background:url(../img/common/btn_publicity.gif) no-repeat 0px -39px;; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}

#banners .banner04 a { width:182px; height:39px; background:url(../img/common/btn_reaction.gif) no-repeat left top; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}
#banners .banner04 a:hover { background-position:0px -39px;}
#banners .banner04-on { width:182px; height:39px; background:url(../img/common/btn_reaction.gif) no-repeat 0px -39px;; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block; float:left;}

#container { width:810px; margin:0px auto; background:#000; padding-bottom:40px;}

#wrapper { margin:0px auto; width:760px;}

/*
============================================
news
============================================
*/

#news{}

#news .mgnB15 { margin-bottom:15px;}

#newsTitle { margin-bottom:15px; height:37px; background:url(../img/news/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.newsPost { background:#212121; margin-bottom:30px; padding:15px; border: 3px double #545454;}
.newsDate { color: #FFF; font-size: 10px; font-weight:bold;}
.newsTitle { margin-bottom:10px; padding-bottom:3px; color: #FFCC00; font-weight:bold; border-bottom: 1px dotted #CCC;}

.newsColWrapper { margin-top:20px;}
.colLft { float:left;}
.colRgt { float:right;}

/*
============================================
theaters
============================================
*/

#theaters{}

#theatersTitle { margin-bottom:15px; height:37px; background:url(../img/theaters/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

#ticketInfo { margin-bottom:30px; background:#212121; padding:10px; border: 3px double #545454;}
.picPresent{ float:left; margin:3px 15px 0px 0px;}
.txtTicket { color:#FFCC00; }
.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:#323232; text-align:center; padding: 4px 6px; vertical-align:top;; }
table.theaters th.areaName {background-color:#545454; 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:#212121; text-align:center; padding: 4px 6px; vertical-align:top;}
table.theaters td.theater { text-align:left;}

/*
============================================
tokyuhands TOP
============================================
*/

#tokyuhands {}

#tokyuhandsTitle { margin:0px 0px 15px 25px; height:47px; background:url(../img/tokyuhands/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#tokyuhandsHdr { height:112px; background:url(../img/tokyuhands/hdr.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#tokyuhandsLead { height:316px; background:url(../img/tokyuhands/leadTxt.jpg) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#tokyuhandPresent { height:298px; background:url(../img/tokyuhands/present.gif) no-repeat left top; margin:35px 0px; text-indent:-9999px; overflow: hidden;}
#tokyuhandsApplyInfo { height:178px; background:url(../img/tokyuhands/applyInfo.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

/*
============================================
hs1000yen TOP
============================================
*/

#hs1000yen {}

#hs1000yenTitle { margin:0px 0px 15px 25px; height:47px; background:url(../img/hs1000yen/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#hs1000yenLead { height:315px; background:url(../img/hs1000yen/leadTxt.jpg) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#hs1000yenFlvplayer { margin:40px auto; width:480px;}
#hs1000yenFlvplayer #required { background:#333; padding:20px;}
#hs1000yenInfo { background:#212121; padding:10px; border: 3px double #545454;}
#hs1000yenInfo ul { padding-left:21px; }

/*
============================================
publicity TOP
============================================
*/

#publicity {}

#publicityTitle { margin-bottom:15px; height:47px; background:url(../img/publicity/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#publicityLead { margin-bottom:25px; height:22px; background:url(../img/publicity/leadTxt.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.publicityColWrapper { width:758px; margin:0px auto;}
.publicityThumbWrapper { width:152px; margin-right:50px; float:left;}
.publicityThumbWrapper a { color: #FFF; text-decoration: none; display: block;}
.publicityThumbWrapper a:hover { background:#212121;}
.publicityThumbPic { margin-bottom:10px;}
.publicityThumbTxt { text-align:center; padding-bottom:10px;}
.mgnClear { margin-right:0px;}

.dotBorder { height:73px; background:url(../img/common/dotBorder.gif) no-repeat left -10px; text-indent:-9999px; overflow:hidden;}

#loading { padding: 5px 0px 3px 30px; background: transparent url(../img/common/loadingThumb.gif) no-repeat left center;}
#loadingThumb {
min-height:500px;
height: auto !important;/*IE用min-height*/
height: 500px;/*IE用min-height*/
}
#loadedThumb { display:none;}

/*
============================================
reaction TOP
============================================
*/

#reaction {}

#reactionTitle { margin-bottom:15px; height:47px; background:url(../img/reaction/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#reactionLead { margin-bottom:40px; height:22px; background:url(../img/reaction/leadTxt.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

/*#reactionFlvplayer { margin:0px auto; height:289px;}
#reactionFlvplayer #required { background:#333; padding:20px;}*/

#playerContainer {}
.playerWrapper { margin-bottom:60px;}
.playerLft { width:360px; float:left;}
.playerRgt { width:360px; float:right;}
.playerTxt { padding-bottom:10px; font-weight:bold; color:#FF0000;}

.reactionFlvplayer { margin:0px auto; width:480px; margin-bottom:60px;}
.reactionFlvplayerTxt { padding-bottom:10px; font-weight:bold; color:#FF0000; text-align:center;}

/*
============================================
movies TOP
============================================
*/

#movies {}

#moviesTitle { margin-bottom:15px; height:47px; background:url(../img/movies/title.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#moviesLead { margin-bottom:40px; height:22px; background:url(../img/movies/leadTxt.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.moviesFlvPlayerTxt { padding-bottom:10px; font-weight:bold; color:#FF0000;}
.moviesFlvPlayer { margin:0px auto; width:640px;}

#movies .dotBorder { margin:40px 0px; height:73px; background:url(../img/common/dotBorder.gif) no-repeat left -10px; text-indent:-9999px; overflow:hidden;}