body{
font:12px Tahoma,ËÎÌå;
text-align:center;
vertical-align:middle;
background:url(img/bg.gif);
}
a{
cursor:pointer;
color: #666;
text-decoration: none;
}
a:hover {
color: #0066ff;
}
#container{
height:auto;
width:860px;
margin:auto;
padding:10px;
border: solid 1px #a3c1e0;
background:#FFFFFF;
}
#pagebody{
margin:0 auto;
padding-bottom:5px;
height:auto;
background:#fff;
overflow:hidden;
border-bottom:1px solid #ccc;
}
#left{
text-align:left;
float:left;
width:576px;
height:auto;
padding:0 4px;
margin-top:6px;
}
#notice{
width:570px;
height:22px;
background:#ffffd9;
border:1px solid #CCC;
margin-top:7px;
text-align:left;
}
#notice .icon {
cursor:pointer;
float:left;
margin:2px;
}
#notice .content {
font:12px Tahoma,ËÎÌå;
margin:4px;
}
#right{
text-align:left;
float:right;
width:270px;
height:100%;
background:url(img/right_bg.jpg);
margin:3px;
}
#right .logo{
background:url(img/THP_LOGO.png) no-repeat;
width:140px;
height:140px;
margin:10px auto;
}
#button{
text-align:left;
width:260px;
height:30px;
border:1px solid #eee;
border-left:none;
margin:3px 10px;
color:#666666;
cursor:pointer;
background:url(img/button_bg.gif);
}
#button .icon{
float:left;
margin:4px 10px;
}
#button .content{
background:url(img/button.gif) 4px 6px no-repeat;
padding:9px 0px 9px 33px;
height:20px;
}
#button .content .searchbutton{
text-align:left;
float:left; 
padding:9px 0;
width:40px;
color:#666666;
background:none; 
border:none;
}
#button:hover{
background:url(img/button_bg.gif) 0 -30px;
}
#search{
width:260px;
margin:3px 10px;
padding-bottom:10px;
text-align:center;
border-bottom:1px solid #CCCCCC;
}
#search .type{
width:90%;
}
#search .inputline{
margin:4px 11px 0 0;
float:right;
height:18px;
border:1px solid #CCCCCC;
}
#shizuka{
text-align:center;
line-height:30px;
}
#footer{
color:#CCCCCC;
height:50px;
width:850px;
vertical-align:middle;
}
#footer a{
color:#66CCFF;
}
#index{
width:100%;
min-height:100px;
}
#list{
width:560px;
margin:6px auto;
height:auto;
border:1px solid #CCCCCC;
min-height:165px;
}
#list .preview{
width:111px;
height:155px;
float:left;
padding-right:3px;
}
#list .preview img{
margin:8px 3px;
}
#list .info .title{
width:100%;;
color:#6699FF;
padding:0 0 5px 0;
border-bottom:1px solid #CCCCCC;
}
#list .info{
text-align:left;
padding:5px 10px 5px 5px;
height:100%;
width:420px;
float:left;
line-height:18px;
border-left:1px  dashed #CCCCCC;
min-height:156px;
}
#showinfo{
text-align:left;
width:440px;
margin:auto;
height:auto;
border: solid 1px #a3c1e0;
background:#FFFFFF;
}
#showinfo .left{
float:left;
line-height:0px;
width:113px;
height:300px;
padding:12px 4px;
border-right:1px solid #CCCCCC;
}
#showinfo .right{
color:#666666;
line-height:18px;
width:285px;
height:100%;
float:right;
padding:3px 5px;
}
#showinfo b{
font-style:inherit;
color:#6666FF;
}
#showinfo .button{
color:#6666FF;
border:solid 1px #999999;
padding:5px;
width:60px;
height:16px;