/*-----------------トップページ------------*/
.works{
 margin:0px 20px 0px 20px;
 padding:0px 0px 0px 0px;
 width:680px;
 text-align:left;
}
ul#works_top{
 margin:20px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:680px;
 text-align:left;
 height:300px;
}
li.work_top{
 list-style-type:none;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:300px;
 float:left;
 font-size:13px;
 letter-spacing:-0.5px;
 line-height:18px;
 color:#343434;
 vartical-align:top;
}
li.work_top#top_left{
 padding:0px 0px 0px 40px;
}
li.work_top#top_right{
 padding:0px 0px 0px 0px;
}
/*---------------------------------*/
ul#works{
 margin:10px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:680px;
 text-align:left;
 height:250px;
}
li.work{
 list-style-type:none;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:200px;
 float:left;
 font-size:12px;
 letter-spacing:-0.5px;
 line-height:18px;
 color:#343434;
 vartical-align:top;
}
li.work#left{
 margin:0px 40px 0px 0px;
}
li.work#center{
 margin:0px 0px 0px 0px;
}
li.work#right{
 margin:0px 0px 0px 40px;
}
.work_image{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
.work_text{
 margin:5px 0px 0px 0px;
 font-size:13px;
 color:#343434;
 letter-spacing:-0.5px;
}
.work_text a{
 color:#343434;
 text-decoration:none;
}
.work_text a:hover{
 background-color:#0786A5;
 color:#ffffff;
}
.work_add{
 margin-top:4px;
 font-size:13px;
 color:#333333;
 letter-spacing:1px;
}