/* CSS Document */


/* contents */

#contents{
width:1156px;
margin:0 auto;
padding-bottom:58px;
}

#year{
width:1156px;
height:26px;
background:#808080;
}
#year p{
height:26px;
float:left;
color:#fff;
font-size:16px;
font-weight:bold;
text-align:center;
line-height:26px;
}
#year .prev_year{
width:40px;
}
#year .this_year{
width:1076px;
}
#year .next_year{
width:40px;
}
#year a{
display:block;
}
#year a:link{
background:none;
}
#year a:visited{
background:none;
}
#year a:hover{
background:#666;
}
#year a:active{
background:#666;
}

#month{
width:1156px;
height:34px;
margin-bottom:10px;
background:#E6E6E6;
}
#month ul{
margin:0 auto;
width:600px;
height:34px;
color:#B3B3B3;
}
#month li{
float:left;
width:50px;
height:34px;
font-size:15px;
line-height:34px;
text-align:center;
}
#month li.selected{
color:#000;
background:#fff;
}
#month a{
display:block;
}
#month a:link{
color:#666;
background:none;
}
#month a:visited{
color:#666;
background:none;
}
#month a:hover{
color:#fff;
background:#ccc;
text-decoration:none;
}
#month a:active{
color:#fff;
background:#ccc;
text-decoration:none;
}


#contents .item{
float:left;
width:1156px;
padding:12px 0;
border-bottom:1px dotted #666;
overflow:hidden;
}
#contents .item img{
float:left;
width:100px;
height:100px;
margin-right:12px;
}
#contents .magazine img{/* 雑誌用 */
width:78px;
margin-right:34px;
}
#contents .item dt{
height:30px;
font-size:14px;
}
#contents .item dd{
line-height:18px;
overflow:hidden;
}



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

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

#year{
width:922px;
margin:0;
}
#year .this_year{
width:842px;
}

#month{
width:922px;
}

#contents .item{
width:922px;
}

}



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

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


	
#year{
width:688px;
}
#year .this_year{
width:608px;
}

#month{
width:688px;
}

#contents .item{
width:688px;
}


}

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

		
	
/* contents */
#contents{
width:290px;
padding-bottom:108px;
}

#year{
width:290px;
}
#year .this_year{
width:210px;
}

#month{
width:290px;
height:72px;
margin-bottom:30px;
background:none;
}
#month ul{
margin:0 auto;
width:292px;
height:72px;
}
#month li{
width:47px;
margin-top:2px;
margin-right:2px;
background:#f2f2f2;
}
#month li:nth-of-type(1),#month li:nth-of-type(6),#month li:nth-of-type(7),#month li:nth-of-type(12){
width:46px;
}
#month li.selected{
color:#000;
background:#ccc;
}

#contents .item{
width:290px;
margin:0 0 25px;
padding:0;
border-bottom:1px dotted #666;
}
#contents .item img{
display:none;
}
#contents .item dt{
width:290px;
height:26px;
margin-bottom:10px;
color:#fff;
text-indent:10px;
line-height:26px;
background:#4D4D4D;
}
#contents .item dt a:link{
color:#fff;
}
#contents .item dt a:visited{
color:#fff;
}
#contents .item dt a:hover{
color:#fff;
}
#contents .item dt a:active{
color:#fff;
}



}