/* House */ h1.lineup {background:transparent url('../images/house/ttl_lineup.jpg') no-repeat 0px 0px;} #lineup {width:700px; margin:20px 30px 30px;} #lineup ul {width:700px; margin:30px 0px;} #lineup ul li {position:relative; clear:both; width:700px; margin:0px 0px 20px; border-top:solid 3px #b3a075; font-size:13px; overflow:hidden;} #lineup ul li h2 {width:10px; height:10px; margin:0px; text-indent:-2000px;} #lineup ul li div.text {position:absolute; z-index:20;} #lineup ul li div.text p {line-height:1.5;} #lineup ul li img {position:absolute; left:0px; z-index:10;} #lineup ul li div.model {position:absolute; bottom:0px; right:0px; overflow:hidden; z-index:30;} #lineup ul li div.model a {padding:5px 10px 3px; color:#533e2f; background:transparent url('../images/line_dot_orc.png') repeat-x 0px 100%; float:right;} #lineup ul li div.model a:hover {text-decoration:none; background:#f1eee7 url('../images/line_dot_orc.png') repeat-x 0px 100%;} #lineup ul li div.model a strong {} #lineup ul li.contemporary {height:360px;} #lineup ul li.contemporary div.text {top:130px; left:10px;} #lineup ul li.contemporary div.text p.text1 {width:270px;} #lineup ul li.contemporary div.text p.text2 {width:290px;} #lineup ul li.contemporary img {top:10px;} #lineup ul li.colonial {height:430px;} #lineup ul li.colonial div.text {top:300px; left:10px;} #lineup ul li.colonial div.text p {width:680px;} #lineup ul li.colonial img {top:10px;} #lineup ul li.traditional {height:370px;} #lineup ul li.traditional div.text {top:130px; right:10px;} #lineup ul li.traditional div.text p {width:290px;} #lineup ul li.traditional img {top:10px;} #lineup ul li.insist {height:460px;} #lineup ul li.insist div.text {top:300px; left:10px;} #lineup ul li.insist div.text p {width:680px;} #lineup ul li.insist img {top:10px;} h1.flow {background:transparent url('../images/house/ttl_flow.jpg') no-repeat 0px 0px;} #flow {width:700px; margin:0px 30px 30px; line-height:1.5; font-size:13px; overflow:hidden;} #flow div.index {width:560px; margin:20px 70px; background:transparent url('../images/house/bg_flow_index.png') repeat-y 0px 0px; overflow:hidden;} #flow div.index h2 {height:35px; margin:0px; background:transparent url('../images/house/sttl_flow.png') no-repeat 0px 0px; text-indent:-2000px;} #flow div.index ol {width:600px; margin:5px -60px 0px 20px; overflow:hidden;} #flow div.index ol li {width:300px; height:18px; font-size:12px; overflow:hidden;} #flow div.index ol li a {color:#685436;} #flow div.index ol li.n08 {display:inline; margin:-126px 0px 0px 300px; float:left;} #flow div.index ol li.n09 {display:inline; margin:-108px 0px 0px 300px; float:left;} #flow div.index ol li.n10 {display:inline; margin:-90px 0px 0px 300px; float:left;} #flow div.index ol li.n11 {display:inline; margin:-72px 0px 0px 300px; float:left;} #flow div.index ol li.n12 {display:inline; margin:-54px 0px 0px 300px; float:left;} #flow div.index ol li.n13 {display:inline; margin:-36px 0px 0px 300px; float:left;} #flow div.index div.end {height:10px; background:transparent url('../images/house/bg_flow_end.png') no-repeat 0px 0px; overflow:hidden;} #flow ol.list {margin:20px 0px;} #flow ol.list li {clear:both; margin:0px 0px 20px; overflow:hidden;} #flow ol.list li h2 {height:45px; background:transparent url('../images/house/bg_flow_num.png') repeat-x 0px 0px;} #flow ol.list li h2 span {width:60px; height:45px; float:left; text-indent:-2000px;} #flow ol.list li h2 span.n01 {background:transparent url('../images/house/img_flownum_01.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n02 {background:transparent url('../images/house/img_flownum_02.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n03 {background:transparent url('../images/house/img_flownum_03.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n04 {background:transparent url('../images/house/img_flownum_04.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n05 {background:transparent url('../images/house/img_flownum_05.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n06 {background:transparent url('../images/house/img_flownum_06.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n07 {background:transparent url('../images/house/img_flownum_07.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n08 {background:transparent url('../images/house/img_flownum_08.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n09 {background:transparent url('../images/house/img_flownum_09.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n10 {background:transparent url('../images/house/img_flownum_10.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n11 {background:transparent url('../images/house/img_flownum_11.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n12 {background:transparent url('../images/house/img_flownum_12.png') no-repeat 0px 0px;} #flow ol.list li h2 span.n13 {background:transparent url('../images/house/img_flownum_13.png') no-repeat 0px 0px;} #flow ol.list li h2 strong {margin:20px 5px 0px; font-size:15px; color:#ffffff; font-weight:normal; float:left;} #flow ol.list li h3 {margin:10px 15px 0px; font-size:17px; color:#669900;} #flow ol.list li p {clear:both; margin:5px 15px;} #flow ol.list li img {width:239px; height:160px; margin:-15px 10px 0px; _margin:15px 10px; float:right;} #flow ol.list li#p01 h3, #flow ol.list li#p01 p {display:inline; width:400px; float:left;} #flow ol.list li#p03 h3, #flow ol.list li#p03 p {display:inline; width:400px; float:left;} #flow ol.list li#p05 h3, #flow ol.list li#p05 p {display:inline; width:400px; float:left;} #flow ol.list li#p07 h3, #flow ol.list li#p07 p {display:inline; width:400px; float:left;} #flow ol.list li#p09 h3, #flow ol.list li#p09 p {display:inline; width:400px; float:left;} #flow ol.list li#p11 h3, #flow ol.list li#p11 p {display:inline; width:400px; float:left;} #flow ol.list li#p13 h3, #flow ol.list li#p13 p {display:inline; width:400px; float:left;} h1.plan {background:transparent url('../images/house/ttl_plan.jpg') no-repeat 0px 0px;} #plan {width:700px; margin:0px 30px 30px; line-height:1.5; font-size:13px; overflow:hidden;} #plan h2 {width:700px; height:95px; margin:30px 0px 0px; background:transparent url('../images/house/sttl_plan.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #plan div.profile {margin:10px 10px 20px; overflow:hidden;} #plan div.profile h3 {width:440px; margin:0px 0px 10px; font-size:15px; color:#669900; float:left;} #plan div.profile img {width:230px; height:165px; float:right;} #plan div.profile p {width:440px; float:left;} #plan h3.example {clear:both; margin:20px 5px 0px; padding:0px 0px 0px 20px; color:#000000; font-size:15px; background:transparent url('../images/house/icon_ocre.png') no-repeat 0px 4px; overflow:hidden;}} #plan ul.example {} #plan ul.example li {} #plan ul.example li h4 {width:700px; height:40px; margin:10px 0px 0px; font-size:15px; line-height:46px; background:transparent url('../images/house/bg_ssttl_plan.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:40px;} #plan ul.example li ul {} #plan ul.example li ul li.draw {width:340px; float:left;} #plan ul.example li ul li.draw h5 {width:340px; height:20px; margin:10px 0px 0px; background:transparent url('../images/house/ssttl_drawing.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #plan ul.example li ul li.house {width:340px; float:right;} #plan ul.example li ul li.house h5 {width:340px; height:20px; margin:10px 0px 0px; background:transparent url('../images/house/ssttl_house.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #plan ul.example li p {clear:both; margin:10px 5px 30px;} #plan h3.other {clear:both; width:700px; height:35px; margin:20px 5px 0px; background:transparent url('../images/house/sttl_drawings.png') no-repeat 50% 0px; overflow:hidden; text-indent:-2000px;} #plan ul.other {width:720px; margin:0px -20px 0px 0px; overflow:hidden;} #plan ul.other li {display:inline; width:340px; margin:0px 20px 20px 0px; overflow:hidden; float:left;} h1.refine {background:transparent url('../images/house/ttl_refine.jpg') no-repeat 0px 0px;} #refine {width:700px; margin:0px 30px 30px; line-height:1.5; font-size:13px; overflow:hidden;} #refine h2 {width:700px; height:40px; margin:20px 0px 0px; background:transparent url('../images/house/sttl_refine.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #refine p.h3Text {margin:10px 10px 0px; overflow:hidden; background:#ffffff;} #refine h3 {width:700px; height:25px; overflow:hidden; text-indent:-2000px;} #refine h3.about {margin:20px 0px 10px; background:transparent url('../images/house/ssttl_about.png') no-repeat 0px 0px;} #refine h3.ttl {margin:20px 0px 0px; background:transparent url('../images/house/ssttl_refine.png') no-repeat 0px 0px;} #refine ul.archive {} #refine ul.archive li {margin:0px 0px 30px; overflow:hidden;} #refine ul.archive li h4 {margin:10px 5px 20px; padding:0px 0px 0px 20px; border-bottom:solid 1px #cccccc; color:#000000; font-size:15px; background:transparent url('../images/house/icon_ocre.png') no-repeat 0px 5px; overflow:hidden;} #refine ul.archive li p {margin:0px 10px;} #refine ul.archive li p a {font-weight:bold; color:#996600;} #refine ul.archive li.goal {width:700px; background:transparent url('../images/house/bg_refine.jpg') no-repeat 100% 100%;} #refine ul.archive li.goal p.text1 {} #refine ul.archive li.goal p.text2 {width:360px;} #refine ul.archive li.propose {margin:0px;} #refine ul.archive li.propose ul.point {width:670px; margin:20px 10px 0px 20px;} #refine ul.archive li.propose ul.point li {} #refine ul.archive li.propose ul.point li h5 {width:670px; height:45px; margin:0px 0px 10px; font-weight:normal; overflow:hidden;} #refine ul.archive li.propose ul.point li h5 span {display:block; margin:22px 0px 0px;} #refine ul.archive li.propose ul.point li p {margin:0px 0px 10px;} #refine ul.archive li.propose ul.point li.utility h5 {background:transparent url('../images/house/sssttl_utility.png') no-repeat 0px 0px;} #refine ul.archive li.propose ul.point li.exchange h5 {background:transparent url('../images/house/sssttl_exchange.png') no-repeat 0px 0px;} #refine ul.archive li.propose ul.point li.ondemand h5 {background:transparent url('../images/house/sssttl_ondemand.png') no-repeat 0px 0px;} #refine ul.archive li.propose ul.point li.utility div.list {width:670px; background:transparent url('../images/house/bg_portfolio.png') repeat-y 0px 0px; overflow:hidden;} #refine ul.archive li.propose ul.point li.utility div.list div.in {width:670px; height:10px; background:transparent url('../images/house/bg_portfolio_in.png') no-repeat 0px 0px; overflow:hidden;} #refine ul.archive li.propose ul.point li.utility div.list div.end {clear:both; width:670px; height:10px; background:transparent url('../images/house/bg_portfolio_end.png') no-repeat 0px 0px; overflow:hidden;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn {width:690px; margin:0px -20px 0px 0px;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn li.performance {width:250px; margin:0px 20px 0px 0px; float:left;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn li.function {width:180px; margin:0px 20px 0px 0px; float:left;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn li.design {width:200px; margin:0px 20px 0px 0px; float:left;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn li h6 {margin:0px 0px 0px 15px;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn li ul {margin:0px 0px 0px 15px;} #refine ul.archive li.propose ul.point li.utility div.list ul.listIn li ul li {margin:0px;} #refine ul.archive li.message {width:700px; margin:0px 0px 10px;} #refine ul.archive li.message strong {display:block; height:25px; background:transparent url('../images/house/sssttl_refine.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #refine ul.archive li.example {margin:0px 0px -35px;} #refine ul.archive li.example h5 {margin:0px 10px 10px; padding:5px 10px 3px; font-size:15px; background:#f1eee7;} #refine ul.archive li.example h5.rounded {cursor:auto;} #refine ul.archive li.example div.box {clear:both; width:680px; margin:10px 10px 20px; padding:0px 0px 30px; background:transparent url('../images/line_2dot.png') repeat-x 0px 100%; overflow:hidden;} #refine ul.archive li.example div.box div.text {width:320px; height:200px; overflow:hidden; float:left;} #refine ul.archive li.example div.box div.text h6 {margin:0px 0px 5px 0px; font-size:15px; color:#669900;} #refine ul.archive li.example div.box div.text p {margin:0px 0px 5px 0px; line-height:1.3;} #refine ul.archive li.example div.box div.img_a {position:relative; width:351px; height:401px; margin:0px; overflow:hidden; float:right; z-index:10;} #refine ul.archive li.example div.box div.img_a img {display:block; width:351px; height:401px; margin:0px; overflow:hidden; z-index:20;} #refine ul.archive li.example div.box div.img_a p {position:absolute; top:265px; right:0px; margin:0px 5px; font-size:10px; z-index:25;} #refine ul.archive li.example div.box div.img_b {position:relative; width:479px; height:200px; margin:-200px 0px 0px; overflow:hidden; float:left; z-index:30;} #refine ul.archive li.example div.box div.img_b img {display:block; width:479px; height:200px; margin:0px; overflow:hidden; z-index:40;} #refine ul.archive li.example div.box div.img_b p {position:absolute; top:155px; left:0px; margin:0px 5px; font-size:10px; z-index:45;} #refine ul.archive li.example div.box div.zoom {margin:0px 0px 0px 30px; padding:3px 3px 5px 20px; font-size:10px; background:transparent url('../images/model/icon_zoom.png') no-repeat 0px 3px; float:right;} #refine div.mansion {width:680px; margin:20px 10px 0px; padding:0px; background:transparent url('../images/house/bg_mansion.png') no-repeat 0px 210px; overflow:hidden;} #refine div.mansion h3 {width:680px; height:100px; background:transparent url('../images/house/sttl_mansion.png') no-repeat 0px 0px;} #refine div.mansion p {margin:10px 5px 80px;} #refine div.mansion h4 {margin:10px 0px 20px; padding:0px 0px 0px 20px; border-bottom:solid 1px #cccccc; color:#000000; font-size:15px; background:transparent url('../images/house/icon_ocre.png') no-repeat 0px 5px; overflow:hidden;} #refine div.mansion div.box {clear:both; width:680px; margin:0px 0px 20px; padding:0px 0px 20px; background:transparent url('../images/line_2dot.png') repeat-x 0px 100%; overflow:hidden;} #refine div.mansion div.box div.text {width:190px; overflow:hidden; float:left;} #refine div.mansion div.box div.text h5 {margin:5px 0px 10px 0px; font-size:15px; color:#669900;} #refine div.mansion div.box div.text p {margin:0px 0px 5px 0px; line-height:1.6;} #refine div.mansion div.box div.img_a {position:relative; width:479px; height:200px; margin:0px; overflow:hidden; float:right; z-index:10;} #refine div.mansion div.box div.img_a img {display:block; width:479px; height:200px; margin:0px; overflow:hidden; z-index:20;} #refine div.mansion div.box div.img_a p {position:absolute; top:150px; left:0px; margin:0px 5px; font-size:10px; z-index:25;} #refine div.mansion div.box div.img_b {position:relative; width:479px; height:201px; margin:0px 0px 0px; overflow:hidden; float:right; z-index:30;} #refine div.mansion div.box div.img_b img {display:block; width:479px; height:201px; margin:0px; overflow:hidden; z-index:40;} #refine div.mansion div.box div.img_b p {position:absolute; bottom:150px; left:0px; margin:0px 5px; font-size:10px; z-index:45;} #refine div.mansion div.box div.zoom {margin:0px 0px 0px 300px; padding:3px 3px 5px 20px; font-size:10px; background:transparent url('../images/model/icon_zoom.png') no-repeat 0px 3px; float:right;} #refine div.mansion div.btn {margin:-25px 0px 10px; text-align:center; background:#ffffff;} #refine div.mansion div.btn a {display:block; width:400px; height:50px; margin:0px auto; text-align:left; background:transparent url('../images/house/btn_mansion.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #refine div.mansion div.btn a:hover {background-position:0px -50px;} h1.town {background:transparent url('../images/house/ttl_town.jpg') no-repeat 0px 0px;} #town {width:700px; margin:0px 30px 30px; line-height:1.5; font-size:13px; overflow:hidden;} #town img.in {display:block; width:700px; height:250px; margin:20px 0px 30px;} #town h2 {width:700px; height:25px; margin:20px 0px 0px; background:transparent url('../images/house/sttl_town.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #town p.h2Text {margin:10px 5px 0px; overflow:hidden;} #town h3 {margin:20px 5px 20px; padding:0px 0px 0px 20px; border-bottom:solid 1px #cccccc; color:#000000; font-size:15px; background:transparent url('../images/house/icon_ocre.png') no-repeat 0px 5px; overflow:hidden;} #town p.h3Text {margin:10px 10px 0px; overflow:hidden;} #town ul {margin:20px 10px;} #town ul li {margin:0px 0px 30px; overflow:hidden;} #town ul li h4 {margin:0px 5px 10px; padding:0px 0px 0px 5px; font-size:15px; font-weight:normal; background:transparent url('../images/line_2dot.png') repeat-x 0px 100%; overflow:hidden;} #town ul li h4 strong {padding:0px 0px 0px 10px; color:#669900; font-size:15px; background:transparent url('../images/house/icon_green.png') no-repeat 0px 6px; overflow:hidden;} #town ul li p {margin:0px 5px;} #town div.banner {text-align:center;} #town div.banner a {display:block; width:320px; height:90px; margin:0px auto; background:transparent url('../images/house/banner_town.jpg') no-repeat 0px 0px; text-indent:-2000px;} #town div.banner a:hover {background-position:0px -90px;} h1.maison {background:transparent url('../images/house/ttl_maison.jpg') no-repeat 0px 0px;} #maison {width:700px; margin:0px 30px 30px; line-height:1.5; font-size:13px; overflow:hidden;} #maison img.in {display:block; width:700px; height:300px; margin:20px 0px 20px;} #maison h2 {width:700px; height:25px; margin:20px 0px 0px; background:transparent url('../images/house/sttl_maison.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #maison p.h2Text {margin:10px 5px 0px; overflow:hidden;} #maison ul {margin:20px 10px;} #maison ul li {clear:both; margin:0px 0px 30px; overflow:hidden;} #maison ul li.right {margin:0px 0px 30px 240px;} #maison ul li h3 {margin:20px 0px 10px; padding:0px 0px 0px 20px; border-bottom:solid 1px #cccccc; color:#000000; font-size:15px; background:transparent url('../images/house/icon_ocre.png') no-repeat 0px 5px; overflow:hidden;} #maison ul li div.box300 {display:inline; width:300px; height:120px; margin:15px -10px 0px 30px; background:#f1eee7; float:left;} #maison ul li div.box300 h4 {margin:5px 10px 0px; _margin:0px 10px 0px;} #maison ul li div.box300 ul {margin:0px 10px 0px; _margin:0px 10px 10px;} #maison ul li div.box300 ul li {margin:0px;} #maison ul li div.box400 {display:inline; width:400px; height:130px; margin:15px 0px 0px 20px; background:#f1eee7; float:left;} #maison ul li div.box400 h4 {margin:5px 10px 0px; _margin:0px 10px 0px;} #maison ul li div.box400 ul {margin:0px 10px 0px; _margin:0px 10px 10px;} #maison ul li div.box400 ul li {margin:0px;} #maison img.door {float:left; width:220px; height:340px; margin:-420px 0px 0px 10px;} #maison div.banner {text-align:center;} #maison div.banner a {display:block; width:320px; height:90px; margin:0px auto; background:transparent url('../images/house/banner_maison.jpg') no-repeat 0px 0px; text-indent:-2000px;} #maison div.banner a:hover {background-position:0px -90px;} div.link {clear:both;} div.link ul {width:700px; margin:20px 30px 50px; text-align:center; overflow:hidden;} div.link ul li {display:inline; width:250px; height:70px; margin:0px 50px; text-align:left; overflow:hidden; background:#332115; float:left;} div.link ul li.one {display:block; margin:0px auto; float:none;} div.link ul li div {display:inline; width:90px; height:60px; margin:5px 0px 0px 5px; padding:0px; overflow:hidden; float:left;} div.link ul li span {display:inline; width:140px; margin:13px 0px 0px 10px; color:#b3a075; overflow:hidden; float:left;} div.link ul li h3 {display:inline; width:140px; margin:0px 0px 0px 10px; font-size:14px; overflow:hidden; float:left;} div.link ul li h3 a {color:#ffffff;} div.link ul li h3 a:visited {color:#ffffff;} div.link ul li h3 a:hover {color:#ffffff;}