@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 "extension/ci/ci.css";
@import "extension/ci_pop/ci_pop.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-repeat: repeat;
		background-position: center top;
	}
	.page {
		background-image: url(../imgs/bg.gif);
		padding-bottom: 12px;
		color: #666;
		font-size: 12px;
		line-height: 18px;
	}
	.page#index {
		padding-bottom: 25px;
	}
/**
 * 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 {
		padding-bottom: 14px;
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.section .title {
		/*dont use <h3> selector*/
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

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

/* slide */
	#slide {
		position: relative;
	}
	.thumbsBox {
		position: absolute;
	}
	.thumbsBox li {
		float: left;
	}

/* flash area */
	.nonFlashContent {
		text-align: center;
		padding-top: 30px;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	body #gNav,
	body #mainContent,
	body #gFooter,
	body #contactArea {
		clear: both;
	}
	body #gHeader {
		position: relative;
	}
	body #gNav li {
		height: 45px;
	}
	body .nav li {
		float: left;
		overflow: hidden;
	}
	body #hNav li {
		position: absolute;
	}
	body #hNav li.map {
		top: 15px;
		left: 540px;
	}
	body #hNav li.outline {
		top: 33px;
		left: 540px;
	}
	body #hNav li.request {
		top: 12px;
		right: 123px;
	}
	body #hNav li.reserve {
		top: 12px;
		right: 2px;
	}
	/*body #mainContent {
		background-color: #FFFFFF;
		border-bottom: #e4e4e4 solid 1px;
		border-left: #e4e4e4 solid 1px;
		border-right: #e4e4e4 solid 1px;
		width: 900px;
		padding: 40px 30px 50px 30px;
		margin-bottom: 13px;
	}*/
	body .article {
		background-color: #FFFFFF;
		border-bottom: #e4e4e4 solid 1px;
		border-left: #e4e4e4 solid 1px;
		border-right: #e4e4e4 solid 1px;
		width: 900px;
		padding: 40px 30px 30px 30px;
		margin:0;
	}
	body #contactArea {
		position: relative;
		background: url(../imgs/contactArea_bg.jpg) repeat-x left top;
	}
	.contactAreaInner {
		position: relative;
		width: 960px;
		margin:0 auto;
	}
	/* public class */
	.relative {
		position: relative;
	}
	.absolute {
		position: absolute;
	}
	#PrevNext {
		clear: both;
		height: 37px;
		margin-bottom: 30px;
	}
	#PrevNext div {
		width: 192px;
	}
/**
 * 5. CI
 */	
	/* cihead */
	.ciText {
		padding-top: 18px;
	}
	.ciText a {
		color: #666666;
	}
	.ciText a:hover {
		color: #666666;
		text-decoration: none;
	}
	
	/* ciFooterArea */
	#ciFooterArea {
		margin-top: 0;
		padding-left: 10px;
	}
	#directBnr {
		margin-top: 10px;
	}

	/* Box */
	.Box li {
		width: 210px;
		padding-left: 20px;
		float: left;
		display: block;
	}
	.Box li.first {
		padding-left: 0;
	}
	.Box.middle li {
		width: 286px;
	}
	
/**
 * 6. EachPageStyle
 */
/* pageID */
	body #index #mainContent {
		width: 960px;
		margin: 0 0 25px 0;
		padding: 0;
		border: none;
	}
	#index #flashArea,
	#index #flashArea object {
		text-align: center;
		height: 432px;
	}
	#index #infoArea {
		clear: both;
	}
	#index #infoArea #infoAreaInner {
		float: left;
		width: 461px;
	}
	#index #slide {
		width: 960px;
	}
	#index .thumbsBox {
		width: 250px;
		top: 15px;
		left: 745px;
	}
	#index .thumbsBox li {
		margin-right: 4px;
	}
	
/* snav */
	.snav {
		width: 450px;
		height: 48px;
		margin-left: auto;
		margin-right: auto;
	}
	.snav li {
		float: left;
	}

/* concept */
	.kakeiboPro {
		height: 195px;
		margin-bottom: 18px;
	}
	.kakeiboPro li {
		float: left;
		margin-right: 10px;
	}
	
/* area */
	.areaSnav {
		width: 415px;
		height: 50px;
		margin: 0 auto 40px auto;
	}
	.areaSnav li {
		float: left;
	}
	.areaSnav li img {
		vertical-align: top;
	}
	
	#areaP2_1 {
		background: url(../../area/imgs2/img01.jpg) no-repeat right top;
	}
	#areaP2_1box {
		background: url(../../area/imgs2/bg.gif) repeat left top;
		width: 400px;
		padding: 20px;
	}
	.btGallery {
		position: absolute;
		top: 623px;
		left: 658px;
	}

/* parkside */
	.btCosmos {
		position: absolute;
		top: 323px;
		left: 490px;
	}

/* rakukakeibo */
	.rakuTxt {
		position: relative;
		height: 180px;
	}
	.rakuName {
		position: absolute;
		bottom: 0;
		color: #999999;
		font-size: 10px;
	}
	#rakukakeibo .snav {
		width: 620px;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
	}
	#rakukakeibo .snav li {
		float: left;
	}
	#rakukakeibo .snav li img {
		vertical-align: top;
	}
	#rakukakeibo #block- {
		display: block;
	}

	#hasArea {
		background: #ffffff url(../../rakukakeibo/imgs/03/bg-has-area.gif) no-repeat 50% 0;
		height: 530px;
		position: relative;
	}
	#hasArea ul {
		width: 900px;
		margin: 0 auto;
	}
	#hasArea li {
		position: absolute;
	}
	#hasArea li a {
		display: block;
		width: 21px;
		height: 21px;
	}
	#rakukakeibo .blocks {
		display: none;
		width: 390px;
		height: 429px;
		position: absolute;
		top: 50px;
		left: 490px;
	}

/* plan */
	#plan {
		padding: 0 0 30px 0;
	}
	#plan #wrap {
		background:url(../../plan/imgs-pop/bg-top.gif) repeat-x center top;
	}
	#plan #container {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	#plan .request {
		position: absolute;
		top: 22px;
		right: 0px;
	}
	#plan .btNext {
		position: absolute;
		top: 378px;
		right: 1px;
	}
	#plan .btBack {
		position: absolute;
		top: 378px;
		left: 1px;
	}
	#plan .ftrBtn {
		width: 220px;
		margin: 0 auto;
	}
	#plan .ftrBtn li {
		float: left;
		padding-right: 8px;
		
	}
	.price {
		color: #c00606;
		font-weight: bold;
	}
	.price span {
		font-size: 14px;
		line-height: 20px;
	}
	#madori ul.MadoriList {
		width: 900px;
	}
	#madori .MadoriList li {
		width: 440px;
		display: block;
	}

/* landplan */
	#landplan #slide {
		width: 900px;
	}
	#landplan .thumbsBox {
		width: 240px;
		top: 395px;
		left: 15px;
	}
	#landplan .thumbsBox li {
		margin-right: 10px;
	}

/* modelroom */
	#modelroom #flashArea {
		height: 500px;
	}


/* security */
	#security .snav {
		width: 415px;
	}
	#security .article {
		padding-top: 30px;
	}