@charset "UTF-8";/*あいう*/

/* ----------------------------------
   初期化
 ------------------------------------ */
/* None */


/* ----------------------------------
   汎用呼び出し
 ------------------------------------ */
/* Float contorols */
.fclear {
    clear: both;
    width: 0;
    height: 0;
    font-size: 0px;
    line-height: 0px;
}
.fright {
    float: right;
}
.fleft {
    float: left;
}
ul.fleft li {
    float: left;
}
ul.fright li {
    float: right;
}
/* Margins */
.margin_t3 {
    margin-top: 3px;
}
.margin_t5 {
    margin-top: 5px;
}
.margin_t10 {
    margin-top: 10px;
}
.margin_t20 {
    margin-top: 20px;
}
.margin_t30 {
    margin-top: 30px;
}
.margin_center {
    margin-left: auto;
    margin-right: auto;
}
/* 使い方例) <div class="brmargin_t10"><br /></div>
    main_content_body 等で、上部にmargin/padding/line-heightで隙間を作ると
    おかしくなるところがあるため */
div.brmargin_t5 {
    margin: 0:
    padding: 0;
    font-size: 5px;
    line-height: 5px;
}
div.brmargin_t10 {
    margin: 0:
    padding: 0;
    font-size: 10px;
    line-height: 10px;
}
/* Forms */
form.inline {
    display: inline;
    margin: 0;
    padding: 0;
}
/* Links */
a.c-gray {
    padding-left: 17px;
    font-size: 12px;
    background: url(../img/c/icon_gray.gif) no-repeat left center;
    color: #333333;
}
a.c-gray:hover {
    background: url(../img/c/icon_light_gray.gif) no-repeat left center;
    color: #999999;
}
a.c-gray-multiline {
    display: block;
    margin: 0;
    padding-left: 17px;
    font-size: 12px;
    background: url(../img/c/icon_gray.gif) no-repeat left center;
    color: #333333;
}
a.c-gray-multiline:hover {
    margin: 0;
    background: url(../img/c/icon_light_gray.gif) no-repeat left center;
    color: #999999;
}
a.c-dark_gray {
    padding-left: 17px;
    font-size: 12px;
    background: url(../img/c/icon_dark_gray.gif) no-repeat left center;
    color: #333333;
}
a.c-dark_gray:hover {
    background: url(../img/c/icon_light_gray.gif) no-repeat left center;
    color: #999999;
}
a.c-light_aqua {
    padding-left: 17px;
    font-size: 12px;
    background: url(../img/c/icon_light_aqua.gif) no-repeat left center;
}
a.c-btn-142-gray {
    display: block;
    padding-left:30px;
    width: 112px; /* this.width - this.padding-left */
    height: 27px; /* this.height - this.padding-top */
    background: url(../img/c/btn_bg-142-gray.jpg) no-repeat left top;
    font-size: 12px;
    line-height: 27px; /* = this.height */
    text-decoration: none;
    color: #666666;
    text-align: left;
}
a.c-btn-142-gray:hover {
    background-position: left bottom;
    color: #CCCCCC;
}
a.c-btn-registration_1 {
    display: block;
    width: 302px; /* = img.width */
    height: 32px; /* = img.height */
    background: url(../img/c/btn_try.jpg) no-repeat left top;
}
a.c-btn-registration_1:hover {
    background-position: left bottom;
}
a.c-btn-registration_1_bg_white {
    display: block;
    width: 302px; /* = img.width */
    height: 32px; /* = img.height */
    background: url(../img/c/btn_try_bg_white.jpg) no-repeat left top;
}
a.c-btn-registration_1_bg_white:hover {
    background-position: left bottom;
}
a.c-btn-registration_for_580_1 {
    display: block;
    width: 200px; /* = img.width */
    height: 25px; /* = img.height */
    background: url(../img/c/btn_try_for580.jpg) no-repeat left top;
}
a.c-btn-registration_for_580_1:hover {
    background-position: left bottom;
}
a.c-btn-registration_1_for_supplier {
    display: block;
    width: 203px; /* = img.width */
    height: 27px; /* = img.height */
    background: url(../img/c/btn_try_for_supplier.jpg) no-repeat left top;
}
a.c-btn-registration_1_for_supplier:hover {
    background-position: left bottom;
}
a.c-btn-registration_2 {
    display: block;
    width: 201px; /* = img.width */
    height: 32px; /* = img.height */
    background: url(../img/c/btn_try_contact.jpg) no-repeat left top;
}
a.c-btn-registration_2:hover {
    background-position: left bottom;
}
a.c-btn-registration_2_bg_white {
    display: block;
    width: 201px; /* = img.width */
    height: 25px; /* = img.height */
    background: url(../img/c/btn_try_contact_bg_white.jpg) no-repeat left top;
}
a.c-btn-registration_2_bg_white:hover {
    background-position: left bottom;
}
a.c-btn-registration_for_580_2 {
    display: block;
    width: 200px; /* = img.width */
    height: 25px; /* = img.height */
    background: url(../img/c/btn_try_contact_for580.jpg) no-repeat left top;
}
a.c-btn-registration_for_580_2:hover {
    background-position: left bottom;
}
a.c-btn-registration_2_for_supplier {
    display: block;
    width: 203px; /* = img.width */
    height: 27px; /* = img.height */
    background: url(../img/c/btn_try_contact_for_supplier.jpg) no-repeat left top;
}
a.c-btn-registration_2_for_supplier:hover {
    background-position: left bottom;
}
a.c-btn-payment_by_bank {
    display: block;
    width: 223px;
    height: 28px;
    background: url(../img/c/btn_bank_pay.jpg) no-repeat left top;
}
a.c-btn-payment_by_bank:hover {
    background-position: left bottom;
}
a.c-btn-payment_by_card {
    display: block;
    width: 223px;
    height: 28px;
    background: url(../img/c/btn_card_pay.jpg) no-repeat left top;
}
a.c-btn-payment_by_card:hover {
    background-position: left bottom;
}


/* ----------------------------------
   ページ共通部分
 ------------------------------------ */
/* None */