@chartset "utf-8";

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


         　　　　　製品の特長　右サイド
		 

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


#right_content {
	float: right;
	width: 680px;
}

h1.top_title {
	background: url(../img/top_title_feature.gif) no-repeat left top;
	height: 25px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
.top_lead img {
	float: left;
}
.top_lead p {
	float: right;
	font-size: 105%;
	line-height: 1.7;
	padding-top: 10px;
	width: 490px;
}
	

h3 {
	border-left: #333 solid 4px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 40px;
	padding-left: 10px;
	width: 100%;
}
.line_dot {
	background: url(../../product/img/line_dot.gif) repeat-x left bottom;
	height: 40px;
	width: 100%;
}
.line_dot_order {
	background: url(../../product/img/line_dot.gif) repeat-x left bottom;
	height: 10px;
	width: 100%;
}

table.material {
	background: #fff;
	border: none;
	border-bottom: #999 solid 1px;
	border-collapse: collapse;
	line-height: 1.5;
	margin-bottom: 5px;
	text-align: left;
	width: 680px;
}
table.material th {
	border-bottom: #999 solid 1px;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.material th.title {
	background: #666;
	color: #fff;
}
table.material td {
	background: #fff;
	border-bottom: #999 solid 1px;
	text-align: left;
	vertical-align: top;
}
table.material .part {
	background: #eee;
	padding: 10px 20px 10px 10px;
	width: 110px;
}
table.material .material_name {
	padding: 10px 10px 10px 20px;
	width: 155px;
}
table.material .etc {
	padding: 10px 0;
	width: 385px;
}


table.oil {
	border: none;
	border-collapse: collapse;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 5px;
	table-layout: fixed;
	width: 680px;
}
table.oil th {
	background: #666;
	border: #999 solid 1px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
table.oil td {
	border: #999 solid 1px;
	font-size: 90%;
	padding: 10px;
	text-align: center;
}

ul.order li {
	line-height: 1.5;
	margin-bottom: 20px;
}
.order_no {
	float: left;
	width: 40px;
}
.order_text {
	float: left;
	width: 640px;
}

.order_text ol {
	margin-top: 20px;
}
.order_text ol li {
	font-weight: bold;
	margin-bottom: 15px;
}
.order_text ol li span {
	font-weight: normal;
}


ol.select_navi {
	margin-top: 20px;
}

dl.select_content {
	margin-top: 30px;
}
dl.select_content dt {
	border-bottom: #999 solid 1px;
	font-size: 120%;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	margin: 30px 0 20px 0;
	padding-left: 35px;
}
dl.select_content dt.select_no01 {background: url(../img/order_no_01.gif) no-repeat left top}
dl.select_content dt.select_no02 {background: url(../img/order_no_02.gif) no-repeat left top}
dl.select_content dt.select_no03 {background: url(../img/order_no_03.gif) no-repeat left top}
dl.select_content dt.select_no04 {background: url(../img/order_no_04.gif) no-repeat left top}
dl.select_content dt.select_no05 {background: url(../img/order_no_05.gif) no-repeat left top}
dl.select_content dt.select_no06 {background: url(../img/order_no_06.gif) no-repeat left top}
dl.select_content dt.select_no07 {background: url(../img/order_no_07.gif) no-repeat left top}

.rule {
	background: url(../img/rule_point.gif) no-repeat left 6px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 1em;
	margin: 15px 0 15px 0;
}
.rule_tume {
	margin-top: -10px;
}
.rule span {
	color: #666;
	font-size: 75%;
	font-weight: normal;
}
.rule_nopoint {
	background: none;
	margin-top: -5px;
	padding-left: 2em;
	text-indent: -1em;
}

table.service {
	border: none;
	border-collapse: collapse;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 45px;
	table-layout: auto;
	text-align: center;
	width: 680px;
}
table.service th {
	background: #eee;
	border: #999 solid 1px;
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
table.service th.title {
	background: #666;
	color: #fff;
	font-size: 90%;
}
table.service td {
	border: #999 solid 1px;
	font-size: 90%;
	padding: 10px;
	text-align: center;
}
table.service .time {
	width: 180px;
}
table.service .huka {
	background: #333;
	color: #fff;
	width: 80px;
}

table.overhang {
	border: none;
	border-collapse: collapse;
	line-height: 1.5;
	margin: 15px 0 45px 16px;
	table-layout: auto;
	text-align: center;
}
table.overhang caption {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
}
table.overhang th {
	background: #eee;
	border: #999 solid 1px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	width: 100px;
}
table.overhang td {
	border: #999 solid 1px;
	padding: 10px;
	text-align: center;
	width: 100px;
}

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


         製品の特長　左サイド（ナビゲーション）
		 

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

#left_content {
	float: left;
	width: 220px;
}
h2.sub_navi_title {
	background: url(../img/sub_navi_f_title.gif) no-repeat left top;
	height: 59px;
	text-indent: -9999px;
	width: 220px;
}
#left_content ul {
	border-top: #ccc solid 1px;
}
#left_content li {
	border-bottom: #ccc solid 1px;
	font-size: 1%;
	line-height: 0;
	margin: 0;
}

#left_content li img {
	vertical-align: top;
}