@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: #f7f7f7;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
		background: #ffffff;
		border-top: 6px #e9d89a solid;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #0066cc;
		text-decoration: underline;
		outline: 0;
		border: 0;
	}
	a:visited {}
	a:hover {
		color: #ca9e03;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle {
		margin-bottom: 20px;
	}
	.contentTitle {
		position: absolute;
		top: 0;
		left: 0;
	}
	.section .title {
		margin-bottom: 25px;
	}
	.section .stitle {
		margin-bottom: 15px;
	}
	#citylife .section .stitle {
		margin-bottom: 10px;
	}

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

/**
 * 4. Layout
 */
 /* header */
	body #gHeader {
		position: relative;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding: 19px 0 11px;
	}
	#gHeader p {
		position: absolute;
		top: 25px;
		right: 0;
	}

	/* gNav */
	#gNav {
		position: relative;
		width: 710px;
		height: 16px;
	}
	#gNavList li {
		float: left;
	}
	#gNavList li img {
		vertical-align: top;
	}
	#gNavList li.btMember {
		position: absolute;
		top: -12px;
		right: 0;
	}

/*sHeader  */
	body #sHeader {
		border-top: 1px #d8d8d8 solid;
		background: #e8e8e8;
	}

	/* bcl */
	body #sHeader .bcl {
		width: 960px;
		margin: 0 auto;
		padding: 9px 0 7px;
	}
	body #sHeader .bcl li {
		float: left;
		font-size: 10px;
		line-height: 14px;
	}
	body #sHeader .bcl li a {
		background: url(../imgs/bg-bcl.gif) no-repeat 100% 50%;
		margin-right: 5px;
		padding-right: 12px;
	}

/* container */
	body #container {
		position: relative;
		clear: both;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
		margin-top: 40px;
	}
	#mainContent {
		width: 760px;
		margin-left: 200px;
	}

	#fnavArea {
		height:25px;
		margin-top: 50px;
	}

/* footer */
	body #gFooter {
		border-top: 1px #d8d8d8 solid;
		clear: both;
		padding: 20px 0;
	}
	#gFooter address {
		width: 960px;
		height: 77px;
		margin: 0 auto;
	}

/**
 * 5. EachPageStyle
 */
/* index */
	#flashArea {
		width: 960px;
		height: 360px;
		margin: 0 auto;
	}
	.alternateArea {
		padding: 20px 0;
		text-align: center;
	}
	#index #mainContent {
		width: 960px;
		margin-left: 0;
	}

	.newsList li {
		background: url(../imgs/img-border-01.gif) repeat-x left bottom;
		padding-left: 0;
		margin-bottom: 13px;
		padding-bottom: 15px;
	}
	.newsList li.date {
		background: url(../../imgs/bg-li.gif) no-repeat 0 3px;
		margin-right: 10px;
		padding-left: 13px;
		padding-right: 15px;
		padding-bottom: 0;
		margin-bottom: 5px;
	}

	.listList {
		background: #f8f8f8;
		border: 3px #d8d8d8 solid;
		text-align: left;
		padding: 18px;
		width: 330px;
		font-size: 10px;
		line-height: 15px;
	}
	.listList h3 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	#index .bton {
		margin-bottom: 1.6em;
	}

/* list */
	#list .section h3 {
		font-size: 16px;
		line-height: 18px;
		color: #ca9e03;
		margin-bottom: 10px;
	}
	#list .section .box th {
		font-weight: normal;
		padding: 4px 10px 5px 0;
	}
	#list .section .box td {
		padding: 4px 0 5px;
	}
	#list .section .box td span {
		border-left: 1px #d8d8d8 solid;
		padding-left: 10px;
		display: block;
	}

/* beginners */
	#beginners .section {
		border-bottom: 1px #d8d8d8 solid;
		padding-bottom: 40px;
	}
	#navArea {
		padding-top: 10px;
		top: 174px;
	}
	#navArea li {
	}
	#navArea li a {
		background-position: left top;
		background-repeat: no-repeat;
		width: 177px;
		height: 65px;
		display: block;
		text-indent: -99999px;
		overflow: hidden;
	}
	#navArea li#btStp01 a {
		background-image: url(../../beginners/imgs/snav-01.gif);
		height: 71px;
	}
	#navArea li#btStp02 a {
		background-image: url(../../beginners/imgs/snav-02.gif);
	}
	#navArea li#btStp03 a {
		background-image: url(../../beginners/imgs/snav-03.gif);
	}
	#navArea li#btStp04 a {
		background-image: url(../../beginners/imgs/snav-04.gif);
	}
	#navArea li#btStp05 a {
		background-image: url(../../beginners/imgs/snav-05.gif);
		height: 60px;
	}
	#navArea li.ov a {
		background-position: -177px top;
	}
	#navArea li.on a {
		background-position: -354px top;
	}

/* results */
	.bg_bt {
		width: 140px;
		height: 30px;
		padding: 10px;
		background: url(../../results/imgs/bg-bt.gif) no-repeat;
	}
	.Box01 {
		padding: 19px 20px;
		background: #faf8f4;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
	}
	.Box02 {
		padding: 19px 20px;
	}
	.Box01 .fr ,
	.Box02 .fr {
		width: 540px;
	}
	.Box01 .fr h3 ,
	.Box02 .fr h3 {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #ca9e03;
	}
	.Box01 .fr table ,
	.Box02 .fr table {
		width: 540px;
		font-size: 10px;
		background: #e5e5e5;
		color: #333;
		line-height: 16px;
	}
	.Box01 .fr table th ,
	.Box02 .fr table th {
		background: #f7f7f7;
		font-weight: normal;
		text-align: left;
	}
	.Box01 .fr table td ,
	.Box02 .fr table td {
		background: #fff;
		font-weight: normal;
		text-align: left;
	}
	.bnrRes {
		position: absolute;
		top: 82px;
		left: 0;
	}


/* pop */
	body #pop #gHeader {
		width: 650px;
	}
	body #sHeader {
		border-top: none;
		background: #e8e8e8;
	}
	body #pop #sHeader h2 {
		width: 650px;
		margin-left: auto;
		margin-right: auto;
	}
	body #pop #flashArea {
		width: 650px;
		height: 471px;
		margin: 0 auto 40px;
	}
	body #pop #container ,
	body #pop #mainContent {
		width: 650px;
		margin-left: auto;
		margin-right: auto;
	}
	body #pop #container {
		margin-top: 15px;
	}
	body #pop #mainContent {
		padding-bottom: 20px;
	}
	
	.gd a:hover img{
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie—p */
	}