@charset "utf-8";

/* ページ全体
---------------------------------------------------- */
body {
	margin: 0; 
	padding: 0;
	font-size: 75%;
	font-family: MS Pゴシック, arial, Osaka, Times New Roman;
	line-height: 1.7;
	color: #333333;
	background: #FFFFFF;
}
h2,h3,h4,h5,h6 {
	margin: 0; 
	padding: 0;
}
h1 {
	margin: 20px 0 10px 0;
}
hr {
     clear: left;
     visibility: hidden;
     height: 0;
     margin: 0;
     border: none;
}
p {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}
.bold {
	font-weight: bold;
}
.red {
	color: #FF3333;
}
.pink {
	color: #E4007A;
}
p.name {
	width: 150px;
	margin: 15px 0 5px 60px;
	font-size: 14px;
	font-weight: bold;
	color: #009A67;
} 
p.img {
	padding-top: 10px;
	text-align: center;
}
p.img2 {
	padding-top: 10px;
}
p#right {
	text-align: right;
}
a { text-decoration: none; }
a:link { color: #009A67; }
a:visited { color: #009A67; }
a:hover { color: #E4007A; }

/* FORM
---------------------------------------------------- */
table#form {
	width: 650px;
}
table#form td {
	padding: 5px 0px 5px 10px;
	vertical-align: top;
}
table#form td.td1 {
	width: 160px;
	border-bottom: 1px #666666 solid;
}
table#form td.td2 {
	border-bottom: 1px #666666 solid;
}
table#form td.td3 {
	text-align: right;
}
p.sidebana {
	margin-bottom: 15px;
}
p#privacy {
	margin-bottom: 10px;
	text-align: right;
}
p#top-comment {
	margin-bottom: 10px;
}
h3#thanx {
	margin-top: 13px;
}

/* OPEN WINDOW
---------------------------------------------------- */
p.btn-details {
	margin-right: 10px;
	text-align: right;
} 
p.btn-expansion {
	width: 218px;
	margin-right: 2px;
	text-align: right;
} 
.expansion-img {
	margin-bottom: 5px;
}
body#popup {
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x; 
}
#popup {
	width: 550px;
	margin: 15px auto;
	padding: 0;
	text-align: center;
}
#close {
	margin-top: 10px;
	text-align: center;
}
a.close { text-decoration: none; }
a.close:link { color: #FFFFFF; }
a.close:visited { color: #FFFFFF; }
a.close:hover { color: #E4007A; }

/* HEADER
---------------------------------------------------- */
#header {
	width: 925px;
	margin: 0 auto;
}
#nav {
	width: 925px;
	height: 64px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/nav_bg.jpg);
	background-repeat: repeat-x;
}
#nav ul {
	width: 906px;
	display: block;
	margin: 0;
	padding-left: 10px;
}
#nav ul li {
	height: 64px;
	float: left;
	list-style: none;
}

/* CONTAINER
---------------------------------------------------- */
#container {
	width: 925px;
	margin: 20px auto;
}
#container-style {
	width: 925px;
	margin: 0 auto 20px auto;
}
#container-event {
	width: 925px;
	margin: 0 auto;
}
#leftcolumn565 {
	width: 565px;
    float: left;
}
#rightcolumn335 {
	width: 335px;
	margin-left: 25px;
    float: left;
}
#leftcolumn450 {
	width: 450px;
	text-align: center;
    float: left;
}
#rightcolumn450 {
	width: 450px;
	text-align: center;
	margin-left: 25px;
    float: left;
}
.leftcolumn450 {
	width: 450px;
    float: left;
}
.rightcolumn450 {
	width: 450px;
	margin-left: 25px;
    float: left;
}
#leftcolumn310 {
	width: 310px;
    float: left;
}
#centercolumn305 {
	width: 290px;
	margin-left: 15px;
    float: left;
}
#rightcolumn310 {
	width: 310px;
    float: left;
}
#leftcolumn390 {
	width: 390px;
    float: left;
}
#rightcolumn510 {
	width: 510px;
	margin-left: 25px;
    float: left;
}
#leftcolumn650 {
	width: 650px;
    float: left;
}
#rightcolumn250 {
	width: 250px;
	margin-left: 25px;
    float: left;
}
#leftcolumn455 {
	width: 455px;
    float: left;
}
.leftcolumn220 {
	width: 220px;
	margin-top: 10px;
    float: left;
}
.rightcolumn220 {
	width: 220px;
	margin: 10px 0 0 15px;
    float: left;
}
#container-event-sagae {
	width: 818px;
	margin: 20px auto;
}

