@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: #f8f9f6;
	}
	.page {
		padding-bottom: 20px;
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}
	.page#map,
	.page#madori {
		background: #f9faf8 url(../imgs/pop-bg-top.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 {
		float: left;
		margin-top: 10px;
		margin-bottom: 8px;
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.title {
		margin-bottom: 30px;
	}
	.innerTitle {
		margin-bottom: 30px;
	}
	.subTitle {
		margin-bottom: 20px;
	}

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

/**
 * 4. Layout
 */
	body #wrap {
		background: url(../imgs/bg.jpg) repeat-x center top;
	}
	body #wrapInner01 {
		background: url(../imgs/bg-nav.jpg) repeat-x center top;
	}
	body #wrapInner02 {
		background: url(../imgs/bg-wrap-top.jpg) no-repeat center top;
	}
	body #container,
	body #gHeader,
	body #gFooter,
	body #contactArea,
	body #companyArea,
	body #infoArea {
		margin-left: auto;
		margin-right: auto;
	}
	body #container {
		width: 980px;
		background: url(../imgs/bg-container.jpg) repeat-y center top;
		text-align: left;
		clear: both;
	}
	body #containerInner01 {
		background: url(../imgs/bg-top.jpg) no-repeat center top;
	}
	body #containerInner02 {
		padding-bottom: 28px;
		background: url(../imgs/bg-bottom.jpg) no-repeat center bottom;
	}
	body #gHeader {
		width: 968px;
	}
	body #mainContent {
		width: 900px;
		padding: 30px 40px 0px;
	}
	body #gFooter {
		width: 968px;
	}
	body #contactArea {
		margin-bottom: 8px;
		width: 960px;
		height: 45px;
	}
	body #ftrLinks {
		height: 41px;
	}
	body #companyArea {
		margin-bottom: 22px;
		width: 627px;
		height: 42px;
	}
	body #companyArea li {
		float: left;
		height: 47px;
		overflow: hidden;
	}
	/* nav */
	#hNav {
		float: right;
		margin-top: 11px;
		margin-right: 1px;
	}
	#gNav {
		width: 967px;
		height: 46px;
		clear: both;
	}
	#hNav li,
	#gNav li,
	#ftrLinks li {
		overflow: hidden;
	}
	#hNav li {
		margin-left: 3px;
		height: 48px;
	}
	#gNav li {
		height: 45px;
	}
	#ftrLinks li {
		height: 41px;
	}
	.nav li {
		float: left;
	}
	
/* ftrNewsArea */
	#ftrNewsArea {
		width: 420px;
		border: #cdcdcd solid 1px;
		background-color: #f8f9f6;
		color: #666666;
	}
	#ftrNews {
		padding: 20px 0 20px 20px;
		width: 400px;
		height: 84px;
		font-size: 12px;
		line-height: 18px;
		overflow: auto;
	}
	#ftrNews a,
	#ftrNews a:hover {
		color: #666666;
	}
	#ftrNews a:hover {
		text-decoration: none;
	}
	#ftrNews span {
		color: #ee0000;
	}
	
/**
 * 5. EachPageStyle
 */
/* index */
	body #index #infoArea {
		width: 960px;
	}
	body #index #gFooter {
		padding-top: 58px;
	}
	body #index #flashWrap {
		padding-top: 13px;
		padding-bottom: 18px;
		background: url(../../imgs/bg-flash.jpg) no-repeat center top;
	}
	#flashArea {
		height: 410px;
	}
	.alternateArea {
		padding: 20px 0;
		text-align: center;
	}

/* pop */
	body #popHdr {
		width: 620px;
		height: 77px;
		background: url(../imgs/pop-bg-top.jpg) no-repeat center top;
	}
	body #map #container,
	body #madori #container {
		width: 620px;
		background: url(../imgs/pop-bg.gif) repeat-y center top;
	}
	body #madori #container {
		background: url(../imgs/madori-bg.gif) repeat-y center top;
	}
	body #map #containerInner01 {
		padding-bottom: 30px;
		background: url(../imgs/pop-bg-bottom.gif) no-repeat center bottom;
	}
	body #madori #containerInner01 {
		padding-bottom: 40px;
		background: url(../imgs/madori-bg-bottom.gif) no-repeat center bottom;
	}
	body #map .section {
		width: 560px;
		margin: 0 auto;
	}
	body #madori .section {
		width: 520px;
		margin: 0 auto;
	}
	body #map #contactArea,
	body #madori #contactArea  {
		margin-bottom: 0px;
		width: auto;
		height: auto;
		background: url(../imgs/pop-bg-contact.gif) repeat-x center top;
	}
	body #map #fNav,
	body #madori #fNav {
		width: auto;
		height: auto;
	}
	body #madori .spec 	{
		font-size: 10px;
		line-height: 15px;
		color: #999999;
	}

/* sanpo */
	body#sanpo {
		background: #f7f7f0 url(../../misc_sanpo/imgs/bg.gif) repeat 0 50%;
	}
	body#sanpo .page {
		background: url(../../misc_sanpo/imgs/bg-page.gif) repeat-x 0 0;
	}
	body#sanpo #container {
		width: 760px;
		background: url(../../misc_sanpo/imgs/bg-top.gif) no-repeat 0 0;
		padding-top: 9px;
		margin-bottom: 15px;
	}
	body#sanpo .section {
		width: 720px;
		margin: 0 auto 25px;
	}
	body#sanpo #fNav {
		width: 725px;
		margin-bottom: 30px;
	}
	body#sanpo #footer {
		width: 100%;
		background: url(../../misc_sanpo/imgs/bg-contact.gif) repeat-x 0 0;
		margin: 0;
	}

/*misc_toppop*/
	body#popTop #madori #container {
		background: none;
		position: relative;
	}
	body#popTop #madori .btBase,
	body#popTop #madori .btMenu {
		position: absolute;
		top: 277px;
	}
	body#popTop #madori .btBase {
		left: 25px;
	}
	body#popTop #madori .btMenu {
		right: 25px;
	}