@charset "utf-8";

/*==================================================================
//
//  voices style
//
==================================================================*/


/* content
============================================================*/
#voices #content {
	float: left;
/*	width: 660px;
*/	margin: 5px 0 0;
}
/*
//----------------------------------------
// contentPanelTitle
//----------------------------------------
*/
#voices #contentTitle .catch{
	position: relative;
	height: 32px;
	padding: 0 0 0 10px;
	font-weight:bold;
	font-size: 16px;
	line-height: 32px;
}
#voices #contentTitle .entryColumn:after{
	content: "|";
	margin: 0 0 0 10px;
	font-weight: normal;
}

#voices #contentTitle .catch span{
	float: left;
	margin: 0 0 0 10px;
}
#voices .contentPanelTitle{
	position: relative;
	height: auto;
}
#voices .contentPanelTitle .indexNavi{
	position: absolute;
	top: 0;
	right: 0;
}

#voices .contentPanelTitle #entryHead{
	cursor: pointer;	
}
#voices .contentPanelTitle #entryHead{
	margin:  10px 0 0;
	padding: 6px;
	background:  url(/images/side/bg_side_contents.gif) 0 0;
}
#voices .contentPanelTitle #entryHead > div{
	background: #fff;
	padding: 15px;
}
/*#voices .contentPanelTitle #entryHead{
	margin:  10px 0 0;
	padding: 15px;
	border: 6px solid #ccc;
}*/
#voices .contentPanelTitle #entryHead .entryAuthor{
	float: right;
	font-weight: bold;
}
#voices .contentPanelTitle #entryHead p{
	display: table-cell;
	width: 630px;
	height: 90px;
	font-size: 20px;
	text-align: left;
	vertical-align: middle;
}
#voices .contentPanelTitle #entryHead p .blogName{
	display: block;
	font-size: 28px;
}

/*
//----------------------------------------
// contentTitle
//----------------------------------------
*/
#voices #contentTitle {
/*	height: 77px;*/
}
	#voices #contentTitle #contentTitleBody {
/*		padding: 14px 9px 0;
*/	}
	#voices #contentTitle h2 {
		float: left;
		margin: 0 15px 0 0;
	}
	#voices #contentTitle .cap {
		font-weight: bold;
		font-size: 14px;
		height: 32px;
		line-height: 32px;
	}
	#voices #contentTitle .cap span{
		font-size: 12px;
	}
/*
//----------------------------------------
// contentPanelColumn
//----------------------------------------
*/
#contentPanelColumn{
}
		#contentPanelColumn .author {
			width: 380px;
			height: auto;
/*			height: 430px;
*/			float: left;
			margin: 0 20px 30px 0;
		}

		#contentPanelColumn .author .imgOver{
			padding: 0 0 15px;
		}
		#contentPanelColumn .author .imgOver img{
			float: left;
			width: 90px;
			height: 90px;
		}
		#contentPanelColumn .author .entryAuthor{
			float: right;
		}
		#contentPanelColumn .author .entryAuthor p{ 
			display: table-cell;
			width: 270px;
			height: 91px;
			vertical-align: middle;
			line-height: 24px;
			text-align: left;
			font-weight: bold;
			font-size: 16px;
		}
		#contentPanelColumn .author .entryAuthor p span.blogName{ 
			display: block;
			font-size: 20px;
		}
				#contentPanelColumn .author .entry{ 
					position: relative;
					height: 45px;
				}
				#contentPanelColumn .author .entry h5{ 
					font-weight: bold;
					font-size: 17px;
					line-height: 1.3;
					width: 380px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis; /* Opera9,10対応 */
				}
				#contentPanelColumn .author .entry .date{ 
					position: absolute;
					left: 0;
					bottom: 15px;
					font-weight: bold;
					font-size: 12px;
					color: #999;
				}
				#contentPanelColumn .author .entry .date img{ 
					vertical-align: top;
				}
				#contentPanelColumn .author a:hover{ 
					color: #098576;
				}



		#contentPanelColumn #authorPanelWarp{
			width: 780px;
			margin: 0;
			padding: 0 0 10px;
		}

		#contentPanelColumn #archivesPanelWrap{
			width: 780px;
			margin: 0;
			padding: 0 0 10px;
		}

		#contentPanelColumn #authorPanelColumn{
			width: 800px;
		}
		#contentPanelColumn #authorPanelColumn.authorPanelArchive .author{ 
			margin: 0 20px 30px 0;
			height: 150px;
		}

