@charset "utf-8";
/* news.css
*************************/
#news {
position:relative;
}
#side_content {
width:25%;
position:absolute;
top:0;
left:0;
}

#main_content {
width:76%;
max-width:690px;
float:right;
}
#main_content h2 { margin:0 0 40px; }
#main_content  .grid {letter-spacing:0;}

#main_content .item {
	padding:0 0 20px;
	margin:0 0 20px;
	background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content .item p { line-height:1.5em; }
#main_content .item p.date,
#main_content .item p.title {
	font-weight:bold;
	font-size:14px;
}
#main_content .item p.title { margin:0 0 10px; }

#main_content .detail {
	padding:0 0 40px;
	margin:0 0 20px;
	background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content .detail p.date {
	font-weight:bold;
	margin:0 0 10px;
}
#main_content .detail p.title {
	font-size:16px;
	font-weight:bold;
	padding:0 0 20px;
	margin:0 0 20px;
	background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content .detail .inner .grid_unit{ letter-spacing: 0em; width:48%; padding:0 1%;}
#main_content .detail p{
	margin:0 0 1em;
}
#main_content .item a,
#main_content .detail a {
	color:#233c7a!important;
	text-decoration:underline;
}
#main_content .item a:hover,
#main_content .detail a:hover { text-decoration:none; }

#main_content .pager {
margin:20px 0 0;
padding:10px 10px 0;
background:#e8e8e8;
}
#main_content .pager li {
display:inline-block;
margin:0 5px 10px;
}
#main_content .pager li a{
height:36px;
width:36px;
line-height:36px;
display:block;
background:#fff;
vertical-align:middle;
text-align:center;
}
#main_content .pager li span,
#main_content .pager li a:hover{
text-decoration:none;
background:#626262;
color:#fff;
}
#main_content .pager .wp-pagenavi span,
#main_content .pager .wp-pagenavi a{
height:36px;
width:36px;
line-height:36px;
display:inline-block;
background:#fff;
vertical-align:middle;
text-align:center;
margin:0 5px 10px;
}
#main_content .pager .wp-pagenavi span,
#main_content .pager .wp-pagenavi a:hover{
text-decoration:none;
background:#626262;
color:#fff;
}
#main_content .wp-pagenavi span.pages{
display:none!important;
}
#bottom_content { display:none; }

@media only screen and (max-width:960px) {
#side_content {
display:none;
}
#main_content {
width:100%;
float:none;
margin:0 auto;
}
}
@media only screen and (max-width:640px) {
#main_content .detail .inner .grid_unit { width:100%; }
}