@charset "utf-8";
/* CSS Document */

/*
-----------------------------------------------
001.common
----------------------------------------------- */
body {
	background:#E0E0E0;
	}
/*--container-- */	
#container {
background: url(images/op_bg2.jpg) center top repeat;
	text-align:center;
	}
#container-inner {
	width:990px;
	margin:0 auto;
	text-align:left;
		}
/*--header-- */
#header {
	padding-top:30px;
	background:url(../../images/common/header_bg.jpg) repeat-x top;
	overflow:hidden;
	text-align:center;
	}
#header_inner {
	width:980px;
	margin:0 auto;
	text-align:left;
	}
#header h1,#header h2 {
	float:left;
	}
#header h2 {
	padding:10px 0 0 10px;
	}
#header #search {
	float:right;
	padding-top:10px;
	}
/*--contents-- */
#contents {
	clear:both;
	width:100%;
	overflow:hidden;
	background-color:#fff;
	background:url(../../images/common/contents_bg.gif) repeat-y;
	}

/*--left-column-- */
#l_col {
	width:160px;
	float:left;
	}
#l_col iframe {
	width:158px;
	border:1px solid #ddd;
	}
#nav {
	padding-bottom:10px;
	} 
#nav li {
	border-bottom:1px solid #ddd;
	}
#bana_p {
	padding-bottom:10px; padding-left:10px;
	} 
.unei {padding-top:5px; }
/*--main-column-- */
#main_col {
	width:820px;
	float:right;
	}

/*--center-column-- */
#c_col {
	width:610px;
	float:left;
	}
#c_col.index {
	width:565px;
	float:left;
	}
#c_col #hot_topics {
	padding:20px 10px 0px 10px;
	overflow:hidden;
	}
#hot_topics h3 a {
	font-weight:bold;
	display:block;
	text-indent:0.5em;
	}
#hot_topics h3 a:hover {
	color:#fff;
	background: url(../../images/common/topics_bg.jpg) repeat-y #64c9fd;
	}
.topics_box {
	overflow:hidden;
	}
.topics {
	float:left;
	width:45%;
	padding:0 10px 20px 10px;
	overflow:auto;
	height:11em;
	}
.topics h3 {
	font-weight:bold;
	border-bottom:1px dotted #666;
	line-height:1.8;
	}
.topics img {
	float:left;
	padding:3px;
	border:1px solid #ddd;
	margin:0 5px 0 0;	}
.topics a:hover img {
	border-color:#0099CC;
	} 
.topics p {
	padding-top:5px;
	}
.past {
	padding-left:10px;
	padding-top:20px;
	clear:both;
	padding-bottom:30px;
	}
.recent {
	padding-left:10px;
	padding-bottom:20px;
	clear:both;
	}
/*--right-column-- */	
#r_col {
	width:210px;
	float:left;
	}
#r_col.index {
	width:255px;
	float:left;
	}
#r_col #what_new {
	padding:5px;
	}
#r_col #what_new_inner {
	padding:10px;
	overflow:auto;
	border:1px solid #ddd;
		height:352px;
	}
#r_col #what_new h3 {
	font-weight:bold;
	}
#r_col strong {
	font-weight:bold;
	display:block;
	padding-bottom:2px;
	}
#r_col a.column_a,#r_col a.column_b {
	padding:10px;
	border-bottom:5px solid #fff;
	}
#r_col a.column_a {
	display:block;
	background:#e0e0e0;
	}
#r_col a.column_a:hover,#r_col a.column_b:hover {
	display:block;
	background: url(../../images/common/column_bg.jpg) repeat-y;
	color:#fff;
	}
#r_col a.column_b {
	display:block;
	background:#ebebeb;
	}
#r_col #banner_space {
	padding-top:25px;
	}
#r_col #banner_space img {
	padding-bottom:15px;
	}
/*--past-column-- */
#past_col {
	padding:20px 10px 0px 10px;
	}
/*--footer-- */	
#footer {
	text-align:center;
	overflow:hidden;
	padding-top:10px;
	border-top:1px solid #ccc;
	padding-bottom:30px;
	}
#footer_inner {
	width:980px;
	text-align:left;
	margin:0 auto;
	}
#footer_nav li {
	float:left;
	padding:0 10px;
	border-right:1px solid #555;
	}
#footer_nav li a {
	font-size:11px;
	}
#footer_nav li a:hover {
	color:#0099CC;
	border-bottom:1px dotted #555;
	}
#copyright {
	float:right;
	}
#copyright p {
	float:left;
	padding-right:10px;
	}
/*
-----------------------------------------------
002.Movie
----------------------------------------------- */
#hot_topics h3 a {
	font-weight:bold;
	display:block;
	text-indent:0.5em;
	}
#hot_topics h3 a:hover {
	color:#fff;
	background: url(../../images/common/topics_bg.jpg) repeat-y #64c9fd;
	}
.topics_box {
	overflow:hidden;
	}
#hot_topics.movie .topics {
	float:left;
	width:230px;
	padding:0 10px 20px 25px;
	overflow:auto;
	height:250px;
	}
#hot_topics.movie .topics img,
#hot_topics.movie2 .topics img {
	float:left;
	padding:0px;
	border:0;
	margin:0;
	}
#hot_topics.movie2 {
	padding:0 0 0px 5px;
	overflow:hidden;
	}
#hot_topics.movie2 .topics {
	float:left;
	width:230px;
	padding:6px;
	overflow: hidden;
	height:270px;
	background:#eee;
	border:1px solid #ddd;
	}
.movie2  .topics h3 {
	font-weight:bold;
	border-bottom:1px dotted #666;
	line-height:1.8;
	margin-bottom:5px;
	}

/*
-----------------------------------------------
003.event
----------------------------------------------- */
#event_wrap {
	text-align:center;
	}
#shop a {
	color: #585A72;
	}
#shop a:hover {
	color:#3366CC;
	}