@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: 200px;
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#prof_cont {
height: 100%;
overflow: hidden;
margin: 40px 20px 0;
padding: 0 0 100px;
}
article#prof_cont table {
margin: 0 0 40px;
padding: 0;
border-collapse: collapse;
}
article#prof_cont table td {
padding: 10px 0;
border-bottom: #CCC solid 1px;
}
article#prof_cont table td.td_01 {
width: 190px;
padding: 10px;
vertical-align: top;
}

/* 会社案内トップにもどるボタン */
article#prof_cont p.back {
margin: 0;
text-align: center;
clear: both;
}
article#prof_cont p.back img {
vertical-align: bottom
}
article#prof_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: 200px;
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;
}