@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: #ffffff;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		text-decoration: underline;
	}
	a:active {}

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

/* fList */
	.fList li {
		float: left;
	}
	.fList li img {
		vertical-align: top;
	}

/* position */
	.parent {
		position: relative;
	}
	.child {
		position: absolute;
	}

/* section */
	.base .section {
		clear: both;
		width: 820px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.section .info{
		position:relative;
		
		}
		
	.section .info .info-btn{
	position:absolute;
	left: 3px;
	top: 55px;
		}


/**
 * 4. Layout
 */
	body #wrap {
		background: #ffffff;
	}
	body #container {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background: #010101 url(../imgs/bg-contentwrap.gif) repeat-y 50% 0;
	}

/* header */
	body #gHeader {
		position: relative;
		width: 920px;
		height: 108px;
		margin-left: auto;
		margin-right: auto;
	}
	#hdrWrap {
		background: #010101 url(../../imgs/bg-hdrwrap.gif) no-repeat 50% 0;
	}

	.siteTitle {
		position: absolute;
		top: 17px;
		left: 0;
	}
	.hText {
		position: absolute;
		top: 20px;
		right: 0;
		color: #999999;
		font-size: 10px;
		line-height: 15px;
	}

	#gNav {
		width: 100%;
		height: 45px;
		background: url(../imgs/bg-nav.gif) repeat-x 50% 0;
	}

	#gNavList {
		width: 920px;
		height: 45px;
		margin-left: auto;
		margin-right: auto;
	}
	#hNav {
	position: absolute;
	top: 50px;
	right: 0;
	width: 420px;
	}
	#mainContent {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 0 50px;
		}
	#mainContent .section {
		width: 920px;
		margin-left: auto;
		margin-right: auto;
	}

	#contentWrap {
		padding-bottom: 10px;
		background: #010101 url(../imgs/bg-contentwrap.gif) repeat-y 50% 0;
	}

/* footer */
	#gFooter #contact {
		position: relative;
		width: 920px;
/*
		border-bottom: 1px #c6e2df solid;
		border-top: 1px #c6e2df solid;
*/
		margin-left: auto;
		margin-right: auto;
	}
	#contact ul {
		position: absolute;
		top: 15px;
		right: 10px;
	}

	#contactWrap {
		border-top: 1px #292929 solid;
		background: #000000;
	}

	#fNav {
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	#pagetop {
		padding-left: 14px;
		background: url(../imgs/bg-ptop.gif) no-repeat 0 50%;
	}
	#ciFooterArea {
		width: 920px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 25px;
	}

	/* link */
	#ciFooterArea .link {
		clear: both;
		position: relative;
		height: 100px;
	}
	#ciFooterArea .link a {
		color: #333333;
		text-decoration: underline;
		padding-left: 10px;
		background: url(../imgs/bg-footer-li.gif) no-repeat 0 50%;
	}
	#ciFooterArea .link a:hover {
		text-decoration: none;
	}
	#ciFooterArea .link .nav01 li {
		position: absolute;
		top: 0;
		right: 220px;
	}
	#ciFooterArea .link .nav01 li.first {
		left: 0;
	}
	#ciFooterArea .link .nav01 li.first a {
		padding-left: 0;
		background: none;
	}
	#ciFooterArea .link li.last {
		right: 0;
	}	
	#ciFooterArea .link .nav02 li {
		position: absolute;
		top: 25px;
		right: 220px;
	}
	#ciFooterArea .link .nav02 li.first {
		right: 250px;
	}
	#ciFooterArea .link .nav02 li.last {
		right: 0px;
	}
	#ciFooterArea .copyright {
		width: 335px;
		height: 15px;
		background: url(../imgs/ftr-copyright.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
	.base #ciFooterArea .copyright {
		position: absolute;
		top: 50px;
		right: 0;
	}


/**
 * 5. EachPageStyle
 */
/* index */
	#index #mainArea {
		background: transparent url(../../imgs/img-main.jpg) no-repeat center top;
		height: 406px;
	}
	#index #mainArea p {
		display: none;
	}

	#index #mainContent {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	#index #mainContent .section .fl {
		width: 500px;
	}
	#index #mainContent .section .fr {
		width: 304px;
	}
	#index .wbox {
		border: 1px solid #ffffff;
		padding: 15px;
		width: 425px;
		margin-bottom: 20px;
	}
	
	#index #fNav {
		margin-bottom: 0;
	}



