@charset "utf-8";
/* -------------------------------------
layout
Ver.1.00
Update 070302



------------------------------------- */

/* -------------------------------------
CONTENTS
	body
	container
	header
		Search
		Global Navigation
	Right Contents
		Ranking
	footer
------------------------------------- */
/* -------------------------------------
	body Win IE5
------------------------------------- */
body {
	margin:0px;
	padding:0px;
	text-align: center;
}


/* -------------------------------------
	container
------------------------------------- */
#container{ margin:0 auto; padding:0; text-align:left; width:980px;}
/*#container float*/
#container:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container{display:inline-block;}/*IE*/
/* Hides from Mac IE _*/
* html #container{height:0px;}
#container{display:block;}
/* End hide from Mac IE */

/* -------------------------------------
	header
------------------------------------- */
#header{
	position: relative;
	margin:0px;
	padding:0px;
	width: 980px;
	height: 53px;
	background: url(../images/parts/bg_header.gif) no-repeat;
}
#header #btnCart {
	position: absolute;
	line-height: 0;
	width: 73px;
	height: 12px;
	top: 10px;
	right: 154px;
}
#header #btnUse {
	position: absolute;
	line-height: 0;
	width: 56px;
	height: 12px;
	top: 10px;
	right: 89px;
}
#header #btnLogin {
	position: absolute;
	line-height: 0;
	width: 54px;
	height: 12px;
	top: 10px;
	right: 27px;
}

/* Search
-----------------------------------------*/
#searchCol {
	padding: 0 20px 0 25px;
	margin-bottom: 8px;
}
/*#searchCol float*/
#searchCol:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#searchCol{display:inline-block;}/*IE*/
/* Hides from Mac IE _*/
* html #searchCol{height:1%;}
#searchCol{display:block;}
/* End hide from Mac IE */
#searchCol h1,
#searchCol p#logo {float: left; width: 192px; height: 40px; margin: 0; padding: 0; line-height: 0;}
#searchCol #search {float: right; width: 600px; text-align: right; margin: 0; padding: 8px 0 0 0;}
#searchCol p input {display: inline-block; line-height: 26px; vertical-align: middle;}
#searchCol p label.searchTxt01 {display: inline-block; line-height: 26px; vertical-align: middle; padding-right: 10px;}
#searchCol p label.searchTxt02 {display: inline-block; line-height: 26px; vertical-align: middle; padding-right: 5px;}
#searchCol .keywords {width: 106px; height: 20px; border: 1px solid #ccc;}
#searchCol .searchBtn {padding-left: 8px;}


/* Global Navigation
-----------------------------------------*/
#navi {padding: 0 13px; margin-bottom: 13px;}
#globalNavi {
	position: relative;
	width: 955px;
	height: 29px;
	overflow: hidden;
	background: url(../images/parts/grobal_navi.gif) no-repeat;
}
#globalNavi li {text-indent: -9999px;}
#globalNavi li a {display: block;}
#globalNavi li#naviTop a {
	position: absolute;
	width: 70px;
	height: 29px;
	top: 0;
	left: 0;
	background: url(../images/parts/grobal_navi.gif) no-repeat;
}
#globalNavi li#naviTheater a {
	position: absolute;
	width: 71px;
	height: 29px;
	top: 0;
	left: 70px;
	background: url(../images/parts/grobal_navi.gif) no-repeat -70px 0;
}
#globalNavi li#naviDorama a {
	position: absolute;
	width: 122px;
	height: 29px;
	top: 0;
	left: 141px;
	background: url(../images/parts/grobal_navi.gif) no-repeat -141px 0;
}
#globalNavi li#naviMovie a {
	position: absolute;
	width: 115px;
	height: 29px;
	top: 0;
	left: 263px;
	background: url(../images/parts/grobal_navi.gif) no-repeat -263px 0;
}
#globalNavi li#naviActor a {
	position: absolute;
	width: 72px;
	height: 29px;
	top: 0;
	left: 378px;
	background: url(../images/parts/grobal_navi.gif) no-repeat -378px 0;
}
#globalNavi li#naviCinemartch a {
	position: absolute;
	width: 201px;
	height: 29px;
	top: 0;
	left: 450px;
	background: url(../images/parts/grobal_navi.gif) no-repeat -450px 0;
}





