@charset "UTF-8";

/*-----------------------------------------------------------------------------
 左メニュー
-----------------------------------------------------------------------------*/
div#main div.menu {
    float: left;
    width: 230px;
    border: 0px solid #f00;
}
div.menu li {
    height: 53px;
    text-indent: -9999px;
}
div.menu li a {
    display: block;
    width: 140px;
    height: 30px;
}
div.menu ul {
    margin-left: 29px;
}

/* ロールオーバー時メニュー画像  */
li#companyside {
    background: transparent url('../../img/menu/companyside_over.jpg') no-repeat left top;
}
li#history {
    background: transparent url('../../img/menu/history_over.jpg') no-repeat left top;
}
li#equipment {
    background: transparent url('../../img/menu/equipment_over.jpg') no-repeat left top;
}
li#welfare {
    background: transparent url('../../img/menu/welfare_over.jpg') no-repeat left top;
}
li#customer {
    background: transparent url('../../img/menu/customer_over.jpg') no-repeat left top;
}
li#affiliatedcompany {
    background: transparent url('../../img/menu/affiliatedcompany_over.jpg') no-repeat left top;
}
li#access {
    background: transparent url('../../img/menu/access_over.jpg') no-repeat left top;
}

/* 通常時メニュー画像 */
li#companyside a {
    background: transparent url('../../img/menu/companyside.jpg') no-repeat left top;
}
li#history a {
    background: transparent url('../../img/menu/history.jpg') no-repeat left top;
}
li#equipment a {
    background: transparent url('../../img/menu/equipment.jpg') no-repeat left top;
}
li#welfare a {
    background: transparent url('../../img/menu/welfare.jpg') no-repeat left top;
}
li#customer a {
    background: transparent url('../../img/menu/customer.jpg') no-repeat left top;
}
li#affiliatedcompany a {
    background: transparent url('../../img/menu/affiliatedcompany.jpg') no-repeat left top;
}
li#access a {
    background: transparent url('../../img/menu/access.jpg') no-repeat left top;
}

/* 通常時メニュー画像を消す */
li#companyside a:hover,
li#history a:hover,
li#equipment a:hover,
li#welfare a:hover,
li#customer a:hover,
li#affiliatedcompany a:hover,
li#access a:hover {
    background: none;
}

/* 選択時メニュー画像 */
li#companyside_selected a {
    background: transparent url('../../img/menu/companyside_over.jpg') no-repeat left top;
}
li#history_selected a {
    background: transparent url('../../img/menu/history_over.jpg') no-repeat left top;
}
li#equipment_selected a {
    background: transparent url('../../img/menu/equipment_over.jpg') no-repeat left top;
}
li#welfare_selected a {
    background: transparent url('../../img/menu/welfare_over.jpg') no-repeat left top;
}
li#customer_selected a {
    background: transparent url('../../img/menu/customer_over.jpg') no-repeat left top;
}
li#affiliatedcompany_selected a {
    background: transparent url('../../img/menu/affiliatedcompany_over.jpg') no-repeat left top;
}
li#access_selected a {
    background: transparent url('../../img/menu/access_over.jpg') no-repeat left top;
}

/*-----------------------------------------------------------------------------
 右コンテンツ
-----------------------------------------------------------------------------*/
div#contents {
    float: right;
    width: 671px;
    /*height: 100px;*/
    border: 0px solid #00f;
}
div#contents div.header {
    overflow: hidden; /* IE6だけ隙間ができるので */
    background: transparent url('../../img/frame/header_red_short.jpg') no-repeat left top;
    height: 20px;
    width: 602px;
}
div#contents div.main {
    background: transparent url('../../img/frame/main_red_short.jpg') repeat-y left top;
    width: 602px;
}
div#contents div.footer {
    background: transparent url('../../img/frame/footer_red_short.jpg') no-repeat left top;
    height: 20px;
    width: 602px;
}

/* ページトップ */
div#contents div.jump {
    width: 585px;
    text-align: right;
}
div#contents div.jump a {
    color: #eb656f;
    font-size: 10px;
    text-decoration: none;
}

