@charset "utf-8";

@import "common.css";
@import "resultbox.css";

/* ==============================================
   レイアウト
============================================== */
div#contentsArea {
    text-align: center;
    width: 740px;
    margin: 0 auto;
}

/* ==============================================
   レイアウト
============================================== */
h1 {
    margin: 8px 0 6px;
    padding: 2px 6px;
}
div#titleCompany {
    width: 100%;
    margin-bottom: 10px;
}
div#titleCompany h2 {
    font-weight: bold;
    line-height: 3.2;
    color: #ffffff;
    background: url("/images/kaisha/company/bk_title01.gif") repeat-x left top;
    text-indent: 15px;
    width: 585px;
    height: 50px;
    float: left;
    border-right: 1px solid #197bfd;
    border-bottom: 1px solid #197bfd;
    border-left: 1px solid #1d238c;
}
div#titleCompany.brand h2 {
    width: 740px;
    float: none;
}
div#titleCompany p {
    vertical-align: middle;
    text-align: center;
    width: 150px;
    margin-left: 585px;
}

/* ==============================================
   レイアウト
============================================== */
p#titleSection {
    font-size: 90%;
    font-weight: bold;
    color: #0066ff;
    background: url("/images/kaisha/company/bk_subtitle.gif") repeat-x left bottom;
    text-align: left;
    margin-top: 10px;
    padding: 5px 0 5px 10px;
    border: 1px solid #cecece;
}
p#titleSection span {
    font-size: 90%;
    font-weight: normal;
    color: #ff5303;
    margin: 0 10px;
}
div#titleSectionBox {
    font-size: 82%;
    color: #072b59;
    text-align: left;
    padding: 5px 10px;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
}
div#titleSectionBox li {
    display: inline;
    margin-right: 5px;
    padding-right: 8px;
    border-right: 1px #999999 solid;
}
div#titleSectionBox li.last {
    border-right: none;
    margin-right: 0px;
    padding-right: 0px;
}
div#titleSectionBox em {
    font-weight: bold;
    color: #0f69cc;
}

/* ==============================================
   レイアウト
============================================== */
div#contentsArea div.goEntry {
    background: #ffeec4 url("/images/kaisha/company/icn_entry.gif") no-repeat 15px center;
    height: 30px;
    margin:10px 10px 0 10px;
    border: 1px solid #ffcc66;
}
div#contentsArea div.goEntry p {
    font-size: 82%;
    font-weight: bold;
    line-height: 1;
    background: #fffaed;
    text-align: left;
    height: 22px;
    margin-left: 135px;
    padding: 8px 0 0 10px;
}
div#contentsArea div.goEntry a {
    background: url("/images/kaisha/common/icon/arw_orange_right.gif") no-repeat left center;
    padding-left: 10px;
}
div#contentsArea div.goEntry a:focus {
    outline:none;
}

/* ==============================================
   レイアウト
============================================== */
ul#menuCompanyArea {
    background: url("/images/kaisha/company/bk_menu.gif") repeat-x left bottom;
    width: 100%;
    height:31px;
    margin-top: 10px;
}
ul#menuCompanyArea li {
    float: left;
    margin-right: 1px;
    list-style: none;
}


/* ==============================================
   レイアウト
============================================== */
dl#similarBox {
    width: 100%;
    margin-top: 10px;
}
dl#similarBox dt {
    width: 100%;
    background: url("/images/kaisha/company/bk_title02.gif") repeat-x left bottom;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 4px;
}
dl#similarBox img {
    vertical-align: bottom;
}
dl#similarBox em {
    font-size: 82%;
    color: #ff6e05;
}
dl#similarBox dd {
    font-size: 82%;
    line-height: 1.4;
    text-align: left;
    padding: 10px 15px;
    border: 1px solid #a9c3dd;
}
dl#similarBox ul {
    width: 50%;
    float: left;
}
dl#similarBox li {
    background: url("/images/kaisha/common/icon/arw_blue_right.gif") no-repeat left center;
    padding-left: 8px;
}

p.goBbs {
    font-size: 82%;
    text-align: left;
    margin-top: 10px;
}