/* INDEX
---------------------------------------------------- */
#flasharea {
	width: 955px;
	height: 655px;
	margin: 50px auto 0 auto;
	padding: 0;
	text-align: center;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
}
h1#flash {
	margin: 0;
	padding-top: 25px;
}
#copy {
	padding-right: 25px;
	text-align: right;
	color: #FFFFFF;
}
#nav-index {
	width: 930px;
	height: 64px;
	margin: 0 auto;
	padding-left: 25px;
	background-image: url(../img/nav_bg.jpg);
	background-repeat: repeat-x;
}
#nav-index ul {
	width: 906px;
	display: block;
	margin: 0;
	padding: 0;
}
#nav-index ul li {
	height: 64px;
	float: left;
	list-style: none;
}
p#contact-bana {
	margin-top: 20px;
}
#whatsnew {
	height: 229px;
}
h3#tit-whatsnew {
	padding-bottom: 10px;
}
p.whatsnew {
	padding: 1px 0 2px 10px;
	border-bottom: 1px #666666 dashed;
}
p.bana-left {
	margin-top: 20px;
	float: left;
}
p.bana-right {
	margin: 20px 0 0 15px;
	float: left;
}
p.seriesbana {
	margin-top: 3px;
}

/* INDEX(イベントあり)
---------------------------------------------------- */
p.bana-left-e {
	margin-top: 15px;
	float: left;
}
p.bana-right-e {
	margin: 15px 0 0 15px;
	float: left;
}
p.contact-bana-e {
	margin-top: 15px;
}

/* STYLE
---------------------------------------------------- */
p.drawing {
	margin: 20px 0 10px 0;
}
.style-leftcolumn220 {
	width: 220px;
	margin-top: 10px;
    float: left;
	background: url(../img/bg_center.jpg) repeat-y;
}
.style-rightcolumn220 {
	width: 220px;
	margin: 10px 0 0 15px;
    float: left;
	background: url(../img/bg_center.jpg) repeat-y;
}
p.style-img {
	width: 200px;
	padding: 10px 10px 5px 10px;
	background-image: url(../img/bg_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
p.style-name {
	width: 150px;
	margin-left: 10px;
	padding: 5px 0 5px 50px;
	font-size:	14px;
	font-weight: bold;
	color: #009A67;
	background: url(../img/mark.gif) no-repeat;
} 
p.style {
	width: 200px;
	padding: 0 10px;
}
p.btn-style {
	width: 210px;
	padding: 0 10px 10px 0;
	text-align: right;
	background-image: url(../img/bg_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* ABOUT
---------------------------------------------------- */
table.about {
	width: 450px;
	border: 1px #666666 solid;
}
table.about td {
	padding: 3px 3px 3px 7px;
	vertical-align: top;
	text-align: left;
}
table.about td.td1 {
	width: 90px;
	background: #CECECE;
	border-bottom: 1px #666666 solid;
}
table.about td.td2 {
	border-left: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
}
table.about td.td3 {
	width: 90px;
	background: #CECECE;
}
table.about td.td4 {
	border-left: 1px #666666 solid;
}
h3#greeting {
	margin: 15px 0 10px 0;
}
#greeting {
	width: 620px;
	margin-bottom: 20px;
	float: left;
}
p#greeting-tit {
	margin-left: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #E4007A;
}
p#greeting-chairman {
	margin-left: 10px;
}
p#greeting-img {
	width: 285px;
	margin-left: 20px;
	float: left;
}
h4#concept {
	margin-bottom: 20px;
}
p#concept-image {
	margin-bottom: 20px;
	text-align: center;
}
h4.concept {
	margin-bottom: 10px;
}
p.concept1 {
	padding-left: 25px;
}
p#concept2 {
	margin-top: 5px;
	padding-left: 25px;
}
ul#btn-originalplan {
	list-style: none;
	list-style-position: inside;
	list-style-image: url(../img/btn_concept.gif);
}
p.concept-originalplan {
	margin: 20px 0 20px 25px;
}
p.bana-originalplan {
	margin-left: 25px;
}

