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

section#page_title {
width: 980px;
height: 337px;
overflow: hidden;
margin: -96px auto 0;
padding: 0;
background: url(../img/company/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(../img/common/bg_05.gif);
border-top: #CCC solid 1px;
border-bottom: #CCC solid 1px;
clear: both;
}
div#container div.wrapper {
width: 980px;
height: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
div#container div.left_column {
width: 778px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
background: #FFF;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
}
div#container div.right_column {
width: 200px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
}
div#container div.right_column section {
width: 298px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: #FFF;
border-bottom: #CCC solid 1px;
border-right: #CCC solid 1px;
}


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

h3.hl {
overflow: hidden;
}
h3.hl img {
float: left;
}
article#policy_cont {
height: 100%;
overflow: hidden;
margin: 40px 20px 0;
padding: 0 0 100px;
}
article#policy_cont section {
margin: 0 0 40px;
}
article#policy_cont section.last {
margin: 0 0 80px;
}
article#policy_cont section h4 {
padding: 10px 20px;
font-size: 20px;
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ","Meiryo","ＭＳ Ｐ明朝","MS PMincho",serif;
font-weight: normal;
line-height: 1.2;
background: #ced5eb;
}
article#policy_cont section h4 span {
padding: 0 0 0 26px;
background: url(../img/common/mkr_05.gif) left no-repeat;
}

/* 理念 */
article#policy_cont section div {
overflow: hidden;
background: url(../img/policy/img_01.jpg) top right no-repeat;
}
article#policy_cont section div p.cc {
margin: 30px 0 0;
}
article#policy_cont section div p.cc img {
vertical-align: bottom;
}
article#policy_cont section div p.text {
margin: 20px 0 0;
}

/* 中川組の経営方針 */
article#policy_cont section ul {
overflow: hidden;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
article#policy_cont section ul li {
width: 626px;
overflow: hidden;
margin: 10px 0 0;
padding: 0 0 0 13px;
display: inline;
float: left;
background: url(../img/common/mkr_06.gif) top left no-repeat;
}

/* その他 */
article#policy_cont section p {
margin: 30px 0 0;
}

/* 関連ページ */
div.relate_nav {
width: 598px;
height: 100%;
overflow: hidden;
margin: 0 auto 40px;
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(../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(../img/common/mkr_07.gif) left no-repeat;
}

/* 会社案内トップにもどるボタン */
article#policy_cont p.back {
margin: 0;
text-align: center;
clear: both;
}
article#policy_cont p.back img {
vertical-align: bottom
}
article#policy_cont p.back a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
right column
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#container div.right_column section p.heading {
border-bottom: #CCC solid 1px;
}
div#container div.right_column section p.heading img {
vertical-align: bottom;
}
ul#side_list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
ul#side_list li {
width: 298px;
height: 42px;
margin: 0;
padding: 1px;
display: inline;
float: left;
background: url(../img/common/line_02.gif) bottom repeat-x;
}
ul#side_list li:last-child {
padding: 1px 1px 0;
background: none;
}
ul#side_list li a {
padding: 10px 0 10px 20px;
color: #333;
display: block;
}
ul#side_list li a:hover {
text-decoration: none;
}
ul#side_list li.sd_01 a {background: url(../img/company/bg_sd_01_off.jpg);}
ul#side_list li.sd_02 a {background: url(../img/company/bg_sd_01_off.jpg);}
ul#side_list li.sd_03 a {background: url(../img/company/bg_sd_01_off.jpg);}
ul#side_list li.sd_04 a {background: url(../img/company/bg_sd_01_off.jpg);}
ul#side_list li.sd_05 a {background: url(../img/company/bg_sd_01_off.jpg);}
ul#side_list li.sd_06 a {background: url(../img/company/bg_sd_01_off.jpg);}
ul#side_list li.sd_01.active a {font-weight: bold;}
ul#side_list li.sd_02.active a {background: url(../img/company/bg_sd_01_on.jpg);font-weight: bold;}
ul#side_list li.sd_03.active a {background: url(../img/company/bg_sd_01_on.jpg);font-weight: bold;}
ul#side_list li.sd_04.active a {background: url(../img/company/bg_sd_01_on.jpg);font-weight: bold;}
ul#side_list li.sd_05.active a {background: url(../img/company/bg_sd_01_on.jpg);font-weight: bold;}
ul#side_list li.sd_06.active a {background: url(../img/company/bg_sd_01_on.jpg);font-weight: bold;}
ul#side_list li.sd_01 a:hover {background: url(../img/company/bg_sd_01_on.jpg);padding: 10px 0 10px 30px;color: #FFF;font-weight: bold;}
ul#side_list li.sd_02 a:hover {background: url(../img/company/bg_sd_01_on.jpg);padding: 10px 0 10px 30px;color: #FFF;font-weight: bold;}
ul#side_list li.sd_03 a:hover {background: url(../img/company/bg_sd_01_on.jpg);padding: 10px 0 10px 30px;color: #FFF;font-weight: bold;}
ul#side_list li.sd_04 a:hover {background: url(../img/company/bg_sd_01_on.jpg);padding: 10px 0 10px 30px;color: #FFF;font-weight: bold;}
ul#side_list li.sd_05 a:hover {background: url(../img/company/bg_sd_01_on.jpg);padding: 10px 0 10px 30px;color: #FFF;font-weight: bold;}
ul#side_list li.sd_06 a:hover {background: url(../img/company/bg_sd_01_on.jpg);padding: 10px 0 10px 30px;color: #FFF;font-weight: bold;}
ul#side_list li.active a {
padding: 10px 0 10px 30px;
color: #FFF;
font-weight: bold;
}