@charset "utf-8";

/**
 * お問合せ（一般）・ブロック定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2018 Polaris, Inc.
 *
 */
 .BLK20720 #inquiry_order
{
    margin:0 auto 5rem;
    width:98%;
}
.BLK20720 #inquiry_order .frame
{
    margin:2rem auto;
    padding-top:1rem;
    width:94%;
}
.BLK20720 #inquiry_order .frame span.required
{
    font-size:1.2rem;
    color:red;
}
.BLK20720 #inquiry_order input#company_name,
.BLK20720 #inquiry_order input#member_name,
.BLK20720 #inquiry_order input#member_name_kn,
.BLK20720 #inquiry_order input#mail,
.BLK20720 #inquiry_order input#retry_mail
{
    width:350px;
}
.BLK20720 #inquiry_order input#tel,
.BLK20720 #inquiry_order input#fax,
.BLK20720 #inquiry_order input#cellular
{
    width:120px;
}
.BLK20720 #inquiry_order textarea#inquiry_content
{
    width: 100%;
}
.BLK20720 .notation
{
    margin:2rem auto;
}
.BLK20720 .notation > table
{
    margin:0 auto;
    width:100%;
}
.BLK20720 .notation th
{
    border:1px solid #cccccc;
    width:26%;
    padding:10px 5px;
    font-weight:normal;
    background-color: #d4e1f5;
}
.BLK20720 .notation td
{
    text-align:left;
    border:1px solid #cccccc;
    padding:0.5rem 1.0rem;
}
@media screen and (min-width:0px) and (max-width:680px) 
{
    .BLK20720 #inquiry_order .frame
    {
        width:98%;
    }
    .BLK20720 #inquiry_order .frame .light
    {
        display:block;
    } 
    .BLK20720 #inquiry_order input#company_name,
    .BLK20720 #inquiry_order input#member_name,
    .BLK20720 #inquiry_order input#member_name_kn,
    .BLK20720 #inquiry_order input#mail,
    .BLK20720 #inquiry_order input#retry_mail
    {
        width:98%;
    }    
}

/* ステータス関連 */
.BLK20720 .state span[class^="state"]
{
    display:inline-block;
    padding:0.1rem 0.4rem;
    text-align:center;
    font-weight:bold;
    border:1px solid #aaa;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.BLK20720 .state span.state0,
.BLK20720 .state span.state5
{
    color:#f00;
}
.BLK20720 .state span.state1
{
    color:#0099ff;
}
.BLK20720 .state span.state2
{
    color:#009966;
}
.BLK20720 .state span.state3
{
    color:#cc0066;
}
.BLK20720 .state span.state4
{
    color:#ff6633;
}
.BLK20720 .state span.state6
{
    color:#fff;
    background-color:#0033cc;
}
.BLK20720 .state span.state9
{
    color:#fff;
    background-color:#f00;
}