@charset "utf-8";

#mainArea #menuArea ul li.sub_01 a{ background: url(../blog/img/sub_btn_01.gif) no-repeat top left;}
#mainArea #menuArea ul li.sub_02 a{ background: url(../topics/img/sub_btn_01.gif) no-repeat top left;}

#mainArea #counter{
text-align: right;
margin-right: 20px;
}

#mainArea #counter img{
border:0;
}


#mainArea h5{
margin-left:10px;
font-size:100%;
color:#FFFFFF;
text-indent:25px;
background:url(../img/h5_icon.gif) no-repeat top left;
margin-bottom:8px;
}

#mainArea .h5textArea{
font-size:80%;
color:#ffffff;
margin-left:10px;
border-bottom:1px dotted #ffffff;
width:595px;
padding-bottom:10px;
margin-bottom:15px;
text-indent:10px;
}

#mainArea .imgAreaLeft{
margin:0px 10px 10px 20px;
float:left;
}

#mainArea .imgAreaRight{
margin:0px 20px 10px 10px;
float:right;
}


#mainArea .imgAreaLeft img,
#mainArea .imgAreaRight img{
margin-bottom:10px;
}

#mainArea #mainContainer p{
margin-bottom:7px;
}




#mainArea div.topic dl{
width:570px;
clear:both;
font-size:80%;
margin-left:20px;
margin-bottom:15px;
line-height:1.4em;
}

#mainArea div.topic dl dt{
color:#f72121;
float:left;
width:100px;
background:url(../img/list_icon2.gif) no-repeat top left;
text-indent:15px;
}

#mainArea div.topic dl dd{
padding-left:105px;
}




#mainArea #menuArea ul li.year{
overflow:hidden;
}

#mainArea #menuArea ul li.year a{
text-indent:0;
font-weight:bold;
text-decoration:none;
font-size:13px;
color:#333;
padding:7px 26px;
overflow:hidden;
background:url(../img/mn_list.gif) no-repeat 0px 10px;
}

#mainArea #menuArea ul li.year a:hover{
color:#f72121;
}