/* =============================================================================
                   Reset Style
   ========================================================================== */

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form, dl, dd, dt, input,textarea,p,blockquote,table,th,td,dl,dt,dd{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
img{border:0;}
input, input:focus, select:focus { outline: none; }
textarea { border:0; background:none; resize:none; outline:none; }
fieldset { border:none; margin:0; padding:0; }

*{
  -webkit-text-size-adjust: none;
   outline: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* =============================================================================
                   Base Font
   ========================================================================== */

body { font:normal 12px Tahoma, Helvetica; color:#000;  line-height: 1; background:url(../images/main-c-bg.gif) no-repeat 50% 0; }
body * { text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
html { background:#fff url(../images/bg.gif) repeat-x; }
body#main-page { background:#fff url(../images/bg-main.gif) repeat-x; }

h1,h2,h3,h4,h5,h6,strong,th { font-weight:normal;}
h2{padding:0 0 7px 0; font-size:14px; font-weight: normal; color:#000;}
h3{padding:0 0 7px 0; font-size:14px; font-weight: normal; color:#3E87B4;}

.ttl-main, h1 { padding:0 0 7px 0; line-height:40px; font-size:35px; font-weight: normal; color:#000; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }
h1     { padding-bottom: 2px; }
.ttl   { padding:0 0 7px 0; line-height:35px; font-size:30px; font-weight: normal; color:#000; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }
.ttl-2 { padding:0 0 7px 0; line-height:20px; font-size:16px; font-weight: normal; color:#000; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }
.ttl-3 { padding:0 0 7px 0; line-height:23px; font-size:20px; font-weight: normal; color:#000; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }
.ttl-4 { padding:0 0 17px 0; line-height:24px; font-size:20px; font-weight: normal; color:#3E87B4; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }
.ttl-5 { padding:0 0 2px 0; line-height:24px; font-size:30px; font-weight: normal; color:#000; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }

a { color:#3E87B4; text-decoration:underline;}
a:visited{}
a:hover{ text-decoration:none;}
a:active{}
a:focus { outline:none; }

p { padding:0 0 16px 0; line-height:16px; color:#7F7F7F; }

em { font-style:italic; }
i  { font-style:normal; }
strong { font-weight:bold; }
ul, ol { margin-bottom: 16px; padding-left: 50px; list-style: none; }
ul li, ol li { padding:0 0 0 10px; font-size:13px; color:#000; margin-bottom:7px; background:url(../images/mark.jpg) no-repeat 0 6px; line-height: 15px; }
ol li { background: none; padding: 0; list-style:decimal;}
.list { padding: 0; margin: 0; list-style: none; }
.list li { padding: 0; margin: 0; background: none; line-height: 16px; list-style: none; }

@font-face {
	font-display: swap;
    font-family: 'MyriadPro-Bold';
    src: url('_MyriadPro-Bold.eot');
    src: url('_MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('_MyriadPro-Bold.woff') format('woff'),
         url('_MyriadPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
                   Base Style
   ========================================================================== */

html, body{ min-width:1000px; width:100%; height:100%; text-align:center;}

#main {
        width:960px;
        margin:0 auto -290px auto;
        height: 100%;
        min-height: 100%;
        height: auto !important;
        text-align: left;
}
#main-page #main { background: none; }
.footer-push { height:290px; }
.float-l { float:left; }
.float-r { float:right; }
.clear { clear:both; }
.nb { border:none !important; }

.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix {zoom:1;}

.socket { width:980px; margin: 0 auto; position: relative; }

@font-face {
	font-display: swap;
    font-family: 'MyriadPro-Bold';
    src: url('_MyriadPro-Bold.eot');
    src: url('_MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('_MyriadPro-Bold.woff') format('woff'),
         url('_MyriadPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  h2, h3, h4, h5, h6 { padding:0 0 7px 0; line-height:35px; font-size:33px; font-weight: normal; color:#000; font-family: 'MyriadPro-Bold', Arial; text-transform: uppercase; }
    h2 { font-size: 16px; line-height: 28px; }
    h3 { font-size: 15px; line-height: 33px; }
    h4 { font-size: 14px; line-height: 31px; }
    h5 { font-size: 13px; line-height: 30px; }
    h6 { font-size: 12px; line-height: 30px; }