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

/* basic layout-----------------------*/

html, body {
height: 100%;
margin: 0 ;
padding: 0;
background-color:#ECF2FF;
}

div#shiv {
width: 100%;
height: 50%;
margin-top: -275px;
float:left;
}

div#blueBox {
margin:0 auto;
width: 880px;
height: 550px;
clear: both;
position: relative;
background-image:url(../picture/background.jpg);
background-repeat:repeat-x;
}

/* Hide from IE5mac\*/

*div#shiv {
display:none;
}

*html, body {
height: auto;
}

/*end*/ 

/*basic layout end ----------------------------------------------------*/

/* contents  layout ----------------------------------------------------*/

/* top button--------------------------------*/

div#top
{
	position:absolute;
	top:0px;
	width:200px;
	left:660px;
}

div#english
{
	width:100px;
	height:25px;
	position:relative;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:20px;
	background-image:url(../picture/top_act.gif);
}

div#brog
{
	width:100px;
	height:25px;
	position:relative;
	float:right;
	font-family:"MS Gothic", "MS PGothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:20px;
	background-image:url(../picture/top_act.gif);
}

/* top button--------------------------------*/


/* header banner ----------------------------*/

div#header
{
	background-image:url(../picture/header.jpg);
	width:880px;
	height:150px;
	position:absolute;
	top:30px;
}

/* menu contents ----------------------*/

div#menu_bg
{
	width:154px;
	height:550px;
	position:absolute;
	left:50px;
	background-color:#F3FCFC;
}

div#menu_wrap
{
	position:relative;
	top:200px;
	width:150px;
	left:2px;
}

div.menu
{
	width:150px;
	height:30px;
	border:none;
	color:#666;
	position:relative;
	font-family:"MS Gothic", "MS PGothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
}

div.menu2
{
	width:150px;
	position:relative;
	margin-bottom:3px;
	background-image:url(../picture/menu3_blue.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-family:"MS Gothic", "MS PGothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	color:#666;
}

div.menu3
{
	font-family:"MS Gothic", "MS PGothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	color:#666;
}


div.submenu
{
	display:none;
	position:relative;
    left:5px;
}

div.submenu_bg
{
	width:140px;
	height:25px;
	position:relative;
	font-family:"MS Gothic", "MS PGothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:26px;
	background-image:url(../picture/submenu_blue.gif);
}

a:link, a:hover, a:active, a:visited
{
	color:#F3FCFC;
	text-decoration:none;
	border:none;
}

/* contents and title ----------------------------*/

#title
{
	width:645px;
	height:35px;
	border-bottom: #006 ridge 2px;
	position:absolute;
	left:235px;
	top:195px;
	overflow:hidden;
}

.H_title
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bolder;
	color:#006;
}

/*contents  layout end--------------------------------------------------*/

/*footer --------------------------------------------------------------*/

div#footer
{
	width:880px;
	margin:auto;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:right;
	color:#666;
}