@charset "utf-8";
/* CSS Document */

/*========================================
　　トップ
========================================*/

/*　トップ画像
----------------------------------------*/

#topImage {
	background: url(../images/top/top_bg.jpg) left top repeat-x;
	height: 480px;
	}

#imageContainer {
	position:relative;
	width: 950px;
	height: 460px;
	margin: 0 auto;
	}

#imageContainer img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: baseline;
	}



/*　バナー
----------------------------------------*/

#topBanner ul li {
	padding: 10px 0;
	}



/*　NEWS
----------------------------------------*/

#topNews {
	padding: 0 0 30px;
	}

#topNews dl {
	border: #DDDDDD 1px solid;
	padding: 10px 20px;
	}

#topNews dl dt {
	float: left;
	clear: both;
	width: 90px;
	white-space: nowrap;
	}

#topNews dl dd {
	margin: 0 0 0 90px;
	}



/*　屋上庭園(プラスワンリビング)のある暮らし
----------------------------------------*/

#topLife {
	padding: 0 0 30px;
	}

#topLife p {
	margin: 0;
	width: 350px;
	float: left;
	}

#topLife div.clear {
	padding: 30px 0 0;
	}

#topLife span.clear {
	display: block;
	font-size: 10px;
	line-height: 14px;
	}


/*　屋上庭園プラン
----------------------------------------*/

#topPlan {
	clear: both;
	padding: 0 0 20px;
	}

#topPlan ul li {
	padding: 0 0 20px;
	}



/*　写真
----------------------------------------*/

#topPhoto {
	clear: both;
	width: 710px;
	padding: 0 0 10px;
	}

#topPhoto #rollover div.right {
	width: 150px;
	}

#topPhoto #rollover div.right ul.thumb li {
	float: left;
	width: 65px;
	padding: 0 0 10px 10px;
	}




/*　建物に関する保証
----------------------------------------*/

#topGuarantee div.left {
	width: 400px;
	}

#topGuarantee div.left p {
	margin: 0;
	}

#topGuarantee div.left ul li {
	background: url(../images/common/icon.gif) 0 4px no-repeat;
	padding: 4px 0 4px 30px;
	line-height: 110%;
	}

#topGuarantee img.right {
	padding: 0 20px 0 0;
	}



/*　土地情報
----------------------------------------*/

#topLand {
	padding: 0 0 20px;
	}

#topLand ul li {
	float: left;
	padding: 0 0 0 10px;
	}

#topLand ul li.left {
	padding: 0;
	}



/*========================================
　　コンセプト
========================================*/

#concept {
	padding: 0 0 40px;
	}

#concept div {
	text-align: center;
	}


/*========================================
　　メリット
========================================*/

#merit {
	padding: 0 0 30px;
	}

#merit dl {
	width: 345px;
	float: left;
	}

#merit dl.left {
	padding: 0 20px 0 0;
	}

#merit dl dd.top {
	padding: 0 0 30px;
	}

#merit dl dd.bottom {
	padding: 0 0 10px;
	}

#merit div.left {
	width: 215px;
	}

#merit div.left img {
	margin: 0 0 5px;
	}

#merit p.clear {
	font-size: 11px;
	line-height: 22px;
	margin: 0;
	text-align: right;
	}

#merit p.left {
	margin: 0;
	width: 215px;
	}



/*========================================
　　プラン
========================================*/

#planLink {
	position: relative;
	margin: 0 0 20px;
	height: 20px;
	}

#planLink ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 708px;
	border-right: #AAAAAA 1px solid;
	}

#planLink ul li {
	float: left;
	border-left: #AAAAAA 1px solid;
	}

#planLink ul li a {
	display: block;
	width: 176px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background: #FFFFFF;
	}

#planLink ul li a:hover {
	color: #000000;
	background: url(../images/common/icon2.gif) left top;
	}

#planMain {
	line-height: 180%;
	}

#planMain div.plan {
	position: relative;
	clear: both;
	margin: 0 0 40px;
	padding: 0 0 20px;
	background: #F1F1F1;
	}

#planMain div.title {
	position: relative;
	background: url(../images/plan/title_bg.jpg) left top repeat-x;
	}

#planMain div.title ul {
	position: absolute;
	left: 320px;
	top: 200px;
	}

#planMain div.title ul li {
	float: left;
	padding: 0 0 10px 10px;
	}

#planMain div.title ul li.gallery {
	clear: both;
	padding: 0 0 0 190px;
	}

#planMain div.title small {
	display: block;
	font-size: 10px;
	line-height: 12px;
	padding: 5px 20px 0;
	}

#planMain div.title p {
	width: 670px;
	margin: 0;
	padding: 30px 0 10px 20px;
	}

#planMain div.title div {
	padding: 30px 0 0;
	text-align: center;
	}

#planMain dl {
	clear: both;
	padding: 20px 20px 0;
	}

