/* ****************************************************

	/common /css/layout.css

***************************************************** */


/* contents
***************************************************** */
body {
	background: url(/common/img/body_bg01.gif ) #202020 no-repeat center top;
}


/* contents
***************************************************** */

#contents {
	margin-top: 90px;
    position: absolute;
    min-width: 940px;
    overflow: hidden;
    width:  100%;
}
#container {
	margin: 0 auto;
	width: 1084px;
}
#mainContents {
	padding-bottom: 50px;
	margin-left: 72px;
	width: 940px;
	background: url(/common/img/body_bg02.gif) repeat-y;
}
#nav {
	float: left;
	margin-top: -1px;
	width: 160px;
}
#main {
	position: relative;
	float: right;
	width: 780px;
}


/* header
***************************************************** */
#header {
	position: fixed;
	width: 100%;
	height: 90px;
	background: url(/common/img/header_bg.gif) #202020 repeat-x top;
	z-index: 100;
}
#headerInner {
	position: relative;
	margin: 0 auto;
	width: 940px;
}
#headerInner h1 {
	position: absolute;
	top: 7px;
	left: 0;
}
#headerInner .fanLnk {
	position: absolute;
	top: 7px;
	right: 0;
}


/* footer
***************************************************** */
#footer {
	padding: 20px 0 40px;
	background: #161616;
}
#footerInner {
	position: relative;
	margin: 0 auto;
	width: 940px;
	text-align: center;
}
#footerInner ul {
}
#footerInner ul li {
	display: inline;
	margin-right: 10px;
}
#footerInner .copyright {
	margin-top: 10px;
	color: #454545;
	font-size: 83%;
}


/* news
***************************************************** */
#news {
	/*position: fixed;*/
	position: absolute;
	top: 20px;
	right: -360px;
	width: 390px;
	overflow: hidden;
	_display: none;
}
#news #newsBtn {
	float: left;
	width: 30px;
}
#news #newsBtn a {
	outline: 0;
	border-style: none;
}
#news #newsBlock {
	float: right;
	width: 359px;
}
#news #newsBlock #newsWrap {
	overflow: hidden;
	background: #202020;
	border-top: 1px solid #424445;
	border-right: 1px solid #424445;
	border-left: 1px solid #424445;
}
#news #newsBlock #newsWrap #newsLst li {
	padding: 15px 0;
	border-bottom: 1px solid #424445;
/*	height: 40px;*/
	background: #202020;
	color: #ffffff;
	font-size: 83%;
}
#news #newsBlock #newsWrap #newsLst li.last {
	border-bottom: none;
}
#news #newsBlock #newsLst li span {
	display: inline-block;
	margin-left: 12px;
	width: 70px;
	color: #636363;
	vertical-align: top;
}
#news #newsBlock #newsLst li a {
	display: inline-block;
	width: 260px;
	color: #ffffff;
	text-decoration: none;
}
#news #newsBlock #newsWrap  #newsLst li:hover{
	background: #2b2b2b;
}

#newsSelect {
	background: #424445;
}
#newsSelect #up {
	float: right;
}
#newsSelect #down {
	float: left;
}
#newsSelect a {
/*	display: block;
	width: 179px;
	height: 21px;
	text-indent: -9999px;*/
}
#newsSelect #up a {
/*	background: url(/common/img/btn_news02_1.gif) no-repeat left top;*/
}
#newsSelect #down a {
/*	background: url(/common/img/btn_news01_1.gif) no-repeat left top;*/
}


/* pageTop
***************************************************** */

.pageTop {
	position: absolute;
	bottom: -45px;
	left: 345px;
	text-align: center;
}
.pageTop a {
}


/* util
***************************************************** */

/* fade img */
#contents a:hover img {
/*	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;*/
}

/* block link fade img */
.fanLnk a:hover,
#contents .hovr img.aovr,
#contents a:hover img.aovr {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	/* Older than Firefox 0.80 */
	-moz-opacity:0.70;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.70;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.70;
	zoom:1;
}

.hovr a {
	text-decoration:underline;
}


/* ClearFix
***************************************************** */
.clearfix:after,
#news:after,
#newsSelect:after,
#container:after,
#mainContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
#news,
#newsSelect,
#container,
#mainContents {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clearfix,
* html #news,
* html #newsSelect,
* html #container,
* html #mainContents {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clearfix,
*:first-child+html #news,
*:first-child+html #newsSelect,
*:first-child+html #container,
*:first-child+html #mainContents {
	display: inline-table;
}/* end hacks */