@import url(common.css);
a span{
display: none;
}
h3{
color: #FFF;
padding: 2px 8px;
}
.topicpath{
margin: 0 0 16px 0;
}
#header,
#contents{
font-size:84%;
margin: auto;
width: 800px;
background-color: #FFF;
}
#header{
background-color: #2F75BF;
}

#left{
width: 260px;
float:left;
}
#center{
width: 400px;
float:right;
margin-right:8px;
}
#right{
width: 240px;
float:right;
}
#left .section{
border:1px solid green;
margin-bottom: 8px;
}
table.list{
border-bottom :1px solid #ddd;
border-right :1px solid #ddd;
margin: 4px 0 8px 0;
width:100%;
}
table.list td,
table.list th{
border-top :1px solid #ddd;
border-left :1px solid #ddd;
padding: 3px;
}
table.list th{
background-color:#fafafa;
}
#navi{
margin:0 auto;
background:url(/images/tw_header.png);
height:52px;
width:800px;
position:relative;
}
#navi ul{
position:absolute;
top: 10px;
left: 179px;
}
#navi li{
display: block;
float: left;
margin-left: 16px;
}
#navi #bot,
#navi #popular,
#navi #corp,
#navi #new{
width:133px;
height:30px;
}
#navi a{
display: block;
width:132px;
height:30px;
}
#navi #bot a:hover{
background:url(/images/tw_header.png) 605px -62px;
}
#navi #popular a:hover{
background:url(/images/tw_header.png) 456px -62px;
}
#navi #corp a:hover{
background:url(/images/tw_header.png) 307px -62px;
}
#navi #new a:hover{
background:url(/images/tw_header.png) 158px -62px;
}
.genre{
width: 198px;
float:left;
margin-right:12px;
}
.genre_2{
width: 198px;
float:right;
margin-right:0;
}
.genre ul{
padding: 4px;
background-color: #fafafa;
}
.genre ul li{
padding: 0 4px 0 12px;
background:url(/images/arrow35-010.gif) no-repeat 0 8px;
}
.genre h2{
padding: 6px 0 12px 40px;
}
.genre_2 h2{
background:url(/images/genre_2.png) no-repeat 0 0;
}
.genre_1 h2{
background:url(/images/genre_1.png) no-repeat 0 0;
}
.genre_4 h2{
background:url(/images/genre_4.png) no-repeat 0 0;
}
.genre ul ul{
margin-left: 8px;
font-size: 90%;
}
.user{
margin-top: 16px;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #ddd;
}
.user h2{
font-size:140%;
}
.user .description{
background-color:#fafafa;
padding: 8px;
font-size: 90%;
color: #333;
}
.user .ff{
text-align:right;
}
.user .image{
width: 64px;
float:left;
}
.user .image img{
margin-left: 8px;
width: 48px;
height: 48px;
}
.user .body{
float:right;
width:530px;
}
.notice{
border:1px solid #FF822F;
margin: 0 0 16px 0;
background-color: #FFF5EF;
}
.notice ul{
margin: 4px 12px;
}
.notice ul li{
float: left;
width: 40px;
text-align:center;
font-size: 70%;
margin-left: 8px;
}
.title{
background-color: #ff6600;
padding: 4px 8px;
color: #fff;
}
.notice p{
margin:8px;
}
.notice form{
padding:8px;
}
.url a{
text-decoration: none;
color: #aaa;
font-size: 90%;
}
#sub .title{
background-color: #333;
color: #fff;
padding: 2px 8px;
}
#sub .image{
float:left;
width: 32px;
margin: 4px;
}
#sub .body{
float:left;
width: 100px;
margin-top:2px;
}
#sub ul ul{
margin: 8px;
}
table.sort{
font-size:90%;
margin-bottom:16px;
}
table.sort th{
padding-right:8px;
}
.status{
font-size:90%;
}
.status a{
text-decoration:none;
color: #222;
}
.pager {
text-align:center;
margin-bottom:16px;
}
.pager a{
    padding: 4px 8px;
    border: 1px solid #2F75BF;
}
.pager a:hover,
.pager a:link,
.pager a:visited{
    color: #2F75BF;
}
.pager a:hover{
background-color:#F6FFEF;
}
.divider{
border-bottom:1px dotted #ccc;
}
form{
margin:24px;
}
.list td ul{
margin: 8px;
}
.list td ul ul{
margin: 8px;
}
.center{
text-align:center;
margin:24px;
}
td h3{
color: #000;
}
h2.title {
margin: 0 24px;
}
table.sort th{
background-color:#ddd;
padding: 4px 8px;
}
table.sort td{
background-color:#fafafa;
padding: 4px 8px;
}
strong{
color:red;
font-size: 140%;
}
.product{
width:200px;
float:left;
border:1px solid #ccc;
background-color:#fafafa;
height: 270px;
margin-bottom:4px;
margin-right:4px;
}
.product .image{
height:160px;
margin:8px;
text-align:center;
}
.product .body{
text-align:center;
font-size:80%;
margin:0 8px;
}
.end{
margin:0!important;
}