@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
page_title
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

section#page_title {
width: 980px;
height: 337px;
overflow: hidden;
margin: -96px auto 0;
padding: 0;
background: url(http://www.nakagawa-gumi.jp/img/asbestos/bg_page.jpg);
}
section#page_title h2 {
margin: 156px 0 0;
text-align: center;
}
section#page_title p.description {
margin: 40px 0 0;
text-align: center;
text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF, -1px 0px 2px #FFF, 0px -1px 2px #FFF, 1px 0px 2px #FFF, 0px 1px 2px #FFF;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
layout
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#container {
height: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0;
background: url(http://www.nakagawa-gumi.jp/img/common/bg_05.gif);
border-top: #CCC solid 1px;
border-bottom: #CCC solid 1px;
clear: both;
}
div#container div.wrapper {
width: 978px;
height: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0 0 100px;
background: #FFF;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
contents
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#asbe_s {
width: 898px;
height: 100%;
margin: 40px 40px 0;
padding: 0;
}
div#asbe_s section {
margin: 40px 0 0;
padding: 0;
}
div#asbe_s section h3 {
margin: 0 0 20px;
padding: 10px 20px;
font-size: 18px;
font-weight: normal;
line-height: 1.2;
background: #ced5eb;
}
div#asbe_s section h3 span {
margin: 0;
padding: 0 0 0 26px;
background: url(http://www.nakagawa-gumi.jp/img/common/mkr_05.gif) left no-repeat;
}

ol#rough {
margin: 0;
padding: 0;
list-style: none;
}
ol#rough li {
overflow: hidden;
margin: 0;
padding: 0;
}
ol#rough li.r_01 {background: #99cc99 url(http://www.nakagawa-gumi.jp/img/asbestos/ar_r_01.gif) bottom left no-repeat;}
ol#rough li.r_02 {background: #9792ce url(http://www.nakagawa-gumi.jp/img/asbestos/ar_r_02.gif) bottom left no-repeat;}
ol#rough li.r_03 {background: #6699cc url(http://www.nakagawa-gumi.jp/img/asbestos/ar_r_03.gif) bottom left no-repeat;}
ol#rough li img.process {
float: left;
}
ol#rough li ol {
width: 750px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0 0 0 20px;
display: inline;
float: left;
background: #FFF;
}
ol#rough li ol li {
width: 750px;
overflow: hidden;
margin: 1px 0 0;
padding: 0 0 29px;
display: inline;
float: left;
}
ol#rough li ol li div {
overflow: hidden;
margin: 0;
padding: 20px;
border: #CCC solid 1px;
}
ol#rough li.r_01 ol li {background: url(http://www.nakagawa-gumi.jp/img/asbestos/ar_d_01.gif) bottom center no-repeat;}
ol#rough li.r_02 ol li {background: url(http://www.nakagawa-gumi.jp/img/asbestos/ar_d_02.gif) bottom center no-repeat;}
ol#rough li.r_03 ol li {background: url(http://www.nakagawa-gumi.jp/img/asbestos/ar_d_03.gif) bottom center no-repeat;}
ol#rough li.r_03 ol li:last-child {padding: 0;background: none;}
ol#rough li ol li p.heading {
width: 490px;
margin: 0 0 17px;
display: inline;
float: left;
}
ol#rough li ol li p.heading img {
vertical-align: bottom;
}
ol#rough li ol li p.text {
width: 490px;
display: inline;
float: left;
}
ol#rough li ol li img.image {
float: right;
}
ol#rough li ol.extra li p.text {
width: 710px;
}

/* 関連ページ */
div.relate_nav {
width: 598px;
height: 100%;
overflow: hidden;
margin: 80px auto 0;
padding: 0;
border: #CCC solid 1px;
}
div.relate_nav div {
height: 100%;
margin: 0;
padding: 0;
border: #f6f6f6 solid 4px;
}
div.relate_nav div img {
vertical-align: bottom;
}
div.relate_nav div ul {
overflow: hidden;
margin: 0;
padding: 0 0 20px;
list-style: none;
}
div.relate_nav div ul li {
width: 100%;
margin: 0;
padding: 10px 0 11px;
line-height: 1.2;
display: inline;
float: left;
background: url(http://www.nakagawa-gumi.jp/img/common/line_02.gif) bottom repeat-x;
}
div.relate_nav div ul li a {
margin: 0 20px;
padding: 0 0 0 20px;
color: #333;
background: url(http://www.nakagawa-gumi.jp/img/common/mkr_07.gif) left no-repeat;
}