p.notice1 {
    margin: 10px 0 0 0;
    font-weight: bold;
}
p.caption1 {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.3em;
}

hr.hr1 {
    border-top: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
p.caption {
    margin-top: 5px;
    font-size: 12px;
}
p.lead1 {
    font-size: 18px;
    color: #cc0000;
}
p.lead2 {
    font-size: 22px;
}

.column1 {
    padding: 20px;
    border: 1px solid #aaa;
}

.separator1 {
    margin: 14px 0 20px 0;
    height: 1px;
    background: #ffe27c;
}

table.table1 {
    margin: 40px 0 0 0;
    width: 100%;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
}
table.table1 tr th {
    padding: 15px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
table.table1 tr td {
    padding: 15px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}



/* パンくず
================================================== */
p#breadcrumb {
    padding: 10px 0 10px 0;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}
p#breadcrumb a {
    font-size: 12px;
    color: #333;
    text-decoration: underline;
}



/* ページヘッダー
================================================== */
#ch_bg {
    height: 250px;
}
.ch_about { background: url(../img/ch_about_bg.jpg) center 0 no-repeat; }
.ch_company { background: url(../img/ch_company_bg.jpg) center 0 no-repeat; }
.ch_company_i { background: url(../img/ch_company_i_bg.jpg) center 0 no-repeat; }
.ch_company_h { background: url(../img/ch_company_h_bg.jpg) center 0 no-repeat; }
.ch_ferrous { background: url(../img/ch_ferrous_bg.jpg) center 0 no-repeat; }
.ch_nonferrous { background: url(../img/ch_nonferrous_bg.jpg) center 0 no-repeat; }
.ch_access { background: url(../img/ch_access_bg.jpg) center 0 no-repeat; }
.ch_access_i { background: url(../img/ch_access_i_bg.jpg) center 0 no-repeat; }
.ch_access_h { background: url(../img/ch_access_h_bg.jpg) center 0 no-repeat; }
.ch_contact { background: url(../img/ch_contact_bg.jpg) center 0 no-repeat; }

.ch_links { background: url(../img/ch_links_bg.jpg) center 0 no-repeat; }

#ct_header h1 {
    padding-top: 75px;
    margin: 0 0 15px 50px;
    font-size: 28px;
    color: #444;
    text-shadow: 0 0 8px #fff , 0 0 5px #fff;
}
#ct_header h1 strong {
    font-size: 38px;
}
#ct_header p {
    margin: 0 0 0 50px;
    font-size: 14px;
    line-height: 1.3em;
    text-shadow: 0 0 8px #fff , 0 0 5px #fff;
}



/* 共通
================================================== */
#main {
    margin-top: -50px;
    background: #fff;
}
#main2 {
    background: #fff;
}
#main a , #main2 a {
    color: #cc0000;
}
#main h3.normal , #main2 h3.normal {
    padding: 13px 0 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 27px;
    background: url(../img/h3_normal_bg.png) 0 0 no-repeat;
}
#main h4.normal , #main2 h4.normal {
    height: 26px;
    padding: 14px 0 0 25px;
    font-size: 18px;
    font-weight: bold;
    background: url(../img/h4_normal_bg.png) 0 0 no-repeat;
}
#main h4.normal2 , #main2 h4.normal2 {
    height: 26px;
    padding: 14px 0 0 25px;
    font-size: 18px;
    font-weight: bold;
}
#main small , #main2 small {
    font-size: 75%;
}


/* 北摂グループについて
================================================== */
.philosophy_bg {
    margin-top: 40px;
    padding: 80px 40px 80px 40px;
    background: #93c8e8 url(../img/philosophy_bg.jpg) 0 bottom no-repeat;
}
.philosophy {
    padding: 20px 0;
    background: rgba(255,255,255,0.6);
}
.philosophy h3 {
    font-size: 22px;
    text-align: center;
}
.philosophy h4 {
    margin-top: 50px;
    font-size: 22px;
    text-align: center;
}
.philosophy p.en {
    color: #cc0000;
    font-size: 12px;
    text-align: center;
}


/* 会社概要
================================================== */
/*扉ページ*/
#main h3.doorpage  {
    height: 33px;
    padding: 17px 0 0 0;
    font-size: 27px;
    text-align: center;
    background: url(../img/h3_doorpage_bg.png) 0 0 no-repeat;
}

.company_place {
    margin-top: 40px;
}
.company_place .left {
    float: left;
    margin-top: 20px;
    padding: 20px;
    width: 240px;
    background: #f0f0f0;
}
.company_place .map {
    float: left;
    width: 440px;
}
.company_place .right {
    float: left;
    margin-top: 20px;
    padding: 20px;
    width: 240px;
    background: #f0f0f0;
}
.company_place .left .text , .company_place .right .text {
    margin-top: 10px;
}

