body {background-color: #FFFFFF; margin-top: 0px;margin-left: 0px;margin-right: 0px;margin-bottom: 0px;padding:0px;font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;} /*################# template START #####################*/ .t1 {background-color: #0097D7;margin:0px 0px 0px 0px;;padding:0px 0px 0px 280px;} /* CSSハック */ *:first-child+html .t1 {background-color: #0097D7;margin:0px 0px 0px 0px;;padding:0px 0px 0px 255px;} /* CSSハック */ *:first-child+html .t2 {clear : both ;background-color: #0097D7;margin:0px;padding:0px 0px 0px 875px;font-size:12px;color: #FFFFFF;line-height:22px;} /*########## wrapper ##########*/ .wrapper {background-color: #FFFFFF;width: 960px;height:115px;margin:0px auto 0px auto;padding:0px;} /*########## header ##########*/ #header {width: 960px;height:115px;margin-bottom:20px;float:left;background-image: url(../images/temp/header-back.jpg);background-repeat:no-repeat;} #header-logo {width: 400px;height:110px;margin:2px 0px 0px 0px;float:left;} #navi {width:500px;height:110px;margin:2px 0px 0px 0px;float:right;} #navi1 {width:100px;height:110px;margin:0px;padding:0px;background-image: url(../images/temp/navi1-on.jpg);background-repeat:no-repeat;float: left;} #navi1 a {width:100px;height:110px;margin: 0px;padding:0px;display: block;font-size:0px;outline:none;} #navi1 a:hover {text-indent: -9999px;} #navi2 {width:100px;height:110px;margin:0px;padding:0px;background-image: url(../images/temp/navi2-on.jpg);background-repeat:no-repeat;float: left;} #navi2 a {width:100px;height:110px;margin: 0px;padding:0px;display: block;font-size:0px;outline:none;} #navi2 a:hover {text-indent: -9999px;} #navi3 {width:100px;height:110px;margin:0px;padding:0px;background-image: url(../images/temp/navi3-on.jpg);background-repeat:no-repeat;float: left;} #navi3 a {width:100px;height:110px;margin: 0px;padding:0px;display: block;font-size:0px;outline:none;} #navi3 a:hover {text-indent: -9999px;} #navi4 {width:100px;height:110px;margin:0px;padding:0px;background-image: url(../images/temp/navi4-on.jpg);background-repeat:no-repeat;float: left;} #navi4 a {width:100px;height:110px;margin: 0px;padding:0px;display: block;font-size:0px;outline:none;} #navi4 a:hover {text-indent: -9999px;} #navi5 {width:100px;height:110px;margin:0px;padding:0px;background-image: url(../images/temp/navi5-on.jpg);background-repeat:no-repeat;float: left;} #navi5 a {width:100px;height:110px;margin: 0px;padding:0px;display: block;font-size:0px;outline:none;} #navi5 a:hover {text-indent: -9999px;} /*########## footer ##########*/ #footer {background-color: #FFFFFF;width: 960px;height:100px;margin:20px 0px 0px 0px ;padding:0px;float: left;} /*########## contents ##########*/ #contents {width: 960px;height:auto;margin:0px 0px 0px 0px;padding:0px;float: left;} /*################# template END #####################*/ /*########## index.html START##########*/ #block1 {width: 960px;height:680px;margin:20px 0px 0px 0px;padding:0px;float: left;} #container1 {width: 430px;height:660px;margin:0px 0px 20px 0px;padding:0px;float: left;} #container2 {width: 210px;height:304px;margin:0px 0px 5px 5px;padding:0px;float: left;} #container3 {width: 307px;height:304px;margin:0px 0px 5px 5px;padding:0px;float: left;} #container4 {width: 524px;height:350px;margin:0px 0px 20px 5px;padding:0px;float: left;} #block2 {width: 480px;height:60px;margin:0px 0px 0px 0px;padding:0px;float: left;} #container5 {width: 160px;height:60px;margin:0px 10px 0px 0px;padding:0px;float: left;} #container6 {width: 310px;height:60px;margin:0px 0px 0px 0px;padding:0px;float: left;} /*########## index.html END##########*/ /*########## housing.html START##########*/ #thumblist {width: 700px;margin:200px 0px 200px 130px;padding:0px;text-align: left;} ul.ex01 {margin: 0 40 30 auto;width: auto;text-align: left;border-bottom:1px;border-bottom-color:#4C4948;border-bottom-style:solid;font-size:13px;color: #4C4948;} ul.ex01 li {margin: 0px 5px 15px 5px;width: 100px;height: 100px;text-align: left;float: left;overflow: hidden;} ul.ex01 li img {display: none;} /*########## housing.html END##########*/ /*########## about.html START##########*/ #block3 {width: 700px;height:275px;margin:100px 0px 150px 130px;padding:0px;float: left;} #container7 {width: 275px;height:275px;margin:0px 0px 0px 0px;padding:0px;float: left;display:block;} #container8 {width: 350px;height:275px;margin:0px 0px 0px 0px;padding:0px;float: right;display:block;} ul.abo-txt {width: 350px;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} ul.abo-txt li {width: 350px;height:auto;list-style:none;line-height:30px;} /*########## about.html END##########*/ /* ======================================= ClearFixElements ======================================= */ ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;} ul {display: inline-block;overflow: hidden;} section {display: block;width: 100%;} #open01,#open02,#open03,#open04,#open05,#open06,#open07,#open08,#open09,#open03,#open10{top: 0;left: 0;width: 100%;height: 100%;display: none;position: static;} .close_overlay {top: 0;left: 0;width: 100%;height: 130%;display: block;text-indent: -9999px;position: absolute;background: #000;opacity: 0.5;z-index: 5;} .modal_window {top: 48%;left: 20%;margin: -150px 0 0 0px;width: auto;height: auto;text-align: center;display: block;background: #000;position: absolute;z-index: 10;} .modal_window h2 {margin-bottom: 0px;width: auto;height: 30px;line-height: 30px;color: #fff;font-size: 14px;font-weight: bold;text-align: left;text-indent: 15px;background: #4C4948;} .modal_window p {padding: 0 15px 15px 15px;font-size: 13px;line-height: 160%;text-align: left;color: #fff;} /* CSS3 ModalWindow SET -------------------------- */ @-webkit-keyframes modalFadeIn { 0% {opacity:0;display:block;} 100% {opacity:1;} } div#modal div:target { -webkit-animation-name: modalFadeIn; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; opacity: 1; display:block; }} /*########## housing.html END##########*/ /*########## renovation.html START##########*/ #block4 {width: 960px;height:490px;margin:20px 0px 0px 0px;padding:0px;float: left;} #block5 {width: 960px;height:282px;margin:20px 0px 0px 0px;padding:0px;float: left;} #block6 {width: 960px;height:255px;margin:20px 0px 50px 0px;padding:0px;float: left;} /*########## renovation.html END##########*/ /*########## font ##########*/ .style1 {font-size:14px;color: #4C4948;} .style2 {font-size:13px;color: #4C4948;} .style3 {font-size:30px;color: #4C4948;light-height:200px;font-weight: bolder;} .style4 {font-size:12px;color: #a09a98;float:right;} .style5 {font-size:13px;color: #0097D7;line-height:30px;} .style6 {font-size:14px;color: #FF0000;line-height:20px;} .style7 {font-size:12px;color: #FFFFFF;line-height:20px;} .style8 {font-size:18px;color: #0097D7;line-height:30px;} .style9 {font-size:15px;color: #0097D7;line-height:30px;} .style10 {font-size:12px;color: #e60012;line-height:20px;} .style11 {font-size:13px;color: #333636;line-height:20px;} .style12 {font-size:17px;color: #186aff;line-height:30px;} /*########## font END ##########*/ h1 {width: 900px;margin:0px 0px 0px 0px;;padding:0px;font-size:12px;color: #FFFFFF;line-height:22px;float:center;} h2 {font-size:21px;color: #0097D7;line-height:20px;} h3 {font-size:18px;color: #0097D7;} h5 {font-size: 14px; color: #2e8f08; text-decoration: none; line-height:14px;} a.h5. {font-size: 14px; color: #2e8f08; text-decoration: none; line-height:14px;} a.h5.:link {color: #2e8f08; text-decoration: none; line-height:14px;} a.h5.:visited {color: #2e8f08; text-decoration: none; line-height:14px;} a.h5.:hover {color: #C41D1F; text-decoration: none; line-height:14px;} a.h5.:active {text-decoration:none; line-height:14px; } h6 {font-size: 12px; color: #b2ab78; text-decoration: none; line-height:12px;margin:0px 0px 20px 80px;}