/* index.html */


/* �E���icategory,entry)
============================================================*/
h3{
margin-bottom:10px;
text-align:right;
}

.recent_e{
border-right:1px solid #696969;
padding:5px 9px 0 0;
margin:0 30px 15px 0;
text-align:right;
line-height:190%;
clear:both;
}

.recent_e ul{
list-style:none;
margin-bottom:15px;
}

.recent_e ul li{
list-style:none;
color:#ff4a8f;
}

.recent_e ul li a{
color:#696969;
text-decoration:none;
}

.recent_e ul li a:hover{
color:#ff4a8f;
text-decoration:none;
}

/* infomation
============================================================*/
.infomation{
text-align:left;
width:400px;
float:left;
margin-top:110px;
display:block;
}

.infomation .text-box{
width:400px;
border-bottom:1px dotted #151515;
line-height:150%;
padding-bottom:10px;
margin:0 0 15px 15px;
}

.infomation .text-box a{
color:#ff4a8f;
text-decoration:underline;
}

.infomation .text-box a:hover{
text-decoration:none;
}

.infomation b{
margin-bottom:3px;
color:#666666;
}

/* materialList
============================================================*/
.materialList{
text-align:left;
width:581px;
float:left;
margin-top:75px;
padding-bottom:80px;
z-index:1;
}

* html .materialList{
width:565px;
padding-left:15px;
}

.materialList h4{
border-bottom:1px dotted #151515;
padding-bottom:1px;
margin-bottom:5px;
}

ul.list{
width:581px;
list-style:none;
float:left;
margin-bottom:15px;
}

*html ul.list{
width:565px;
}

ul.list li{
list-style:none;
margin:0 6px 5px 0;
float:left;
display:block;
}

ul.list li img{
border:1px solid #151515;
}

ul.list li img:hover{
border:1px solid #151515;
filter: Alpha(opacity=40); /* IE�n */
opacity:0.4; /* Mozzila�n */
}


/* clearfix
============================================================*/
ul.list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
ul.list{
display:inline-block;
}