@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
	}
	.page {
		background: url(../imgs/bg.jpg) repeat-x center top;
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}
	.wrap {
		background: url(../imgs/bg-sky.jpg) no-repeat center top;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
	/*dont use <h1> selector*/
		position: absolute;
	top: 0px;
	left: 0px;
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.section .title {
		/*dont use <h3> selector*/
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* nonFlashContent */
	.nonFlashContent {
		text-align: center;
		padding-top: 100px;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 960px;
		background: url(../imgs/bg-content.jpg) no-repeat center top;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	body #gHeader {
		height: 116px;
		position: relative;
	}
	body #gNav {
		background: url(../imgs/bg-nav.jpg) no-repeat center top;
		padding-left: 23px;
	}
	body #gNav li {
		float: left;
	}
	body #gNav img {
		vertical-align: bottom;
	}
	body #mainContent {
		width: 920px;
		margin-left: auto;
		margin-right: auto;
	}
	body #gFooter {
		margin-top: 0px;
		padding: 3px 0 6px;
		background-color: #f2f2f2;
	}
	body .ftrInner {
		width: 920px;
		height: 19px;
		margin: 0 auto;
	}
	body .ftrLink {
		float: right;
		padding-top: 4px;
	}
	body .ftrLink li {
		float: left;
		height: 12px;
	}
	body .ftrLink img {
		vertical-align: top;
	}
/**
 * 5. EachPageStyle
 */
 /* pageID */
 	#mainContent .leftArea {
		width: 673px;
		float: left;
		border: #cbd3d4 1px solid;
		background-color: #ffffff;
	}
	#mainContent .rightArea {
		width: 210px;
		float: right;
		border: #cbd3d4 1px solid;
		background-color: #fff;
		padding: 14px 9px;
	}
 
/* index */
	#index {
		background: url(../../imgs/bg.jpg) no-repeat center top;
	}
	#index #container {
		background: url(../../imgs/bg-content.jpg) no-repeat left top;
	}
	#index .siteTitle {
		/*dont use <h1> selector*/
		position: absolute;
		top: 20px;
		left: 738px;
	}
	#index #gHeader {
		height: 445px;
		position: relative;
	}
	#index #gFooter {
		margin-top: 40px;
	}
	#index #gNav {
		background: url(../../imgs/bg-nav.jpg) no-repeat center top;
		padding-left: 20px;
	}
	#index #mainContent .leftArea {
		width: 686px;
		float: left;
		border: none;
		background-color: transparent;
		padding: 0;
	}
	#index #mainContent .leftArea li {
		float: left;
	}
	#index #mainContent .leftArea li img {
		vertical-align: bottom;
	}
	#index #mainContent .rightArea {
		width: 175px;
		height: 230px;
		float: right;
		padding: 15px;
		overflow: auto;
		overflow-x: hidden;
		background-color: #f2f5f8;
		border: none;
	}
	#index #mainContent .rightArea a {
		margin: 8px 0;
		padding: 8px 0 0 6px;
		background: url(../../imgs/bg-link.gif) no-repeat left 10px;
		border-top: #a6b9cc 1px dotted;
		color: #426c8d;
		font-size: 10px;
		line-height: 12px;
		display: block;
	}
	#index #mainContent .rightArea a:hover {
		text-decoration: none;
	}
	#index #flashContent {
		width: 430px;
	}
	#index #flashArea {
		height: 445px;
	}

/* radio */
	#radio .leftArea {
		height: 345px;
		background: #fff url(../../radio/imgs/bg-top.jpg) no-repeat right top;
	}
	#radio .innerArea {
		padding: 29px;
	}