@charset "UTF-8";
@import url("base.css");




/*WEB*/
#webleft { width: 250px; height:270px;float: left; margin: 5px 5px;padding:5px 5px 5px 5px ;background-color:#111; text-align:left;}
#webleft dt{width:220px;font-size:90%;margin: 10px 10px 10px 10px;padding:0px 0px 0px 0px;color:#3685AD;}
#webleft dd{width:220px;font-size:90%;margin: 7px 20px 7px 20px;padding:0px 0px 0px 0px;color:#fff;border-bottom:1px solid;border-color:#333;}


#webright { width: 510px; float: left; margin: 0px;background-color:#000;text-align:left;}
#webright p{width:auto;font-size:90%;margin: 5px 5px 5px 5px;padding:0px ;color:#3685AD;line-height:140%;}
#history_box {
width: 480px;
margin: 0px 0px 20px 0px;
padding: 0px;
float: left;
display:inline;
text-align: left;
}
#history_box ul{
width: 480px;
margin: 5px 10px 5px 10px;
padding: 0px;
display: inline;
height: 20px;
line-height: 20px;
}
#history_box li {
width: auto;
margin: 0px 0px 0px 5px;
padding: 0px 10px 0px 8px;
text-align: left;
color: #ffffff;
background: url(../img/arrow_navilist.gif) 0px center no-repeat;
font-size: 80%;
display: inline;
line-height: 20px;
height: 20px;
border-right: 1px solid #222222;
}
#history_box li .on {
color: #ffffff;
}


.webworks{
width: auto;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 1px solid #333333;
height:auto;
float:left;
}
h2{
margin: 5px 0px 5px 0px;
padding:0px 0px 0px 10px;
color: #ffffff;
height:25px;
font-size:100%;
font-weight: normal;
background: url(../img/bg_category.gif) 0px bottom no-repeat;
text-align: left;
}
h2 #new{width:30px;padding:0px 5px 0px 0px;margin:0px 0px 0px 0px;background: url(../img/anime_new2.gif) 0px 4px no-repeat;text-indent:-9999px;outline: 0; display:inline;float:left;}

.webworks dl{width:auto;font-size:90%;line-height:140%;margin: 0px 5px 5px 5px;padding:0px ;color:#3685AD;}
.webworks dt{width:auto;margin:0px;padding: 0px 0px 0px 15px;color:#ffffff;background-color:#000000; font-weight:normal;}
.webworks dd{width:auto;margin:15px 5px 10px 15px;padding: 0px 0px 0px 10px;background: url(../img/arrow_link.gif) 0px center no-repeat;font-size:90%;}




#web_history {
width: 480px;
margin: 0px 0px 20px 0px;
padding: 0px;
float: left;
display:inline;
text-align: left;
}
#web_history h3{
width: auto;
margin: 2px 0px 0px 10px;
padding: 0px;
color: #ffffff;
font-weight: bold;
font-size: 100%;
text-align: left;
}

#web_history table{
	width: 480px;
	margin: 0px 0px 25px 10px;
	padding: 0px;
	font-size: 80%;
	line-height:1.8;
}
#web_history th{
width: 49px;
margin: 0px;
padding: 0px 7px 2px 0px;
color: #ffffff;
font-weight: normal;
border-right: 1px solid #666666;
text-align: right;
vertical-align:top;
}

#web_history td{
width: auto;
background: url(../img/arrow_list.gif) 5px 5px no-repeat;
margin: 0px 0px 0px 7px;
padding: 0px 0px 2px 20px;
color: #ffffff;
}