@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- service ---------- */

.service {
	width:706px;
	float:left;
	margin:0 -16px 0 0;
	padding:0 0 13px;
	display:inline;
	background:url(../../images/top/bg_m_bot.gif) left bottom no-repeat;
}

.service li {
	width:311px;
	float:left;
	margin:0 16px 0 0;
	padding:13px 13px 0;
	background:url(../../images/top/bg_s_top.gif) left top no-repeat;
}

.service .smile {
	width:664px;
	float:left;
	padding:37px 13px 0;
	background:url(../../images/top/bg_m_top.gif) left top no-repeat;
}

.service li h4 {
	width:135px;
	float:right;
	font-size:75%;
	line-height:1.5em;
	padding:5px 0 3px 20px;
	background:url(../../images/top/bg_arr_service.gif) left 5px no-repeat;
}

.service .smile h4 {
	width:488px;
}

.service li .image {
	float:left;
	padding:0;
}

.service li .text {
	width:155px;
	float:right;
	border-top:#CCCCCC 1px dotted;
	padding:5px 0 0;
}

.service .smile .text {
	width:508px;
}





/* ---------- info ---------- */

.info {
	font-size:75%;
	line-height:1.5em;
	padding:0 5px;
}

.info dt {
	background:url(../../images/top/bg_arr_info.gif) 5px top no-repeat;
	font-weight:bold;
	padding:0 5px 5px 30px;
}

.info dd {
	background:url(../../images/top/bg_line.jpg) left bottom no-repeat;
	padding:0 5px 15px 30px;
	margin:0 0 15px;
}