/* マーク */
div#contents span.mark {
    margin-right: 2px;
    color: #d20000;
}

/* 余白調節 */
div#contents div.list {
    height: 50px;
}
div#contents div.list_long {
    height: 80px;
}

/*-----------------------------------------------------------------------------
 会社情報 company.html
-----------------------------------------------------------------------------*/
div#company {
    margin-left: 45px;
}

div#company dl {
    color: #000;
    font-size: 12px;
}

div#company dt {
    margin-bottom: 5px;
    float: left;
    /*width: 110px;*/
}
div#company dd {
    margin: 0 0 5px 110px;
}

div#company dt.last {
    margin-bottom: 0px;
}
div#company dd.last {
    margin-bottom: 0px;
}

/*-----------------------------------------------------------------------------
 歴史 company_history.html
-----------------------------------------------------------------------------*/
div#company_history {
    margin-left: 45px;
}

div#company_history dl {
    color: #000;
    font-size: 12px;
}

div#company_history dt {
    margin-bottom: 5px;
    float: left;
    /*width: 180px;*/
}
div#company_history dd {
    margin: 0 0 5px 180px;
}

div#company_history dt.last {
    margin-bottom: 0px;
}
div#company_history dd.last {
    margin-bottom: 0px;
}

/*-----------------------------------------------------------------------------
 設備情報 equipment.html
-----------------------------------------------------------------------------*/
div#equipment {
    margin-left: 25px;
    color: #000;
    font-size: 12px;
}

div#equipment div.wrapper {
    width: 555px;
}
div#equipment div.left {
    float: left;
    width: 253px;
    line-height: 16px;
}
div#equipment div.right {
    float: right;
    width: 253px;
    line-height: 16px;
}
/* 部門単位 */
div#equipment p.section {
    margin-top: 20px;
}
div#equipment p.section_top {
    margin-top: 0px;
}
/* 行 */
div#equipment div.line {
    clear: both;
}

/* 日付 */
div#equipment span.time {
    line-height: 25px;
}
/* 部門名 */
div#equipment h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
/* 商品名 */
div#equipment div.item {
    float: left;
    border: 0px solid #00f;
}
div#equipment div.item_right {
    float: right;
}

/* 点線 */
div#equipment div.dot_85 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 85px;
}
div#equipment div.dot_97 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 97px;
}
div#equipment div.dot_133 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 133px;
}
div#equipment div.dot_93 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 93px;
}
div#equipment div.dot_48 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 48px;
}
div#equipment div.dot_14 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 14px;
}
div#equipment div.dot_75r {
    float: right;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 75px;
}
div#equipment div.dot_34 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 34px;
}
div#equipment div.dot_31 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 31px;
}
div#equipment div.dot_49 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 49px;
}
div#equipment div.dot_121 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 121px;
}
div#equipment div.dot_109 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 109px;
}
div#equipment div.dot_25 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 25px;
}
div#equipment div.dot_61 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 61px;
}
div#equipment div.dot_73 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 73px;
}
div#equipment div.dot_37 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 37px;
}
div#equipment div.dot_157 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 157px;
}
div#equipment div.dot_89 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 89px;
}
div#equipment div.dot_26r {
    float: right;
    background: transparent url('../../img/dot.jpg') repeat-x left center;
    height: 16px;
    width: 26px;
}
div#equipment div.dot_38 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 38px;
}
div#equipment div.dot_192 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 192px;
}
div#equipment div.dot_116 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 116px;
}
div#equipment div.dot_96 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 96px;
}
div#equipment div.dot_36 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 36px;
}
div#equipment div.dot_82 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 82px;
}
div#equipment div.dot_12 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 12px;
}
div#equipment div.dot_120 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 120px;
}
div#equipment div.dot_108 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 108px;
}
div#equipment div.dot_72 {
    float: left;
    background: transparent url('../../img/dot.jpg') repeat-x 2px center;
    height: 16px;
    width: 72px;
}

