@charset "UTF-8";

/* tag default */
body {font-family:'arial','serif'; font-size:16px;line-height:1.4;color:#333;}
body img {max-width:100%;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea{margin:0; padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block; margin:0; padding:0;}
hr, table caption, legend, .hd-element {display:block;overflow:hidden;position:absolute;left:-99999999999px;width:0; height:0;  font-size:0; line-height:0;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, fieldset, button, input{border:0; vertical-align:middle;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
a {text-decoration:none;color:inherit;}
button {vertical-align:top;}
button::-moz-focus-inner {padding:0; border:0;}
select {appearance:none;-ms-appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
select::-ms-expand {display:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a, input, select, button, textarea {font-family:inherit;}

/* float */
.float-left{float:left}
.float-right{float:right}
.float-clear{float:none}

/* text align */
.text-align-left{text-align:left !important}
.text-align-right{text-align:right !important}
.text-align-center{text-align:center !important}

/* margin */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}

/* layer popup */
@media all and (max-width:480px) {
    #popupLayer div{right:10px;width:auto !important}
    body img{width:100%}
}