#planMain dl dt {
	font-weight: bold;
	border-bottom: #000000 1px solid;
	}

#planMain dl dd {
	padding: 20px 0 0;
	}

#planMain dl dd p {
	margin: 0;
	width: 460px;
	float: right;
	}

#planMain dl dd p span {
	display: block;
	font-size: 10px;
	line-height: 12px;
	padding: 5px 0 0;
	}

#planMain dl dd p small {
	display: block;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 0 0;
}

#planMain dl dd img {
	float: left;
	}




/*　配置図
----------------------------------------*/

#planning {
	width: 640px;
	height: 760px;
	font-size: 12px;
	line-height: 18px;
	}

#planning div.clearfix {
	padding: 20px 20px 0;
	}

#planning div dl.clearfix dt.clearfix {
	display: block;
	font-size: 14px;
	line-height: 20px;
	border-bottom: #000000 1px solid;
	margin: 0 0 20px;
	font-weight: bold;
	}

#planning div div.left,
#planning div div.right {
	width: 285px;
}
#planning div div.left1,
#planning div div.left2,
#planning div div.left3 {
	width: 200px;
	float: left;
}

#planning div p {
	margin: 0;
	padding: 0 0 20px;
	}

#planning div ul li {
	padding: 2px 0 2px 20px;
	background-position: 0 2px;
	background-repeat: no-repeat;
	line-height: 14px;
	}

#planning div ul li.planningCircle { background-image: url(../images/plan/circle.gif); }
#planning div ul li.planningSquare { background-image: url(../images/plan/square.gif); }
#planning div ul li.planning01 { background-image: url(../images/plan/01.gif); }
#planning div ul li.planning02 { background-image: url(../images/plan/02.gif); }
#planning div ul li.planning03 { background-image: url(../images/plan/03.gif); }
#planning div ul li.planning04 { background-image: url(../images/plan/04.gif); }
#planning div ul li.planning05 { background-image: url(../images/plan/05.gif); }
#planning div ul li.planning06 { background-image: url(../images/plan/06.gif); }
#planning div ul li.planning07 { background-image: url(../images/plan/07.gif); }
#planning div ul li.planning08 { background-image: url(../images/plan/08.gif); }
#planning div ul li.planning09 { background-image: url(../images/plan/09.gif); }
#planning div ul li.planning10 { background-image: url(../images/plan/10.gif); }
#planning div ul li.planning11 { background-image: url(../images/plan/11.gif); }
#planning div ul li.planning12 { background-image: url(../images/plan/12.gif); }
#planning div ul li.planning13 { background-image: url(../images/plan/13.gif); }
#planning div ul li.planning14 { background-image: url(../images/plan/14.gif); }
#planning div ul li.planning15 { background-image: url(../images/plan/15.gif); }
#planning div ul li.planning16 { background-image: url(../images/plan/16.gif); }
#planning div ul li.none { padding-left: 0; }

#planning div ul li span {
	font-size: 10px;
	line-height: 12px;
	}

#planning div ul li img {
	margin: 0 2px;
	}

#planning div ul li.small {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 20px 0 0;
	}

#planning div div.clear {
	padding: 10px 0 0;
	font-size: 10px;
	line-height: 12px;
	}

#planning div div.center {
	text-align: center;
	padding: 20px 0 0;
	text-align: center;
	}

#planning div dl dl {
	font-size: 10px;
	line-height: 12px;
	}

#planning div dl dl dt {
	clear: left;
	float: left;
	width: 20px;
	}

#planning div dl dl dd {
	margin: 0 0 0 20px;
	padding: 0 0 5px;
	}


/*========================================
　　Ｑ＆Ａ
========================================*/

#faq dl {
	padding: 0 0 30px;
	}

#faq dl dd {
	border-right: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	background: url(../images/faq/line.gif) left top repeat-y;
	}

#faq dl dd div.right {
	width: 650px;
	}

#faq dl dd div.right p {
	margin: 0;
	padding: 10px 20px 0 0;
	}

#faq dl dd div.right p.left {
	width: 430px;
	padding: 10px 0 0;
	}

#faq dl dd div.right img {
	margin: 0 0 10px;
	}

#faq dl dd div.clear {
	text-align: right;
	}



/*========================================
　　会社概要
========================================*/

#company dl {
	background: url(../images/common/slash.gif) left top;
	border-left: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	margin: 0 0 30px;
	}

#company dl {
	position: static;
	}

#company dl dt {
	float: left;
	clear: both;
	width: 160px;
	padding: 5px 0 5px 20px;
	border-top: #CCCCCC 1px solid;
	white-space: nowrap;
	}

#company dl dd {
	margin-left: 180px;
	padding: 5px 0 5px 20px;
	border-top: #DDDDDD 1px solid;
	border-left: #DDDDDD 1px solid;
	background: #FFFFFF;
	}