/* 個数 */
div#equipment div.num {
    float: right;
    border: 0px solid #00f;
}
/* 境界線 */
div#equipment div.bar {
    clear: both;
    background: transparent url('../../img/line_pink.jpg') no-repeat left center;
    height: 16px;
}
/* 部門の生産能力 */
div#equipment div.left div.ability {
    text-align: right;
}

/*-----------------------------------------------------------------------------
 福利厚生 welfare.html
-----------------------------------------------------------------------------*/
div#welfare {
    margin-left: 40px;
}

div#welfare p.explanation {
    margin-bottom: 27px;
    width: 520px;
    color: #000;
    font-size: 12px;
}

div#welfare div.picture {
    margin-left: 4px;
}

div#welfare div.picture div.wrapper {
    float: left;
    width: 179px;
    border: 0px solid #00f;
}

div#welfare div.caption {
    width: 151px;
    text-align: center;
    color: #000;
    font-size: 11px;
}

div#welfare div.tour {
    margin: 30px 0 12px;
    width: 535px;
    color: #000;
    font-size: 12px;
    border: 0px solid #00f;
}

div#welfare p.era {
    margin: 10px 0 5px 10px;
    color: #000;
    font-size: 12px;
}

div#welfare div.tour div.wrapper {
    margin-left: 10px;
}

div#welfare div.course {
    float: left;
    width: 156px;
    color: #000;
    font-size: 12px;
    border: 0px solid #00f;
}

div#welfare div.space {
    float: left;
    width: 27px;
    height: 20px;
    border: 0px solid #f00;
}

/*-----------------------------------------------------------------------------
 主要取引先 customer.html
-----------------------------------------------------------------------------*/
div#customer {
    margin-left: 45px;
    color: #000;
    font-size: 12px;
}

div#customer div.left {
    float: left;
    width: 225px;
    border: 0px solid #00f;
}

div#customer div.right {
    float: left;
}

div#customer div.note {
    width: 450px;
    height: 90px;
    text-align: right;
}

div#customer li {
    list-style: disc;
    list-style-position: inside;
    line-height: 20px;
}

/*-----------------------------------------------------------------------------
 関連会社 affiliatedcompany.html
-----------------------------------------------------------------------------*/
div#affiliatedcompany {
    margin-left: 40px;
}

div#affiliatedcompany div.left {
    float: left;
    width: 265px;
    border: 0px solid #00f;
}

div#affiliatedcompany h2 {
    display: inline;
    color: #000;
    font-size: 13px;
}

div#affiliatedcompany dl {
    margin-left: 15px;
    color: #000;
    font-size: 12px;
}
div#affiliatedcompany dt {
    float: left;
    /*width: 35px;*/
}
div#affiliatedcompany dd {
    margin-left: 35px;
}
div#affiliatedcompany dt.center {
    float: none;
}

div#affiliatedcompany p {
    margin-top: 18px;
}

div#affiliatedcompany div.right {
    float: left;
    width: 292px;
    border: 0px solid #00f;
}

div#affiliatedcompany div.bottom {
    margin-top: 36px;
}

/*-----------------------------------------------------------------------------
 アクセス access.html
-----------------------------------------------------------------------------*/
div#access {
    margin-left: 24px;
}

div#access div.left {
    float: left;
    width: 288px;
}
div#access div.left div.title {
    background: transparent url('../../img/head_office.jpg') no-repeat left top;
    height: 26px;
    width: 98px;
}

div#access div.right {
    float: left;
}
div#access div.right div.title {
    background: transparent url('../../img/tokyo.jpg') no-repeat left top;
    height: 26px;
    width: 83px;
}

div#access div.explanation {
    margin-top: 28px;
}

div#access span.red {
    margin-left: 7px;
    color: #d20000;
    font-size: 12px;
}

div#access h2 {
    display: inline;
    color: #d20000;
    font-size: 14px;
}

div#access p {
    margin-left: 25px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}
div#access p.top {
    margin-top: 10px;
}
div#access p.bottom {
    margin-top: 20px;
}