/*各ページ*/
table.company1 {
    width: 828px;
    margin: 20px auto 40px auto;
    border-collapse: collapse;
    border-spacing: 2px;
}
table.company1 tr th {
    width: 80px;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-justify: inter-ideograph;
}
table.company1 tr td {
    padding: 8px 0 8px 30px;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.company_image_wrap {
    position: relative;
}
.company_image {
    position: absolute;
    top: 0px;
    right: 86px;
}

table.company2 {
    width: 828px;
    margin: 20px auto 40px auto;
    border-collapse: collapse;
    border-spacing: 2px;
}
table.company2 tr th {
    width: 210px;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-justify: inter-ideograph;
}
table.company2 tr td {
    padding: 8px 0 8px 30px;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

table.company2_h {
    width: 828px;
    margin: 20px auto 40px auto;
    border-collapse: collapse;
    border-spacing: 2px;
}
table.company2_h caption {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
}
table.company2_h tr th {
    width: 200px;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-justify: inter-ideograph;
}
table.company2_h tr td {
    padding: 8px 0 8px 30px;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

table.company3 {
    width: 828px;
    margin: 20px auto 40px auto;
    border-collapse: collapse;
    border-spacing: 2px;
}
table.company3 tr th {
    width: 110px;
    padding: 15px 15px;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    vertical-align: top;
    text-justify: inter-ideograph;
}
table.company3 tr td {
    padding: 15px 0 15px 30px;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: top;
}
table.company3 tr.white th , table.company3 tr.white td {
}
table.company3 tr.gray th , table.company3 tr.gray td {
    background: #f0f0f0;
}

.recruit {
    padding: 20px;
    background: #f0f0f0;
}
.recruit h3 {
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #cc0000;
    text-align: center;
}
table.recruit {
    width: 828px;
    margin: 20px auto 20px auto;
    border-collapse: collapse;
    border-spacing: 2px;
}
table.recruit tr th {
    width: 80px;
    padding: 8px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #aaa;
    background: #333;
}
table.recruit tr td {
    padding: 8px 0 8px 30px;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: top;
    border: 1px solid #aaa;
    background: #fff;
}



/* 鉄スクラップ買取　アルミ・非鉄金属買取
================================================== */
.scrap_box {
    padding: 20px;
    background: #f0f0f0;
}
.scrap_box .photo {
    float: left;
    width: 350px;
    margin-right: 20px;
}
.scrap_box .text {
    float: left;
    width: 590px;
}
.scrap_box .text h4 {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
}
.scrap_list {
    width: 595px;
}
.scrap_list p {
    float: left;
    width: 114px;
    font-size: 13px;
    background: #fff;
    margin: 0 5px 5px 0;
    text-align: center;
}
.scrap_list p.l2 {
    float: left;
    width: 233px;
    font-size: 13px;
    background: #fff;
    margin: 0 5px 5px 0;
    text-align: center;
}
.scrap_list p.bgnone {
    background: none;
    text-align: left;
}

#bottom_contact {
    margin: 40px auto 0 auto;
    padding: 20px;
    color: #fff;
    background: #444;
}
#bottom_contact h3 {
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
#bottom_contact .text {
    margin: 10px 0 20px 0;
    font-size: 14px;
    text-align: center;
}

#bottom_contact .left {
    padding: 20px 0;
    float: left;
    width: 477px;
    color: #333;
    background: #fff;
    margin-right: 6px;
}
#bottom_contact .right {
    padding: 20px 0;
    float: left;
    width: 477px;
    color: #333;
    background: #fff;
}
#bottom_contact .left h4 , #bottom_contact .right h4 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
#bottom_contact .left h4 strong , #bottom_contact .right h4 strong {
    font-size: 20px;
}
#bottom_contact .left .fax , #bottom_contact .right .fax {
    color: #cc0000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#bottom_contact p.btn a {
    display: block;
    margin: 20px auto 0 auto;
    padding: 15px 0 15px 10px;
    width: 300px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    background: #c00 url(../img/btn1_arrow.png) right center no-repeat;
}



/* アクセス・工場紹介
================================================== */
/*扉ページ*/
.access_dp_img {
    height: 350px;
    background: url(../img/access_dp_img_bg.jpg) center 0 no-repeat;
}