/*
//----------------------------------------
// contentPanelColumn
//----------------------------------------
*/
#writerPanelWarp{
	width: 780px;
	margin: 40px 0 0;
}
		#writerPanelWarp h2{
			margin: 0 0 30px;
		}
		#writerPanelWarp .writer{
			width: 375px;
			height: auto;
			display: inline-block;
			margin: 0 20px 35px 0;
			vertical-align: top;
		}
		#writerPanelWarp .writer a{
			font-size: 17px;
			font-weight: bold;
			color: #098576;
		}
		#writerPanelWarp .writer a span{
			display: inline-block;
			margin: 0 8px 0 0;
			width: 4px;
			height: 12px;
			background: #098576;
		}

		#writerPanelWarp .writer .entryAuthor{
			text-align: left;
			font-weight: bold;
			font-size: 16px;
		}
		#writerPanelWarp .writer .entryAuthor{
			position: relative;
			padding: 0 0 0 14px;
			text-align: left;
			font-weight: bold;
			font-size: 16px;
		}


		#writerPanelWarp .writer .imgOver{
			padding: 0;
			background: none;
		}

		#writerPanelWarp .writer .imgOver img{
			float: left;
			width: 90px;
			height: 90px;
		}




		#writerPanelWarp .writer .entryAuthor p span.blogName{ 
			display: block;
			font-size: 20px;
		}
				#writerPanelWarp .writer .entry{ 
					position: relative;
					height: 45px;
				}
				#writerPanelWarp .writer .entry h5{ 
					font-weight: bold;
					font-size: 17px;
					line-height: 1.3;
					width: 380px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis; /* Opera9,10対応 */

				}
				#writerPanelWarp .writer .entry .date{ 
					position: absolute;
					left: 0;
					bottom: 15px;
					font-weight: bold;
					font-size: 12px;
					color: #999;
				}
				#writerPanelWarp .writer .entry .date img{ 
					vertical-align: top;
				}



				#writerPanelWarp .writer a:hover{ 
					color: #098576;
				}

		#writerPanelWarp #writerPanelWarp{
			width: 780px;
			margin: 0 0 40px;
			padding: 0 0 10px;
		}
		#writerPanelWarp #writerPanelColumn{
			width: 800px;
		}
		#writerPanelWarp #writerPanelColumn.writerPanelArchive .author{ 
			margin: 0 20px 0 0;
			height: 150px;
		}



