/*********************************************
**	Name: common.css						**
**	Desription: ѡġ	**
**	Version: 1.0.0							**
**	LastUpDate: 2007-07-30					**
*********************************************/

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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

body{
background:url(../img/body_bg2.jpg) top repeat-y #FFFFFF;
line-height:1.7em;
}
ol, ul {
	list-style: none;
}

#frame{
width:100%;
background:url(../img/body_bg.jpg) top no-repeat;
text-align:center;
}
#sub_frame{
width:770px;
margin:0 auto;
background:#ffffff;
text-align:left;
}
#content{
zoom:1;/*for IE 5.5-7*/
padding:13px 14px 0 0;
}
#content:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#side_menu{
float:left;
width:193px;
}
#main{
float:right;
width:550px;
}

/* ----------------------- font-information ----------------------- */
body{
color:#333333;
font-size:12px;
font-family:'Tahoma','ͣ Хå',sans-serif;
}
#login .attention ul li a{color:#333333;}
#login .attention ul li a:link{text-decoration:underlline;}
#login .attention ul li a:visited{text-decoration:underlline;}
#login .attention ul li a:hover{text-decoration:none;}
#login .attention ul li a:active{text-decoration:none;}
#globalNavi a{color:#333333;}
#globalNavi a:link{text-decoration:none;}
#globalNavi a:visited{text-decoration:none;}
#globalNavi a:hover{text-decoration:none;}
#globalNavi a:active{text-decoration:none;}
#footerNavi a{color:#333333;}
#footerNavi a:link{text-decoration:none;}
#footerNavi a:visited{text-decoration:none;}
#footerNavi a:hover{text-decoration:none;}
#footerNavi a:active{text-decoration:none;}
#side_menu div.main_menu a{color:#ffffff;}
#side_menu div.main_menu a:link{text-decoration:none;}
#side_menu div.main_menu a:visited{text-decoration:none;}
#side_menu div.main_menu a:hover{text-decoration:underline;}
#side_menu div.main_menu a:active{text-decoration:none;}
a{color:#0066CC;}
a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}


#login input{
color:gray;
}
#login input.login_id,
#login input.login_pass{
font-size:12px;
}
#login .attention{
font-size:10px;
}

#date_base{
font-size:10px;
}
#date_base li.ad_total{
color:#796B2A;
}
#date_base li.site_total{
color:#587F03;
}
#date_base .right{
font-weight:bold;
}

#globalNavi li a{
display:block;
line-height:1;
}

#menu_footer{
text-align:center;
}
#menu_footer dt,
#menu_footer dd,
#menu_footer p{
text-align:left;
}
#menu_footer p a{
display:block;
line-height:1.4em;
}

#footer{
text-align:center;
}
#footer address{
font-size:12px;
font-style:normal;
}

em.now{
font-style:normal;
font-weight:bold;
color:#ffffff;
}

/* ----------------------- header ----------------------- */
#header{
zoom:1;/*for IE 5.5-7*/
width:770px;
}
#header:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#header h1{
float:left;
width:394px;
}
/*login*/
#login{
zoom:1;/*for IE 5.5-7*/
overflow:hidden;
float:right;
width:304px;
height:76px;
background:url(../img/header_right.jpg) top left no-repeat;
padding:29px 0 0 72px;
}
#login:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#login form,
#login table{
width:292px;
height:76px;
overflow:hidden;
}
#login form{
position:relative;
background:url(../img/login_footer.jpg) left top no-repeat #FCE0E0;
}
#login th{
width:292px;
height:35px;
text-indent:-9999px;
background:url(../img/login_header.jpg) left top no-repeat;
}
#login span.label{
display:none;
}
#login input.login_id,
#login input.login_pass{
width:88px;
height:15px;
background:url(../img/login_input.gif) right top no-repeat;
border:none;
padding:3px 5px 2px 5px;
overflow:hidden;
}
#login input.login_id{
position:absolute;
top:23px;
left:13px;
}
#login input.login_pass{
position:absolute;
top:23px;
left:119px;
}
#login input.login_btn{
position:absolute;
top:23px;
left:55px;
width:180px;
height:20px;
background:url(../img/btn_login.gif) left top no-repeat;
border:0;
}
#login .attention{
padding:10px 0 8px 0;
}
#login .attention ul{
padding:5px 0 0 13px;
}
#login .attention ul li{
float:left;
margin-right:8px;
}
#login .attention ul li a{
border:0;
position:relative;
background:url(../img/icon.gif) left top no-repeat;
padding-left:17px;
}
#login .attention ul li input.save_pswd{
float:left;
}
#login .attention ul li span.save_pswd{
float:left;
padding:0px 0 0 0;
}
#login .attention ul li.lastItem{
padding:0px 0 0 0;
}

/* ----------------------- globalNavi ----------------------- */
#globalNavi{
	zoom:1;/*for IE 5.5-7*/
	background:url(../img/navi_bg.jpg) left top repeat-x #F780BE;
	padding:8px 16px 7px 16px;
}
#globalNavi:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#globalNavi li{
float:left;
}
#globalNavi li a{
border:0;
position:relative;
background:url(../img/icon.gif) left top no-repeat;
padding-left:20px;
margin-right:24px;
}

/* ----------------------- side_menu ----------------------- */
/*main_menu*/
#side_menu div.main_menu dt,
#side_menu div.main_menu li{
display:inline;
}
#side_menu div.main_menu dd{
padding:5px 0 15px 0;
}
#side_menu div.main_menu ul#open1{
zoom:1;/*for IE 5.5-7*/
background:url(../img/menu01_open_bg.gif) left top repeat-y;
padding:0 0 10px 15px;
}
#side_menu div.main_menu ul#open2{
zoom:1;/*for IE 5.5-7*/
background:url(../img/menu02_open_bg.gif) left top repeat-y;
padding:0 0 10px 15px;
}
#side_menu div.main_menu ul#open1:after,
#side_menu div.main_menu ul#open2:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#side_menu div.main_menu ul#open1 li,
#side_menu div.main_menu ul#open2 li{
display:block;
padding:0 0 5px 0;
}


/*menu_footer*/
#menu_footer .contents{
padding:30px 0 80px 0;
}
#menu_footer .contents_c{
padding:15px 0 0 0;
}
#menu_footer .contents2{
width:184px;
background:url(../img/menu_footer_c_header.gif) left top no-repeat;
padding:25px 0 0 0;
margin:0 auto;
}
#menu_footer .contents2 p{
	text-indent:5px;
	padding:10px 0;
}
#menu_footer .contents3{
width:184px;
background:url(../img/menu_footer_c_footer.gif) left bottom no-repeat;
padding:0 0 25px 0;
margin:0 auto;
}
#menu_footer .contents3 p{
font-size:10px;
padding:15px 10px 0 10px;
}


/* ----------------------- footer ----------------------- */
#footer{
width:770px;
background:url(../img/footer.jpg) left bottom no-repeat;
padding:40px 0 20px 0;
}
#footerNavi{
zoom:1;/*for IE 5.5-7*/
padding:0 0 40px 0;
}
#footerNavi:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#footerNavi li{
display:inline;
}
#footerNavi li a{
border:0;
background:url(../img/footer_icon.gif) left no-repeat;
padding-left:20px;
margin-right:15px;
}