@charset "utf-8";

/*-- common --*/

* {
	margin: 0;
	padding: 0;
}

html {
	width:100%;
	height:100%;
	
}

body {
	background-color:#f0f0ea;
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,Arial,'Droid Sans',sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	width:100%;
	height:100%;
	/*-webkit-text-size-adjust: 100%;*/
}

img { border-width: 0px;}

a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

ul,ol{list-style:none;}

#wrapper {
	width: 100%;
}

#container {
	width: 100%;
}

header{
	width:94%;
	height:50px;
	padding:10px 3% 0 3%;
	border-bottom:1px solid #4d5e7e;
	z-index:9999;
}

header .floatLeft{
	width:65%;
}



header .title{
	width:100%;
	padding-top:60px;
	height:14px;
	font-size:12px;
}


header .name{
	width:100%;
	height:19px;
	font-size:12px;
	border-bottom:1px dotted #4d5e7e;
	color: #09376c;
	font-weight: bold;
}



footer{
	width:100%;
	background-color:#fff;
	font-size: 10px;
	letter-spacing:0;
	color:#333333;
}

footer #company{
	width:288px;
	padding-top: 10px;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	margin: 0 auto 0 auto;		
}

footer #company .companyName01, .companyName02{
	float:left;
}

footer #company .companyName01{
	padding-right:17px;
}


footer #copyright{
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}

section{
	width:100%;
	text-align:center;
}

#topHeader{
	border-bottom:none;
	position:absolute;
	z-index:8888;
}

h1{
	float:left;
}

h2{
	text-align:left;	
}

nav li{
	display: inline-block;
	position:relative;
	width:94%;
	margin:0 auto;
	padding: 20px 3%;
	color: #213943;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	border: none;
	/*box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);*/
	border-radius: 0px;
	text-decoration: none;
	background:url(../images/navback.png) repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cfd4c6), color-stop(0.00, #fff)); /* Chrome,Safari4+ */
	background:url(../images/navback.png) repeat left top, -webkit-linear-gradient(#fff, #cfd4c6); /* Chrome10+,Safari5.1+ */	
		}

nav li .icon{
	font-size:80%;
	vertical-align:2px;
}

nav li .en{
	position:absolute;
	right:10px;
	top:23px;
	font-size:14px;
	font-family:Garamond,'Droid Serif',serif;
	color:#213943;
	text-align:right;
}

#reqestBtn{
	font-size:16px;
	display: inline-block;
	position:relative;
	width:94%;
	margin:0 3%;
	padding: 10px 0;
	text-align:center;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 0px;
	text-decoration: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(113, 108, 88, 0.4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cac0a0), color-stop(0.75, #382d0b), color-stop(0.51, #85702c), color-stop(0.50, #9f8c4f), color-stop(0.30, #a9934c), color-stop(0.00, #d3c38d));
/*	background: -webkit-linear-gradient(top, #eada6a 0%, #d7c54a 20%, #cfbc3c 50%, #b7a211 51%, #beab27 75%, #d7c54a 100%);
*/}

#reserveBtn{
	font-size:16px;
	display: inline-block;
	position:relative;
	width:94%;
	text-align:center;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 0px;
	text-decoration: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(113, 108, 88, 0.4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b0d3fa), color-stop(0.75, #09376c), color-stop(0.51, #09376c), color-stop(0.50, #1b5190), color-stop(0.30, #366aa5), color-stop(0.00, #b0d3fa));
	margin-top: 0;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 3%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;/*	background: -webkit-linear-gradient(top, #eada6a 0%, #d7c54a 20%, #cfbc3c 50%, #b7a211 51%, #beab27 75%, #d7c54a 100%);
*/}

#btnBox{
	width:94%;
	margin:0 3%;
	padding:20px 0;
}