/*
//----------------------------------------
// contentPanel
//----------------------------------------
*/
#voices .twoColumnWrap {
	margin: 20px 0 0;
}
	#voices .contentBody {
		padding-top: 9px;
		padding-bottom: 9px;
	}
		#voices .contentBody .entry h5 {
			font-weight: bold;
			padding-left: 18px;
			background: url(/images/common/arrowRed.gif) no-repeat 5px 0.4em;
		}
		#voices .contentBody .entry p {
			line-height: 1.5;
			padding-left: 18px;
		}
		#voices .contentBody .entry .date {
			color: #999999;
			line-height: 1.5;
			padding-left: 18px;
		}
		
		#voices .contentBody .blockTitle {
			margin-bottom: 12px;
			padding-right: 10px;
		}
			#voices .contentBody .blockTitle h3 {
				float: left;
			}
			#voices .contentBody .blockTitle .cap {
				float: right;
				font-weight: bold;
				line-height: 18px;
			}
	
	#voices #contentPanelColumn {
		float: left;
	}
		#voices #contentPanelColumn .contentBody {
			width: 323px;
		}
		* html #voices #contentPanelColumn .contentBody {
			width: 325px;
		}
		
		#voices #contentPanelColumn .contentBody .author {
			margin-top: 12px;
			margin-right: 6px;
			margin-left: 6px;
			padding-bottom: 2px;
		}
			#voices #contentPanelColumn .contentBody .author h4 {
				margin-bottom: 12px;
			}
			#voices #contentPanelColumn .contentBody .author .entry {
				margin-right: 3px;
				margin-left: 3px;
				padding-top: 0px;
				padding-bottom: 5px;
			}
	
	#voices #contentPanelBlog {
		float: right;
	}
		#voices #contentPanelBlog .contentBody {
			width: 323px;
			background-color: #e6e6de;
			padding-left: 1px;
			padding-right: 1px;
		}
		
		#voices #contentPanelBlog .contentBody .author {
			margin-top: 9px;
			margin-right: 9px;
			margin-left: 9px;
			padding-top: 3px;
		}
			#voices #contentPanelBlog .contentBody .author h4 {
				margin-bottom: 9px;
			}
			#voices #contentPanelBlog .contentBody .author .entry {
				padding-top: 6px;
				padding-bottom: 6px;
			}
			#voices #contentPanelBlog .contentBody .author .entry .date {
				color: #666666;
			}

/* entry
============================================================*/
/*
//----------------------------------------
// entryHead
//----------------------------------------
*/
#voices #entryHead {
	padding-top: 14px;
	padding-left: 6px;
	padding-right: 6px;
}
	#voices #entryHead #entryHeadCapWrap {
		padding-left: 12px;
		padding-right: 15px;
	}
	
	#voices #entryHead h2 {
		margin-top: 12px;
	}
	#voices .blog #entryHead h2 {
		padding: 3px;
	}
/*
//----------------------------------------
// contentPanelTitle
//----------------------------------------
*/
#voices .contentPanelTitle {
	
}
#voices .underEntryHead {
	padding-top: 25px;
}
/*
//----------------------------------------
// entryDetail
//----------------------------------------
*/
#voices .entryDetail {

}

		
	#voices .entryDetail .entryImageNoCap {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	#voices .entryDetail .entryImageNoCap img {
	}
	#voices .entryDetail .entryDetailBodyCopy {
		margin-bottom: 25px;
		padding: 0px 40px;
		float: none;
	}
		#voices .entryDetail .entryDetailBodyCopy p {
			line-height: 28px;
			margin-bottom: 1.4em;
		}
		#voices .entryDetail .entryDetailBodyCopy h4{
			height: 34px;
			line-height: 34px;
			font-weight: bold;
			font-size: 20px;
			padding-left: 18px;
			border-left: 2px solid #ee3229;
			margin-bottom: 1.4em;
		}
/*
//----------------------------------------
// profile
//----------------------------------------
*/
/*#voices #authorProfile {
	border: 1px solid #CCCCCC;
	margin: 10px 40px 36px;
	padding: 9px;
}
	#voices #authorProfile .profileImg {
		float: left;
		width: 90px;
	}
	#voices #authorProfile .profileTxt {
		float: right;
		width: 435px;
		padding-top: 8px;
	}
		#voices #authorProfile .profileTxt h4 {
			margin-top: 15px;
			font-weight: bold;
			line-height: 1.4;
		}
		#voices #authorProfile .profileTxt p {
			margin-top:2px;
			line-height: 1.4;
		}
*/
#voices #profileWrap {
	margin: 0 0 20px;
}
#voices #authorProfile {
	padding: 20px 0 15px;
}
	#voices #authorProfile .profileImg {
		float: left;
		width: 90px;
	}
	#voices #authorProfile .profileTxt {
		float: right;
		width: 670px;
	}
		#voices #authorProfile .profileTxt h3{
			margin: 0 0 15px;
			font-weight: bold;
			font-size: 18px;
			line-height: 1.4;
		}
		#voices #authorProfile .profileTxt p {
			margin-top:2px;
			font-size: 15px;
			line-height: 28px;
		}