/* ==============================================
   レイアウト
============================================== */
div.contentsBox {
    font-size: 82%;
    background: url("/images/kaisha/company/bk_title03.gif") no-repeat right 11px;
    margin-top: 5px;
}
h2#businessContents {
    background: url("/images/kaisha/company/ttl_businesscontents.gif") no-repeat left top;
    text-indent: -9999px;
    height: 30px;
}
h2#workContents {
    background: url("/images/kaisha/company/ttl_workcontents.gif") no-repeat left top;
    text-indent: -9999px;
    height: 30px;
}
h2#dataContents {
    background: url("/images/kaisha/company/ttl_datacontents.gif") no-repeat left top;
    text-indent: -9999px;
    height: 30px;
}

dl.detailsArea {
    text-align: left;
    padding: 10px;
    border-right: 1px solid #aec7df;
    border-bottom: 1px solid #aec7df;
    border-left: 1px solid #aec7df;
}
dl.detailsArea dt {
    float: left;
    padding: 3px;
}
dl.detailsArea dd {
    margin-left: 213px;
}
dl.detailsArea img {
    padding: 3px;
    border: 1px solid #cccccc;
}

div.detailsList {
    text-align: left;
    padding: 3px 5px;
    border-right: 1px solid #aec7df;
    border-bottom: 1px solid #aec7df;
    border-left: 1px solid #aec7df;
}
div.detailsList dl {
    line-height: 1.2;
    color: #072b59;
    background: url("/images/kaisha/common/dot_lightblue.gif") repeat-x left bottom;
    padding-bottom: 3px;
}
div.detailsList dl.last {
    color: #072b59;
    background: none;
    padding-bottom: 0;
}
div.detailsList dt {
    font-weight: bold;
    background: #e5edf5;
    width: 125px;
    height: auto;
    float: left;
    padding: 5px 0 5px 25px;
}
div.detailsList dd {
    background: url("/images/kaisha/company/bk_detailslist.gif") repeat-y left top;
    margin-left: 0;
    padding: 5px 0 3px 170px;
}

/* start hack for IE6 */
 * html div.detailsList dl {
    background: url("/images/kaisha/company/bk_detailslist_ie6.gif") no-repeat left bottom; }
 * html div.detailsList dl.last {
    background: url("/images/kaisha/company/bk_detailslist_ie6.gif") no-repeat left top; }
 * html div.detailsList dd {
    zoom:1;
    padding-left:20px;
    background:none;
}
/* end hack for IE6 */

div.kuchikomiBox {
    font-size: 82%;
    background: url("/images/kaisha/company/bk_kuchikomi.gif") no-repeat right bottom;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 6px;
}
h2#kuchikomi {
    background: url("/images/kaisha/company/ttl_kuchikomi.gif") no-repeat left top;
    text-indent: -9999px;
    height: 40px;
}
div.kuchikomiBox p {
    line-height: 1.3;
    color: #3a2402;
    margin: 0 5px;
    padding: 5px 10px;
}
div.kuchikomiBox p.nextPage {
    background: #fff9c5;
    text-align: right;
    margin: 0 6px 1px 6px;
    padding: 5px 10px;
}

div#instructionsBox {
    font-size: 82%;
    margin: 10px 10px 0 10px;
}
p#warningBox {
    line-height: 1.3;
    background: url("/images/kaisha/company/bk_warning.gif") no-repeat left top;
    width: 600px;
    margin: 5px auto 0 auto;
    padding: 10px 10px 5px 40px;
}
p#warningBox em {
    color: #ec1d23;
    padding-left: 5px;
}
span#warningBoxLine {
    line-height: 0;
    background: url("/images/kaisha/company/btm_warning.gif") no-repeat left bottom;
    display: block;
    width: 650px;
    height: 4px;
    margin: 0 auto;
}

/* ==============================================
   レイアウト
============================================== */
div.resultBox.company.profile dd {
    margin-left: 203px;
}

