@charset "UTF-8";

@import url("base.css");

#main{
display:block;
width:800px;
margin:0px auto 0px auto;
border:#CCCCCC 1px solid;
text-align:center;
background-color:#FFFFFF;
z-index:0;
overflow: hidden;
}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main {
    height: 1em;
    overflow: visible;
}
/**/


#mainlogo{
background:url(../images/bk_top.jpg) repeat-x 0 0;
height:55px;
}

#menu{
margin:0;
width:799px;
height:26px;
background-color:#999999;
border-top:#999999;
border-bottom:#999999;
padding-right:1px;
}

#menu ul{
margin:0;
list-style:none;
}

#menu ul li{
float:left;
}

#menu ul li a{
padding-left:1px;
width:200px;
}



#area1{
clear:both;
margin-left:20px;
}

#footer{
width:780px;
clear:both;
background-color:#006699;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
height:20px;
line-height:20px;
padding-right:20px;
margin:0px auto auto auto;
}

#login{
float:right;
}

#left{
display:block;
width:200px;
float:left;
text-align:left;
padding-top:10px;
padding-left:7px;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
}

#right{
display:block;
width:580px;
margin:0px 0px 0px 0px;
text-align:left;
float:right;
padding-top:10px;
padding-left:10px;
background-color:#FFFFFF;
border-left:#CCCCCC 1px dotted;
}

#right h2{
text-align:left;
background:url(../images/bk_h2.jpg) no-repeat;
height:20px;
line-height:20px;
margin:4px auto 10px auto;
font-size:14px;
font-weight:bold;
color:#003366;
text-indent:30px;
}

#rec{
width:30%;
height:180px;
text-align:center;
float:left;
padding-top:10px;
border-bottom:#CCCCCC 1px dotted;
}

#rec .title{
font-size:12px;
font-weight:normal;
text-align:left;
}

.boxtitle{
width:180px;
height:20px;
margin-left:5px;
background-image:url(../images/title_searchbox.jpg);
}