@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 contactus.css
カタログ請求、メルマガ

+++++++++++++++++++++++++++++++ */

/*
カタログ請求
-----------------------------------*/
.list_float li {
    float: left;
    min-width: 33.33%;
    margin: 0 0 15px;
}
.list_float li:last-child { margin-bottom: 0; }
.list_float .type_radio { min-width: 150px; }

/*
メルマガ登録・解除
-----------------------------------*/
.box_magazine_form { margin-top: 40px; }
.box_magazine_form .heading03 { margin-bottom: 0; }
.box_magazine_form .box_button { margin-top: 0; }

/*
メルマガバックナンバー
-----------------------------------*/
#pr_magazine {
    margin-bottom: 30px;
    padding: 20px 0;
    border-top: 1px dotted #504242;
    border-bottom: 1px dotted #504242;
}
#pr_magazine > .title {
    margin: 0 0 15px;
    font-size: 13px;
    text-align: center;
}

#pr_magazine {
    display: table;
    width: 100%;
}
#pr_magazine .point {
    display: table-cell;
    width: 282px;
    padding: 10px;
    border-left: 22px solid #fff;
    background: url(../images/contactus//bg_pr_magazine.png) repeat left top;
}
#pr_magazine .point:first-child { border-left: none; }
#pr_magazine .point .inner {
    padding: 15px;
    border: 1px solid #e11625;
    background: #fff;
}
#pr_magazine .point p { margin: 0; }
#pr_magazine .point .title {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#pr_magazine .point .title img {
    margin-right: 5px;
    vertical-align: middle;
}
#pr_magazine .box_button {
    margin-top: 30px;
    text-align: center;
}
#pr_magazine .button { width: 450px; }

/* 一覧 */
.list_magazine li {
    margin-bottom: 10px;
}
.list_magazine a {
    position: relative;
    display: block;
    padding: 10px 30px 9px 13px;
    border-left: 2px solid #f4f4f4;
    background: #f4f4f4;
    color: #de0010;
     font-weight: bold;
}
.list_magazine a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 8px;
    height: 14px;
    border-radius: 50%;
    margin-top: -7px;
    background: url(../images/common/sprite_arrow.png) no-repeat 0  0;
    content: " ";
}
.list_magazine a:hover {
    border-left-color :#de0010;
    text-decoration: none;
}
.list_magazine a:hover:after { background-position: -200px -50px; }
.list_magazine .date {
    display: block;
    color: #222;
    font-weight: normal;
}

/*
お問い合わせ
-----------------------------------*/
.customer_center {
    margin: 0 0 40px;
    padding: 20px;
    background: #f4f4f4;
}
.box_button + .customer_center { margin: 40px 0 0; }
.customer_center .title {
    margin: 0 0 40px;
    font-weight: bold;
    text-align: center;
}
.customer_center .tel,
.customer_center .mail {
    position: relative;
    float: left;
    width: 443px;
    height: 60px;
    padding: 60px 0 15px;
    background: #fff;
    text-align: center;
}
.customer_center .tel strong,
.customer_center .mail {
    font-size: 16px;
    font-weight: bold;
}
.customer_center .mail { margin-left: 23px; }
.customer_center .tel strong { display: block; }
.customer_center .tel:before,
.customer_center .mail:before {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -33px;
}
.customer_center .tel:before { content: url(../images/contactus/ico_tel.png); }
.customer_center .mail:before { content: url(../images/contactus/ico_mail.png); }