/* COMPLETION
---------------------------------------------------- */
.completion220 {
	width: 220px;
	height: 214px;
	margin-top: 10px;
	float: left;
	background-image: url(../completion/img/completion_bg.jpg);
	background-repeat: no-repeat;
}
.completion450-left {
	width: 220px;
	height: 214px;
	margin-top: 10px;
	float: left;
	background-image: url(../completion/img/completion_bg.jpg);
	background-repeat: no-repeat;
}
.completion450-right {
	width: 220px;
	height: 214px;
	margin: 10px 0 0 15px;
	float: left;
	background-image: url(../completion/img/completion_bg.jpg);
	background-repeat: no-repeat;
}
.completion450-238-left {
	width: 220px;
	height: 238px;
	margin-top: 10px;
	float: left;
	background-image: url(../completion/img/completion_bg_l.jpg);
	background-repeat: no-repeat;
}
.completion450-238-right {
	width: 220px;
	height: 238px;
	margin: 10px 0 0 15px;
	float: left;
	background-image: url(../completion/img/completion_bg_l.jpg);
	background-repeat: no-repeat;
}
.completion-leftcolumn220 {
	width: 220px;
    float: left;
}
.completion-rightcolumn220 {
	width: 220px;
	margin-left: 15px;
    float: left;
}
#completion-l {
	width: 220px;
	height: 238px;
	margin-top: 10px;
	float: left;
	background-image: url(../completion/img/completion_bg_l.jpg);
	background-repeat: no-repeat;
}
h4#completion-tit {
	width: 925px;
	margin: 10px 0 10px 0;
}
h4.yutori-tit {
	width: 925px;
	padding-top: 10px;
}
p.completion-style {
	width: 200px;
	padding: 0 10px 10px 10px;
	background-image: url(../img/bg_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
.construction-leftcolumn220 {
	width: 220px;
    float: left;
	background: url(../img/bg_center.jpg) repeat-y;
}
.construction-rightcolumn220 {
	width: 220px;
	margin-left: 15px;
    float: left;
	background: url(../img/bg_center.jpg) repeat-y;
}

/* COMPLETION DETAILS
---------------------------------------------------- */
#completion-guest {
	width: 925px;
	height: 100px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px #666666 dashed;
} 
#completion-company {
	width: 925px;
	height: 100px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px #666666 dashed;
} 
p.voice {
	width: 190px;
	float: left;
} 
p.voice-hope {
	width: 715px;
	margin-left: 20px;
	float: left;
} 

/* FLOW
---------------------------------------------------- */
#free {
	width: 887px;
	margin-bottom: 20px;
	padding: 15px;
	border: 3px #E4007A dashed;
}
#charge {
	width: 887px;
	padding: 15px;
	border: 3px #009A67 dashed;
}
p.flow-number {
	width: 110px;
	margin-bottom: 5px;
	float: left;
}
p.flow-tit {
	margin: 8px 0 5px 10px;
	float: left;
	font-size:	14px;
	font-weight: bold;
	color: #009A67;
}
p.arrow {
	width: 120px;
	text-align: center; 
	float: left;
}
p.flow-step {
	width: 767px;
	float: left;
}
p.flow2-step1 {
	width: 517px;
	float: left;
}
p.flow2-step2 {
	width: 767px;
	padding-left: 120px;
	float: left;
}
p#flow2-step3 {
	width: 450px;
	float: left;
}
p.flow-img {
	width: 220px;
	margin-left: 10px;
	text-align: center;
	float: left;
}
p.flow-img2 {
	width: 305px;
	margin-left: 10px;
	text-align: center;
	float: left;
}
p#myhome {
	text-align: right;
}

/* MYHOME
---------------------------------------------------- */
h3#myhome {
	margin-bottom: 10px;
	border-bottom: 1px #009B68 solid;
}
h4#myhome {
	margin: 10px 0 10px 0;
}
p.myhome {
	margin-left: 10px;
	font-weight: bold;
}
.myhome-example {
	width: 887px;
	margin-bottom: 15px;
	padding: 15px;
	border: 3px #E4007A dashed;
}
#example {
	width: 620px;
	float:	left;
}
ol.example {
	color: #E4007A;
	font-size: 120%;
	font-weight: bold;
}
p#drawing1 {
	width: 440px;
	margin-top: 10px;
	float: left;
}
p#drawing2 {
	width: 440px;
	margin: 10px 0 0 7px;
	float: left;
}
p#drawing3 {
	width: 250px;
	margin-left: 17px;
	float: left;
}
p.arrow-s {
	margin: 5px 0 0 62px;
}

