﻿/* = FONT STACKS
----------------------------------------------------------------------------------------------------------------------*/
body    { font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif } /* "wide" sans serif */
/*body    { font-family: Tahoma, Arial, Helvetica, sans-serif } /* "narrow" sans serif */
/*body    { font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif } /* "wide" serif */
/*body    { font-family: 'Times New Roman', Times, serif } /* "narrow" serif */


/*  transform the font size so that 1em is 10px so that you can use em's
    but think in pixels as now 1em is 10px, 1.2em is 12px and so on */

html { font-size: 62.5% }

body {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    text-align: center; /*  this is for IE6 so that it will center the main wrapper */
    line-height: 1.2;   /*  unit-less line-height does not inherit a percentage value of its parent element */
                        /*  but instead is based on a multiplier of the font-size */
}

a:link{text-decoration: none}
a:visited{text-decoration: none}
a:active{text-decoration: none}
a:hover{text-decoration: none}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, aabbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {

    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;

}

p, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }

small
sup,
sub     { font-size: 70% }

p small   { display: block; line-height: 1 }

strong, b   { font-weight: bold }
em, i       { font-style: italic }

/* = CLEARFIX
----------------------------------------------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after     { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0 }
.clearfix:after     { clear: both }
.clearfix           { *zoom: 1 } /* for IE only */

/* = TABLES
----------------------------------------------------------------------------------------------------------------------*/
table {

    border-collapse: collapse;
    border-spacing: 0;
    /* tables still need cellspacing="0" */

} 

/* = LISTS
----------------------------------------------------------------------------------------------------------------------*/
ul, ol          { list-style: none }

ul.float li,
ol.float li     { float: left }

ul.default,
ol.default,
ol.default ul,
ul.default ul,
ul.default ol,
ol.default ol   { padding-left: 1.5em }

ul.default,
ol.default ul,
ul.default ul   { list-style-type: square }

ol.default,
ul.default ol,
ol.default ol   { list-style-type: decimal }.TitleBar1 {min-height:50px;background-image:url(/gif/style11/title_product_type.gif?t=1758712915);background-repeat:no-repeat;}
.TitleBar1 p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar1f {min-height:50px;background:url(/gif/style11/title_fullsize.gif?t=1758712915);}
.TitleBar1f p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar1p {min-height:50px;background:url(/gif/style11/title_product_type2.gif?t=1758712915);}
.TitleBar1p p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar2 {min-height:50px;background:url(/gif/style11/title_product_type2.gif?t=1758712915);}
.TitleBar2 p{float:left;padding:17px 0px 0px 150px;min-height:35px;width:350px;text-align:left;vertical-align:top;}
.TitleBar2 table {float:right;margin-top:17px;vertical-align:top;}
.TitleBar2 table td {margin:0;padding:0;}
.TitleBar3 {min-height:50px;background:url(/gif/style11/title_detail.gif?t=1758712915) no-repeat;}
.TitleBar3 p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar4 {min-height:50px;background:url(/gif/style11/title_setting.gif?t=1758712915);vertical-align:top;}
.TitleBar4 p{padding:17px 0px 0px 40px;min-height:35px;text-align:left;}