div.resultBox.company.naitei {
    background: #f7fafd url("/images/kaisha/common/bk_title06top.gif") repeat-x left top;
    text-align: left;
    margin-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #4771c3;
}
div.resultBox.company.naitei h3 {
    font-weight: bold;
    line-height: 2;
    color: #1d2088;
    background: #e0ebff url("/images/kaisha/common/bk_title06.gif") repeat-x left bottom;
    text-align: left;
    width: 100%;
    margin: 0 -120px 10px 0;
    padding: 0;
    float: left;
}
div.resultBox.company.naitei h3 em {
    font-size: 100%;
    line-height: 2;
    color: #ff5303;
    display: inline;
    margin: 0 15px 0 10px;
}
div.resultBox.company.naitei p.day {
    font-size: 82%;
    font-weight: normal;
    line-height: 1.5;
    float: right;
    position: relative;
    text-align: right;
    white-space: nowrap;
    margin-right: 10px;
}
div.resultBox.company.naitei dd.naiteiDataBox {
    background: #fffef1;
    display: block;
    width: 620px;
    margin-left: 5px;
    padding: 1px;
    float: left;
    border: 1px solid #ffb300;
}
div.resultBox.company.naitei dd.naiteiDataBox dl {
    font-size: 82%;
    color: #072b59;
    background: url("/images/kaisha/common/dot_lightorange.gif") repeat-x left bottom;
    text-align: left;
    padding: 0 0 3px 0;
    clear: none;/* */
}
div.resultBox.company.naitei dd.naiteiDataBox dl.last {
    background: none;
    padding-bottom: 0;
}
div.resultBox.company.naitei dd.naiteiDataBox dt {
    font-weight: bold;
    width: 100px;
    padding: 3px 0 0 8px;
    background: #FEE25C;
}
div.resultBox.company.naitei dd.naiteiDataBox dd {
    background: url("/images/kaisha/company/bk_naiteilist.gif") repeat-y left top;
    margin: 0;
    padding: 3px 5px 3px 120px;
    border: none;
}
div.resultBox.company.naitei span {
    font-size: 70%;
    line-height: 1;
    color: #1c3f88;
    text-align: center;
    display: block;
    width: 90px;
}

div.resultBox.company.motive dd {
    margin-left: 90px;
}
div.resultBox.company.motive ul {
    font-size: 82%;
    background: #FFE157 url("/images/kaisha/company/bk_rate.gif") no-repeat right top;
    vertical-align: middle;
    width: 150px;
    height: 15px;
    float: right;
    margin: 5px 10px 0 0;
    padding: 3px;
    text-align: right;
}
div.resultBox.company.motive li {
    display: inline;
    margin-left: 1px;
}
div.resultBox.company.motive li em {
    font-size: 100%;
    font-weight: normal;
    background: #ffe157 url("/images/kaisha/company/top_rate.gif") no-repeat left top;
    display: inline;
    padding: 0;
    margin-right: 15px;
    line-height: 1;
}
div.resultBox.company.motive em {
    font-size: 75%;
    line-height: 1;
    color: #1c3f88;
    text-align: center;
    width: 75px;
}
div.resultBox.company.motive p.votesBox {
    font-weight: bold;
    line-height: 1;
    color: #ff6e05;
    background: url("/images/kaisha/company/bk_votes.gif") no-repeat left top;
    text-align: center;
    width: 600px;
    clear: both;
    margin: 5px auto 0;
    padding: 3px 10px 0;
}
div.resultBox.company.motive span.votesBoxLine {
    line-height: 0;
    background: url("/images/kaisha/company/btm_votes.gif") no-repeat left bottom;
    display: block;
    width: 620px;
    height: 3px;
    margin: 0 auto 5px auto;
}

/* ==============================================
   レイアウト
============================================== */
.topimg {
    padding-top: 10px;
}
div.readSection p {
    text-align: left;
}
div#profSection {
    font-size: 90%;
    text-align: left;
}

/* ==============================================
   clearfix
============================================== */
div#contentsArea div.resultBox.company.naitei:after,
div#contentsArea div.resultBox.company.naitei dd.naiteiDataBox dl:after,
div#titleCompany:after,
ul#menuCompanyArea ul:after,
dl.detailsArea:after,
div.detailsList dl:after,
dl#similarBox dd:after {
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden;
}

div#contentsArea div.resultBox.company.naitei,
div#contentsArea div.resultBox.company.naitei dd.naiteiDataBox dl,
div#titleCompany,
ul#menuCompanyArea ul,
dl.detailsArea,
div.detailsList dl,
dl#similarBox dd {
    display: inline-block; 
}
/* Hides from IE-mac \*/
    * html div#contentsArea div.resultBox.company.naitei,
    * html div#contentsArea div.resultBox.company.naitei dd.naiteiDataBox dl,
    * html div#titleCompany,
    * html ul#menuCompanyArea ul,
    * html dl.detailsArea,
    * html div.detailsList dl,
    * html dl#similarBox dd {
    height: 1%; 
}
    div#contentsArea div.resultBox.company.naitei,
    div#contentsArea div.resultBox.company.naitei dd.naiteiDataBox dl,
    div#titleCompany,
    ul#menuCompanyArea ul,
    dl.detailsArea,
    div.detailsList dl,
    dl#similarBox dd {
    display: block;
}
/* End hide from IE-mac */
