.control {position: absolute; padding: 0px; margin: 0px; overflow: hidden; border: 0px}
.labellink {cursor: pointer; color: #666; text-decoration: none}
.imagelink {cursor: pointer}
.button {margin-right: 4px; font-size: 11px; padding: 0px 2px 2px 2px; border: 1px solid black; background-color: #E0E0E0; width: 60px; }
.checkbox {margin: 0px; float: left; }
.checklabel {display: block; margin: 0px 0px 0px 18px; }
.inputtext {display: block; border: 1px solid black; margin: 0px; padding: 3px 2px}
.inputmemo {display: block; border: 1px solid black; margin: 0px; padding: 3px 2px; font-size: 11px}
.select {font-family: Verdana, sans-serif; font-size: 11px; border: 1px solid black; height: 100%; margin: 0px; padding: 2px; }
.wndxhs {position: absolute; width: 100%; height: 0px; background-color: #E0E0E0; cursor: n-resize}
.wndxvs {position: absolute; width: 0px; height: 100%; background-color: #E0E0E0; cursor: w-resize}
.btnbar {padding: 0px 0px 0px 1px; margin: 0px}
.btnbaritem {margin: 1px 1px 0px 0px}
.wnd {position: absolute; border: 0px solid black; margin: 0px; padding: 0px; width: 300px; height: auto; box-shadow: 0px 0px 15px #aaa; color: #000; }
.wndtbl {padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; width: 100%; height: 100%; }
.wndhs {width: 0px; min-width: 0px; background-color: #E0E0E0; }
.wndvs {height: 0px; background-color: #E0E0E0; }
.wndcs {width: 0px; height: 0px; background-color: #E0E0E0; }
.wndcnt {vertical-align: top; background-color: #def !important; }
.wndcaption {padding: 5px; border: 0px solid black; margin: 0px; background-color: #346; color: white; font-weight: bold; white-space: nowrap; text-align: center; width: 100%; cursor: default}
.wndbutton {padding: 0px 4px; border: 0px solid black; width: 16px; background-color: #346; color: white; font-weight: bold; width: 16px; }
.wndcontent {padding: 0px; margin: 0px; border: 0px solid black; font-size: 12px; line-height: 17px; }
.wndbuttons {padding: 0px; border: 0px solid black; text-align: center}
.wndbuttonimg {margin-left: 2px; margin-right: 2px; }
.tree {padding: 0px; margin: 0px; margin-left: 15px; }
.treem {padding: 0px; margin: 0px; }
.treeitem {padding: 0px; margin: 0px}
.treeitemdiv {padding: 2px; margin: 0px; white-space: nowrap; cursor: default}
.treeitemdiva {padding: 2px; margin: 0px; white-space: nowrap; cursor: default; background-color: orange}
.treeitemtxt {text-decoration: none; color: inherit}
.treeitemimg {width: 11px; height: 11px; margin-right: 4px}
.treeitemchk {margin: 0px 4px 0px 0px; padding: 0px; vertical-align: bottom}
.treeitemicn {margin: 0px 4px 0px 0px; padding: 0px; width: 16px; height: 16px; vertical-align: bottom}
.treetargetitem {background-color: gray; color: white}
.treespacer {border: 0px; border-top: 1px dashed black; overflow: visible}
.treespaceroverlapper {position: absolute; height: 0px; top: 0px; background-color: gray; opacity: 0.6}
.menu {position: absolute; padding: 0px; margin: 0px; z-index: 7000; background-color: #F0F0F0; border-collapse: collapse}
.menuitem {margin: 0px; padding: 4px 8px; white-space: nowrap; cursor: default}
.menuitemsep {padding: 0px; margin: 0px; white-space: nowrap; }
.inputitemsbox {display: block; position: absolute; border: 1px solid black; background-color: white; margin: 0px; padding: 0px; width: 100px; min-height: 36px; max-height: 200px; overflow: auto}
.inputitem {padding: 2px 3px; cursor: default}
.itemsboxt {display: block; position: absolute; background-color: white; margin: 0px; min-height: 10px; overflow: hidden}
.itemsboxi {display: block; position: absolute; z-index: 7000; background-color: white; margin: 0px; min-height: 2px; }
.inputitemih {margin-right: 4px; cursor: pointer; opacity: 0.3}
.inputitemiha {margin-right: 4px; cursor: pointer}
.inputitemiho {margin-right: 4px; cursor: pointer; opacity: 0.6}
.inputitemiv {margin-bottom: 4px; cursor: pointer; opacity: 0.3}
.inputitemiva {margin-bottom: 4px; cursor: pointer}
.inputitemivo {margin-bottom: 4px; cursor: pointer; opacity: 0.6}
.inputemu {display: none}
.photogal {}
.photogalitems {white-space: nowrap; position: relative; height: 100%}
.photogalarrow {position: absolute; top: 0px; height: 100%; font-size: calc(2vw * 0.75 + 18px); color: white; }
.photogalarrow span {position: relative; top: calc(50% - 0.75em); cursor: pointer}
.photogalitem {display: inline-block; width: 100%; height: 100%; background-image: url('styles/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; }
.photogalitem span {height: 100%; position: relative; display: inline-block; vertical-align: middle}
.photogalitem img {cursor: pointer; max-width: 100%; max-height: 100%; position: relative; display: inline-block; vertical-align: middle}
.uploadertblcont {overflow: auto; margin-bottom: 4px}
.uploadertbl {width: 100%}
.uploaderbtncont {text-align: center; position: absolute; bottom: 14px; width: 100%}
.uploaderbarcont {border: 1px solid black; margin: 4px; position: absolute; bottom: 0px; height: 10px; width: 100%; }
.uploaderbar {background-color: black; left: 0px; height: 10px; width: 0%; }
.webmenuh {padding: 0px; margin: 0px; }
.webmenuitemh {margin: 0px; padding: 3px 4px; white-space: nowrap; display: inline-block}
.webmenuitemha {margin: 0px; padding: 3px 4px; color: white; background-color: orange; white-space: nowrap; display: inline-block}
.webmenuitemho {margin: 0px; padding: 3px 4px; background-color: orange; white-space: nowrap; display: inline-block}
.webmenuv {padding: 0px; margin: 0px; }
.webmenuitemv {margin: 0px; padding: 0px 2px 4px; white-space: nowrap; display: list-item}
.webmenuitemva {margin: 0px; padding: 0px 2px 4px; color: white; background-color: orange; white-space: nowrap; display: list-item}
.webpages {}
.webpagesitem {}
.webpagesitema {}
.tblcld {width: 100%; height: 100%; border-collapse: collapse; cursor: default; font-size: 12px; }
.cellcldh {border: 0px; padding: 3px 2px; height: 15px; text-align: center}
.cellcld {border: 0px; padding: 3px 2px; text-align: center; }
.cellclde {border: 0px; padding: 3px 2px; text-align: center; color: #F00000}
.cellcldA {border: 0px; padding: 3px 2px; text-align: center; background-color: orange}
.cellcldeA {border: 0px; padding: 3px 2px; text-align: center; color: #F00000; background-color: orange}
.cellcldw {border: 0px; padding: 3px 2px; text-align: center; background-color: #F0F0F0}
.cellcldwe {border: 0px; padding: 3px 2px; text-align: center; background-color: #F0F0F0; color: #F00000}
.authordata {position: relative; max-width: 400px; padding: 10px 0px 0px}
@media all and (min-width: 481px) and (max-width: 1152px) { .authordata { text-align: left; padding: 0px; } }
.authorhead {}
@media all and (min-width: 300px) and (max-width: 1152px) { .authorhead { display: none; } }
.authorimage {position: relative; width: 200px; display: inline-block}
@media all and (min-width: 300px) and (max-width: 480px) { .authorimage { width: 150px; min-width: 150px; } }
@media all and (min-width: 481px) and (max-width: 1152px) { .authorimage { width: 100px; min-width: 100px; margin: 0px 15px 0px 0px; } }
.authorzone {box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 480px) { .authorzone { padding: 0px 10px; } }
@media all and (min-width: 481px) and (max-width: 1152px) { .authorzone { display: flex; justify-content: center; padding: 0px 10px; } }
.briefitem {position: relative; text-align: left; min-height: 90px; margin: 0px 0px 15px; box-sizing: border-box}
@media all and (min-width: 600px) and (max-width: 940px) { .briefitem { display: inline-block; width: 50%; padding: 0px 10px; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .briefitem { display: inline-block; width: 33.333%; padding: 0px 20px 0px 0px; } }
.briefitemdata {position: relative; margin: 0px 0px 0px 70px; box-sizing: border-box}
.briefitemdate {position: relative; font-style: italic; font-weight: 600; padding: 0px 0px 6px}
.briefitemimg {left: 0px; top: 0px; width: 60px; height: 80px}
.briefitemimgimg {position: relative; left: -45%; height: 100%; cursor: pointer}
.briefitemname {position: relative; font-size: 13px; font-weight: 300}
.briefitems {position: relative}
.btntransparent {width: 100% !important; height: 100% !important; background-color: transparent !important; cursor: pointer; border: 0px !important}
.btntransparentcont {height: 100%}
.buttonbig {font-size: 14px; font-weight: bold; color: inherit; background-color: inherit; cursor: pointer; border: 1px solid #666; border-radius: 3px}
.buttonblue {font-size: 12px; font-weight: bold; text-transform: lowercase; width: inherit !important; color: #fff; background-color: #888; cursor: pointer; border: 1px solid #111; border-radius: 4px}
.buttonclr {position: relative; width: 120px; height: 30px; margin: 0px; padding: 0px; display: inline-block}
.buttondisabled {background-color: #666 !important; cursor: default !important}
.buttongrey {font-size: 12px; font-weight: bold; color: #888; background-color: #ddd; cursor: pointer; border-radius: 3px}
.buttonred {font-size: 12px; font-weight: bold; text-transform: lowercase; color: white; background-color: red; cursor: pointer; border: 1px solid #008b5e; border-radius: 4px}
.buttonstd {position: relative; width: 120px; height: 30px; margin: 0px 10px; display: inline-block}
.buttonsubmit {position: relative; height: 32px; cursor: pointer}
.buttonzone {position: relative; text-align: center; margin: 10px 0px 0px; padding: 10px 0px; border-top: 1px solid #eee}
.center {position: relative; text-align: center; font-size: 14px; box-sizing: border-box}
.centeronleft {position: relative; vertical-align: top; padding: 0px 0px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .centeronleft { max-width: 100%; min-width: 300px; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .centeronleft { max-width: 100%; min-width: 630px; } }
@media all and (min-width: 1441px) { .centeronleft { max-width: 100%; min-width: 650px; } }
.centeronleft .iteritem {}
.centeronleft .iteritemc {}
.centeronleft .iteritemimg {}
.centeronleft .topitem, .centeronright .topitem {}
@media all and (min-width: 300px) and (max-width: 600px) { .centeronleft .topitem, .centeronright .topitem { width: 100%; font-size: calc(1vw * 3 + 3px); } }
@media all and (min-width: 601px) and (max-width: 1152px) { .centeronleft .topitem, .centeronright .topitem { width: 50%; font-size: calc(1vw * 1.7 + 3px); } }
@media all and (min-width: 1153px) { .centeronleft .topitem, .centeronright .topitem { width: 50%; font-size: calc(1vw + 3px); } }
.centeronright {position: relative; vertical-align: top; padding: 0px 0px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .centeronright { max-width: 100%; min-width: 300px; } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .centeronright { max-width: 65%; min-width: 630px; } }
@media all and (min-width: 1441px) { .centeronright { max-width: 70%; min-width: 650px; } }
.centeronright .iteritem {}
.centeronright .iteritemimg {}
.checkboxbox {margin: 4px 0px 0px; cursor: pointer}
.checkboxlabel {margin: 0px 0px 0px 22px; cursor: pointer}
.clddayitem {padding: 8px 0px; background-color: #8bf; cursor: pointer}
.clddayitemd {padding: 8px 0px; opacity: 0.2}
.clddayitemp {padding: 8px 0px; background-color: white; cursor: pointer}
.cldweekday {padding: 8px 0px; background-color: #f3f3f3}
.cldweekdays {}
.cldyear {padding: 3px 0px 10px; display: inline-block}
.clientarea {position: relative; text-align: center}
.columnlist {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlist { white-space: nowrap; overflow-x: auto !important; text-align: center !important; } }
@media all and (min-width: 1153px) { .columnlist { white-space: normal; } }
.columnlistitem {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlistitem { display: inline-block; } }
@media all and (min-width: 1153px) { .columnlistitem { display: block; min-width: 300px; } }
.columnmenu {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnmenu { display: none; } }
@media all and (min-width: 1153px) { .columnmenu { display: block;} }
.contentarea {position: relative; width: 100%; min-width: 300px; display: inline-block}
.contentcont {min-height: 100px}
@media all and (min-width: 300px) and (max-width: 940px) { .contentcont { padding: 20px 0px 160px; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .contentcont { padding: 20px 0px 120px; } }
@media all and (min-width: 1153px) { .contentcont { padding: 20px 0px 120px; } }
.coverlink {left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: transparent; cursor: pointer; opacity: 0}
.coverlink a {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px}
.crsmenu {color: #aaa}
.ddmenu {position: absolute; font-weight: 600; color: #333; background-color: #fff; border-collapse: collapse; box-shadow: 0px 4px 8px -3px #666; z-index: 7000}
.ddmenuitemv {}
.ddmenuitemva {background-color: #aaa}
.ddmenuitemvo {background-color: #ccc}
.ddmenuv {margin: 0px; padding: 0px; display: block}
.editordef .promoitem:hover {opacity: 1}
.editordef .promoitem {opacity: 0.6}
.editordef .promopartname {opacity: 0.6}
.editordef .promopartname:hover {opacity: 1}
.editorformparthead {position: relative; text-align: center; font-size: 13px; font-weight: 600; padding: 10px 0px 15px; color: #666; border-top: 1px solid #eee}
.editorformpartzone {position: relative; text-align: center; padding: 10px 0px}
.enoitem {text-align: center; margin: 0px 20px 40px 0px; display: inline-block}
@media all and (min-width: 300px) and (max-width: 760px) { .enoitem { margin: 0px 0px 40px 0px; display: block; } }
@media all and (min-width: 761px) { .enoitem { margin: 0px 20px 40px 0px; display: inline-block; } }
.enoitemimg {margin: 10px 10px 0px}
@media all and (min-width: 300px) and (max-width: 640px) { .enoitemimg { margin: 10px 0px 0px 0px; } }
@media all and (min-width: 641px) { .enoitemimg { margin: 10px 10px 0px; } }
.enolayer {margin: 0px 5px 15px 0px}
@media all and (min-width: 300px) and (max-width: 640px) { .enolayer { margin: 0px 0px 10px 0px; } }
@media all and (min-width: 641px) { .enolayer { margin: 0px 5px 10px 0px; } }
.enona {text-align: left; box-sizing: border-box; text-orientation: upright; writing-mode: vertical-rl; white-space: normal; display: inline-block}
@media all and (min-width: 300px) and (max-width: 360px) { .enona { display: block; text-align: center; margin: 5px 10px 0px; text-orientation: initial; writing-mode: initial; text-align: center; } }
@media all and (min-width: 361px) and (max-width: 640px) { .enona { display: block; text-align: center; margin: 5px 10px 0px; text-orientation: initial; writing-mode: initial; text-align: center; } }
@media all and (min-width: 641px) { .enona { display: inline-block; text-align: left; text-orientation: upright; writing-mode: vertical-rl; text-align: left; } }
.eookina {max-width: calc(100vw - 100px); max-height: calc(100vh - 135px); margin: 40px}
@media all and (min-width: 300px) and (max-width: 320px) { .eookina { margin: 5px; max-width: calc(100vw - 18px); } }
@media all and (min-width: 321px) and (max-width: 400px) { .eookina { margin: 10px; max-width: calc(100vw - 30px); } }
@media all and (min-width: 401px) and (max-width: 470px) { .eookina { margin: 15px; max-width: calc(100vw - 40px); } }
@media all and (min-width: 471px) and (max-width: 510px) { .eookina { margin: 25px; max-width: calc(100vw - 60px); } }
@media all and (min-width: 511px) and (max-width: 640px) { .eookina { margin: 40px; max-width: calc(100vw - 90px); } }
@media all and (min-width: 641px) and (max-width: 680px) { .eookina { margin: 30px; max-width: calc(100vw - 130px); } }
@media all and (min-width: 681px) and (max-width: 720px) { .eookina { margin: 40px; max-width: calc(100vw - 160px); } }
@media all and (min-width: 721px) and (max-width: 940px) { .eookina { margin: 40px; max-width: calc(100vw - 180px); } }
@media all and (min-width: 941px) and (max-width: 1400px) { .eookina { margin: 40px; max-width: calc(100vw - 210px);  } }
@media all and (min-width: 1401px) { .eookina { margin: 40px; max-width: calc(100vw - 250px);  } }
.eshintyaku {max-width: 500px; max-height: 300px; margin: 40px}
@media all and (min-width: 300px) and (max-width: 350px) { .eshintyaku { margin: 5px; max-width: calc(100vw - 60px); } }
@media all and (min-width: 351px) and (max-width: 500px) { .eshintyaku { margin: 10px; max-width: calc(100vw - 70px); } }
@media all and (min-width: 501px) and (max-width: 600px) { .eshintyaku { margin: 25px; max-width: calc(100vw - 100px); } }
@media all and (min-width: 601px) and (max-width: 690px) { .eshintyaku { margin: 25px; max-width: calc(100vw - 220px); } }
@media all and (min-width: 691px) { .eshintyaku { margin: 40px; max-width: 500px; } }
.eshintyakucont {top: 40px}
@media all and (min-width: 300px) and (max-width: 600px) { .eshintyakucont { top: 450px; } }
@media all and (min-width: 601px) { .eshintyakucont { top: 40px; } }
.esonomono {max-width: 500px; max-height: 300px; margin: 40px}
@media all and (min-width: 300px) and (max-width: 320px) { .esonomono { margin: 5px; max-width: calc(100vw - 20px); } }
@media all and (min-width: 321px) and (max-width: 400px) { .esonomono { margin: 10px; max-width: calc(100vw - 40px); } }
@media all and (min-width: 401px) and (max-width: 470px) { .esonomono { margin: 15px; max-width: 360px; } }
@media all and (min-width: 471px) and (max-width: 510px) { .esonomono { margin: 25px; max-width: 400px; } }
@media all and (min-width: 511px) { .esonomono { margin: 40px; max-width: 500px; } }
.fldcheck {position: relative; font-size: 14px; width: 250px; height: 30px; margin: 7px 0px 0px; color: #333; display: inline-block}
.fldcheckvalue {position: relative; font-weight: bold; min-width: 250px; margin: 0px 0px}
.fldedit {position: relative; width: 250px; height: 30px; display: inline-block}
.fldlabel {position: relative; vertical-align: top; width: 240px; margin: 6px 0px 5px; color: #bbb; display: inline-block}
.fldmemo {max-width: 100%; min-width: 100%}
.fldmemovalue {position: relative; line-height: 19px; max-width: auto; min-width: 250px; margin: 5px 0px 5px; display: block}
.fldvalue {position: relative; line-height: 19px; max-width: 250px; min-width: 250px; margin: 5px 0px 5px; display: inline-block}
.floatimagel {position: relative; overflow: hidden; display: inline-block}
@media all and (min-width: 300px) and (max-width: 730px) { .floatimagel { margin: 0px 0px 30px 0px !important; width: 100% !important; text-align: center; } }
@media all and (min-width: 731px) { .floatimagel { float: left; margin: 0px 25px 10px 0px !important; width: 300px; } }
.floatimagelmin {position: relative; display: inline-block}
@media all and (min-width: 300px) and (max-width: 400px) { .floatimagelmin { margin: 0px 0px 15px 0px !important; width: 100%; text-align: center; } }
@media all and (min-width: 401px) { .floatimagelmin { float: left; margin: 0px 20px 10px 0px !important; width: calc(100vw / 3); max-width: 250px; } }
.floatimagelmin img {max-width: 250px}
.footercont {padding: 15px 0px 0px; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 940px) { .footercont { height: 160px; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footercont { height: 120px; } }
@media all and (min-width: 1153px) { .footercont { height: 120px; } }
.footercontactscont {position: relative; text-align: right; vertical-align: top; line-height: 18px; min-width: 320px; box-sizing: border-box; display: block}
@media all and (min-width: 300px) and (max-width: 940px) { .footercontactscont { width: 100%; padding: 10px 0px; text-align: center; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footercontactscont { width: 100%; padding: 10px 0px; text-align: center; } }
@media all and (min-width: 1153px) { .footercontactscont { width: 35%; } }
.footerlogocont {position: relative; text-align: center; vertical-align: top; line-height: 18px; box-sizing: border-box; display: block}
@media all and (min-width: 300px) and (max-width: 940px) { .footerlogocont { width: 100%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footerlogocont { width: 100%; } }
@media all and (min-width: 1153px) { .footerlogocont { width: 100%; } }
.footermenucont {position: relative; text-align: center; vertical-align: top; line-height: 18px; min-width: 320px; padding: 9px 10px 0px; box-sizing: border-box; display: block}
@media all and (min-width: 300px) and (max-width: 940px) { .footermenucont { width: 100%; padding: 10px 0px; text-align: center; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .footermenucont { width: 100%; padding: 10px 0px; text-align: center; } }
@media all and (min-width: 1153px) { .footermenucont { width: 100%; padding: 10px 0px; text-align: center; } }
.hintcommon {margin: 0px 0px 10px; padding: 5px; background-color: #ffeed6}
.hisyatai {}
.hisyataiitem {}
.hisyataiitem:not(:last-child)::after {color: #bbb; content: "、"}
.imagelink {cursor: pointer}
.input {font-size: 14px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 4px}
.inputselect {font-size: 12px; padding: 4px 8px; border: 1px solid #999; border-radius: 4px}
.inputtxt {text-align: left; font-size: 14px; line-height: 19px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 4px}
.intextfigure {text-align: center; width: 100%}
.intextfigure figcaption {font-size: 14px; font-weight: 300; line-height: auto; color: #bbb}
.intextfigure figcaption::after {content: "）"}
.intextfigure figcaption::before {content: "（"}
.intextfigure .intextimg {width: 90%; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .intextfigure .intextimg { width: 100%; } }
.intf {text-align: center; font-size: 16px}
.iteritem {position: relative; vertical-align: top; min-height: 100px; padding: 15px 0px; border-top: 1px solid #e0e0e0; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritem { width: 100%; text-align: center; } }
@media all and (min-width: 601px) { .iteritem { width: 100%; text-align: left; } }
.iteritem:first-child {border-top: 0px}
.iteritembutton {position: relative; padding: 10px 0px}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritembutton { width: 100%; text-align: center; } }
@media all and (min-width: 601px) { .iteritembutton { width: 100%; text-align: right; } }
.iteritemc {position: relative; box-sizing: border-box}
@media all and (min-width: 601px) { .iteritemc { display: flex; } }
.iteritemdata {position: relative; font-size: 14px; font-weight: 300; line-height: 19px; min-width: 195px; padding: 0px 10px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritemdata { text-align: center; } }
@media all and (min-width: 601px) { .iteritemdata { text-align: left; } }
.iteritemdata div {position: relative; box-sizing: border-box}
.iteritemdatewrp {top: 0px; width: 100%; height: 24px; background-image: linear-gradient(to right,transparent 5%,#000 30%,#000 70%,transparent 95%); box-sizing: border-box; opacity: 0.6}
.iteritemimg {position: relative; text-align: center; overflow: hidden; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 600px) { .iteritemimg { width: 250px; padding: 0px 0px 5px !important; } }
@media all and (min-width: 601px) { .iteritemimg { width: 250px; min-width: 250px; padding: 0px 10px 0px 0px !important; } }
.iteritemname {position: relative; font-size: 16px; font-weight: 600; padding: 0px 0px 10px}
.iteritems {position: relative; text-align: center; box-sizing: border-box}
.iteritemsspacer {height: 0px}
.iteritemsspacer div {width: 300px; display: inline-block}
.labellink {cursor: pointer}
.labellink:hover {color: red}
.labellinka {color: red; cursor: pointer}
.langbox {}
.langboxbox {background-color: #ccc !important; border: 1px solid #000; box-sizing: border-box}
.langboxitem {margin: 5px 5px 7px !important}
.layoutdesk {}
@media all and (min-width: 300px) and (max-width: 640px) { .layoutdesk { display: none; } }
.layoutmob {display: none}
@media all and (min-width: 300px) and (max-width: 640px) { .layoutmob { display: block; } }
.leftcont {font-size: 44px; width: 150px; max-width: 150px; margin: 0px 0px 0px 0px; padding: 40px 20px 0px; display: block}
@media all and (min-width: 300px) and (max-width: 640px) { .leftcont { display: none; } }
@media all and (min-width: 641px) and (max-width: 680px) { .leftcont { display: block; width: 50px; min-width: 50px; font-size: 16px; padding: 40px 5px 0px; margin: 0px 0px 0px 0px; } }
@media all and (min-width: 681px) and (max-width: 720px) { .leftcont { display: block; width: 60px; min-width: 60px; font-size: 18px; padding: 40px 7px 0px; margin: 0px 0px 0px 0px; } }
@media all and (min-width: 721px) and (max-width: 940px) { .leftcont { display: block; width: 80px; min-width: 80px; font-size: 22px; padding: 40px 10px 0px; margin: 0px 0px 0px 0px; } }
@media all and (min-width: 941px) and (max-width: 1400px) { .leftcont { display: block; width: 110px; min-width: 110px; font-size: 28px; padding: 40px 15px 0px; margin: 0px 0px 0px 0px; } }
@media all and (min-width: 1401px) { .leftcont { display: block; width: 150px; min-width: 150px; font-size: 44px; padding: 40px 20px 0px; margin: 0px 0px 0px 0px; } }
.leftcontflow {font-size: 44px; width: 150px; max-width: 150px; padding: 40px 20px 0px; display: block}
.leftcontindex {font-size: 44px; margin: 0px 0px 0px 0px; padding: 40px 20px 0px; display: block}
@media all and (min-width: 300px) and (max-width: 640px) { .leftcontindex { display: block; font-size: 24px; padding: 40px 20px 0px; } }
@media all and (min-width: 641px) and (max-width: 680px) { .leftcontindex { display: block; font-size: 24px; padding: 40px 20px 0px; } }
@media all and (min-width: 681px) and (max-width: 720px) { .leftcontindex { display: block; font-size: 26px; padding: 40px 20px 0px; } }
@media all and (min-width: 721px) and (max-width: 940px) { .leftcontindex { display: block; font-size: 28px; padding: 40px 30px 0px; } }
@media all and (min-width: 941px) and (max-width: 1400px) { .leftcontindex { display: block; font-size: 36px; padding: 40px 30px 0px; } }
@media all and (min-width: 1401px) { .leftcontindex { display: block; font-size: 44px; padding: 40px 30px 0px; } }
.linkblue {color: #48587c}
.linknone {color: inherit !important}
.linksilver {color: #eee}
.linkwhite {color: white}
.linkwhitea {color: #f80}
.mainmenu {position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; white-space: nowrap}
.mainmenuh {margin: 0px; padding: 0px}
.mainmenuh li {width: 30%; max-width: 250px; padding: 12px 15px; cursor: pointer; box-sizing: border-box; display: inline-block}
.mainmenuitemh {}
.mainmenuitemha {background-color: white}
.mainmenuitemho {background-color: #8bf}
.material .promoitem {}
@media all and (min-width: 1153px) and (max-width: 1580px) { .material .promoitem { padding: 0px 15px !important; width: 50% !important; } }
@media all and (min-width: 1581px) { .material .promoitem { padding: 0px 15px !important; width: 33.33% !important; } }
.materialtext {position: relative; font-size: 18px; line-height: 30px; color: #eee}
.materialtext li, .fldmemovalue li {list-style-type: square}
.materialtext ol, .fldmemovalue ol {margin: 0px; padding: 0px 0px 0px 30px}
.materialtext ol li, .fldmemovalue ol li {list-style-type: decimal}
.materialtext ul, .fldmemovalue ul {margin: 0px; padding: 0px 0px 0px 30px}
.matimggallery {position: relative; text-align: center; box-sizing: border-box}
@media all and (min-width: 300px) and (max-width: 940px) { .matimggallery { overflow-x: auto !important; white-space: nowrap; } }
@media all and (min-width: 941px) { .matimggallery { white-space: normal; } }
.matinc {}
@media all and (min-width: 300px) and (max-width: 500px) { .matinc { padding: 30px 0px 30px; } }
@media all and (min-width: 501px) and (max-width: 700px) { .matinc { padding: 30px 15px 30px; } }
@media all and (min-width: 701px) and (max-width: 850px) { .matinc { padding: 30px 30px 30px; } }
@media all and (min-width: 851px) { .matinc { padding: 30px 50px 30px; } }
.menubtn {left: 2px; top: 2px; width: 33px; cursor: pointer}
.overimagebottom {}
@media all and (min-width: 300px) and (max-width: 480px) { .overimagebottom { padding: 0px 0px 20px 0px !important; font-size: calc( (100vw - 1000px)/800 * 8 + 24px); } }
@media all and (min-width: 481px) and (max-width: 600px) { .overimagebottom { padding: 0px 0px 30px 0px !important; font-size: calc( (100vw - 700px)/800 * 8 + 24px); } }
@media all and (min-width: 601px) and (max-width: 940px) { .overimagebottom { padding: 0px 0px 30px 0px !important; font-size: calc( (100vw - 400px)/800 * 8 + 22px); } }
@media all and (min-width: 941px) and (max-width: 1152px) { .overimagebottom { padding: 0px 0px 60px 0px !important; font-size: calc( (100vw - 400px)/800 * 8 + 24px); } }
@media all and (min-width: 1153px) and (max-width: 1440px) { .overimagebottom { padding: 0px 0px 30px 0px !important; font-size: calc( (100vw - 940px)/800 * 8 + 24px); } }
@media all and (min-width: 1440px) { .overimagebottom { padding: 0px 0px 60px 0px !important; font-size: calc( (100vw - 940px)/800 * 8 + 24px); } }
.pagehead {position: relative; text-align: center; font-size: 32px; padding: 20px 10px; color: red; box-sizing: border-box}
.parthead {position: relative; text-align: center; font-size: 20px; padding: 0px 10px 10px; box-sizing: border-box}
.partsubhead {position: relative; text-align: center; font-size: 18px; font-weight: 600; padding: 0px 10px 15px; box-sizing: border-box}
.promohead {position: relative; text-align: center; font-size: 17px; margin: 0px 0px 15px; padding: 10px 0px 10px; border-top: 1px solid #E0E3E6; border-bottom: 1px solid #E0E3E6; box-sizing: border-box}
.promoitem {position: relative; vertical-align: top; width: 300px; max-width: 350px; min-height: 100px; margin: 0px 0px 45px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 481px) and (max-width: 600px) { .promoitem { padding: 0px 15px !important; width: 100% !important; } }
@media all and (min-width: 601px) and (max-width: 940px) { .promoitem { padding: 0px 15px !important; width: 50% !important; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .promoitem { padding: 0px 15px !important; width: 33.33% !important; } }
.editordef .promoitem:last-child:not(:first-child) {}
@media all and (min-width: 300px) and (max-width: 600px) { .editordef .promoitem:last-child:not(:first-child) { display: none  !important; } }
@media all and (min-width: 941px) { .editordef .promoitem:last-child:not(:first-child) { display: none  !important; } }
.promoitemc {position: relative}
@media all and (min-width: 481px) { .promoitemc { display: flex; } }
.promoitemdata {position: relative; text-align: left; vertical-align: top; width: 220px; padding: 0px 0px 0px 15px; box-sizing: border-box}
@media all and (min-width: 481px) and (max-width: 1152px) { .promoitemdata { width: auto !important;} }
.promoitemimg {color: white}
.promoitemimg:hover {color: #f60}
.promoitems {}
.promootherlink {position: relative}
.promootherlink:hover {}
.promopartname {position: relative; font-size: 17px; margin: 0px 0px 15px; padding: 10px 0px 10px; border-top: 1px solid #E0E3E6; border-bottom: 1px solid #E0E3E6; box-sizing: border-box}
.regchecklabel {font-size: 12px; color: #48587c}
.regedit {width: 140px; height: 30px}
.regform {position: relative; text-align: center; margin: 20px 0px; padding: 20px 0px 40px; border: 1px solid #ddd; box-sizing: border-box}
.reglabel {font-size: 12px; color: #666}
.rounditem {position: relative; vertical-align: top; width: 250px; padding: 0px 10px; box-sizing: border-box; display: inline-block}
.rounditemdata {position: relative; font-size: 13px; padding: 10px 0px 30px}
.rounditemimg {position: relative; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; box-sizing: border-box; display: inline-block}
.rounditems {position: relative; text-align: center; box-sizing: border-box}
.scheditem {position: relative; text-align: center}
.scheditemblock {position: relative; vertical-align: top; padding: 0px 20px 10px 0px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemblock { width: 100% !important; padding: 0px 10px 10px; } }
@media all and (min-width: 551px) { .scheditemblock { width: 300px; } }
.scheditemc {position: relative; text-align: left; font-size: 14px; padding: 5px 0px 5px; border-top: 1px solid #e0e0e0; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemc { text-align: center; } }
@media all and (min-width: 551px) { .scheditemc { text-align: left; } }
.scheditem:first-child div {border: 0px}
.scheditemdata {position: relative; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemdata { width: 100%; } }
@media all and (min-width: 551px) and (max-width: 880px) { .scheditemdata { width: 300px; } }
@media all and (min-width: 881px) and (max-width: 1152px) { .scheditemdata { width: 600px; } }
@media all and (min-width: 1153px) { .scheditemdata { width: 750px; } }
.scheditemdate {position: relative; vertical-align: top; font-style: italic; color: #888; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemdate { width: 100% !important; padding: 0px 10px 10px; } }
@media all and (min-width: 551px) { .scheditemdate { width: 120px; } }
.scheditemimg {position: relative; vertical-align: top; width: 100px; margin: 0px 10px 0px; display: inline-block}
@media all and (min-width: 300px) and (max-width: 550px) { .scheditemimg { margin: 0px 10px 10px; } }
.scheditems {position: relative}
.selected {background-color: #8bf !important}
.sethead {position: relative; text-align: center; font-size: 18px; padding: 0px 0px 10px; color: #272727}
.sidebaronleft {position: relative; text-align: center; vertical-align: top; padding: 0px 10px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .sidebaronleft { width: 100%; padding: 0px 10px !important; } }
@media all and (min-width: 1153px) { .sidebaronleft { width: 320px; } }
.sidebaronright {position: relative; vertical-align: top; padding: 0px 10px 20px; box-sizing: border-box; display: inline-block}
@media all and (min-width: 300px) and (max-width: 1152px) { .sidebaronright { width: 100%; padding: 0px 10px !important; } }
@media all and (min-width: 1153px) { .sidebaronright { width: 320px; } }
.spacebar {position: relative; width: 20px; height: 0px; display: inline-block}
.submitwindow {}
@media all and (min-width: 300px) and (max-width: 600px) { .submitwindow { width: 99%; } }
@media all and (min-width: 600px) and (max-width: 940px) { .submitwindow { width: 95%; } }
@media all and (min-width: 941px) and (max-width: 1152px) { .submitwindow { width: 90%; max-width: 950px; } }
@media all and (min-width: 1153px) { .submitwindow { max-width: 950px; } }
.textalign {}
@media all and (min-width: 300px) and (max-width: 640px) { .textalign { text-align: center; } }
@media all and (min-width: 641px) { .textalign { text-align: left; } }
.textlighter {color: #ddd}
.textlighter a, .textlighter span {color: #ddd}
.textsilver {color: #eee}
textsilver a {color: #eee}
.textwhiter {color: #eee}
.textwhiter a, .textwhiter span {color: #eee}
.top .topitem {}
@media all and (min-width: 300px) and (max-width: 600px) { .top .topitem { width: 100%%; font-size: calc(1vw * 3 + 3px); } }
@media all and (min-width: 601px) and (max-width: 1152px) { .top .topitem { width: 50%; font-size: calc(1vw * 1.7 + 3px); } }
@media all and (min-width: 1153px) { .top .topitem { width: 33%; font-size: calc(1vw + 3px); } }
.topitem {position: relative; vertical-align: top; padding: 0px 2px 4px; box-sizing: border-box; display: inline-block}
.topitem .buttonsubmit {height: 38px}
.top .topitem:last-child:not(:first-child) {}
@media all and (min-width: 300px) and (max-width: 600px) { .top .topitem:last-child:not(:first-child) { display: none  !important; } }
@media all and (min-width: 1153px) { .top .topitem:last-child:not(:first-child) { display: none  !important; } }
.buttonsubmit input {font-size: 15px; font-weight: 600; font-family: Roboto; color: white; background-color: #346; cursor: pointer; border: 1px solid #111}
.centeronleft .topitem:last-child:not(:first-child) {}
.topitemdata {position: relative; text-align: justify; font-size: 14px; line-height: 19px; padding: 10px 10px 25px; box-sizing: border-box}
.topitemdate {position: absolute; font-size: 14px; top: 1px; width: 100%; color: white}
.topitemdatewrp {top: 10px; width: 100%; height: 24px; background-image: linear-gradient(to right,transparent 20%,#000 40%,#000 60%,transparent 80%); box-sizing: border-box; opacity: 0.6}
.topitemgradient {left: 0px; bottom: 0px; width: 100%; height: 100%; background-image: linear-gradient(to bottom,transparent 50%,#000 70%); opacity: 0.6}
.topitemimg {position: relative; width: 100%; padding: 0px 0px 56.25%; overflow: hidden}
.topitemimgimg {left: 0px; width: 100%; margin: -10% 0px 0px}
.topitemimglayer {bottom: 0px; width: 100%; height: 100%}
.topitemname {position: relative; font-size: inherit; font-weight: 600; color: white; text-shadow: 0px 0px 5px #000; box-sizing: border-box; display: inline-block}
.topitemnamewrp {bottom: 10px; width: 100%; padding: 10px 10px; box-sizing: border-box}
.topitems {position: relative; text-align: center}
.usermenubtn {display: none}
@media all and (min-width: 300px) and (max-width: 1152px) { .usermenubtn { display: block; } }
.usersched .scheditemdata {}
@media all and (min-width: 1153px) and (max-width: 1510px) { .usersched .scheditemdata { width: 300px; } }
@media all and (min-width: 1511px) { .usersched .scheditemdata { width: 600px; } }
.zcombochk {vertical-align: bottom; margin: 0px 10px 0px 0px}
.zcomboimg {width: 5px; display: none}
.zcomboitem {font-size: 12px; padding: 13px 10px; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcomboitema {font-size: 12px; padding: 13px 10px; color: white; background-color: #7a8ab0; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid #eee; white-space: normal}
.zcombotbox {text-align: left; max-width: 300px; max-height: 200px; color: #333; border-left: 1px solid #eee; border-top: 1px solid #eee; overflow-y: auto; box-shadow: 2px 2px 3px #999}
.zcombotbox2 {text-align: left; max-width: 600px; max-height: 400px; color: #333; border-left: 1px solid #eee; border-top: 1px solid #eee; overflow-y: auto; box-shadow: 2px 2px 3px #999}
.zcombotree {max-height: 250px}
.editortreeitem {font-size: 12px; padding: 5px}
.editortreeitema {font-size: 12px; padding: 5px; color: white; background-color: #7a8ab0}
.editortreeitemimg {vertical-align: -4px; width: 15px; height: 15px; margin: 0px 4px 0px; cursor: pointer}
.editortreeitemimgi {vertical-align: -4px; width: 15px; height: 15px; margin: 0px 4px 0px}
.editormenuh {margin: 0px; padding: 0px}
.editormenuh li {padding: 7px 10px; cursor: pointer; box-sizing: border-box; display: inline-block}
.editormenuitemh {}
.editormenuitemha {color: white; background-color: #7a8ab0}
.editorinputzone {position: relative; height: 40px; padding: 0px 10px}
.editorinputzonedsk {position: relative; padding: 0px 10px 12px}
.editorinputlabel {top: 8px}
.editorinputtext {left: 150px; top: 0px; width: 600px; height: 30px}
.editorinputmemo {position: relative; left: 140px; top: 0px; width: 600px; height: 80px; max-width: 600px; min-width: 600px; min-height: 80px}
.intextimg {width: 80%; display: inline-block}
.intextimgcont {text-align: center; width: 100%}
#pagemain {position: relative; text-align: left; font-size: 12px}
.crsmenua {color: white; background-color: #7a8ab0}
.clddayitemA {padding: 8px 0px; color: #fff; background-color: #8bf; cursor: pointer}
.clddayitemdA {padding: 8px 0px; color: #fff; background-color: #aaa}
.clddayitempA {padding: 8px 0px; background-color: #8bf; cursor: pointer}
.textwhite {color: #fff}
.textlight {color: #bbb}
.textgrey {color: #888}
.textblack {color: #000}
.textblue {color: #48587c}
.textlight a, .textlight span {color: #bbb}
.textwhite a, .textwhite span {color: #fff}
.textgrey a {color: #888}
.textblack a {color: #000}
.textblue a, .textblue span {color: #48587c !important}
.mainmenuitemh a {color: #fff}
.mainmenuitemh:hover {background-color: #48587c}
.mainmenuitemha a {color: #346}
.mainmenuitemho a {color: white}
.ddmenuv li {padding: 9px 12px; cursor: pointer; border-top: 1px solid #eee; box-sizing: border-box; white-space: nowrap; display: list-item}
.ddmenuv li:first-child {border-top: 0px}
.ddmenuitemv a {color: #888}
.ddmenuitemv:hover {background-color: #eee}
.ddmenuitemva a {color: white}
.ddmenuitemvo a {color: red}
a:hover {color: #f00}
.columnlist .columnlistitem {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlist .columnlistitem { border-right: 1px solid #aaa !important; margin: 10px 0px !important; } }
.columnlistitem:first-child {}
@media all and (min-width: 300px) and (max-width: 1152px) { .columnlistitem:first-child { border-left: 1px solid #aaa !important; } }
#edit_dateselect .input {background-color: #f3f3f3; border: 1px solid transparent}