#header{
	position: relative;
	width: 980px;
	height: 53px;
	background: url(../images/parts/bg_dramax_header.jpg) no-repeat;
}

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



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

/* -------------------------------------
CONTENTS
	body
	container
	header
		Search
		Global Navigation
	Right Contents
		Ranking
	footer
------------------------------------- */
/* -------------------------------------
	body Win IE5
------------------------------------- */
body {
	text-align: center;
	color: #666; /*
	background:#E8E19D url(../images/parts/bg_body02.gif) ;*/ 
	background:url(../images/parts/bg_body02.gif)  repeat-x; 

	text-align: center;
}


/* -------------------------------------
	container
------------------------------------- */
#container{ margin:0 auto; padding:0; text-align:left; width:980px;
	background-color:#FFFFFF;}
/*#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:1%;}
#container{display:block;}
/* End hide from Mac IE */

/* -------------------------------------
	header
------------------------------------- */
#header{
	position: relative;
	width: 980px;
	height: 53px;

}
#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 10px 25px;
	margin-bottom: 5px;
	background:url(../images/parts/bg_dramax_header_logo.jpg);
}
/*#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: 954px;
	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: #666;}
#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 #2A2625;
}
/*#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;
}

#mainColL ul{
	margin:0px;
	padding:0px;
	}

#mainColL li{
	margin:0px;
	font-size:10px;
	padding:0px;
	margin:0px 0px 0px 5px;
	}




#mainColR .colEvent {
	margin-bottom: 10px;
	/*background:url(../images/parts/bg_body03.gif) ; */
	background-color:#FFFFFF;
	/*border-bottom: 2px solid #99CC01;*/
	border-bottom:none;
}

#mainColR .colCinema {
	margin-bottom: 10px;
	/*background:url(../images/parts/bg_body03.gif) ; */
	/*border-bottom: 2px solid #99CC01;*/
	border-bottom:none;
	background-color:#FFFFFF;
}

.blog_src{
	width:200px;
	font-size:10px;
	overflow:visible;
	background-color:#FFFFCC;
	border:#FFCC00 1px dotted;
	}

#rightCol {
	width: 196px;
	padding-left:5px;
	float: right;
	font-size:11px;
}
.colBn img{
	padding:0px 0px 3px 3px;
	}
.blogparts{
	margin-left:18px;
	}
	
.banner{

	margin:0px 0px 15px 0px;
	float:none;
	}
	
.banner li{
	width:200px;
	margin:5px 0px 10px 22px;
	float:left;
	height:70px;
	}	
	
.clears{
	float:none;
	height:20px;
	display:block;

}
	
.dramax_news{
	/*background:url(../images/banner/dramax_back.gif) no-repeat;*/
	padding:15px 0px 0px 5px;
	width:700px;
	margin-bottom:10px;
	}	


h3{
	font-size:13px;
	font-weight:100;
}
	
.dramax_news li a{
	color:#666666;
	border:none;

	}
.dramax_news li a:hover{
	color:#97CC00;
	border:none;
	}
.link_img{
	text-align:right;
	margin-bottom:-5px;
	}	
	
a:hover{
	border:none;
	}
	
.dramax_news span{
	color:#97CC00;
	margin-right:8px;
	font-size:10px;
	}
body{
scrollbar-face-color: #ffffff;
scrollbar-track-color: #666666;
scrollbar-arrow-color: #333333;
scrollbar-highlight-color: #999999;
scrollbar-shadow-color: #222222;
scrollbar-3dlight-color: #ffebcd;
scrollbar-darkshadow-color: #8b0000;
	}


#mainColR {
	width: 700px;
	float: left;
	background: #FFF;
	margin-left:10px;
	overflow: hidden;
}

h3{
	border-left:#99CC00 3px solid;
	padding-left:10px;
	margin-bottom:3px;
	font-size:13px;
	font-weight:bold;
	}
.colRight02{
	float:left;
	width:450px;

	}
	
.colRight ul{
	float:left;
	font-size:12px;
	}	
.sumS02{
	font-size:11px;
	}	
	
	
	
.link02{
	margin-left:28px;

}