#voices #profileWrap #authorProfile a{
	text-decoration: underline;
}
#voices #profileWrap #authorProfile a:hover{
	text-decoration: none;
	color: #ee3229;
}
#voices #profileWrap #authorProfile .link{
	margin: 10px 0 0;
	font-size: 15px;
}

/*
/*
//----------------------------------------
// recommend
//----------------------------------------
*/
#voices #recommend {
	background-color: #F3F3F3;
}
	#voices #recommend .title {
		color: #333333;
		border-left: 5px solid #333333;
	}

/* list page
============================================================*/
#voices .entryList {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
}
#voices .entryList .entryDetail {
	padding-top: 28px;
	padding-bottom: 0px;
}
	#voices .entryList .entryDetailHeadline {
		padding-top: 0px;
		padding-left: 45px;
		border-left: 5px solid #B22100;
	}
		#voices .entryList .entryDetailHeadline h3 {
			line-height: 1;
		}
		#voices .entryList .entryDetailHeadline .date {
			line-height: 1.4;
			margin-top: 3px;
		}
	
	#voices .entryList .entryDetailBodyCopy {
		margin-left: 50px;
		margin-right: 50px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
	}
/*
//----------------------------------------
// bottomCnt
//----------------------------------------
*/
#voices .entryList .bottomCnt {
	margin: 0px 50px;
	padding: 12px 0px;
}
	#voices .entryList .bottomCnt .rollover {
		margin-top: 4px;
	}
/*
//----------------------------------------
// indexNavi
//----------------------------------------
*/
#voices .indexNaviWrap {
	margin-top: 15px;
}
	#voices .indexNaviWrap .indexNavi {
		
	}





/*==================================================================
//
//  2009.07.01〜　修正
//
==================================================================*/


/* content
============================================================*/
/*
//----------------------------------------
// contentPanel
//----------------------------------------
*/
			#voices #contentPanelColumn .contentBody .author .entry {
				margin-right: 3px;
				margin-left: 3px;
				padding-top: 6px;
				padding-bottom: 6px;
			}
		
		#voices #contentPanelBlog .contentBody .author {
			margin-top: 12px;
			margin-right: 6px;
			margin-left: 6px;
			padding-top: 0px;
			padding-bottom: 2px;
		}
			#voices #contentPanelBlog .contentBody .author h4 {
				margin-bottom: 12px;
			}

			#voices .contentBody .author .btAllView {
				text-align: right;
				margin-top: 11px;
				margin-bottom: 5px;
				margin-right: 13px;
			}

/*==================================================================
//
//  2015.08.12〜　修正
//
==================================================================*/
	#voices .entryDetail .entryImage{
		text-align: center;
		margin-top: 30px;
		margin-bottom: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	#voices .entryDetail .entryImage .cap{
		margin: 0.5em auto 0;
		text-align: left;
		line-height: 1.5;
	}




#voices #NewsPanel{
	margin: 0 0 60px ;
}
#voices #NewsPanel .latestEntryWrap{
	padding: 20px 0 15px;
}

#voices #NewsPanel .latestEntryWrap .latestEntry{
	font-size: 14px;
	font-weight: bold;
}
#voices #NewsPanel .latestEntryWrap .latestEntry a:hover{
	color: #098576 !important;
	text-decoration: underline;
}
#voices #NewsPanel .latestEntryWrap .latestEntry + .latestEntry{
	margin: 15px 0 0;
}

#voices #NewsPanel .latestEntryWrap .latestEntry .time{
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #999;
}