#btnBox #reqestBtn{
	width:100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#reqestBtn02{
	font-size:16px;
	display: inline-block;
	width:100%;
	text-align:center;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 0px;
	text-decoration: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(113, 108, 88, 0.4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #90d1ee), color-stop(0.75, #53aed7), color-stop(0.57, #429dc3), color-stop(0.51, #53b1db), color-stop(0.21, #90d1ee), color-stop(0.00, #90d1ee));
	background: -webkit-linear-gradient(top, #90d1ee 0%, #90d1ee 21%, #53b1db 51%, #429dc3 56%, #53aed7 75%, #90d1ee 100%);	margin-top: 0;
	margin-right: 0%;
	margin-bottom: 0;
	margin-left: 0%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#outlineBtn, #mapBtn{
	display: inline-block;
	position:relative;
	width:48%;
	padding: 5px 0;
	text-align:center;
	color: #333;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 0px;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.75, #bfbfbf), color-stop(0.51, #b2b2b2), color-stop(0.50, #ccc), color-stop(0.20, #d9d9d9), color-stop(0.00, #e5e5e5));
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #d9d9d9 20%, #ccc 50%, #b2b2b2 51%, #bfbfbf 75%, #d9d9d9 100%);
}

#topNote{
/*	width:90%;*/
	width:100%;
	margin:0 auto;
/*	padding: 20px 3%;*/
	padding: 10px 0;
/*	border-top:1px dotted #b2b2b2;*/
	color:#666;
	font-size:10px;
	line-height:14px;
	text-align:left;
	letter-spacing:0;
}




#note{
	width:90%;
	margin:0 auto;
	padding: 3%;
	color:#666;
	font-size:10px;
	line-height:14px;
	text-align:left;
	letter-spacing:0;
}



#reqText{
	width:94%;
	margin:0 auto;
	text-align:center;
	padding:50px 0;
	color:#333;
}

#index h2{
	width:100%;
	padding:5px 0px;
	margin:20px 0px;
	font-size:18px;
	letter-spacing:2px;
	font-weight:normal;
	font-family:Garamond,'Droid Serif',serif;
	color:#fff;
	text-align:center;
	border-bottom:1px solid #4d5e7e;
}

.copy{
	font-size:16px;
	line-height:24px;
	width:88%;
	margin:0 auto;
	text-align:left;
	font-family: 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',Helvetica,Arial,'Droid Sans',sans-serif;
}

.copy sup{
	font-size:10px;
	line-height:10px;
}

.subCopy{
	line-height:20px;
	width:88%;
	margin:0 auto;
	text-align:left;
	font-family: 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',Helvetica,Arial,'Droid Sans',sans-serif;
}

.line{
	border-bottom:1px dotted #4d5e7e;
	width:94%;
	margin:0 auto;
	height:0;
}

#mainbox{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
}

#onemin{
	position:absolute;
	top: 40px;
	left:50%;
	margin-left:-88px;
	z-index:9999;
}

#headingBox{
	padding-bottom:20px;
	width:94%;
	margin:0 auto;
}

#headingBox p{
	color:#fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	width:94%;
	font-size:12px;
	text-align:left;
	padding: 5px 3%;
	background: -webkit-gradient(linear, left top, left bottom, from(#6a5616), color-stop(0.2, #85702c), color-stop(0.8, #85702c), to(#6a5616));
	/*background: -webkit-linear-gradient(#7287ad, #48618e);*/
}


/*############ トップページ ##############*/

ul#slide-list{
	right:60px;
}



/* フレームを隠す */

/* トップフレーム */
#topBar {
	height: 10%;
}

/* 右のフレーム */
#rightBar {
	display: none;
}
/* 左のフレーム */
#leftBar {
	display: none;
}
/* 下のフレーム */
#controls-wrapper {
	height: 8%;
}

ul#slide-list {
	padding: 5px 0;
	float: none;
	right: 0;
}

.info{
	width:94%;
	margin:0 auto;
	background-color:#FFF;
	border:1px solid #336699;
	text-align:left;
	font-size:12px;
	margin-bottom:10px;
	letter-spacing: 0;
}

.info p{
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;	
}

.info .title{
	color:#fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	width:94%;
	font-size:12px;
	text-align:left;
	padding: 5px 3%;
	background: #336699;
}


/*物件概要*/

.outlineBox{
	padding-bottom:20px;
	width:94%;
	margin:0 auto;
}

