html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0%;
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:top;
}


body {
background:#ffffff;
background-image:url(../images/bg.gif);
background-position: center top;
background-repeat: repeat-x;
color:#333333;
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}

#container {
background:#e6e6fa url(../images/bg.jpg) repeat-y center top;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding-bottom:0px;
text-align:center;
width:910px;
height:630px;
}

#container #header .head h1{
float:left;
height:44px;
margin-top:10px;
padding-left:9px;
}

#header .ds_logo {
float:right;
height:23px;
margin-left:487px;
margin-top:22px;
padding-right:9px;
}

#header {
background-image:url(../images/headerbg.jpg);
background-position:left top;
background-repeat:repeat;
height:65px;
width:900px;
margin-left:5px;
margin-right:5px;
}


#wrapper {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin-top:10pt;

}

#main{
background-color:#BC314D;
padding:10px 10px 10px 10px;
margin:0px 15px 1px 15px;
}

#menu{
height:32px;
}

#menu ul{
margin-left:15px;
}

#menu ul li{
float:left;
}

#box {
width:860px;
height:400px;
background-color:white ;
}

#left_box{
width:400px;

float:left;
}

#left_box .pk{
margin-top:40px;
margin-left:20px;
}


#right_box{
width:450px;
float:left;
}

#right_box .copy{
margin-top:70px;
margin-left:20px;
font: bold 14pt/1.5 sans-serif,Osaka;
text-align:left;
}

#right_box .release{
float:right;
}


#footer {
height:75px;
float:left;
}

#link_btn{
width:860px;
height:8px;
padding-left:15px;
float:left;
}

#footer #btn_under{
float:left;
}

#footer ul{
float:left;
width:auto;
margin-top:5px;
padding-left:15px;
text-align:left;
font: 8pt/1.2 sans-serif,Osaka;
}

#footer .copyright{
padding-right:15px;
float:right;
}

#footer .copyright ol{
float:right;
height:10px;
width:500px;
text-align:right;
margin-top:5px;
font: 8pt/1.4 sans-serif,Osaka;
}

#footer .webshop{
padding-right:15px;
float:right;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


/*----------- books page ------------------*/

#left_box #compact{
background-image: url(../images/compact.gif) ;
background-position:left top;
background-repeat:no-repeat;
margin-top:30px;
margin-left:10px;
float:right;
height:374px;
width:380px;
}

#left_box #compact .text{
padding-top:240px;
margin-left:100px;
text-align:left;
font:bold 14pt/1.4 sans-serif,Osaka;
color:white;
}


#right_box2{
padding:10px;
width:400px;
height:380px;
float:left;
}


#right_box2 .super{
width:410px;
margin-top:50px;

text-align:left;
}

#right_box2 .super .box{
margin-left:30px;
width:350px;
height:200px;
font: bold 11pt/1.5 sans-serif,Osaka;
color:white;
}

/*----------- function and contents page ------------------*/



#textarea{
width: 400px;
font: bold 11pt/1.4 sans-serif,Osaka;
}

#textarea p,a{
line-height:31px;
text-decoration:none;
}

#right_box2 h1{
color:black;
font: bold 11pt/1.4 sans-serif,Osaka;
text-align:left;
line-height:20px;
padding-top:5px;
}

a:link {
color: #ffffff; 
}
a:visited {
color: #ffffff; 
}
a:active {
color: #ff0000; 
}

#left_box #ds {
padding-top:20px;
}

#right_box2 .super .function_menu {
background-color:#BC314D;
font: bold 11pt/1.4 sans-serif,Osaka;
color:white;
padding:8px;
}

#right_box2 .super .function_menu li{
width:391px;
displya:block;
padding-top:5px;
font: bold 11pt/1.4 sans-serif,Osaka;
color:white;
text-indent:15pt;
}



#fmenu{
background-image: url(../images/menu_bar.gif);
background-position:left center;
background-repeat:no-repeat;
width:391px;
text-align:left;
}

/*----------- approach page ------------------*/

#left_box2{
width:380px;
float:left;
}

#left_box2 #ds {
padding-top:20px;
}

#right_box3{
padding-top:10px;
width:450px;
height:400px;
float:left;
}