/* pop */
	body.pop {
		background: #010101 url(../imgs/bg-pop-contentwrap.gif) repeat-y 50% 0;
	}

	body.pop #container {
		padding-bottom: 30px;
		background: #010101 url(../imgs/bg-pop-contentwrap.gif) repeat-y 50% 0;
	}

	body.pop #gHeader {
		width: 560px;
		height: 42px;
		padding-top: 19px;
		margin-bottom: 20px;
	}
	body.pop #gHeader p {
		position: absolute;
		top: 19px;
		right: 0;
	}
	body.pop #mainContent {
		padding: 0;
		width: 560px;
		margin-bottom: 15px;
	}
	body.pop #mainContent .section {
		width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
	body.pop #gFooter {
		width: auto;
		background: #000000;
		border-bottom: 1px #000000 solid;
		border-top: 1px #292929 solid;
	}
	body.pop #ciFooterArea {
		width: 560px;
		padding: 20px 10px;
	}

/* outline */
	body #outline {
		color: #fff;
	}

	#outline #container {
		border-bottom: solid 1px #d8d3b4;
	}
	#outline #gHeader {
		width: 650px;
	}
	#outline #mainContent {
		width: 650px;
	}
	#outline #mainContent .section {
		width: 650px;
	}
	#outline .outlineBox {
		border-top: 1px solid #000000;
		width: 650px;
		background-color: #ffffff;
	}
	#outline .outlineBox th,
	#outline .outlineBox td {
		padding: 5px 5px 5px 10px;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	#outline .outlineBox td {
		border-right: 1px solid #000000;
		width: 75%;
		color: #000;
	}
	#outline .outlineBox th {
		background-color: #d3d3d3;
		text-align: center;
		width: 25%;
		color: #444;
	}
	#outline #ciFooterArea .copyright {
		position: static;
		margin: 0 auto;
	}
	#outline #ciFooterArea {
		background-color: #ffffff;
		text-align: center;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#outline #ciFooterArea .wrapper {
		padding-bottom: 20px;
		width: 650px;
		margin: 0 auto;
	}

/* PUBLIC CSS */
	.section {
		clear: both;
	}
	.relative {
		position: relative;
	}
	.absolute {
		position: absolute;
	}

/* concept landplan */
	#concept #mainContent,
	#landplan #mainContent {
		padding-bottom: 30px;
	}
	#landplan .bg01 {
		background: transparent url(../../landplan/imgs/img-02.jpg) no-repeat right bottom;
		width: 373px;
		padding-right: 547px;
		padding-top: 60px;
	}

/* plan */
	.base #plan #mainContent {
		padding-bottom: 40px;
	}
    .base #plan #madolist li {
        margin-right: 25px;
        float: left;
    }
    .base #plan #madolist li.last {
				margin-bottom: 0;
    }

/* modelroom */
	#modelroom #flashArea {
		width: 920px;
		height: 522px;
	}
	#modelroom .nonFlashContent {
		text-align: center;
		padding-top: 100px;
	}

/* quality */
	#quality .sNav ul {
		width: 650px;
		margin: 0 auto;
	}
	#quality .sNav ul li {
		padding-right: 10px;
	}
	#quality .sNav ul li.last {
		padding-right: 0;
	}

	#quality #mainContent {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 0 50px;
	}

	#quality .qlBox {
		padding: 30px;
		background: #fff;
	}

	#quality #box {
		background: url(../../quality/imgs/02/bg-box.gif) repeat-y 50% 0;
	}
	#quality #box .inner {
		padding: 30px 20px 48px 20px;
		background: url(../../quality/imgs/02/bg-box-btm.gif) no-repeat 50% 100%;
	}
	
/* pop_taxi */
	body.pop #pop_taxi #hdrWrap {
		background: #000;
		
	}
	body.pop #pop_taxi #gHeader {
		width: 900px;
		height: 46px;
		padding-top: 10px;
		margin-bottom: 0px;
	}
	body.pop #pop_taxi #gHeader p {
		position: absolute;
		top: 8px;
		right: 0;
	}
	body.pop #pop_taxi #container {
		padding-bottom: 0px;
	}
	body.pop #pop_taxi #mainContent {
		padding: 0;
		margin-bottom: 0;
		width: 100%;
	}
	body.pop #pop_taxi #contentWrap {
		padding-top: 0px;
		padding-bottom: 0px;
		background: #f6f0d7;
		height: 588px;
	}