.outlineBox p{
	color:#fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	width:94%;
	font-size:12px;
	text-align:left;
	padding: 5px 3%;
	background: -webkit-gradient(linear, left top, left bottom, from(#6a5616), color-stop(0.2, #85702c), color-stop(0.8, #85702c), to(#6a5616));
	/*background: -webkit-linear-gradient(#7287ad, #48618e);*/
}

.outlineBox table{
	width:100%;
	border:none;
	margin:2px auto 0 auto;
}

.outlineBox th{
	background-color:#e2decd;
	border-bottom:1px solid #fff;
	padding:3px 5px;
	font-size:12px;
	white-space:nowrap;
	color:#333;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	width:15%;
}

.outlineBox td{
	background-color:#fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:3px 5px;
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
}

#label{
	text-align:center;
	margin-top:20px;
	line-height: 130%;
}

#outline .outlineTitle{
	padding-top:120px;
	padding-bottom:20px;
	text-align:center;
}

#outline .yokoku2 {
	font-size:10px;
	color:#666;
	line-height:14px;
}

#outline  .touroku1{
	background-color:#eee;
	border-right:1px solid #fff;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
}
.touroku2{
	background-color:#f0f0ea;
	padding-top:15px;
	padding-left:10px;
	padding-bottom:5px;
	text-align:left;
}

/*#outLine .touroku1 {
	background-color: #fff;
}*/

#outLine .yokoku1Box {
	width: 15%;
	margin-right:2%;
	float:left;
	height: 20px;
	border: 1px solid #999;
	text-align:center;
	line-height:18px;

}
#outLine .yokoku1Text{
	width:73%;
	float:left;
	height:30px;
	font-size:12px;
	letter-spacing:1px;
}

#outLine .touroku1 .yokoku1{
	color:#666;
	font-size:14px;
	letter-spacing:1px;
}

#spUpdate{
	width:94%;
	border:none;
	margin:2px auto 0 auto;
	text-align:left;
}

#outLine .touroku1 .yokoku2 {
	font-size:10px;
	color:#666;
	line-height:14px;
}


/*コンセプト*/

#concept #conceptText{
	color:#333333;
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 2em;
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	width:320px;	
	margin:0 auto;
}

#concept .conceptTitle{
	padding-top:120px;
	padding-bottom:20px;
	text-align:center;
}


/*#conceptFLT{
	width:94%;
	margin:0 auto;
	padding:40px 0;
}

#conceptCopy{
	border-top:1px dotted #4d5e7e;
	padding:30px 3% 20px 3%;
}

#conceptText{
	padding-bottom:30px;
}*/



/*周辺環境*/

.calmnessText{
	border-bottom:1px dotted #4d5e7e;
	padding:0 3% 20px 3%;
}

#text1, #text2, #text3, #text4, #text5{
	overflow:hidden;
	height:0px;
}

.moreBox{
	overflow:hidden;
	height:20px;
	position:relative;
}

#more1, #more2, #more3, #more4, #more5{
	font-size:12px;
	color:#d6bd30;
	line-height:20px;
	font-family:Garamond,'Droid Serif',serif;
	position:absolute;
	display:block;
	height:40px;
	top:0;
	right:0;
	text-align:right;
}



/*デザイン*/

.profileBox{
	width:278px;
	margin:0 auto 50px auto;
	line-height:0;
	background-color:#f8f7f3;
	border:1px solid #baac9e;
}

.profileBox .text{
	width:100%;
	line-height:14px;
	color:#595757;
	font-size:10px;
}

.profileBox .font{
	width:88%;
	margin:0 auto;
}

.profileBox .moreBox{
	line-height:0;
	margin-top:5px;
}



/*間取り*/

.planBtn{
	width:278px;
	margin:0 auto 30px auto;
	line-height:0;
	background-color:#fff;
	border:1px solid #48618e;
}

