@charset "utf-8";
@import "../../css/24t.css";

/* noscript */
#ns01 {
	background-color: #FF0;
	color: #000;
	padding: 4px;
	font-size: small;
	text-align: center;
}

#header0 {
	background: #E20A16;
	background-image:url(../res/bg_header.gif);
	background-repeat:repeat-x;
	margin: 0 0 4px 0;
	padding: 2px 0 4px 0;
	white-space:nowrap;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 3px solid #000;
}

#header0 div {
	width: 800px;
	margin: 0 auto;
}

#header0 a {
	color: #fff;
	font-size: 12px;
	margin: 0 2px 0 0;
}

#header0 a:hover {
	color: #ff0;
}

#container {
	width: 800px;
	background-color:#F00;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
	position: relative;
}

/* header */

#header {
	margin: 2px 0 0 0;
}

#link_logo {
	float: left;
}

#f_search {
	text-align: right;
	margin: 10px 2px 0px 0px;
}

#ti_search {
	height: 20px;
	width: 200px;
	border: solid 1px #000;	
}

#bt_search {
	width: 65px;
	height: 22px;
	border: solid 1px #000;
	background-image: url(../res/bt_search_bg.png);
	background-repeat:repeat-x;
}

#header_link {
	list-style:none;
	margin: 20px 0 0 10px;
}

#header_link li {
	float:left;
	background-image:url(../res/header_link_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#header_link li.last {
	float:left;
	background-image:none;	
}

#header_link a {
	font-size: 90%;
	padding: 0 4px 2px 4px;
	color:#000;
}

#header_link a:hover {
	font-weight: normal;
	color:#0000cd;	
}

/* footer */

#footer {
	height:80px;
	clear:both;
	background-color: #222;
	position:relative;
}

#footer hr {
	border: solid 1px #666;
}

#footer_center {
	width: 800px;	
	height: 80px;
	margin: auto;
	background-color: #333;	
}

#cp {
	text-align: right;
	font-size: x-small;
	color: #fff;
	padding: 4px 4px 0 0;
}

#area_banner {
	text-align: right;
	font-size: small;
	color: #fff;
	padding: 4px 4px 0 0;
}

#area_banner img {
	padding: 4px 0px 4px 0;
}

#area_banner a {
	color: #fff;
}

#area_banner a:hover {
	font-weight:bold;
}

/* movie area */

#c_flash {}

#marea {
	margin: 10px auto 20px auto;
	width: 650px;
	text-align:left;
	font-size:small;
}

#movie {
	width: 640px;
	height: 368px;
	background-color: #fff;
}

#marea p {
	margin: 10px 0 4px 20px;
}

#mafooter {
	height: 20px;
}

/* special */

#bexpo_banner800 {
	margin: 2px 0 2px 0;
}

#catch0 {
	width: 800px;
	height: 60px;
	margin: 4px 0 4px 0;
}