@charset "Shift_JIS";

/* ///////////////////////////////////////////////
【マンション・ビル・改修工事】
title: mansion.css
paths: css/mansion.css
/////////////////////////////////////////////// */


/* -----------------------------------------------
Table Of Contents

・グローバルナビゲーション
・ページタイトル
・マンション・ビル・改修工事
・第三者賠償補償
・防水工事の単独施工
・大規模修繕
----------------------------------------------- */




/* -----------------------------------------------

グローバルナビゲーション

----------------------------------------------- */
div#navG ul li.navGMansion a {
width: 174px;
background: url(../img/cmn/nav_g.jpg) -174px -48px no-repeat;
}



/* -----------------------------------------------

ページタイトル

----------------------------------------------- */
div#pageTtl h2 {
background: url(../img/mansion/pagettl.jpg) no-repeat;
}



/* -----------------------------------------------

マンション・ビル・改修工事

----------------------------------------------- */
div.owner {
width: 630px;
margin-bottom: 30px;
}

div.owner h2 {
width: 630px;
height: 38px;
margin-bottom: 15px;
background: url(../img/mansion/owner_ttl_a.jpg) no-repeat;
}

div.owner div.headCap {
width: 610px;
margin: 0 10px 20px;
}

div.owner dl.section {
width: 610px;
margin: 0 10px 20px;
}
div.owner dl.section dt {
margin-bottom: 5px;
padding-bottom: 3px;
border-bottom: 1px dotted #0262bc;
font-weight: bold;
font-size: 110%;
color: #0262bc;
}
div.owner dl.section dd {
margin-bottom: 10px;
}
div.owner dl.section dd p.floatL {
float: left;
width: 265px;
}
div.owner dl.section dd ul {
float: left;
width: 330px;
padding-left: 15px;
list-style-type: disc;
list-style-position: outside;
}
div.owner dl.section dd ul li {
margin-bottom: 0.4em;
}


/*工場施工体制*/
div.owner div.system {
width: 610px;
margin: 0 10px 20px;
}



/* -----------------------------------------------

第三者賠償補償

----------------------------------------------- */
div.third {
width: 630px;
margin-bottom: 30px;
}

div.third h2 {
width: 630px;
height: 38px;
margin-bottom: 15px;
background: url(../img/mansion/third_ttl_a.jpg) no-repeat;
}

div.third div.headCap {
width: 610px;
margin: 0 10px 20px;
border-bottom: 1px dotted #ccc;
}

div.third div.headCap p.fPhtR {
float: right;
width: auto;
height: auto;
margin: 0 0 10px 15px;
line-height: 0;
}

div.third .fBox {
width: 610px;
margin: 0 10px 20px;
}

div.third .fBoxL {
float: left;
width: 20.0em;
}

div.third .fBoxR {
float: left;
}

div.third .fBoxL p {
margin-bottom: 20px;
font-size: 130%;
}

div.third .txtA {
width: 610px;
margin: 0 10px;
}



/* -----------------------------------------------

防水工事の単独施工

----------------------------------------------- */
div.tandoku {
width: 630px;
margin-bottom: 30px;
}

div.tandoku h2 {
width: 630px;
height: 38px;
margin-bottom: 15px;
background: url(../img/mansion/tandoku_ttl_a.jpg) no-repeat;
}

div.tandoku div.boxA {
width: 610px;
margin: 0 10px;
}



/* -----------------------------------------------

大規模修繕

----------------------------------------------- */
div.repair {
width: 630px;
}

div.repair h2 {
width: 630px;
height: 38px;
margin-bottom: 15px;
background: url(../img/mansion/repair_ttl_a.jpg) no-repeat;
}

div.repair p.copy {
width: 610px;
height: 28px;
margin: 0 auto 15px;
background: url(../img/mansion/repair_txt.gif) no-repeat;
}

div.repair div.innerBox {
width: 610px;
margin: 0 auto;
}
div.repair div.innerBox h3 {
width: 610px;
height: 31px;
margin-bottom: 15px;
background: url(../img/mansion/repair_ttl_b.jpg) no-repeat;
}
div.repair div.innerBox div.floatL {
display: inline;
float: left;
width: 338px;
margin-right: 20px;
}
div.repair div.innerBox div.floatR {
float: right;
width: 250px;
}

div.repair div.innerBox div.floatL dl {
margin-bottom: 10px;
border: #dfdfdf solid 1px;
}
div.repair div.innerBox div.floatL dl dt {
padding: 5px;
background: #eef9ff;
font-size: 110%;
font-weight: bold;
}
div.repair div.innerBox div.floatL dl dd {
padding: 5px;
}
div.repair div.innerBox div.floatL p.arrow {
margin-bottom: 10px;
text-align: center;
}