/* CSS Document */


/* contents */

#contents{
width:1182px;
margin:0 auto;
}

#contents .item{
float:left;
width:171px;
margin:0 13px 40px;
overflow:hidden;
}

#contents .item h2{
height:20px;
margin-bottom:20px;
font-size:15px;
font-weight:normal;
line-height:20px;
text-indent:8px;
border-bottom:2px solid #808080;
background:url(../img/link_icon.gif) no-repeat center left;
}

#contents .item li{
height:24px;
padding:3px 0;
font-size:13px;
text-indent:8px;
line-height:24px;
background:url(../img/link_icon.gif) no-repeat center left;
}

#contents .group{
width:1156px;
}
#contents .group li{
margin-right:60px;
float:left;
}

#contents .item a{
display:block;
}



@media screen and (max-width: 1213px){

/* contents */

#contents{
width:950px;
}

#contents .item{
width:922px;
margin:0 0 40px;
}
#contents .item li{
width:153px;
float:left;
}
#contents .group ul{
clear:both;
}
#contents .group li{
margin-right:0;
width:230px;
}



@media screen and (max-width: 979px){

/* contents */
#contents{
width:688px;
}

#contents .item{
width:688px;
margin:0 0 40px;
}
#contents .item li{
width:137px;
float:left;
}
#contents .group li{
width:172px;
float:left;
}

}


@media screen and (max-width: 745px){

/* contents */
#contents{
width:290px;
}

#contents .item{
width:290px;
}
#contents .item li{
width:145px;
}

}