@charset "shift_jis";

/* clearfix
------------------------------------------------------------------------------*/
#index:after,
.inquireFrom .btnWrapper .btns:after {
        content:"";
        display:block;
        clear:both;
        height:0;
        visibility:hidden;
}
/* clearfix ie7
------------------------------------------------------------------------------*/
*:first-child+html #index,
*:first-child+html .inquireFrom .btnWrapper .btns:after {
        zoom:1;
}
/* clearfix ie6
------------------------------------------------------------------------------*/
* html #index,
* html .inquireFrom .btnWrapper .btns:after {
        zoom:1;
}


/* main
------------------------------------------------------------------------------*/

/* index
------------------------------------------------------------------------------*/
#index {
        width:780px;
        margin:0 -20px 0 0;
        background-image:url(/images/common/bg2.jpg);
        background-repeat:repeat-y;
        background-position:left top;
}
#index .inquire {
        float:left;
        width:370px;
        margin:0 20px 0 0;
        padding:0 0 18px;
}
#index .inquire .title {
        width:348px;
        padding:6px 0 5px 22px;
        background-image:url(/images/common/bg2_top.jpg);
        background-repeat:no-repeat;
        background-position:left top;
        font-size:117%;
}
#index .inquire .contents {
        width:362px;
        margin:0 3px;
        border-top:1px solid #E7EAEC;
        border-right:1px solid #FFF;
        border-left:1px solid #FFF;
        background-image:url(/images/inquire/bg_inquire.jpg);
        background-repeat:repeat-x;
        background-position:left top;
}
#index .inquire .image {
        float:left;
        width:110px;
        padding:0 0 0 26px;
}
#index .inquire .text {
        float:right;
        width:183px;
        padding:21px 12px 0 31px;
}
#index .inquire .btn {
        text-align:center;
}
#index .inquire .btn a img {
        width:252px;
        height:42px;
        background-repeat:no-repeat;
        background-position:left top;
}
#index .inquire .btn a:hover img {
        background-position:left bottom;
}
#index .inquire .btn#btnSupport a img{
        background-image:url(/images/inquire/btn_support.jpg)
}
#index .inquire .btn#btnInquire a img{
        background-image:url(/images/inquire/btn_inquire.jpg);
}


/* .inquireFrom
------------------------------------------------------------------------------*/
.inquireFrom {
        background-image:url(/images/common/bg.jpg);
        background-repeat:repeat-y;
        background-position:left top;
}
.inquireFrom .title {
        padding:6px 0 5px 22px;
        background-image:url(/images/common/bg_top.jpg);
        background-repeat:no-repeat;
        background-position:left top;
        font-size:117%;
}
.inquireFrom .contents {
        margin:0 23px;
}

.inquireFrom .lead {
        padding:20px 0 30px;
}

.inquireFrom .attention {
        margin:0 0 13px;
        padding:7px 9px;
        border:1px solid #C8C8C8;
        background-color:#F3F3F3;
}
.inquireFrom .attention dt {
        padding:0 0 0 20px;
        background-image:url(/images/common/icon_attention.gif);
        background-repeat:no-repeat;
        background-position:left top;
        font-weight:bold;
}
.inquireFrom .attention dd {
        padding:0 0 0 18px;
}

.inquireFrom table {
        width:100%;
        border-top:1px solid #E0E4E7;
        border-left:1px solid #E0E4E7;
}
.inquireFrom table th {
        padding:16px;
        border-right:1px solid #E0E4E7;
        border-bottom:1px solid #E0E4E7;
        background-color:#EFF2F4;
        text-align:left;
        vertical-align:top;
}
.inquireFrom table td {
        padding:16px;
        border-right:1px solid #E0E4E7;
        border-bottom:1px solid #E0E4E7;
        text-align:left;
        vertical-align:top;
}
.inquireFrom table td .name {
        width:215px;
        height:17px;
        padding:0;
        border:1px solid #8DB0C7;
}
.inquireFrom table td .mail {
        width:215px;
        height:17px;
        padding:0;
        border:1px solid #8DB0C7;
}
.inquireFrom table td textarea {
        width:500px;
        height:130px;
        padding:0;
        border:1px solid #8DB0C7;
}

.inquireFrom .privacy {
        margin:14px 0 0;
        padding:2px;
        border:1px solid #CCC;
}
.inquireFrom .privacy .wrapper {
        padding:15px;
        border:1px solid #CCC;
}
.inquireFrom .privacy .title {
        padding:0;
        background:none;
        font-size:100%;
        font-weight:bold;
}
.inquireFrom .privacy .text {
}
.inquireFrom .privacy .signature {
        margin:20px 0 15px;
        text-align:right;
}

.inquireFrom .btnWrapper {
        padding:23px 0 18px;
}
.inquireFrom .btnWrapper .text {
        margin:0 0 14px;
        text-align:center;
        font-weight:bold;
}
.inquireFrom .btnWrapper .btns {
        width:312px;
        margin:0 auto;
}
.inquireFrom .btnWrapper .btn {
        width:142px;
}
.inquireFrom .btnWrapper .btn input {
        display:block;
        width:142px;
        height:52px;
        border:none;
        background-color:transparent;
        background-repeat:no-repeat;
        background-position:left top;
        line-height:0;
        text-indent:-9999px;
        font-size:1px;
        cursor:pointer;
}
.inquireFrom .btnWrapper .btn#btnSend {
        float:left;
}
.inquireFrom .btnWrapper .btn#btnSend input {
        background-image:url(/images/inquire/btn_send.jpg);
}
.inquireFrom .btnWrapper .btn#btnReset {
        float:right;
}
.inquireFrom .btnWrapper .btn#btnReset input {
        background-image:url(/images/inquire/btn_reset.jpg);
}
.inquireFrom .btnWrapper .btn#btnBack {
        float:right;
}
.inquireFrom .btnWrapper .btn#btnBack input {
        background-image:url(/images/inquire/btn_back.jpg);
}

.inquireFrom .notice {
        margin:0 13px;
        padding:0 0 35px;
}
.inquireFrom .notice li {
        margin:0 0 0 0.5em;
        text-indent:-0.5em;
}

/* complete
------------------------------------------------------------------------------*/
.inquireFrom#complete .lead {
        padding:55px 0 180px;
        text-align:center;
}

/* error
------------------------------------------------------------------------------*/
.inquireFrom#error .error {
        padding:55px 0 100px 220px;
        color:#C00;
}
.inquireFrom#error .btn {
        padding:0 0 30px;
        text-align:center;
}
.inquireFrom#error .btn a img {
        width:142px;
        height:52px;
        background-image:url(/images/inquire/btn_back_error.jpg);
        background-repeat:no-repeat;
        background-position:left top;
}
.inquireFrom#error .btn a:hover img {
        background-position:left bottom;
}

