@charset "utf-8";
@import url('../css/reset.css');
@font-face {
    font-family: 'SNCScriptItalic';
    src: url('fonts/sncscriptitalic.eot');
    src: url('fonts/sncscriptitalic.eot') format('embedded-opentype'),
         url('fonts/sncscriptitalic.woff2') format('woff2'),
         url('fonts/sncscriptitalic.woff') format('woff'),
         url('fonts/sncscriptitalic.ttf') format('truetype'),
         url('fonts/sncscriptitalic.svg#SNCScriptItalic') format('svg');
}
* { font-family: Myriad-Pro, sans-serif;}
html{height:100%; wdth:100%;}
body{background:#fff; color:#fff; font-size:12px; line-height:18px; min-width:524px; height:100%; font-family:'PT Sans', sans-serif; min-width:1024px;}
p{color:#fff;}
a{color:#fff;}
b, strong { font-family: 'PT Sans', sans-serif;}
textarea, input, select, option{font-family:'PT Sans', sans-serif;}
.f_myraid{font-family: 'PT Sans', sans-serif;}
.f_cent_gothic{font-family:Century Gothic, sans-serif;}
.f_snc_script{font-family:'SNCScriptItalic', sans-serif;}
.clear{clear:both;}
.disable_select{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
a.disabled {pointer-events: none; cursor: default;}
map > area, map > area:active, map > area:focus {outline: none; border:0; }
#main_box{position:relative; height:100%; min-width:524px; min-height:500px; margin:0 auto; z-index:1000;}
.firefly{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.drop_shw1{-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.8); box-shadow:0px 0px 2px rgba(0,0,0,0.8);}
.drop_shw2{-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.8); box-shadow:0px 0px 4px rgba(0,0,0,0.8);}
.drop_shw3{-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.8); box-shadow:0px 0px 6px rgba(0,0,0,0.8);}
.drop_shw4{-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.8); box-shadow:0px 0px 8px rgba(0,0,0,0.8);}
.drop_shw5{-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 17px rgba(0,0,0,0.8); box-shadow:0px 0px 18px rgba(0,0,0,0.8);}

.drop_shw_in1{box-shadow:inset 0 0 2px rgba(0,0,0,0.8); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.8); -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.8);}
.drop_shw_in2{box-shadow:inset 0 0 4px rgba(0,0,0,0.8); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.8); -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.8);}
.drop_shw_in3{box-shadow:inset 0 0 6px rgba(0,0,0,0.8); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8);}
.drop_shw_in4{box-shadow:inset 0 0 8px rgba(0,0,0,0.8); -moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.8); -webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.8);}
.drop_shw_in5{box-shadow:inset 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.4);}
.txt_shw1{text-shadow:0px 2px 1px rgba(0, 0, 0, 0.6);}
.txt_shw2{text-shadow:0px -2px 1px rgba(0, 0, 0, 0.8);}
.txt_shw3{text-shadow:0px 2px 1px rgba(0, 0, 0, 0.3);}
.txt_shw4{text-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);}
.txt_shw5{text-shadow:-3px 2px 4px rgba(0, 0, 0, 0.6)}

.box1{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.box2{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.box3{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.box4{-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}

#links ul{list-style:none; /*overflow:hidden;*/ height:40px;}
#links ul li{position:relative; padding:10px 0; opacity:0; position:relative; overflow:hidden; display:none;}
#links ul li a p{font-size:26px;}
#links ul li div.border{position:absolute; background:#d6de23; width:75px; height:3.5px; bottom:0; left:50%; margin-left:-37.5px; display:none;}
#links ul.hover li, #links ul li.active{opacity:1; height:auto;}
#links ul li.active div.border{display:block;}

.hold_w{width:auto; margin:0 auto; height:auto; position:relative;}
.hold_w.active{width:1024px; margin:0 auto; height:100%; position:relative;}
.btn_2lvl{transition:all 200ms ease-out; padding:0 20px;}
.btn_2lvl:hover{margin-right:-10px;}
.btn_2lvl.disabled a{opacity:0.3;}

#audio_bg{position:absolute; bottom:60px; left:10px; width:40px; height:40px; background:#43b53a; border-top:4px solid #d6de23; border-right:4px solid #d6de23; border-left:4px solid #d6de23;}
#audio_bg button{background:url(../images/playpause.png) no-repeat; border:none; width:40px; height:40px;}
#audio_bg button.play{padding:5px; background-position:bottom;}
#audio_bg button.pause{padding:5px; background-position:top;}


@media (max-width : 1180px) {
#prev_char a p{display:none;}
#next_char a p{display:none;}
}