@charset "utf-8";

/*====================================================================

top.css

====================================================================*/
#bigbucket{
   background: #f9f1da url(../img/top/bg.gif) repeat-x top center;
}
#container{
   background: url(../img/top/bg_center.jpg) no-repeat top center;
}
#head{height: 452px;}

#contents{
   background: url(../img/top/contents_border.gif) repeat-y 302px top;
}
#contents #topics{
   float: left;
   width: 277px;
   margin-right: 26px;
}
#contents #topics dl,
#contents #topics dl dt,
#contents #topics dl dd{display: block;}
#contents #topics dl{
   width: 277px;
   font-size: 10px;
   margin-top: 10px;
}
#contents #topics dl:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#contents #topics dl dt{
   float: left;
   width: 53px;
   height: 53px;
   text-align: center;
   background: url(../img/top/news_date_bg.gif) no-repeat top;
   margin-right: 9px;
   overflow: hidden;
}
#contents #topics dl dt *{
   display: block;
   width: 39px;
   font-family: Georgia;
   font-weight: bold;
   color: #fff;
   line-height: 0.8;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}
#contents #topics dl dt i{
   font-size: 10px;
   font-style: normal;
   text-decoration: none;
   margin-top: 5px;
}
#contents #topics dl dt strong{
   font-size: 24px;
   border-bottom: solid 1px #fcf6f7;
   padding-bottom: 3px;
   margin-top: 3px;
}
#contents #topics dl dt span{
   font-size: 10px;
   margin-top: 1px;
}

#contents #topics dl dd{
   float: left;
   width: 215px;
   padding-bottom: 10px;
   border-bottom: solid 1px #e8dfcb;
}
#contents #topics dl dd h3{
   font-weight: bold;
   color: #d66a83;
}
#contents #topics dl dd a{
   color: #756e47;
}




/*mainbox*/
#main{
   float: left;
   width: 647px;
   margin-top: 25px;
}
.mainboxs{
   /*position: absolute;*/
   float: left;
   overflow: hidden;
}
.mainboxs h2{display: none;}
.mainboxs p{
   width: 180px;
   font-size: 10px;
   color: #736c49;
}
.mainboxs p a:hover{
   
}
.mainboxs#box1{
   width: 334px;
   height: 137px;
   background: url(../img/top/main1.gif) no-repeat;
   margin-right: 5px;
}
.mainboxs#box1 p{
   margin: 53px 0 0 149px;
}
.mainboxs#box2{
   width: 308px;
   height: 141px;
   background: url(../img/top/main2.gif) no-repeat;
}
.mainboxs#box2 p{
   margin: 56px 0 0 126px;
}
.mainboxs#box3{
   clear: left;
   width: 334px;
   height: 121px;
   background: url(../img/top/main3.gif) no-repeat;
   margin-top: 8px;
}
.mainboxs#box3 p{
   margin: 41px 0 0 149px;
}
.mainboxs#box4{
   width: 308px;
   height: 125px;
   background: url(../img/top/main4.gif) no-repeat;
   margin-top: 4px;
}
.mainboxs#box4 p{
   margin: 45px 0 0 126px;
}