#globalNavi li#naviShopping a {
	position: absolute;
	width: 98px;
	height: 29px;
	top: 0;
	left: 651px;
	background: url(../images/parts/grobal_navi.gif) no-repeat -651px 0;
}



/* nowplace
----------------------------------*/
/*TOP*/
#globalNavi li#naviTop a:hover,
#topPage #globalNavi li#naviTop a {
	background-position: 0 -29px;
}

/*theater*/
#globalNavi li#naviTheater a:hover,
#theater #globalNavi li#naviTheater a,
#shinjuku #globalNavi li#naviTheater a,
#roppongi #globalNavi li#naviTheater a,
#shinsaibashi #globalNavi li#naviTheater a {
	background-position: -70px -29px;
}

/*drama*/
#globalNavi li#naviDorama a:hover,
#drama #globalNavi li#naviDorama a {
	background-position: -141px -29px;
}

/*cinema*/
#globalNavi li#naviMovie a:hover,
#movie #globalNavi li#naviMovie a {
	background-position: -263px -29px;
}

/*actor*/
#globalNavi li#naviActor a:hover,
#actor #globalNavi li#naviActor a {
	background-position: -378px -29px;
}

/*Cinemartch*/
#globalNavi li#naviCinemartch a:hover,
#cinemartch #globalNavi li#naviCinemartch a {
	background-position: -450px -29px;
}

/*shopping*/
#globalNavi li#naviShopping a:hover,
#shopping #globalNavi li#naviShopping a {
	background-position: -651px -29px;
}



/* -------------------------------------
	breadCrumb
------------------------------------- */
#breadCrumb {padding: 8px 0; margin: 0 13px;}
#breadCrumb ul li {display: inline;}
#breadCrumb ul li a {color: #666666;}
#breadCrumb ul li a:link {text-decoration: underline;}
#breadCrumb ul li a:visited {text-decoration: underline;}
#breadCrumb ul li a:hover {text-decoration: none;}
#breadCrumb ul li a:active {text-decoration: none;}

/* -------------------------------------
	pageNavi
------------------------------------- */
.pageNavi {text-align: center; margin: 15px 0; }
.pageNavi a {color: #F2811A; font-weight: bold; padding: 0 5px;}
.pageNavi span {color: #F2811A;}

.news .pageNavi {text-align: center; margin: 15px 0; }
.news .pageNavi a {color: #3C3CCE; font-weight: bold; padding: 0 5px;}
.news .pageNavi span {color: #3C3CCE;}


/* -------------------------------------
	Right Contents
------------------------------------- */
#rightCol {
	width: 196px;
	float: right;
}
.colBn {margin-bottom: 12px;}
#colorBg {background: #FDE8D5; margin-bottom: 12px;}
#dvdCol {margin-bottom: 10px; }


/* Ranking
-----------------------------------------*/
#rankCol {background: url(../images/parts/rank_foot.gif) no-repeat left bottom;}
table.tbranking {margin-top: 10px;}
table.tbranking a:link {color: #666;}
table.tbranking a:visited {color: #666;}
table.tbranking a:hover {color: #666;}
table.tbranking a:active {color: #666;}
table.tbranking td,
table.tbranking th {
	vertical-align: middle;
	padding: 0 5px 15px 5px;
}
table.tbranking th {text-align: right;}
.tdNew {color: #f00; font-weight: bold;}


/* -------------------------------------
	footer
------------------------------------- */
#footer{
	clear: both;
	padding: 5px 0;
	margin: 0 10px;
	border-top: 2px solid #F2811A;
}
/*#footer float*/
#footer:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footer{display:inline-block;}/*IE*/
/* Hides from Mac IE _*/
* html #footer{height:1%;}
#footer{display:block;}
/* End hide from Mac IE */

#footerL {
	float: left;
	width: 535px;
}
#footerL ul li {display: inline;}
#footerL ul li a {color: #666;}
#footerR {
	text-align: right;
	float: right;
	width: 330px;
}