@charset "utf-8";


/*-----------------------------
	header
------------------------------*/

#header_inner{
	width:100%;
	background:url(images/header_bg.jpg) no-repeat center 161px;
	overflow:hidden;
}



/*-----------------------------
	side
------------------------------*/

/* snav */
/*
#side .snav{
	clear:both;
}
#side .snav dt{
	cursor:pointer;
	border-bottom:1px solid #314056;
}
#side .snav li{
	border-bottom:1px solid #314056;
}
*/

#side .snav {
	clear: both;
	font-size: 14px;
	text-align: left;
}
#side .snav dt {
	background: url("images/snav_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	border-bottom: 1px solid #314056;
	color: #FFFFFF;
	cursor: pointer;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	line-height: 50px;
	padding-left: 28px;
}
#side .snav a:hover {
	opacity: 0.7;
}
#side .snav dt a {
	color: #FFFFFF;
	text-decoration: none;
}
#side .snav dt.act {
	color: #D4A433;
}
#side .snav dt.act a {
	color: #D4A433;
	text-decoration: none;
}
#side .snav li {
	border-bottom: 1px solid #314056;
	color: #FFFFFF;
}
#side .snav li a {
	background: url("images/snav_icon.png") no-repeat scroll 15px top rgba(0, 0, 0, 0);
	color: #FFFFFF;
	display: block;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	line-height: 50px;
	padding-left: 35px;
	text-decoration: none;
}
#side .snav li.act {
	color: #D4A433;
}
#side .snav li.act a {
	color: #D4A433;
	text-decoration: none;
}


/*-----------------------------
	main
------------------------------*/

/* title */
#main .title{
	margin-bottom:30px;
}
/* saerch_box */
#saerch_box{
	clear:both;
	padding:15px 20px;
	border:1px solid #fff;
	overflow:hidden;
	margin-bottom:30px;
}
#saerch_box input[type="text"]{
	height:22px;
	line-height:22px;
	width:435px;
}
/* results */
#results{
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
}
#results .inbox{
	float:left;
	width:195px;
	padding:15px 15px 5px;
	text-align:left;
	line-height:1.2;
	background:#123B77;
	margin-right:15px;
	margin-bottom:15px;
}
#results div p{
	margin-bottom:10px;
	
}
#results div p.viewed{ height:20px;}
#results div p.new{margin-bottom:0px; color:#FF0000; font-size:10px; font-weight:bold; min-height:12px;}
#results .mn{
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width:195px;
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:5px;
}
#results .bunchin{
	clear:both;
	margin-bottom:10px;
}
#results .bunchin dt{
	height:20px;
	line-height:20px;
	text-align:center;
	background:#2A5394;
	margin-bottom:5px;
}
#results .bunchin dd{
	font-size:14px;
	clear:both;
	overflow:hidden;
	margin-bottom:4px;
	line-height:20px;
}
#results .bunchin dd span{
	height:20px;
	line-height:20px;
	background:#2A5394;
	width:5em;
	display:block;
	float:left;
	margin-right:5px;
	padding-left:3px;
	font-size:10px;
}
#results .date{
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
}
#results .date dt{
	float:left;
	width:90px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#2A5394;
	margin-right:15px;
}
/* pages */
#pages{
	clear:both;
	overflow:hidden;
}
#pages li{
	float:left;
	margin-right:5px;
}
#pages li a{
	display:block;
	height:24px;
	line-height:24px;
	padding:0 7px;
	text-align:center;
	text-decoration:none;
	border:2px solid #123B77;
	background:#123B77;
}
#pages li.act a,
#pages li a:hover{
	color:#fff;
	border:2px solid #fff;
	text-decoration:none;
}
/* detail1 */
#detail1{
	clear:both;
	padding:20px;
	overflow:hidden;
	background:#123B77;
	margin-bottom:30px;
}
#detail1 .mt{
	font-size:18px;
	margin-bottom:15px;
}
#detail1 .bunchin{
	clear:both;
	font-size:12px;
	letter-spacing:0;
	margin-bottom:10px;
	overflow:hidden;
}
#detail1 .bunchin dt{
	float:left;
	width:90px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#2A5394;
	margin-right:15px;
}
#detail1 .bunchin dd{
	overflow:auto;
	float:left;
	margin-right:35px;
}
#detail1 .bunchin dd span{
	height:20px;
	line-height:20px;
	background:#2A5394;
	width:5em;
	display:block;
	float:left;
	margin-right:10px;
	padding-left:3px;
	text-align:center;
}

#detail1 .date{
	clear:left;
	float:left;
	width:215px;
	font-size:12px;
	margin-bottom:10px;
	overflow:hidden;
}
#detail1 .date dt{
	float:left;
	width:90px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#2A5394;
	margin-right:15px;
}
#detail1 .viewed{
	width:100px;
	height:20px;
	overflow:hidden;
	display:block;
	padding-top:5px;
}
#detail1 .viewed img{
	margin-left:-45px;
}
#detail1 .listen{
	font-size:12px;
	letter-spacing:0;
	margin-bottom:10px;
	width:510px;
	float:left;
}
#detail1 .listen dt{
	float:left;
	width:90px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#2A5394;
	margin-right:15px;
	margin-top:5px;
}
#detail1 .listen dd{
	overflow:hidden;
}
/* detail2 */
#detail2{
	clear:both;
	letter-spacing:0;
	font-size:14px;
	padding:0 0 30px;
	border-bottom:1px solid #313E53;
	margin-bottom:25px;
}
/* detail3 */
#detail3{
	clear:both;
	letter-spacing:0;
	overflow:hidden;
	margin-bottom:25px;
}
#detail3 li{
	clear:both;
	font-size:14px;
	padding-left:20px;
	background:url(images/icon.png) no-repeat left 5px;
	margin-bottom:15px;
}

#detail3 li a{ display:block; margin-bottom:5px;}

#detail3 li span{
	height:20px;
	line-height:20px;
	background:#2A5394;
	margin-right:10px;
	padding:0 10px;
	text-align:center;
	font-size:10px;
}