#company dl dd  ul li {
	line-height: 180%;
	background: url(../images/common/icon2.gif) 0 4px no-repeat;
	padding: 0 0 0 30px;
	}

#company div.left {
	width: 210px;
	}

#company div.left img {
	margin: 0 0 10px;
	}

#company div.right {
	width: 480px;
	}

#company div.right p {
	margin: 0;
	font-size: 11px;
	text-align: right;
	}



/*========================================
　　プライバシーポリシー
========================================*/

#privacy b {
	display: block;
	background: url(../images/common/slash.gif) left top;
	font-size: 14px;
	line-height: 30px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	}

#privacy p {
	margin: 0;
	padding: 0 0 30px;
	}

#privacy ul {
	padding: 0 0 30px;
	}

#privacy ul li {
	line-height: 180%;
	background: url(../images/common/icon2.gif) 0 4px no-repeat;
	padding: 0 0 0 30px;
	}



/*========================================
　　資料請求
========================================*/

#request sup {
	font-size: xx-small;
	font-weight: bold;
	color: #FF6600;
	}

#request dl {
	background: url(../images/common/slash.gif) left top;
	border-left: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	margin: 0 0 20px;
	}

#request dl {
	position: static;
	}

#request dl dt {
	float: left;
	clear: both;
	width: 160px;
	padding: 5px 0 5px 20px;
	border-top: #CCCCCC 1px solid;
	white-space: nowrap;
	}

#request dl dt sup {
	padding: 0 0 0 2px;
	}

#request dl dd {
	margin-left: 180px;
	padding: 5px 20px 5px 20px;
	border-top: #DDDDDD 1px solid;
	border-left: #DDDDDD 1px solid;
	background: #FFFFFF;
	}

#request dl dd p {
	margin: 0;
	padding: 0 0 10px;
	color: #FF6600;
	font-size: 86%;
	line-height: 160%;
	font-weight: bold;
	}

#request div.center {
	text-align: center;
	padding: 20px 0 0;
	}



/*　サンクスページ
----------------------------------------*/

#requestThanks div.left {
	width: 350px;
	}

#requestThanks div.clear {
	text-align: center;
	padding: 30px 0 0;
	}



/*========================================
　　物件詳細
========================================*/

#listIndex {
	padding: 0 0 10px;
	}

#listIndex ul li {
	padding: 10px 0 0;
	}

#listTitle {
	background: url(../images/top/top_bg.jpg) left top repeat-x;
	width: 100%;
	height: 490px;
	}

#listTitle div {
	width: 950px;
	margin: 0 auto;
	}

#listTitle div p {
	margin: 0;
	padding: 10px 0 0;
	font-size: 11px;
	line-height: 14px;
	}

#list {
	padding: 0 0 20px;
	}

#list img.subtitle {
	margin: 0 0 20px;
	}



/*　写真
----------------------------------------*/

#listPhotos {
	clear: both;
	width: 710px;
	padding: 0 0 30px;
	}

#listPhotos div {
	float: left;
	width: 560px;
	}

#listPhotos ul {
	float: right;
	background: url(../images/examples/bg.gif) left top repeat;
	width: 150px;
	height: 365px;
	}

#listPhotos ul.thumb li {
	float: left;
	width: 65px;
	padding: 0 0 10px 10px;
	}

#listMain {
	padding: 0 0 30px;
	}

#listLandPlan {
	padding: 30px 0;
	}

#listPlan {
	padding: 0 0 30px;
	}

#listMap {
	padding: 0 0 30px;
	}

#listMap #map_canvas {
	width: 710px;
	height: 400px;
	}

#listMap p {
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	}

#listOutline dl {
	background: #F1F1F1;
	border-left: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	margin: 0 0 20px;
	line-height: 140%;
	}

#listOutline dl dt {
	float: left;
	clear: both;
	width: 160px;
	padding: 5px 0 5px 20px;
	border-top: #DDDDDD 1px solid;
	white-space: nowrap;
	}

#listOutline dl dd {
	margin-left: 180px;
	padding: 5px 0 5px 20px;
	border-top: #DDDDDD 1px solid;
	border-left: #DDDDDD 1px solid;
	background: #FFFFFF;
	}



/*========================================
　　施工事例
========================================*/

/*　写真
----------------------------------------*/

#examples {
	clear: both;
	width: 710px;
	}

#examples dl {
	padding: 10px 0 20px;
	}

#examples dl dt {
	display: block;
	background: url(../images/common/slash.gif) left top;
	font-size: 14px;
	line-height: 30px;
	padding: 0 0 0 20px;
	}

#examples dl dd {
	padding: 10px 0 0;
	}

#examples dl dd div {
	float: left;
	width: 560px;
	}

#examples dl dd ul {
	float: right;
	background: url(../images/examples/bg.gif) left top repeat;
	width: 150px;
	height: 365px;
	}

#examples dl dd ul.thumb li {
	float: left;
	width: 65px;
	padding: 0 0 10px 10px;
	}