@charset "Shift_JIS";


/* =================================================================================

 Common style of voice

================================================================================= */

/* ///////////////////////////////////////////////// common‚š¸ć¸‘‚« */


/* ///////////////////////////////////////////////// common */


/* ///////////////////////////////////////////////// index style */
#sectionWrap.index h2{
	margin-bottom:20px;
}

#sectionWrap.index h3{
	margin-top:20px;
}

#sectionWrap.index ul{
	margin-top:20px;
	margin-bottom:20px;
	margin-right:-20px;
	width:780px;
}
	#sectionWrap.index ul li{
		width:175px;
		margin-right:20px;
		font-size:93%;
	}
	#sectionWrap.index ul li img{
		margin-bottom:10px;
	}
	#sectionWrap.index ul li span{
		display:block;
	}


/* ///////////////////////////////////////////////// list style */

#sectionWrap.list ul#voiceList{
	margin:30px auto;
}

	#sectionWrap.list ul#voiceList li{
		margin-top:10px;
		padding-left:12.6em;
		position:relative;
		zoom:1;
	}

	/* for IE6,7 */
	* html #sectionWrap.list ul#voiceList li{ padding-left:12.6em; }
	*:first-child+html #sectionWrap.list ul#voiceList li{ padding-left:12.6em; }

	#sectionWrap.list ul#voiceList li span.date{
		position:absolute;
		left:0;
		top:0;
		font-size:85.7%;
	}

	#sectionWrap.list ul#voiceList li span.category{
		position:absolute;
		left:5em;
		top:1px;
	}

	/* for IE6,7 */
	* html #sectionWrap.list ul#voiceList li span.category{ left:4.5em; }
	*:first-child+html #sectionWrap.list ul#voiceList li span.category{ left:4.5em; }

		#sectionWrap.list ul#voiceList li span img{
			padding-left:16px;
			vertical-align:middle;
		}

	#sectionWrap.list ul#voiceList li span.linkTxt{
		display:inline-block;
	}
	/* for IE6,7 */
	* html #sectionWrap.list ul#voiceList ul#voiceList li span.linkTxt,
	*:first-child+html #sectionWrap.list ul#voiceList li span.linkTxt{
		display:inline;
		zoom:1;
	}

	* html #sectionWrap.list ul#voiceList li{
		margin-top:10px;
	}


/* ///////////////////////////////////////////////// detail style */

#sectionWrap.detail .sttl03{
	margin-top:20px;
}

#sectionWrap.detail .ttlblue{
	position:relative;
}

	#sectionWrap.detail .ttlblue span{
		padding:20px 120px 25px 30px;
		width:610px;
	}

	#sectionWrap.detail span.category{
		position:absolute;
		top:21px;
		right:20px;
		padding:0;
		background:none;
		width:82px;
	}

#sectionWrap.detail ul.buttonArea{
	margin-top:20px;
}

	#sectionWrap.detail ul.buttonArea li{
		margin-bottom:10px;
		text-align:center;
	}

#sectionWrap.detail p.voice{
	margin-top:20px;
	padding:0 20px;
}
#sectionWrap.detail ul.voice{
	margin-top:20px;
	padding:0 20px;
	padding-left:3em;
}
#sectionWrap.detail ul.voice li{
	list-style:disc;
}

#sectionWrap.detail p.prof{
	padding:0 20px;
	text-align:right;
}

#sectionWrap.detail p.explanatory{
	margin-top:10px;
	padding-right:20px;
	margin-left:20px;
}

#sectionWrap.detail div.improveArea{
	background:#daeaf2 url(img/arrow.gif) no-repeat center 135px;
	margin-top:20px;
	padding:20px;
}
#sectionWrap.detail div.improveArea.none,
#sectionWrap.detail div.improveArea.exVoice{
	background-image:none;
}

#sectionWrap.detail div.improveArea .fl,
#sectionWrap.detail div.improveArea .fr{
	width:350px;
}

#sectionWrap.detail div.improveArea .w155{width:155px;}
#sectionWrap.detail div.improveArea .w230{width:230px;}
#sectionWrap.detail div.improveArea .w545{width:545px;}

#sectionWrap.detail div.improveArea h4{
	font-weight:bold;
	padding-left:15px;
	background: url(/common/css/shift/img/icon/square01.gif) no-repeat left 2px;
	margin-bottom:5px;
}

#sectionWrap.detail div.improveArea p{
	margin-top:20px;
}
#sectionWrap.detail div.improveArea ul{
	margin-top:20px;
	padding-left:20px;
}
#sectionWrap.detail div.improveArea li{
	list-style:disc;
}
#sectionWrap.detail div.improveArea.exVoice p{
	margin-top:13px;
}

#sectionWrap.detail div.improveImageArea{
	background:#daeaf2 url(img/arrow.gif) no-repeat center center;
}

#sectionWrap.detail div.improveImageArea2{
	background:#daeaf2 url(img/arrow2.gif) no-repeat center center;
}

.tbl {
  table-layout:fixed;
}

.tbl th {
  width: 18%;
  color: #ffffff;
  border: 1px #cccccc solid;
	background:#0072ba;
  padding: 7px 12px;
  font-size: 90%;
}

.tbl td {
  border: 1px #cccccc solid;
	background:#ffffff;
  padding: 7px 12px;
  font-size: 90%;
}

/*#sectionWrap.list h2{
	margin-bottom:-10px;
}

#sectionWrap.list h3{
	margin-top:30px;
}

#sectionWrap.list h4{
	font-weight:bold;
	padding-left:15px;
	background: url(../../../../common/css/img/icon/square01.gif) no-repeat left 2px;
}

#sectionWrap.list div#anchorArea{
	margin-top:-10px;
	margin-right:-20px;
	width:770px;
}
	#sectionWrap.list div#anchorArea div.listTable{
		float:left;
		margin-right:10px;
		width:369px !important;
	}
	#sectionWrap.list div#anchorArea div.listTable ul{
		padding:20px 15px 5px 30px;
	}
		#sectionWrap.list div#anchorArea div.listTable ul li{
			border:none;
			padding:0;
			list-style-type:disc;
			line-height:1.25;
			margin-bottom:5px;
		}
		#sectionWrap.list div#anchorArea div.listTable ul li a{
			margin-right:10px;
		}

#sectionWrap.list div.voiceArea{
	padding:25px 20px 10px;
}
	#sectionWrap.list div.voiceArea h4{
		width:140px;
		float:left;
	}
	#sectionWrap.list div.voiceArea p.voice{
		width:545px;
		float:right;
	}
	#sectionWrap.list div.voiceArea p.prof{
		width:545px;
		float:right;
		text-align:right;
	}
	#sectionWrap.list div.voiceArea p.explanatory{
		width:533px;
		float:right;
		margin-top:5px;
	}

#sectionWrap.list div.improveArea{
	background:#daeaf2 url(img/bg_improve.gif) no-repeat center top;
	padding:20px;
}

#sectionWrap.list div.improveArea div.leftArea{
	width:350px;
	float:left;
}
	#sectionWrap.list div.improveArea div.leftArea h4{
		margin-bottom:15px;
	}

#sectionWrap.list div.improveArea div.image{
	float:right;
	margin-top:15px;
}*/

.txt_s {
	font-size:86%;
}