/*-------------------2007 (c) HYPER GEAR.,inc All Rights Reserved.--------------------*/

/*-------------------------------main structure-----------------------------------*/

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background-color: #fff; 
}

#wrapper {
 width: 850px;
 text-align: left;
 margin: 0 auto;
 background-color: #fff;
 font: 12px Verdana, Arial, sans-serif;
}

#header{
 width: 850px;
}

#main {
 float: right;
 width: 600px;
 line-height: 140%;
 color: #333;
}

#left {
 float: right;
 width: 250px;
 text-align: center;
}

#footer{
 clear: both;
 width: 850px;
 text-align: center;
 padding: 2em 0;
 background: url(new-images/bg_images/bg_footer.gif) repeat-x;
}

/*----------------------------------sub structure----------------------------------*/

#header-middle{
 float: right;
 position: rerative;
 margin: 15px 10px 0 0;
}

#header-right{
 margin-top: 10px;
 float: right;
}

#header-menu{
 width: 850px;
 clear: both;
 text-align: center;
 padding: 10px 0 0 0;
 background: url(new-images/bg_images/bg_header.gif) left top repeat-x;
}

#content-top{
text-align: center;
 margin: 10px;
}

.content{
 margin: 10px 10px;
 font-size: 0.9em;
 text-align: center;
}

.contentbox {
 margin: 5px 0 0 0;
 text-align: left;
}

#content-new{
 margin-bottom: 5px;
}

.right-box{
 text-align: right;
 margin: 10px 0;
}

.left-box{
 text-align: left;
 margin: 10px 0 20px 0;
 border-bottom: #ccc 1px solid;
}

.t-left{
 text-align: left;
}

.t-right{
 text-align: right;
}

.t-center{
 text-align: center;
}

#copy{
 color: #666;
 margin: 1em 0;
}

.hlink{
 font-size: 0.9em;
 padding: 0 0 0 16px;
 background: url(new-images/bg_images/bg_hlink.gif) no-repeat;
 margin: 0 5px;
}

.mlink{
 font-size: 0.9em;
 text-align: right;
 padding: 0 0 0 16px;
 background: url(new-images/bg_images/bg_hlink.gif) no-repeat;
}

/*------------------------------------text style----------------------------------*/

a:link {color: #0025A9;}
a:visited {color: #0025A9;}
a:hover {color: #900;}
a:active {color: #0025A9;}

h1{
 color: #fff;
 font: bold small "MS UI Gothic",Osaka,sans-serif;
}

h2{
 color: #fff;
 font-size: small;
 font-weight: bold;
 background: url(new-images/bg_images/bg_h2.gif) repeat;
 padding: 5px 0 3px 10px;
 border: #999 1px solid;
 }

a.left-menu{
 display: block;
 padding: 15px 20px;
 background: url(new-images/img_leftmenu/bg_lmenu.gif) repeat-y;
 text-decoration: none;
}

a.left-menu:hover{
 background: url(new-images/img_leftmenu/bg_lmenu_over.gif) no-repeat;
 text-decoration: underline;
 color: #fff !important;
}

a.left-menu-over{
 display: block;
 padding: 15px 20px;
 background: url(new-images/img_leftmenu/bg_lmenu_over.gif) no-repeat;
 text-decoration: none;
 color: #fff !important;
}

a.left-menu-over:hover{
 text-decoration: underline;
 color: #fff !important;
}

/*-----------------------------------list style------------------------------------*/

ul{
 list-style: none;
 margin: 0;
 padding: 0;
}

li{
 padding-left: 20px;
 margin-top: 0.5em;
 background: url(new-images/bg_images/bg_list.gif) no-repeat 0 50%;
}

dt.plist{
 padding: 8px 0 8px 35px;
 margin-top: 0.5em;
 background: url(new-images/bg_images/bg_plist.gif) no-repeat 0 50%;
 font-weight: 600;
 }

dl{
 padding: 10px;
}

dt.bannerimage{
 text-align: center;
 background-color: #0053A9;
 color: #fff;
}

dd.bannertext{
 margin: 0 0 1em 0;
 padding: 0;
 text-align: left;
 border: #ccc solid 1px;
}

dt.blogimage{
 padding: 0;
 text-align: center;
 background: #fff;
}

dd.blogtext{
 margin: 5px 0 0 0;
 text-align: left;
 font-size: 0.8em;
 border: none;
}

/*-------------------------------------image------------------------------------*/

img{
 border: none;
 margin: 0;
 padding: 0;
 color: #fff;
 background: transparent;
}

img.banner{
 margin: 10px 0 0 0;
}

#header-logo{
 float: left;
}