/* MATERIAL
---------------------------------------------------- */
h3#material {
	border-bottom: 1px #009B68 solid;
}
h4.material {
	width: 450px;
	margin: 10px 0;
}
p.material {
	width: 290px;
	margin-bottom: 5px;
	float: left;
}
p.material-img1 {
	width: 150px;
	margin-left: 10px;
	float: left;
}
p.material-img2 {
	width: 450px;
	margin-top: 5px;
}
table.material {
	width: 450px;
	margin: 0px;
	padding: 0px;
}
table.material td {
	margin: 0px;
	padding: 0px;
}
table.material td.td1 {
	width: 280px;
	padding-right: 10px;
}
table.material td.td2 {
	width: 150px;
	vertical-align: top;
}
table.material td.td3 {
	width: 300px;
	padding-top: 5px;
}

/* MECHANISM
---------------------------------------------------- */
h3#mechanism {
	margin-bottom: 10px;
}
h4#mechanism {
	margin-bottom: 20px;
}
h5.mechanism {
	margin-bottom: 20px;
	border-bottom: 1px #009B68 solid;
}
p.structure {
	text-align: center;
}
p#structure-img {
	margin: 0 0 5px 426px;
	text-align: center;
}
p.mechanism-number {
	width: 51px;
	padding: 5px 5px 0 2px;
	float: left;
}
p.mechanism {
	width: 162px;
	margin: 5px 0 3px 0;
	float: left;
}

/* SAFETY
---------------------------------------------------- */
h3#safety {
	margin-bottom: 10px;
}
#aftercare {
	width: 925px;
	height: 42px;
	margin-bottom: 20px;
	border-top: 1px #009B68 solid;
}
#aftercare h4 {
	float: left;
}
#aftercare p {
	padding: 20px 0 0 20px;
	float: left;
}
p.aftercare {
	width: 270px;
	margin-bottom: 20px;
	float: left;
}
p.plus {
	margin: 55px 14px 0 13px;
	float: left;
}
h5#safety {
	width: 925px;
	margin-bottom: 20px;
	border-bottom: 1px #009B68 solid;
}
h6.jio {
	margin-bottom: 20px;
	float: left;
}
.jio-left {
	width: 670px;
	float: left;
}
.jio-right {
	width: 243px;
	float: right;
}
p.step {
	margin: 20px 10px 25px 0;
	float: left;
}
p#inspection {
	width: 925px;
	margin-bottom: 10px;
}
p.inspection-img {
	margin: 3px 0;
}
#jio-guarantee {
	width: 925px;
}
p.guarantee {
	font-weight: bold;
	margin: 10px 0;
}
p.guarantee-tit {
	margin: 10px 0;
}
p#guarantee-img {
	margin-bottom: 5px;
}
.caption {
	margin-left: 140px;
	font-size: 80%;
}
p#object-tit {
	margin: 10px 0;
}
p.object-image {
	margin-top: 20px;
}
p.object {
	margin-top: 10px;
	text-align: center;
}
p#object-img {
	margin: 15px 0 12px 0;
}
p.object-img-details {
	margin-top: 3px;
	text-align: right;
}
p.object-details {
	margin-top: 10px;
}
p#reprint {
	font-size: 80%;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px #666666 dashed;
}
p#jio-logo {
	font-size: 80%;
	margin-top: 5px;
	text-align: right;
}

