/* コンテンツ
-------------------------------------------------------------------------------------------------- */


/* Topics ----------------- */
#TopicsSection {
width:700px;
margin:0;
}
    #TopicsSection:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height:0;
    clear: both;
    }
    * html #TopicsSection {
    display: inline-block;
    }
    *+html #TopicsSection {
    display: inline-block;
    }
#TopicsSection .topics {
float:left;
width:230px;

background:#FFF;
margin:0 5px 5px 0;
}

#TopicsSection .last{
	margin:0 0 5px 0;
	}

#Sidebar #TopicsSection {
width:210px;
margin:0;
}
#Sidebar #TopicsSection .topics {
width:210px;
background:#FFF;
margin:0 0 10px 0;
}
#TopicsSection .topics a {
display:block;
width:210px;
padding:10px;
background:#FFF;
}
* html #TopicsSection .topics a {
height:250px!important; /* IE6 heightLineによるバグ回避 */
overflow:hidden;
}
#TopicsSection .topics a:hover {
background:#D3E5EB;
text-decoration:none;
}
#TopicsSection .topics .photo {
text-align:center;
margin:0 0 10px 0;
border:1px solid #C7C5C8; padding:5px;
}
#TopicsSection .topics h2 {
margin:0 0 5px 0;
font-size:1.1em;
line-height:1.3;
color:#2D84A3;
}
#TopicsSection .topics h2.item {
color:#2D84A3;
}
#TopicsSection .topics h2.thema {
color:#2D84A3;
}
#TopicsSection .topics h2 img {
padding:0 5px 5px 0;
vertical-align:middle;
}
#TopicsSection .topics p {
margin:0 0 5px 0;
font-size:95%;
line-height:22px;
color:#666666;
}

/* clearfix ----------------- */
.clearfix {
margin:0;
}
    .clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height:0;
    clear: both;
    }
    * html .clearfix {
    display: inline-block;
    }
    *+html .clearfix {
    display: inline-block;
    }

/* forIEclearfix ----------------- */
.forIEclearfix {
clear:both;
height:0;
font-size:0;
line-height:0;
}