@CHARSET "utf-8";



/* アフターメンテナンス用CSS */


/* トピックス */

ul.maintenanceTopicsList{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}

ul.maintenanceTopicsList li{
	width:486px;
	margin:0 20px 20px 0;
	background: #e6ebed;
	border-left:#1290b3 solid 4px;
	border-radius:5px;
}

ul.maintenanceTopicsList li:nth-of-type(even){
	margin-right:0;
}

ul.maintenanceTopicsList li div{
	padding:16px 14px 16px 60px;
	font-size:18px;
	font-weight:bold;
}

ul.maintenanceTopicsList li div.years{
	background:url('../img/maintenance/topics_icon_20years_dark.png') no-repeat;
	background-position:10px center;
	background-size:40px;
}

ul.maintenanceTopicsList li div.patrol{
	background:url('../img/maintenance/topics_icon_patrol_dark.png') no-repeat;
	background-position:10px center;
	background-size:40px;
}

ul.maintenanceTopicsList li div.tel{
	background:url('../img/maintenance/topics_icon_tel_dark.png') no-repeat;
	background-position:10px center;
	background-size:40px;
}

ul.maintenanceTopicsList li div.company{
	background:url('../img/maintenance/topics_icon_company_dark.png') no-repeat;
	background-position:10px center;
	background-size:40px;
}


ul.maintenanceTopicsList li div span.supplement{
	font-size:12px;
	color:inherit;
}


div.leftHalfBox{
	width:470px;
	float:left;
}

div.rightHalfBox{
	width:470px;
	float:right;
}



/* お客様の声 */

div.userVoiceBox{
}

div.userVoice{
	background:#e6ebed;
	padding:20px;
}

div.userVoice div.userName{
	float:left;
	margin-right:20px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}

div.userVoice div.userInfo{
	float:left;
	font-size:14px;
	padding-top:4px;
	margin-bottom:8px;
}

div.userVoice div.userRating{
	clear:both;
	border-top:1px solid #bbbbbb;
}

div.userVoice div.userRating div.total{
	font-size:24px;
}

div.userVoice div.userRating span.rating{
	color:#e07563;
	font-weight:bold;
	font-size:20px;
}

div.userVoice div.userRating div.total span.rating{
	font-size:28px;
}


div.userComment{
	padding:20px;
}

div.staffComment{
	padding:20px 20px 20px 190px;
	background:url('../img/maintenance/staff.jpg') no-repeat #f8f4dd;
	background-position:20px 20px;
	background-size:150px 150px;
	border-radius:5px;
	color:#333333;
}

div.staffComment div.staff{
	font-weight:bold;
}