body                 { font-size: 9pt; color: #444444; background-color : #ffffff;
                       font-family:'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif; margin: 0;}
#JsErrTbl            { display:none; }

a:link               { text-decoration:none; }
a:visited            { text-decoration:none; }
a:hover              { text-decoration:underline; }

a                    { color: #823c1e;}
.FootArea a          { color: #644f2f;}

img                  { margin: 0; padding: 0; border: none; vertical-align:middle; line-height:0;}
div                  { margin: 5px 10px; padding: 0;white-space: normal;}
table                { border: 1px solid #c0c0c0; margin: 0; padding: 0; width:100%; border-collapse: collapse;}
tr                   { margin: 0; padding: 0;}
td                   { font-size: 9pt; border: 1px solid #c0c0c0; margin: 0; padding: 0; vertical-align: middle;}
span                 { display: inline-block;}
form                 { margin: 0;}

.MainArea            { margin: 0 auto 0 auto; padding: 0; text-align:center; clear:both;}
.RepeatArea          { margin: 0; padding: 0; background-repeat:repeat-x;}
.HeadRepeatArea_9000001      { margin: 0; padding: 0; background-repeat:repeat-x;}
.HeadRepeatArea_3002733      { margin: 0; padding: 0; background-repeat:repeat-x;}
.HeadArea            { width: 950px; height: 72px; margin: 0 auto 30px auto; padding: 0;  clear:both;}
.HeadArea_9000001    {
    background-image: url(../../images/direct/dr_common_header_net.png?20220926) ;
    width: 950px;
    height: 91px;
    margin: 0 auto 30px auto;
    padding: 0;
    clear:both;
}
.HeadArea_siryouuktk   {
    background-image: url(../../images/direct/dr_common_header_net.png?20220926) ;
    width: 950px;
    height: 91px;
    margin: 0 auto 30px auto;
    padding: 0;
    clear:both;
}
.HeadArea_3002733    {
    background-image: url(../../images/direct/dr_common_head_3002733.png) ;
    width: 950px;
    height: 72px;
    margin: 0 auto 30px auto;
    padding: 0;
    clear:both;
}
.FootArea            { width: 950px; height: 59px; margin: 30px auto 0 auto; text-align:center; clear:both;}
.FootArea_9000001    {
    height: 40px;
    margin: 30px auto 0 auto;
    text-align:center;
    clear:both;
}
.FootArea_siryouuktk    {
    height: 40px;
    margin: 30px auto 0 auto;
    text-align:center;
    clear:both;
}
.FootRepeatArea_9000001  {
}
.FootArea_3002733    {
  display: none;
}
.FootRepeatArea_3002733  {
    display: none;
}
div#footer               { background:#ea5504; margin:50px 0 0 0; }
div#footer div.substance { width:950px; margin:0 auto; position:relative; }
div#footer div.substance p { margin:0; }
div#footer div.substance p.pagetop { position:absolute; right:0; top:-25px; cursor: pointer;}

.SpaceArea           { width: 750px; margin: 0 auto 0 auto; padding: 0; text-align:center; font-size: 1px; clear:both;}
.SubTitleArea        { width: 750px; height: 35px; margin: 0 auto 0 auto; clear:both; background-repeat: no-repeat;}
.HeadingArea         { width: 890px; margin: 0 auto 0 auto; text-align: left; clear:both; background-repeat: no-repeat;}
.CenterArea          { width: 750px; margin: 0 auto 0 auto; padding: 0; text-align:center; clear:both;}
.RightArea           { width: 750px; margin: 0 auto 0 auto; padding: 0; text-align:right; clear:both;}
.LeftArea            { width: 750px; margin: 0 auto 0 auto; padding: 0; text-align:left; clear:both;}
.BorderArea          { width: 750px; margin: 0 auto 0 auto; padding: 15px 0 15px 0; text-align:center; clear:both; border: 1px solid #999999;}
.fontBig             { font-size: 11pt; }
.align-top           { vertical-align: top; }

.SubTitle            { color: #ffffff; width: 730px; margin: 32px 10px 20px 0; padding: padding: 6px 0 0 12px; font-size: 11pt; font-weight: bold;text-align:left;}
.SubTitle2           { background-color: #fef8bc; width: 728px; padding: 10px 0 10px 20px; margin: 10px 0; font-size: 10pt; border: 1px solid #C6C6C6;}
.Heading             { background-color: #f7f7f7; margin: 20px 0 25px 0; padding: 8px 17px 4px; font-size: 18px; font-weight: bold; color: #333; border-bottom: 2px solid #ffc000;}
.ErrorTable          { border: 2px solid #ff0000; margin: 8px 0; padding: 5px; border-collapse: collapse;}
.yohaku-tateE        { display: none;}
.message-label       { border:none; width:16px; padding-left:5px}
.message             { border:none; color: #ff0000;}
td.hissu             { width: 55px; color: #ff0000; font-weight:bold; border-right: none; text-align: center; padding: 0;}
td.no-border-right   { border-right: none; padding: 0;}
td.no-border-left    { border-left: none; padding: 0;}
td.border-left       { border-left: 1px solid #c0c0c0;}
span.hissu           { color: #ff0000; font-weight:bold; padding-left:8px;}
.question            { color: #fc7404; font-weight:bold; font-size:12pt;}
.ankt                { vertical-align: top;}

.td-y                { margin: 0; padding: 0; background-color: #fef8bc; width: 265px;}
.td-y1               { margin: 0; padding: 0; background-color: #fef8bc; width: 64px;}
.td-y2               { margin: 0; padding: 0; background-color: #fef8bc; width: 200px;}
.td-b                { margin: 0; padding: 0; background-color: #e7f8ff; width: 265px;}
.td-b1               { margin: 0; padding: 0; background-color: #e7f8ff; width: 64px;}
.td-b2               { margin: 0; padding: 0; background-color: #e7f8ff; width: 200px;}

.checkbox            { width:12pt; height:12pt; margin:0; vertical-align: middle; }
.radiobutton         { width:12pt; height:12pt; margin:0; vertical-align: middle; }
.imemode-on          { font-size: 9pt; margin: 0; padding: 0; height: 18px; line-height: 18px; ime-mode: active; }
.imemode-off         { font-size: 9pt; margin: 0; padding: 0; height: 18px; line-height: 18px; ime-mode: disabled; }

.DrtenInfoBase       { border: none; width: 750px; margin: 0 auto; }
.DrtenInfoBase td    { border: none; }
.drten-title         { width:330; padding-left: 5px; }
.drten-tate-line     { background-color: gray; width: 1px; }

tr.disabled          { background-color: #c0c0c0;}
span.sample          { color: #808080;}
form-text.hissu      { background-color: #edceff;}
span.inputerror      { color: #ff0000; font-weight:bold;}
div.inputerror       { color: #ff0000; font-weight:bold;}
.td-b3               { margin: 0; padding: 0; background-color: #e7f8ff; width: 170px;}
.td-b4               { margin: 0; padding: 0; background-color: #e7f8ff; width: 0;}
#s_kokseiymd_mm      { width: 45px; margin-left: 10px; }
#s_kokseiymd_dd      { width: 45px; margin-left: 10px; }


.ok-button {
    background-image: url(../../images/direct/dr_common_bt_ok.png) !important ;
    background-repeat: no-repeat !important ;
    background-size: 133px 38px !important ;
    width: 135px ;
    height: 40px ;
    border: 0 solid #000;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 0;
    color: #000;
    margin: .5em 0 .5em 0 !important ;
}
.cancel-button {
    background-image: url(../../images/direct/dr_common_bt_cancel.png) !important ;
    background-repeat: no-repeat !important ;
    background-size: 133px 38px !important ;
    width: 135px ;
    height: 40px ;
    border: 0 solid #000;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 0;
    color: #000;
    margin: .5em 0 .5em 0 !important ;
}

div.chkbuttom_mask {
    margin: 0;
    padding: 0;
    height: 90px;
    border: 1px solid #C6C6C6;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
}

div.chkbuttom {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBEBEB', endColorstr='#FCFCFC');
    background: -moz-linear-gradient(top, #EBEBEB, #FCFCFC);
    background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#FCFCFC));
    background: linear-gradient(to bottom, #EBEBEB, #FCFCFC);
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.chkbuttom:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFCFC', endColorstr='#EBEBEB');
    background: -moz-linear-gradient(top, #FCFCFC, #EBEBEB);
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#EBEBEB));
    background: linear-gradient(to bottom, #FCFCFC, #EBEBEB);
}

div.chkbuttom input[type="checkbox"] {
    opacity: 0;
    margin-top: 20px;
}

div.chkbuttom input[type="checkbox"] + label {
    z-index: 1;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    padding:16px 69px;
    box-sizing: border-box;
}

div.chkbuttom input[type="checkbox"] + label::before   {
    position: absolute;
    left: 11px;
    top: 28px;
    content: url("../../images/direct/dr_common_checkbox.png");
}

div.chkbuttom input[type="checkbox"]:checked + label:before {
    content: url("../../images/direct/dr_common_check.png");
}

div.chkbuttom input[type="checkbox"]:disabled + label:before {
    content: url("../../images/direct/dr_common_checkbox_disabled.png");
}


div.chkbuttom img {
    vertical-align: top;
}
div.chkbuttom img + img{
    margin-left:20px;
}

div.bgsiryostms {
    margin: 0;
    background-repeat: no-repeat;
    vertical-align: top;
}

div.bgsiryostms .siryostms {
    margin: 0 5;
    padding: 17px 0 17px 8px;
    font-size: 14px;
}

div.link {
    margin: 0 0 10px 8px;
    width: 153px;
    text-align:left;
    font-size: 14px;
}

div.link a {
    color: #0066cc;
    padding: 0 0 0 20px;
    margin: 0;
    background-image: url(../../images/direct/dr_common_icon_circle_listitem.png);
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.clearfix:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}

table.productlist tr {
    width: 425px;
}

table.productlist td {
    border: none;
}

table.productlist .item {
    margin:0;
    width: 425px;
}

table.productlist td:nth-child(even) {
    padding-left: 40px;
}