.planBtn h3{
	font-family: 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',Helvetica,Arial,'Droid Sans',sans-serif;
	color:#fff;
	padding:5px 9px;
	line-height:20px;
	width:260px;
	font-size:14px;
	font-weight:normal;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	text-align:left;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #09376c), color-stop(0.00, #7287ad));
	background: -webkit-linear-gradient(#7287ad, #09376c);
}

.planBtn p{
	color:#333;
	font-size:14px;
	padding:5px 9px 0 9px;
	width:260px;
	line-height:20px;
	text-align:left;
}

.planBtn span{
	font-size:18px;
}

.roomplanText{
	border-bottom:1px dotted #4d5e7e;
	text-align:left;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 30px;
	padding-left: 3%;
}

.roomPlanWrap01{
	padding-bottom:20px;
	text-align:center;
}



/*アクセス*/

.accessCopy span{
	font-size:10px;
	line-height:12px;
}

.accessCopy{
	font-size:16px;
	line-height:18px;
	width:88%;
	margin:0 auto;
	text-align:left;
	font-family: 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',Helvetica,Arial,'Droid Sans',sans-serif;
}

.accessTitle{
	color:#fff;
	padding:3px 3%;
	line-height:20px;
	width:88%;
	margin:0 auto 20px auto;
	font-size:12px;
	font-weight:normal;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	text-align:left;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #48618e), color-stop(0.00, #7287ad));
	background: -webkit-linear-gradient(#7287ad, #48618e);
}

.accessTitle sup{
	font-size:8px;
	line-height:8px;
}

.accessText{
	border-bottom:1px dotted #4d5e7e;
	text-align:left;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 30px;
	padding-left: 3%;
}

.accessText2{
	padding:0 3% 15px 3%;
	line-height:16px;
	text-align:left;
}

.accessText2 span{
	font-size:10px;
	letter-spacing:0;
}

.accessText2 strong{
	font-size:16px;
	color:#de0202;
	font-weight: bold;
}


.cell1{
	padding:3px 3%;
	width:82%;
	margin:0 auto;
	background-color:#74736f;
	font-size:12px;
}

.cell2{
	padding:3px 3%;
	width:82%;
	margin:0 auto;
	font-size:12px;
	text-align:left;
	color:#3f3a2f;
	background-color:#f5f5f4;
}

.cell2 span{
	font-size:10px;
}

.cell3{
	padding:3px 3%;
	width:82%;
	margin:0 auto;
	font-size:14px;
	text-align:left;
	color:#3f3a2f;
	background-color:#f5f5f4;
}

.icTitle{
	width:88%;
	border-bottom:1px solid #4d5e7e;
	text-align:left;
	padding-top:20px;
	margin:0 auto 10px auto;
	font-size:12px;
}

.icText{
	width:88%;
	text-align:left;
	margin:0 auto 10px auto;
	font-size:12px;
	line-height:16px;
}

.icText span{
	font-size:10px;
}


#access .accessWrap01{
	padding-top:120px;
	padding-bottom:50px;
	text-align:center;
}

#access .accessWrap02{
	padding-bottom:50px;
	text-align:center;
}



.boxText{
	width:88%;
	margin:0 auto;
	border-bottom:1px dotted #4d5e7e;
	text-align:left;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 30px;
	padding-left: 3%;
}


/*レイアウト*/

.floatLeft{
	float:left;
	display:inline;
}
.floatRight{
	float:right;
	display:inline;
}
.clear{
	clear:both;
	line-height:0px;
	height:0px;
	font-size: 0px;
}

.fontCP{
	font-size: 9px;
	line-height: 11px;
	color: #666;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:93%;
}
.fontCP02{
	font-size: 9px;
	line-height: 11px;
	color: #213943;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:93%;
}

.fontCatch01{
	font-size: 14px;
	font-weight:bold;
	line-height: 16px;
	color: #333;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fontCatch02{
	font-size: 14px;
	font-weight:bold;
	line-height: 16px;
	color: #9a8d55;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fontCatch03{
	font-size: 16px;
	font-weight:bold;
	line-height: 16px;
	color:#C00;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt120{padding-top:120px;}

.pl10{padding-left:10px;}
.pl17{padding-left:17px;}

.pr10{padding-right:10px;}

.mt5{margin-top:5px;}
.mt20{margin-top:20px;}