.doorpage_left {
    float: left;
    margin-top: 20px;
    width: 430px;
    margin-right: 60px;
}
.doorpage_right {
    float: right;
    margin-top: 20px;
    width: 430px;
}
.doorpage_left .photo , .doorpage_right .photo {
    float: left;
    width: 120px;
    margin-right: 20px;
}
.doorpage_left .text , .doorpage_right .text {
    float: left;
    width: 290px;
}

/*詳細ページ*/
.access_box {
    margin: 20px 0 60px 0;
    padding: 20px;
    background: #f0f0f0;
}
.access_box .left {
    float: left;
    width: 250px;
    margin-right: 20px;
}
.access_box .right {
    float: left;
    width: 690px;
}
.access_box .access_root {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
}
#main .access_box .access_root h4 {
    padding-left: 80px;
    font-size: 18px;
    font-weight: bold;
}
.rootphoto_wrap {
    margin-top: 20px;
}
.rootphoto_wrap .box {
    float: left;
    width: 162px;
}
.rootphoto_wrap .box .text {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.3em;
}
.rootphoto_wrap .arrow {
    float: left;
    width: 27px;
    height: 120px;
    background: url(../img/rootphoto_arrow.png) center 0 no-repeat;
}

ul.equipment_list li {
    line-height: 1.6em;
}
ul.equipment_list li:before {
    color: #666;
    content: "■";
}


.access_box .access_hirakata {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
}



/* お問い合せ
================================================== */
#contact_tel {
    margin-top: 3px;
    padding: 20px;
    background: #f0f0f0;
}
#contact_tel .left {
    padding: 20px 0;
    float: left;
    width: 477px;
    background: #fff;
    margin-right: 6px;
}
#contact_tel .right {
    padding: 20px 0;
    float: left;
    width: 477px;
    background: #fff;
}
#contact_tel .left .fax , #contact_tel .right .fax {
    color: #cc0000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#contact_form {
    margin-top: 3px;
    padding: 20px;
    background: #f0f0f0;
}
#contact_form table {
    margin: 0 auto;
    width: 80%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
}
#contact_form table tr {
}
#contact_form table tr th {
    width: 250px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
}
#contact_form table tr th span.req {
    margin-right: 5px;
    padding: 3px 5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: #cc0000;
    border-radius: 2px;
}
#contact_form table tr th span.any {
    margin-right: 5px;
    padding: 3px 5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: #999;
    border-radius: 2px;
}
#contact_form table tr td {
    padding: 10px;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
}
#contact_form table tr td.lib2 input , #contact_form table tr td.lib2 textarea {
    padding: 5px 3px;
    border: 1px solid #ccc;
    font-size: 13px;
}
#contact_form table tr td.lib2 input:hover , #contact_form table tr td.lib2 textarea:hover {
    border: 1px solid #333;
}
#contact_form table tr td.lib2 input:focus , #contact_form table tr td.lib2 textarea:focus {
    border: 1px solid #333;
    background: #ffc;
    outline: none;
}
#contact_form .short {
    width: 260px;
}
#contact_form .long {
    width: 500px;
}
#contact_form .long2 {
    width: 500px;
    height: 220px;
}
.form_btn {
    width: 300px;
    font-size: 16px;
    border: none;
    padding: 10px 0 10px 0;
    color: #fff;
    font-weight: bold;
    background: #444 url(../img/btn1_arrow.png) right center no-repeat;
}
.form_btn:hover {
    cursor: pointer;
    background: #666 url(../img/btn1_arrow.png) right center no-repeat;
}
.form_btn:focus {
    outline: none;
}
.form_btn:active {
    outline: none;
    background: #aaaaaa;
}

.form_btn2 a {
    display: block;
    width: 300px;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: none;
    background: #666666;
}
.form_btn2 a:hover {
    cursor: pointer;
    background: #777777;
}



/* 社長アルバム
================================================== */
body#album {
    background: #000;
}
#main_album_bg {
    border-bottom: 1px solid #444;
}
#main_album {
    padding: 40px 0;
    color: #ccc;
}
#main_album h3 {
    margin-bottom: 20px;
    font-size: 20px;
}
#main_album h3 small {
    font-size: 14px;
    vertical-align: middle;
}
.album_box {
    padding: 20px;
    background: #222;
}



/* リンク
================================================== */
.links_wrap {
    width: 838px;
}
.links_wrap .box {
    float: left;
    padding: 20px 10px;
    width: 386px;
    margin: 0 10px 10px 0;
    background: #f0f0f0;
    border-left: 3px solid #666;
}
.links_wrap .box:hover {
    border-left: 3px solid #c00;
}
#main .links_wrap .title {
    font-size: 16px;
}
#main .links_wrap .title a {
    color: #333;
}
.links_wrap .url a {
    font-size: 12px;
}