@charset "utf-8";

/*header*/

#header{
height:79px;
background: url(../images/header_s.gif) no-repeat;
}

#header a#logo{
height:79px;
}

#contents{
padding:13px 15px 15px 15px;
background: url(../images/contentsBg_s.gif) no-repeat;
}

/* archive */

#contents h1{
font-size:185%;
margin-bottom:15px;
}

#footer{
padding-top:30px;}

#archiveContents{
width:790px;
background: url(../images/archive_bg.gif) repeat-y;
padding-bottom:150px;
overflow:hidden;}

#archiveLeft{
width:590px;
float:left;}

#archiveLeft h2{
width:0;
height:33px;
padding-left:590px;
margin-bottom:20px;
overflow:hidden;
}
#archiveLeft h2.y2011{background: url(../images/archive_2011.gif) left top no-repeat;}
#archiveLeft h2.y2010{background: url(../images/archive_2010.gif) left top no-repeat;}
#archiveLeft h2.y2009{background: url(../images/archive_2009.gif) left top no-repeat;}
#archiveLeft h2.y2008{background: url(../images/archive_2008.gif) left top no-repeat;}
#archiveLeft h2.y2007{background: url(../images/archive_2007.gif) left top no-repeat;}
#archiveLeft h2.y2006{background: url(../images/archive_2006.gif) left top no-repeat;}

.archiveBox{
width:520px;
padding:10px;
border:4px solid #ccc;
margin:0px auto 20px;
overflow:hidden;
}

.archiveBox img{
width:180px;
height:255px;
float:left;
}

.archiveBox .archiveText{
width:325px;
overflow:hidden;
float:right;
}

.archiveBox .archiveText h3{
font-size:160%;
font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
padding-bottom:8px; margin-bottom:8px;
border-bottom:1px solid #ccc;
}

.archiveBox .archiveText p{
padding-bottom:10px;}

.archiveBox .archiveText a.btn{
display:block;
width:0px; height:36px; padding-left:147px;
overflow:hidden;
background: url(../images/archive_detail.gif) no-repeat; float:left;
}

#archiveRight{
width:195px;
float:right;}

#archiveRight ul{
padding:15px 20px;}

#archiveRight ul li{
padding-bottom:7px;}