@charset "Shift-JIS";


/* ===== ----- メインエリア ----- ===== */

.fr {
	float: none;
	width: 180px;
	margin: 0px auto 10px auto;
}

.mainTtl {
	background: url(../img/main_ph.jpg) no-repeat 0px 0px;
	width: 90%;
	height: 51px;
	font-size: 120%;
	color: #ffffff;
	margin: 8px 0px 20px 0px;
	padding: 95px 0px 0px 10%;
}

.ttlFlow {
	position: relative;
	background-color: #0281c3;
	width: 88%;
	font-size: 90%;
	color: #ffffff;
	margin: 20px 3px 20px 3px;
	padding: 10px 5%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ttlFlow:after {
	content: '';
	position: absolute;
	border-top: 10px solid #0281c3;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	bottom: -9px;
	left: 50px;
}

.flowList {
	width: 309px;
	list-style-type: none;
	margin: 20px auto 0px auto;
}

.flowList li {
	width: 174px;
	height: 100px;
	padding: 19px 10px 10px 125px;
}

.flowList li p {
	font-size: 95%;
	line-height: 150%;
}

.flowList li p.ttl {
	color: #ffffff;
	font-size: 100%;
	padding-bottom: 14px;
}

.flowList #buy01 {
	background: url(../../img/buy01.jpg) no-repeat 0px 0px;
}

.flowList #buy02 {
	background: url(../../img/buy02.jpg) no-repeat 0px 0px;
}

.flowList #buy03 {
	background: url(../../img/buy03.jpg) no-repeat 0px 0px;
	height: 120px;
}

.flowList #buy04 {
	background: url(../../img/buy04.jpg) no-repeat 0px 0px;
	height: 120px;
}


.voiceList li {
	width: 90%;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	padding: 5%;
}

.voiceList li:nth-child(odd) {
	margin-right: 10px;
}

.voiceStar {
	color: #fd840b;
}