/* CSS Document */

/* text */




h2{
font-size:12px;
font-weight:bold;
margin:0px 0px 5px 0px;
}

h3{
width:400px;
font-size:12px;
font-weight:bold;
border-bottom:1px dotted #ccc;
font-weight:bold;;
margin:0px 0px 5px 0px;
}

.notice {
font-size: 10px;
padding-left:10px;
color:#CC0066;
}

.ruby{
font-size: 10px;
padding-left:0px;
font-weight:normal;
}

.contact_btn a{
width:200px;
background-color:#eee;
margin:10px 0px 0px 260px;
padding:0px;
font-size:10px;
color:#336699;
font-weight:bold;
text-decoration:none;
text-align:center;
border:1px dotted #666;
display:block;
}

.contact_btn a:hover{
background-color:#fff;
}

/* information */


#information{
width:550px;
height:auto;
background-color:#fff;
margin:0px 0px 30px 0px;
padding:5px 10px 5px 10px;
clear:left;
}

#information li{
list-style:none;
padding:0px 0px 3px 0px;
}

#information ul{
padding:0px 0px 0px 5px;
}

.infodate{
font-size:10px;
color:#663333;
font-weight:bold;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
}

/* works */
#alpha{
width:18%;
float:left;
margin:10px 20px 0px 20px;
padding:10px 0px 20px 0px;
background-color:#eee;
}

#alpha ul{
text-align:left;
}

#alpha li{
font-size:11px;
font-weight:bold;
list-style:none;
line-height:180%;
}

#beta{
width:620px;
height:100%;
text-align:left;
float:right;
padding:20px 10px 50px 0px;
}

#beta li{
font-size:11px;
font-weight:noral;
list-style:none;
}

.works{
 margin-top:10px;
}
 
.works-info{
width:500px;
margin:10px 0px 10px 0px;
padding:10px;
border:1px dotted #ccc;
}


.works img{
border:1px solid #ccc;
}

.thumb:hover{
border:1px solid #666;
}

.notice {
font-size: 10px;
padding-left:10px;
color:#CC0066;
}

/* drops */
#drops{
width:850px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 50px 0px;
}

#drops p{
font-size:10px;
margin:0px;
padding:0px;
}