﻿@charset "utf-8";

/* トップページ */
#main .main_img {
    width: 650px;
    margin-bottom:15px;
}
/* ナスタからのメッセージ */
.message {
	width: 740px;
	height: 32px;
	background: url(../images/bg_message.jpg) left top no-repeat;
	font-size: 16px;
	padding: 13px 10px 0 190px;
}

/* ナスタ安心宣言 */
.anshin {
	width: 315px;
	height: 246px;
	background: url(../images/bg_anshin.jpg) left top no-repeat;
	padding: 88px 0 0 345px;
}

	.anshin ul {
	}
	
		.anshin ul li {
			float: left;
			margin: 0 5px 5px 0;
		}
		
.anshin p {
	margin: 0 0 40px 0;
}

/* お知らせ */
h3.oshirase {
	width: 97px;
	height: 27px;
	background: url(../images/h_oshirase.jpg) left top no-repeat;
	padding: 7px 0 0 563px;
}

/* ユーザーの声 */
h3.user-voice {
	width: 97px;
	height: 27px;
	background: url(../images/h_user_voice.jpg) left top no-repeat;
	padding: 7px 0 0 563px;
}		

	table.news {
		width: 660px;
		margin: 0 0 30px 0;
	}
	
		table.news th {
			width: 110px;
			border-bottom: 1px dotted #CBCBCB;
			padding: 5px 0 5px 5px;
		}
		
		table.news td {
			border-bottom: 1px dotted #CBCBCB;
			padding: 5px 0 5px 5px;
		}
		
p.toukou {
	text-align: right;
}



/* 換気扇の形状（メーカー検索） */
.select-form {
	width: 620px;
	height: 156px;
	background: url(../images/bg_maker_form.jpg) left top no-repeat;
	padding: 30px 0 0 30px;
}

	.select-form ul {
	}

		.select-form ul li {
			float: left;
			margin: 0 50px 0 0;
		}
		
		.select-form ul li.last {
			margin: 0;
		}

/* 換気扇のサイズ（メーカー検索） */
.select-size {
	width: 630px;
	height: 156px;
	background: url(../images/bg_maker_size.jpg) left top no-repeat;
	padding: 30px 0 0 20px;
}

	.select-size ul {
	}

		.select-size ul li {
			float: left;
			margin: 0 20px 0 0;
		}
		
			.select-size ul li dl dt {
				text-align: center;
			}
			
			.select-size ul li dl dd {
				font-size: 10px;
				text-align: center;
				color: #4CAD2A;
				font-weight: bold;
			}
		
		.select-size ul li.last {
			margin: 0;
		}
		
/* 換気扇の具体的な形状 */	
.fan {
	float: left;
	width: 150px;
	margin: 0 0 24px 9px;
}

	.fan img {
		margin: 0 0 10px 0;
	}

p.result {
	border-top: 1px solid #B3B3B3;
	padding: 5px 0 0 0;
}


/* 換気扇の品番 */
.number {
	width: 610px;
	height: 143px;
	background: url(../images/bg_maker_purt_number.jpg) left top no-repeat;
	padding: 30px 20px 0 40px;
}

	.number dl {
	}
	
		.number dl dt {
			margin: 0 0 15px 0;
		}

			.number dl dt input {
				width: 270px;
			}
			
		.number dl dd {
			text-align: center;
		}

/* 換気扇のメーカー */
.maker {
	width: 642px;
	height: 127px;
	background: url(../images/bg_maker.jpg) left top no-repeat;
	padding: 26px 0 0 8px;
}

	ul.maker-navi {
		margin: 0 0 0 2px;
	}
	
		ul.maker-navi li {
			float: left;
			padding: 0 6px 6px 0
		}
		
		ul.maker-navi li.fifth {
			padding: 0 0 6px 0
		}

	ul.maker-navi2 {
		margin: 0 0 0 2px;
	}
	
		ul.maker-navi2 li {
			float: left;
			padding: 0 2px 6px 0
		}
		
		ul.maker-navi2 li.fifth {
			padding: 0 0 6px 0
		}


/* 商品一覧 */
h2.items {
	background: url(../images/h_item_list.jpg) left top no-repeat;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	padding: 32px 0 7px 70px;
}

	h2.items a {
		color: #FFF;
		font-size: 10px;
		font-weight: normal;
		padding: 0 5px;
	}

p.price {
	text-align: right;
	margin: 5px 0 0 0;
}


/* 商品詳細 */
.detail-area {
	border-bottom: 1px solid #B3B3B3;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

	dl.product-img {
		float: left;
		width: 260px;
	}
		dl.product-img dt {
			margin: 0 0 20px 0;
		}
	
			dl.product-img dt img {
				width: 260px;
			}
		
		dl.product-img dd {
		}
		
			dl.product-img dd img {
				width: 45px;
			}
	
	.detail {
		float: right;
		width: 360px;
		font-size: 12px;
	}
	
		.detail ul {
		}
		
			.detail ul li {
				margin: 0 0 15px 0;
			}
		
			.detail ul li.name {
				font-size: 17px;
			}
			
			.detail ul li.right {
				text-align: right;
			}
			
				.detail ul li.quant input {
					width: 20px;
				}
				
	.contents {
		font-size: 12px;
		margin: 0 0 30px 0;
	}

		p.spec {
			margin: 0 0 30px 0;
		}

		.compliant {
			float: left;
			width: 195px;
			margin: 0 15px 15px 0;
		}
		
			.compliant img {
				width: 150px;
				margin: 0 0 0 20px;
			}

	/* サイズ違いの商品 */
	.different-size {
		width: 650px;
		background: url(../images/bg_related_body.jpg) left top repeat-y;
		padding: 0 0 0 3px;
	}
	
	.different-size-head {
		width: 650px;
		height: 31px;
		background: url(../images/bg_different_size.jpg) left top no-repeat;
	}
	
	.different-size-foot {
		width: 650px;
		height: 5px;
		background: url(../images/bg_related_foot.jpg) left top no-repeat;
		margin: 0 0 30px 0;
	}
	
	
	/* 関連商品 */
	.related {
		width: 650px;
		background: url(../images/bg_related_body.jpg) left top repeat-y;
		padding: 0 0 0 3px;
	}
	
	.related-head {
		width: 650px;
		height: 31px;
		background: url(../images/bg_related_head.jpg) left top no-repeat;
	}
	
	.related-foot {
		width: 650px;
		height: 5px;
		background: url(../images/bg_related_foot.jpg) left top no-repeat;
	}


/* お問い合せ */
.confirm {
	margin: 30px 0 0 0;
}

/* サイトマップ */
dl.sitemap {
	float: left;
	width: 300px;
	margin: 0 0 20px 10px;
}

	dl.sitemap dt {
		font-weight: bold;
		color: #3eb034;
		margin: 0 0 5px 0;
	}
	
	dl.sitemap dd {
		margin: 0 0 5px 10px;
	}

		dl.sitemap dd a {
			color: #666;
		}

/* 404,500.html */
.error {
	width: 600px;
	margin: 70px 0 300px 50px;
}














