@charset "UTF-8";
/* CSS Document */
body{
text-align:center;
font-family:sans-serif;
background-image:url(night_image/back_night.gif);
background-repeat:repeat;
color:#FFFFFF;
font-size:12px;
}
h1{
margin-bottom:5px;
font-size:14px;
color:#FF99FF;
}
a{
color:#FFFF66;
}
a:hover{
color:#FF0033;
}
.main{
margin-left:auto;
margin-right:auto;
}
.qr_box{
padding:10px 10px 10px 10px;
text-align:left;
vertical-align:top;
font-size:12px;
width:150px;
}
.right_box{
width:180px;
vertical-align:top;
padding:5px;
font-size:12px;
}
.topi_box{
border:solid 1px #666666;
width:180px;
background-color:#000033;
}
.r_read{
font-size:12px;
line-height:150%;
}
.topi_a{
color:#FF66CC;
font-size:12px;
}
.topi_titol{
color:#FF6600;
font-size:13px;
}
.tipi_date{
color:
#FFFFFF;
font-size:10px;
}
.navi{
padding:5px;
background-color:#000000;
}

.contents{
width:790px;
vertical-align:top;
}
.tp_conts{
border-bottom:solid 2px #999999;
}
.tp_conts td{
vertical-align:top;
}
.tp_box{
width:380px;
border:solid 1px #999999;
margin-bottom:10px;
background-image:url(night_image/back_night2.gif);
background-repeat:repeat;
}
.tp_box1 img{
float:right;
margin-left:5px;
}
.tp_box1{
line-height:150%;
font-size:12px;
text-align:left;
}
.tp_box2{
text-align:left;
}
.tp_box2 img{
vertical-align:bottom;
}
.tp_box3{
font-size:10px;
color:#FFFF66;
text-align:left;
padding:2px;
border:solid 1px #333333;
}
.tp_box3 img{
vertical-align:bottom;
}
.tp_ttl{
font-size:16px;
color:#FF3366;
margin-bottom:10px;
font-weight:bold;
}
.tp_rubi{
font-size:10px;
color:#FF99FF;
line-height:250%;
}
.genre{
color:#FF99FF;
}