@charset "UTF-8";
/* CSS Document */


body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form {
margin : 0;
padding : 0;
}
ul {
list-style : none;
padding : 0;
margin : 0;
}
ol, dl {
list-style : none;
}
img {
border : none;
vertical-align : top;
}
a {
text-decoration : none;
color : #999;
}
a:hover {
text-decoration : underline;
color : #999;
}
body {
background-color : #000;
}
table, tr, td {
border : 0;
}
#wrapper {
width : 1024px;
margin : 0 auto;
}
#container {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
color : #999999;
background : url(../images/back_02.png) repeat-y 50% 50%;
width : 100%;
float : left;
}
.back {
background : url(../images/back_01.png) no-repeat top;
height : 622px;
}
.back1 {
background-image : url(../images/background1.png);
}
.back2 {
background : url(../images/background2.png);
}
.back3 {
background : url(../images/background3.png);
}
.back4 {
background : url(../images/background4.png);
}
.back5 {
background : url(../images/background.png);
}
#header {
width : 1024px;
float : left;
}
#main {
width : 1024px;
float : left;
padding : 0 0 40px 0;
background-repeat : no-repeat;
background-position : 100px bottom;
}
.ben1 {
background-image : url(../images/ben1.png);
}
.ben2 {
background-image : url(../images/ben2.png);
}
.ben3 {
background-image : url(../images/ben3.png);
}
.ben4 {
background-image : url(../images/ben4.png);
}
#name_box {
width : 450px;
float : left;
padding : 211px 15px 0 0;
text-align : right;
font-family : Georgia, "Times New Roman", Times, serif;
}
#banner {
width : 416px;
float : right;
padding : 10px 120px 8px 0;
}
#name_box li a {
text-decoration : none;
color : #999999;
}
#name_box li a:hover {
text-decoration : underline;
color : #999999;
}
#magic_box {
width : 275px;
float : right;
padding : 55px 125px 0 0;
}
#navi {
width : 799px;
float : left;
padding : 0 0 5px 125px;
}
#navi ul li {
display : inline;
list-style : none;
line-height : 0;
font-size : 0;
}
#navi_pop {
position : absolute;
z-index : 10;
clear : both;
width : 106px;
background-color : #fff;
}
#navi_pop ul {
width : 100%;
padding : 7px 0 0 0;
}
#navi_pop li {
position : relative;
float : left;
clear : both;
width : 100%;
height : 15px;
}
#pagetitle {
width : 500px;
float : left;
padding : 58px 0 40px 0;
}
#spade {
width : 105px;
float : left;
padding : 0 20px 0 126px;
}
#service_navi {
width : 120px;
float : left;
padding : 35px 0 0 0;
}
#service_navi li {
height : 15px;
}
#text_box1 {
width : 630px;
float : left;
padding : 10px 0 0 255px;
}
#text_box2 {
width : 530px;
float : left;
padding : 0 0 0 355px;
}
#text_box1 p {
padding-top : 20px;
}
#text_box2 p {
padding-top : 20px;
}
#text_box1 p.border {
padding-bottom : 20px;
border-bottom : 1px dotted #999999;
}
#text_box1 span {
font-weight : bold;
}
#text_box2 p span {
font-weight : bold;
}
#text_box2 li span {
font-weight : bold;
}
ul.faq {
padding : 7px 0 0 20px;
}
ul li.sub {
font-size : 12px;
font-weight : bold;
font-style : oblique;
text-decoration : underline;
color : #333;
}
#image_box {
width : 250px;
float : left;
padding : 0 0 0 100px;
}
.quote_box {
width : 630px;
float : left;
padding : 54px 0 0 0;
background : url(../images/quote_box_top.png) no-repeat;
background-position : 0% 30px;
}
.quote_text {
width : 430px;
padding : 54px 100px 25px 100px;
background : url(../images/quote_box_middle.png) no-repeat;
font-size : 16px;
line-height : 20px;
}
.quote_text_bottom {
width : 458px;
padding : 0 97px 75px 75px;
background : url(../images/quote_box_bottom.png) no-repeat;
font-weight : bold;
font-size : 20px;
text-align : right;
}
.quote_text_bottom span {
font-weight : normal;
}
.small_quote_box {
width : 527px;
float : left;
padding : 54px 0 0 355px;
background : url(../images/quote_box_small_top.png) no-repeat;
background-position : 355px 33px;
}
.small_quote_text {
width : 327px;
padding : 45px 100px 25px 100px;
background-image : url(../images/quote_box_small_middle.png);
font-size : 16px;
line-height : 20px;
}
.small_quote_text_bottom {
width : 355px;
padding : 0 97px 100px 75px;
background : url(../images/quote_box_small_bottom.png) no-repeat;
font-weight : bold;
font-size : 20px;
text-align : right;
}
.small_quote_text_bottom span {
font-weight : normal;
}
#blank {
width : 630px;
height : 200px;
float : left;
padding : 10px 0 0 255px;
}
#footer {
width : 1024px;
height : 30px;
padding-top : 12px;
float : left;
background-color : #c00;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #fff;
}
#footer li {
display : inline;
}
#footer li a {
color:#FFF;
text-decoration : none;
}
#footer li a:hover {
text-decoration : underline;
}
#welcome_box {
font-size : 20px;
line-height : 25px;
font-style : oblique;
padding : 100px 20px 0 50px;
}
#self {
width : 345px;
float : right;
padding : 30px 170px 11px 0;
font-size : 12px;
font-style : italic;
}
.box_top {
background : url(../images/video_box.png) no-repeat;
width : 470px;
float : left;
padding : 48px 0 0 48px;
}
.box_bottom {
background : url(../images/video_box.png) no-repeat left bottom;
width : 470px;
float : left;
padding : 0 0 28px 48px;
}
.btn_more {
width : 200px;
float : left;
}
.btn_more a {
text-decoration : none;
color : #999999;
}
.btn_more a:hover {
text-decoration : underline;
color : #999999;
}
#logo_box {
width : 700px;
float : left;
padding : 30px 0 0 325px;
}
.dhtmlgoodies_question {
font-size : 13px;
font-style : oblique;
width : 600px;
padding : 5px 8px 5px 8px;
overflow : hidden;
cursor : pointer;
color : #333;
}
.dhtmlgoodies_question span {
color : #c00;
}
.dhtmlgoodies_answer {
font-size : 12px;
background-color : #fcfcfc;
padding : 5px 6px 8px 20px;
width : 600px;
float : right;
visibility : hidden;
overflow : hidden;
position : relative;
}
.dhtmlgoodies_answer_content {
padding : 1px;
position : relative;
}