@import "style.css";

/*layout*/
#column02{
float:left;
display:inline;
width:398px;
margin-top:6px;
margin-left:7px;
}
#column03{
float:left;
display:inline;
width:200px;
margin-top:6px;
margin-left:9px;
}

/*column02*/
#column02 .sp{
background-color:#E5DEED;
padding:5px;
margin-top:10px;
margin-bottom:10px;
}
#column02 .sp td div{
margin:1px;
}
#column02 .sp table{
background-color:#C4BFDE;
}
#column02 .sp td{
background-color:#FFFFFF;
}
#column02 .sp .tdtop{
border-top:solid 2px #13007C;
}
#column02 .sp td .ti{
border-bottom:dotted 1px #13007C;
font-size:12px;
color:#13007C;
margin-top:0px;
margin-bottom:2px;
padding-top:2px;
}
#column02 .genre{
border-top:solid 1px #7F610E;
border-right:solid 1px #7F610E;
border-bottom:solid 1px #7F610E;
border-left:solid 1px #7F610E;
height:751px;
overflow:auto;
}
#column02 .genre td{
background-image:url(../images/back_top_genre.gif);
background-repeat:no-repeat;
width:112px;
height:120px;
padding-top:3px;
padding-right:8px;
padding-bottom:5px;
padding-left:4px;
vertical-align:top;
}
#column02 .genre td img{
vertical-align:top;
margin-bottom:1px;
}
#column02 .genre .img{
float:left;
width:35px;
height:92px;
}
#column02 .genre .tx{
float:left;
width:73px;
height:92px;
margin-left:3px;
}
.shinro{
background-image:url(../images/box_top_shinro.gif);
padding-top:3px;
padding-right:13px;
padding-left:15px;
padding-bottom:3px;
font-size:10px;
color:#F84263;
}
.shinro td{
font-size:13px;
}

/*column03*/
#column03 td{
}
#column03 .news{
background-color:#FFFFFF;
border:solid 1px #999999;
padding:5px;
}
#column03 .news_in{
height:150px;
overflow:auto;
margin-top:5px;
}
#column03 .news .day{
background-image:url(../images/mk_ti.gif);
background-repeat:no-repeat;
border-bottom:dotted 1px #666666;
padding-top:2px;
padding-right:0px;
padding-left:12px;
padding-bottom:2px;
}
#column03 .news .txt{
padding-top:2px;
padding-right:0px;
padding-left:12px;
padding-bottom:4px;
word-break: break-all;
}
#column03 .menu{
background-color:#BEAB6F;
padding:3px;
border:solid 1px #978B64;
}
#column03 .menu .in{
background-color:#FFFFFF;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
#column03 .menu .in2{
background-color:#FFFCD1;
padding-top:4px;
padding-bottom:4px;
margin-bottom:5px;
}
#column03 .menu .in td{
}
.ti_top_tenshokunin{
background-image:url(../images/ti_top_tenshokunin_mid.gif);
background-repeat:repeat-y;
padding-right:15px;
padding-left:15px;
}