@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/construction/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;
background: #FFF;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
}


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

div#container div.wrapper h3 img {
vertical-align: bottom;
}
div#container div.wrapper p.intro {
margin: 40px;
}
div#container div.wrapper p.intro span {
color: #e60012;
}
ol#flow {
width: 898px;
height: 100%;
overflow: hidden;
margin: 0 auto 80px;
padding: 0;
list-style: none;
}
ol#flow li {
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: url(http://www.nakagawa-gumi.jp/img/flow/bg_01.gif) left repeat-y;
}
ol#flow li:last-child {
background: none;
}
ol#flow li div.inner {
height: 100%;
overflow: hidden;
margin: 0;
padding: 0 0 37px;
background: url(http://www.nakagawa-gumi.jp/img/flow/ar_01.gif) bottom left no-repeat;
}
ol#flow li:last-child div.inner {
background: none;
}
ol#flow li div.inner img.number {
float: left;
}
ol#flow li div.inner div.right {
width: 798px;
height: 100%;
overflow: hidden;
margin: 0 0 0 20px;
padding: 0;
display: inline;
float: left;
}
ol#flow li div.inner div.right p.title img {
vertical-align: bottom;
}
ol#flow li div.inner div.right p.text {
margin: 20px 0 0;
}
ol#flow li div.inner div.right p.text span {
color: #e60012;
}
ol#flow li div.inner div.movie {
width: 776px;
height: 100%;
overflow: hidden;
margin: 20px 0 0;
padding: 20px 0 20px 20px;
display: block;
float: none;
background: #F6F6F6;
border: #CCC solid 1px;
}
ol#flow li div.inner div.movie p.headline img {
vertical-align: bottom;
}
ol#flow li div.inner div.movie ul {
width: 776px;
height: 100%;
overflow: hidden;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
ol#flow li div.inner div.movie ul li {
width: 238px;
height: 100%;
overflow: hidden;
margin: 0 20px 0 0;
padding: 0;
display: inline;
float: left;
background: #FFF;
}
div.youtube {
width: 238px;
overflow: hidden;
margin: 0;
padding: 0;
}
ol#flow li div.inner div.movie ul li p {
margin: 7px 10px;
}

/* 関連ページ */
div.relate_nav {
width: 598px;
height: 100%;
overflow: hidden;
margin: 0 auto 100px;
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;
}