@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";
@import "font-m.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/bg.gif);
		background-repeat: repeat-x;
		background-position: center 25px;
	}
	body#index,
	body#top {
		background-image: url(../../imgs/bg-index.gif);
		background-repeat: repeat-x;
		background-position: center 25px;
	}
	body#top {
		background-image: url(../../imgs/bg-top.gif);
	}
	.page {
		color: #333333;
		font-size: 14px;
		line-height: 24px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #13518e;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #666;
		background-position: bottom right;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle {
		color: #8c8c8c;
		font-size: 10px;
		line-height: 25px;
		padding-left: 15px;
		background-color: #f5f5f5;
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.section .title {
		margin-bottom: 18px;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

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

/* #fontSize */
	a.switchBT {
		display: block;
		width: 84px;
		height: 26px;
		text-indent: -9999px;
		overflow: hidden;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	a#f_small {
		margin-right: 5px;
		background-image: url(../imgs/bt-m.gif);
		background-position: right bottom;
	}
	a#f_large {
		background-image: url(../imgs/bt-l.gif);
	}
	a.switchBT:hover {
		background-position: right bottom;
	}


/**
 * 4. Layout
 */
	body #container {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	body #content {
		width: 848px;
		margin: 0 auto;
		background-image: url(../imgs/bg-content-all.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	body #contentHdr {
		background-image: url(../imgs/bg-content-top.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body #contentFtr {
		padding: 14px 16px;
		background-image: url(../imgs/bg-content-bottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	/* index & top */
	body#index #content,
	body#top #content {
		width: 848px;
		margin: 0 auto 20px auto;
		background-image: url(../../imgs/bg-content.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	body#index #contentHdr,
	body#top #contentHdr {
		background-image: url(../../imgs/bg-content-head.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body#index #contentFtr,
	body#top #contentFtr {
		padding: 14px;
		background-image: url(../../imgs/bg-content-bottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body #containerInner01 {
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body #containerInner02 {
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body #gHeader {
		margin: 0 26px;
		text-align: center;
	}
	body#top #gHeader,
	body#index #gHeader {
		margin: 0 6px;
	}
	body #gNav {
		margin-right: auto;
		margin-left: auto;
		width: 848px;
	}
	body #gNav li {
		float: left;
	}
	body #gFooter {
		color: #8c8c8c;
		padding: 12px;
		font-size: 12px;
		text-align: center;
		background-color: #f5f5f5;
	}

	body #contact {
		width: 226px;
	}
	body #contentIn {
		width: 564px;
	}
	body #contentLink {
		padding: 10px 0;
		text-align: center;
	}
	body #sideEvent {
		margin: 10px 0;
		border-top:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		padding: 10px 0;
		width: 210px;
	}
	body #sideEvent li {
		margin-bottom: 5px;
	}
/**
 * 5. EachPageStyle
 */
/* index-top */
	body #wrap {
		text-align: center;
		background-image: url(../imgs/bg-top.gif);
		background-repeat: no-repeat;
		background-position: center -2px;
	}
	body#index #wrap,
	body#top #wrap {
		padding: 0 20px;
		text-align: center;
		background-image: url(../../imgs/bg-flash01.gif);
	}
	body#top #wrap {
		background-image: url(../../imgs/bg-flash02.gif);
	}
	body#index #contact,
	body#top #contact,
	body#index #news,
	body#top #news {
		padding: 10px;
		text-align: left;
		border: #f3eee2 1px solid;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center top;
	}
	body#index #contact,
	body#top #contact {
		width: 378px;
		background-image: url(../../imgs/bg-contact.gif);
	}
	body#index #news,
	body#top #news {
		width: 388px;
		background-image: url(../../imgs/bg-news.gif);
	}
	body .newsList {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: #aaa 1px dotted;
	}
	body .newsList th {
		padding-right: 20px;
		font-weight: normal;
	}
	body .newsList td {
		padding-left: 12px;
		background-image: url(../../imgs/bg-newslist.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	body#index #contentLink,
	body#top #contentLink {
		border-top: #f5f1e7 1px solid;
		padding-bottom: 0;
	}


	#outlineTable td {
		font-size: 115%;
		font-weight: nomal;
	}
	#support,
	#support td {
		line-height: 2.0;
	}
	#qa .title,
	#support .title {
		margin-bottom: 10px;
		padding: 5px;
		background: #fde2fd;	
		color: #691686;
		font-size: 115%;
		font-weight: bold;
		line-height: 100%;
	}
	
	
	
	#sideNews {
		padding-left: 10px;
		text-indent: -10px;
		font-size: 90%;
	}
	#sideNews li {
		margin-bottom: 5px;
	}
	
	.parent {
		position: relative;
	}
	.child {
		position: absolute;
	}