.BoxA1 {border:1px #AAA solid;background-color:#fff;}
label {cursor:pointer;}
.Block {display:inline-block;}
.BlockMiddle {display:inline-block;vertical-align:middle;}
#WebPageList {min-height:500px;}

.UiFull {display:inline-block;margin:0;padding:0;width:100%;}
.UiFull ul {display:inline-block;width:100%;}
.UiFull li {display:inline-block;list-style-type:none;width:100%;}
.UiFull li img{height:auto;width:100%;}

.LineNo1 {width:100%;}
.LineNo2 {width:50%;}
.LineNo3 {width:33.3%;}
.WidthAll {width:100%;}

.home_ad {max-width:100%;}
.HomeAD {max-width:100%;}

div.RwdMenu {z-index: 7;top:0;}
#Banner1SearchTable {margin-right:5px;}

.txt ul {list-style-position:outside;padding-left:25px;}
.txt ul p {display:inline;}

.AdPhotoMsg img {max-width:100%;}

.hand {cursor:pointer;}

#TopMenu_MemMsgNo {color:red;display:inline-block;font-size:12px;width:22px;height:22px;line-height:20px;border:1px red dotted;z-index:99;float:right;top:0;position:absolute;right:0;margin-top:-5px;background-color:#fff;text-align:center;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;}
#TopMenu_MemMsgNo:hover{cursor:hand;background-color:#ddd;}

.noscroll,.noscroll body{overflow:hidden;-webkit-overflow-scrolling:none;touch-action:none;overscroll-behavior: none;}
.noscroll body{position:relative;}

.LineThrough {text-decoration:line-through;}
.center {text-align:center;}
.center tbody {display:inline-block;width:100%;}
iframe {max-width:100%;}

input[type="text"],input[type="password"],input[type="submit"],input[type="button"]  { border-radius: 0;-webkit-appearance: none;}
select { border-radius: 0;}

textarea:focus, input:focus{outline: none;}.pic_fix_height { }
.td_p1 {color:#555555}
.EndingBox {min-height:150px;height:150px}
.out1 {border-collapse: collapse;border: 0;}
.out11{background-image:url(/gif/out1/1.png?t=1758712915);width:8px;height:8px; }
.out12{background-image:url(/gif/out1/2.png?t=1758712915);height:8px; }
.out13{background-image:url(/gif/out1/3.png?t=1758712915);width:8px;height:8px; }
.out14{background-image:url(/gif/out1/4.png?t=1758712915);width:8px; }
.out15{background-image:url(/gif/out1/5.png?t=1758712915);text-align:center; vertical-align:top;}
.out16{background-image:url(/gif/out1/6.png?t=1758712915);width:8px; }
.out17{background-image:url(/gif/out1/7.png?t=1758712915);width:8px;height:8px; }
.out18{background-image:url(/gif/out1/8.png?t=1758712915);height:8px; }
.out19{background-image:url(/gif/out1/9.png?t=1758712915);width:8px;height:8px; }
.TitleTable1 {margin-left:54px}
.input_acc {width:90px;height:22px;font-size:10pt;padding-top:3px}
.input_pwd {width:90px;height:22px;font-size:6pt;padding-top:5px}

#menu_top {width:1002px;display:inline;background-image:url("/gif/style11/box_bg.gif?t=1758712915");}
#menu_top li {list-style-type:none;display:inline}
#menu_top li a:visited{font-size: 10 pt; text-decoration: none;color:black;}
#menu_top li a:link   {font-size: 10 pt; text-decoration: none;color:black;}
#menu_top li a:hover  {font-size: 10 pt; text-decoration: none;color:red;}
#menu_top li a:active {font-size: 10 pt; text-decoration: none;color:black;}
#menu_top li .menu_top_txt {padding:10px;margin:0px;}

table.main table {border-collapse:separate }
.menu_top span {display:none;}
.RwdMenu span {display:none;}
div#LeftmMenu:not(.mm-menu) {display: none;}
.WebHide {display:none;}
.
InlineFlexCenter{display:inline-flex;align-items:center;justify-content:center;}
.InlineFlexLeft{display:inline-flex;align-items:center;justify-content:flex-start;}


@media screen and (min-width: 768px) {
.InlineFlexLeftCellCenter{display:inline-flex;align-items:center;justify-content:flex-start;}
.InlineFlexRightCellCenter{display:inline-flex;align-items:center;justify-content:flex-end;}
}

@media screen and (max-width: 768px) {
.InlineFlexLeftCellCenter{display:inline-flex;align-items:center;justify-content:center;width:100%;}
.InlineFlexRightCellCenter{display:inline-flex;align-items:center;justify-content:center;width:100%;}
.CellPadding5 {padding:5px;}
.TabStyle1.CellPadding5Li  li {padding:5px;}
.CellPadding10 {padding:10px;}
.CellPadding20 {padding:20px;}
.CellPadding1020 {padding:10px 20px;}
}header {text-align:left;}
header h1 img{max-height: 40px;}
.amount {font-family:Arial;font-size:23px;font-weight:bold;;color:#FF0000;}
.amountRef {font-family:Arial;font-size:23px;font-weight:bold;;color:#333333;}
header > h1 > a > img {margin:unset;}
.cookie-consent{z-index:10000;position:fixed;right:0;bottom:0;left:0;max-height:100%;overflow:hidden;transition:transform .5s,opacity .5s,visibility .5s}.cookie-consent[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transform:translate(0, 100px)}.cookie-consent__inner{width:100%;height:100%;background:#fff;border:1px #ddd solid;color:#000;overflow:hidden}.cookie-consent--popup{transform:translate3d(0, 0, 0);box-shadow:0 15px 50px -12px rgba(0,0,0,.25)}@media(min-width: 40em){.cookie-consent--popup{bottom:25px;max-width:400px;max-height:calc(100% - 50px)}.cookie-consent--popup.cookie-consent--right{right:25px;left:auto}.cookie-consent--popup.cookie-consent--right[aria-hidden=true]{transform:translate(100px, 0)}.cookie-consent--popup.cookie-consent--left{right:auto;left:25px}.cookie-consent--popup.cookie-consent--left[aria-hidden=true]{transform:translate(-100px, 0)}}.cookie-consent--banner{transform:translate3d(0, 0, 0);box-shadow:0 15px 50px -12px rgba(0,0,0,.25)}@media(min-width: 40em){.cookie-consent--banner{max-width:100%;}.cookie-consent--banner .cookie-consent__inner form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%;padding:0 10px 10px 10px;margin:0 auto}.cookie-consent--banner .cookie-consent__inner form div{width:100%}.cookie-consent--banner .cookie-consent__inner form.cookie-consent--banner .cookie-consent__tab-list{order:2;width:100%}.cookie-consent--banner .cookie-consent__button{width:auto;min-height:45px;padding:10px 45px}}.cookie-consent--banner.cookie-consent--top{top:0;bottom:auto}@media(min-width: 40em){.cookie-consent--banner.cookie-consent--top[aria-hidden=true]{transform:translate(0, -100%)}}.cookie-consent--banner.cookie-consent--bottom{top:auto;bottom:0}@media(min-width: 40em){.cookie-consent--banner.cookie-consent--bottom[aria-hidden=true]{transform:translate(0, 100%)}}.cookie-consent--overlay{box-shadow:none;top:0;left:0;bottom:0;right:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.7);padding:24px}.cookie-consent--overlay[aria-hidden=true]{transform:translate(0, 0)}.cookie-consent--overlay[aria-hidden=true] .cookie-consent__inner{transform:translate(0, 100px)}.cookie-consent--overlay .cookie-consent__inner{box-shadow:0 15px 50px -12px rgba(0,0,0,.25);max-width:600px;height:auto;transform:translate(0, 0);transition:transform .5s,opacity .5s,visibility .5s}.cookie-consent--overlay .cookie-consent__button{min-height:45px;padding:10px 24px;display:block;width:auto;margin:24px auto}.cookie-consent__backdrop{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:9990;background:#000}.cookie-consent__header{padding:10px 24px}.cookie-consent__header h1{font-size:20px;margin:0 auto .2em}@media(min-width: 40em){.cookie-consent__header h1{font-size:26px}}.cookie-consent__header p{font-size:10px;}.cookie-consent__header p:last-child{margin-bottom:0}.cookie-consent__tab-list{margin:0;padding:0;list-style-type:none;transition:all .2s ease-in-out}.cookie-consent__tab-list.hidden{height:0;opacity:0;pointer-events:none}.cookie-consent__tab-list.visible{height:auto;opacity:1;pointer-events:all}.cookie-consent__tab-list li{margin:0;border-top:1px solid rgba(0,0,0,.1)}.cookie-consent__tab{display:flex;align-items:stretch}.cookie-consent__option{flex:1 1 auto;display:flex;align-items:flex-start;padding:15px 24px 17px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.cookie-consent__option input{margin-right:10px}.cookie-consent__option span{text-align:left;}.cookie-consent__tab-toggle{position:relative;flex:0 0 auto;display:block;width:55px;min-height:55px;padding:10px;background:rgba(0,0,0,0);line-height:0}.cookie-consent__tab-toggle:hover{background:rgba(0,0,0,.05)}.cookie-consent__tab-toggle>svg{position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-9px;width:18px;height:11px;fill:#000}.cookie-consent__tab-toggle[aria-selected=true]>svg{transform:scaleY(-1)}.cookie-consent__tab-panel{position:relative;overflow:hidden;transition:all .35s}.cookie-consent__tab-panel[aria-hidden=true]{display:none}.cookie-consent__tab-description{padding:20px 24px;background:rgba(0,0,0,.05)}.cookie-consent__tab-description::after{content:'';position:absolute;top:0;left:25px;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0}.cookie-consent__links{display:flex;margin-top:0.7em;justify-content:center}.cookie-consent__links a{color:#555;text-decoration:underline;display:inline-block}.cookie-consent__links a:hover{text-decoration:none}.cookie-consent__links a+a{margin-left:24px}.cookie-consent__button{outline:none;border:none;transition:all linear .2s;width:100%;padding:15px;font-weight:bold;line-height:1.1;text-decoration:none;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;background:#555;background-size:200%;color:#fff;font-size:1em;position:relative;z-index:1}.cookie-consent__button:focus,.cookie-consent__button:hover{background-color:#333;background-position:left 0}