@charset "utf-8";
/* ===================================================================

CSS information

=================================================================== */
/* ----------------------------------------------------
	
---------------------------------------------------- */
/* news_wrap */
#main .news_wrap{
	margin-bottom: 45px;
	overflow: hidden;
}
#main .news_wrap a{
	color: #d93932;
}
#main .news_wrap a:hover{
	text-decoration: underline;
}

/* 見出し */
#main h2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 233%; /* 28px */
	color: #d93932;
}
#main .date {
	margin-top: 5px;
}

/* ニュース本文エリア */
#main .news_box{
	margin: 25px 0 35px;
	*zoom: 1;
}
#main .news_box:before,
#main .news_box:after{
	content: " ";
	display: table;
	clear: both;
}

/* テキスト */
#main .text_area{
	float: left;
	width: 545px;
}
#main .text{
	font-size: 117%; /* 14px */
	line-height: 1.6;
}
#main .text p {
	margin-bottom: 10px;
}
#main .text_area dl{
	margin: 25px 0;
}
#main .text_area dl dd{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 15px;
	font-size: 117%; /* 14px */
}

/* 画像 */
#main .image{
	float: right;
	width: 400px;
	text-align: center;
}
#main .image img{
	max-width: 400px;
	height: auto;
}

/* prev nextボタン */
#main ul.btn{
	text-align: center;
}
#main ul.btn li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 15px;
}
#main ul.btn li.none{
	visibility: hidden;
}
#main ul.btn li a{
	display: table;
	height: 24px;
	font-size: 14px; /* 絶対値指定 */
}
#main ul.btn li.next a{
	padding-left: 24px;
	background: url(../img/news/icn_next.png) no-repeat left center;
}
#main ul.btn li.prev a{
	padding-right: 24px;
	background: url(../img/news/icn_prev.png) no-repeat right center;
}
#main ul.btn li a span{
	display: table-cell;
	vertical-align: middle;
}


/* ----------------------------------------------------
	
---------------------------------------------------- */
#main .related_wrap{
	margin-bottom: 45px;
}
#main #related {
	margin: 0 -5px;
	*zoom: 1;
}
#main #related:before,
#main #related:after{
	content: " ";
	display: table;
	clear: both;
}
#main #related .item{
	line-height:1.6em;
	width:180px;
	margin:10px 9px;
	float:left;
	color:#666;
	background-color:#fff;
	-moz-box-shadow:0px 0px 5px rgba(000,000,000,0.2),;
	-webkit-box-shadow:0px 0px 5px rgba(000,000,000,0.2);
	box-shadow:0px 0px 5px rgba(000,000,000,0.2);
}
#main #related .item a{
	display:block;
}
#main #related .item a:hover{
	background-color:#fff;
	-moz-box-shadow:0px 0px 5px rgba(000,000,000,0.6),;
	-webkit-box-shadow:0px 0px 5px rgba(000,000,000,0.6);
	box-shadow:0px 0px 5px rgba(000,000,000,0.6);
}
#social ul{
	overflow: hidden;
}
#social ul li{
	margin: 0 10px 0 0;
	display: inline;
	float: left;
}
@media screen and ( max-width: 480px ) {
	/* テキスト */
	#main .text_area{
		float: none;
		width: 100%;
	}
	#main .text_area dl{
		margin: 25px 0;
	}
	/* 画像 */
	#main .image{
		float: none;
		width: 100%;
		text-align: center;
	}
	#main .image img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	#related{
		padding: 20px 10px 0;
	}
	#main #related .item{
		width: 100%;
		margin: 0 0 20px 0;
	}
}