/*
===================================================================
file name	:common.css
=================================================================== */
/*----------------------------------------------------
----------------------------------------------------*/
body { background-color: #000; overflow-x: hidden; }

#background { background-image: url(../img/bg_vortex01.jpg), url(../img/bg_vortex.jpg); background-repeat: no-repeat, repeat-y; background-position: center 233px, center -206px; }

#introduction #background, #form #background, #result #background { background-image: url(../img/bg_vortex.jpg); background-position: center 903px; background-repeat: repeat-y; }

.cont_970_in { width: 950px; margin: 0 auto; z-index: 100; position: relative; }

#frame { padding-top: 34px; z-index: 99999; position: relative; }

#background_voltex { min-width: 950px; }

#kv { margin-bottom: -227px; text-align: center; }

#wrapper { position: relative; }

#logo { text-align: center; position: relative; z-index: 10000; }

#header, #header_short { padding-bottom: 490px; margin-bottom: -404px; min-width: 970px; background: url(../img/kv.jpg) no-repeat center top; position: relative; }

#header_short { background: url(../img/kv_s.jpg) no-repeat center top; margin-bottom: -404px!important; }

#index #header, #result #header, #form #header { background: url(../img/kv.jpg) no-repeat center top; }

#footer_btn_area { margin-bottom: 30px; }

.footer_btn02 { text-align: center; }

#header #head_link { text-align: center; }

#nav_in { margin: 0 auto; position: relative; max-width: 1250px; }

#nav { top: -308px; z-index: 1000; position: absolute; left: 50%; margin-left: -617px; background: url(../img/nav_bg.png) no-repeat center top; width: 1250px; height: 370px; }

#form #nav, #introduction #nav, #result #nav { background-image: url(../img/nav_bg_short.png)!important; }

#nav .btn { position: absolute; top: -120px; left: 790px; }

#nav .btn img { width: 130px; height: 130px; }

#nav ul { width: 938px; margin: 0 auto; overflow: hidden; position: absolute; top: 205px; left: 157px; }

#nav ul li { float: left; }

#nav ul li .nav_01 { position: absolute; bottom: 0; left: 0; width: 324px; height: 133px; }

#nav ul li .nav_02 { position: absolute; left: 0; bottom: 0; width: 100%; height: 133px; }

#nav ul li .nav_03 { position: absolute; bottom: 0; left: 0; width: 324px; height: 133px; }

#all_wrap { background: url(../img/kv_bg.jpg) repeat-x center top; width: 100%; overflow: hidden; }

#center_wrap { position: absolute; left: 50%; margin-left: -750px; }

/*footet*/
/*--- footer ---*/
.footer_btn { text-align: center; }

#footer { width: 100%; font-size: 16px; margin: 0 auto; z-index: 500; position: relative; text-align: center; background-color: #000; }

.footerin { background: url(../img/footer_bg.png) repeat-x center top; min-height: 250px; width: 100%; margin: 0 auto 0; padding: 10px 0 20px; }

.footer_area01 { min-width: 970px; margin: 0 auto; font-size: 15px; line-height: 1.6; }

.footer_area01 p { color: #ffffff; margin: 45px 0 0; line-height: 2; }

.footer_area01 p a { color: #fff; font-size: 16px; }

.copy { min-width: 970px; margin: 0 auto; font-size: 13px; padding: 30px 0 0 0; color: #FFFFFF; }

#spec a { color: #FF0000; }

a:hover { text-decoration: none; }

/*?F*/
.bold { font-weight: bold; }

.thinly { font-weight: normal !important; }

.member { color: #ff6384; }

.normal { color: #FFFFFF; }

.purple { color: #C30; }

.purple2 { color: #333399; }

.pink { color: #dd0173; }

.bg { text-align: center; }

.spread { width: 977px; height: 992px; margin: 0 auto; z-index: 100000; position: relative; }

noscript a:link, noscript a:active, noscript a:hover, noscript a:visited { color: #E3CC00; }

/*# sourceMappingURL=common.css.map */