/* 嶋モデルハウス
---------------------------------------------------- */
h4#event {
	margin: 10px 0 15px 0;
}
h5#event {
	margin-bottom: 15px;
}
p.event-shima1 {
	margin-bottom: 10px;
	float: left;
}
p.event-shima2 {
	margin: 0 0 10px 11px;
	float: left;
}
p.event-shima3 {
	margin: 0 0 10px 11px;
	float: left;
}
p.event-shima4 {
	width: 220px;
	margin-bottom: 20px;
	padding-left: 2px;
	float: left;
}
p.event-shima5 {
	width: 225px;
	margin-bottom: 20px;
	padding-left: 11px;
	float: left;
}
p.event-shima6 {
	width: 220px;
	margin-bottom: 20px;
	padding-left: 11px;
	float: left;
}
p#shima-rough-sketch1 {
	width: 235px;
	float: left;
}
p#shima-rough-sketch2 {
	width: 235px;
	margin-left: 20px;
	float: left;
}
p#shima-dial {
	margin: 26px 0 0 20px;
	float: left;
}
p#bana-shima2-left {
	margin-top: 20px;
	float: left;	
}
p#bana-shima2-right {
	margin-top: 20px;
	padding-left: 25px;
	float: left;	
}

/* EVENT
---------------------------------------------------- */
h3.tit-event {
	height: 40px;
	margin-top: 20px;
	padding-left: 10px;
	border-bottom: 1px #009B68 solid;
}
ul.event-chirashi {
	margin: 0;
	padding: 0;
	float: left;
}
ul.event-chirashi li {
	list-style: none;
}
p#bana-event {
	width: 800px;
	margin: 0 auto 30px auto;
	}

/* DIARY
---------------------------------------------------- */
.diary {
	width: 220px;
	height: 270px;
	margin-bottom: 15px;
	background-image: url(../diary/img/diary_bg.jpg);
	background-repeat: no-repeat;
}
p.diary-details {
	margin: 0 12px;
}
.diary-leftcolumn220 {
	width: 220px;
    float: left;
	background: url(../img/bg_center.jpg) repeat-y;
}
.diary-rightcolumn220 {
	width: 220px;
	margin-left: 15px;
    float: left;
	background: url(../img/bg_center.jpg) repeat-y;
}

/* DIARY DETAILS
---------------------------------------------------- */
.diary-left {
	width: 560px;
	margin-bottom: 10px;
	float: left;
	background: url(../diary/img/bg_center.jpg) repeat-y;
}
.diary-right {
	width: 345px;
	margin: 0 0 10px 20px;
	float: left;
}
p.diary-l-img {
	text-align: center;
}
p.diary-number {
	padding: 10px 0;
	text-align: right;
	border-bottom: 1px #009B68 solid;
}

/* FAQ
---------------------------------------------------- */
#faq-tit {
	width: 925px;
}
#faq-tit h3 {
	width: 735px;
	margin-bottom: 20px;
	float: left;
	border-bottom: 1px #009B68 solid;
}
#faq-tit p {
	margin: 0 0 20px 15px;
	float: left;
}
.faq-q {
	width: 925px;
	padding-bottom: 5px;
	border-bottom: 1px #666666 dashed;
}
.faq-a {
	width: 925px;
	margin: 10px 0 10px 0;
	border-bottom: 1px #666666 solid;
}
p.faq-mark {
	width: 60px;
	vertical-align: top;
	float: left;
}
p.faq {
	width: 855px;
	margin-left: 10px;
	padding-top: 5px;
	float: left;
}
p.advice {
	margin: 10px 0;
	float: left;
}

/* LINK
---------------------------------------------------- */
table.link {
	width: 650px;
}
table.link td {
	padding: 5px 0px 5px 10px;
}
table.link td.td1 {
	width: 220px;
	padding-left: 20px; 
	background-image: url(../img/btn_link.gif);
	background-repeat: no-repeat;
}
table.link td.td2 {
	padding-left: 20px; 
	border-bottom: 1px #666666 solid;
}

/* PRIVACY
---------------------------------------------------- */
h3#site {
	margin-bottom: 10px;
}
h4.site {
	margin: 10px 0 0 10px;
	padding: 5px 0 0 20px; 
	font-size: 120%;
	font-weight: bold;
	color: #009A67;
	background-image: url(../img/btn_link.gif);
	background-repeat: no-repeat;
}
p.site {
	margin-left: 10px;
}

/* FOOTER
---------------------------------------------------- */
#footer {
	width: 915px;
	margin: 0 auto;
	padding: 5px;
	text-align: right;
	color: #FFFFFF;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x; 
}

/* CLEARFIX
---------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* OTHER
---------------------------------------------------- */
.mgn-btm15 {
	margin-bottom:15px;
}