@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}

a img {
	border: none;
}


body {
	font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "Osaka", sans-serif;
	background: #000;
}

#main {
	width: 840px;
	height: auto;
	margin: 0 auto;
}

h1 {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 1px;
}

/* start header */

#top #header {
	background: url(../img/headerbg_img.jpg) center 0 no-repeat;
}

#header img {
	margin-top: 20px;
}

*html #header img {
	float: left;
}
*:first-child+html #header img {
	float: left;
}

#h_navi {
	width: 280px;
	height: 30px;
	float: right;
}

#h_navi ul li {
	width: 140px;
	line-height: 30px;
	float: left;
}

#h_navi ul li a {
	width:: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

#h_navi ul li#hn07 a {
	background: url(../img/hn_privacy.gif) 0 0 no-repeat;
}

#h_navi ul li#hn07 a:hover {
	background: url(../img/hn_privacy.gif) 0 -30px no-repeat;
}

#privacy #h_navi ul li#hn07 a:hover {
	background: url(../img/hn_privacy.gif) 0 0 no-repeat;
}

#h_navi ul li#hn08 a {
	background: url(../img/hn_sitemap.gif) 0 0 no-repeat;
}

#h_navi ul li#hn08 a:hover {
	background: url(../img/hn_sitemap.gif) 0 -30px no-repeat;
}

#sitemap #h_navi ul li#hn08 a:hover {
	background: url(../img/hn_sitemap.gif) 0 0px no-repeat;
}

#navi {
	width: 840px;
	height: 30px;
	margin: 20px 0 0 0;
	clear: both;
}

#navi ul li {
	width: 140px;
	line-height: 30px;
	float: left;
}

#navi ul li a {
	width: 140px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

#navi ul li#hn01 a {
	background: url(../img/hn_home.gif) 0 -30px no-repeat;
}

#navi ul li#hn01 a:hover {
	background: url(../img/hn_home.gif) 0 -60px no-repeat;
}

#top #navi ul li#hn01 a {
	background: url(../img/hn_home.gif) 0 0px no-repeat;
}

#top #navi ul li#hn01 a:hover {
	background: url(../img/hn_home.gif) 0 0px no-repeat;
}

#navi ul li#hn02 a {
	background: url(../img/hn_lin_up.gif) 0 -30px no-repeat;
} 

#navi ul li#hn02 a:hover {
	background: url(../img/hn_lin_up.gif) 0 -60px no-repeat;
}

#lineup ul li#hn02 a {
	background: url(../img/hn_lin_up.gif) 0 0 no-repeat;
}

#lineup ul li#hn02 a:hover {
	background: url(../img/hn_lin_up.gif) 0 0 no-repeat;
}

#navi ul li#hn03 a {
	background: url(../img/hn_Rangeood.gif) 0 -30px no-repeat;
}

#navi ul li#hn03 a:hover {
	background: url(../img/hn_Rangeood.gif) 0 -60px no-repeat;
}

#rangehood #navi ul li#hn03 a {
	background: url(../img/hn_Rangeood.gif) 0 0 no-repeat;
}

#rangehood #navi ul li#hn03 a:hover {
	background: url(../img/hn_Rangeood.gif) 0 0 no-repeat;
}

#navi ul li#hn04 a {
	background: url(../img/hn_Sink.gif) 0 -30px no-repeat;
}

#navi ul li#hn04 a:hover {
	background: url(../img/hn_Sink.gif) 0 -60px no-repeat;
}

#sinc #navi ul li#hn04 a {
	background: url(../img/hn_Sink.gif) 0 0px no-repeat;
}

#sinc #navi ul li#hn04 a:hover {
	background: url(../img/hn_Sink.gif) 0 0px no-repeat;
}

#navi ul li#hn05 a {
	background: url(../img/hn_about.gif) 0 -30px no-repeat;
}

#navi ul li#hn05 a:hover {
	background: url(../img/hn_about.gif) 0 -60px no-repeat;
}

#about #navi ul li#hn05 a {
	background: url(../img/hn_about.gif) 0 0 no-repeat;
}

#about #navi ul li#hn05 a:hover {
	background: url(../img/hn_about.gif) 0 0 no-repeat;
}

#navi ul li#hn06 a {
	background: url(../img/hn_contact.gif) 0 -30px no-repeat;
}

#navi ul li#hn06 a:hover {
	background: url(../img/hn_contact.gif) 0 -60px no-repeat;
}

#contact #navi ul li#hn06 a {
	background: url(../img/hn_contact.gif) 0 0 no-repeat;
}

#contact #navi ul li#hn06 a:hover {
	background: url(../img/hn_contact.gif) 0 0 no-repeat;
}
/* end header */

/* start maincontents */
#maincontents {
	width: 840px;
	height: auto;
	background: none;
	clear: both;
}

#top #maincontents {
	height: 600px;
	background: url(../img/main_img.jpg) no-repeat;
}

#maintext {
	color: #fff;
	font-size: 11px;
	line-height: 24px;
	padding-top: 22px;
}

#maincontents #topRC ul {
	float: left;
	margin-top: 250px;
}

#maincontents #topRC #title {
	width: 400px;
	height: 30px;
	background: url(../img/main_Rangehood01.gif) no-repeat;
}

#maincontents #topRC #img {
	width: 400px;
	height: 120px;
	background: url(../img/main_Rangehood02.jpg) no-repeat;
}

#maincontents #topSC ul {
	float: right;
	margin-top: 250px;
}

#maincontents #topSC #title {
	width: 400px;
	height: 30px;
	background: url(../img/main_Sink01.gif) no-repeat;
}

#maincontents #topSC #img {
	width: 400px;
	height: 120px;
	background: url(../img/main_Sink02.jpg) no-repeat;
}

/* end maincontents */


/* start Lineup */

#lineupA {
	width: 100px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#lineupB {
	width: 100px;
	height: auto;
	float: left;
	margin-right: 0px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#lineupA a,
#lineupB a {
	text-decoration: none;
	color: #fff;
	display: block;
}

#lineupA img,
#lineupB img,
#lineupA a img,
#lineupB a img {
	border: 1px solid #000;
}

#lineupA a:hover img,
#lineupB a:hover img {
	border: 1px solid #999;
}


h2.lineupRC a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/lineup_RC.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}

h2.lineupSC a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/lineup_SC.gif) 0 20px no-repeat;
	text-indent: -9999px;
	margin: 20px 0 10px;
	padding-top: 20px;
	clear: both;
}

/* end Lineup */


/* start Collection */

#collectionA {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 12px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
*html #collectionA {
	margin-right: 10px;
}

#collectionB {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 0px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#collectionA a,
#collectionB a {
	text-decoration: none;
	color: #fff;
	display: block;
	margin-bottom: 30px;
}
*html #collectionA a,
*html #collectionB a {
	margin-bottom: 15px;
}
*:first-child+html #collectionA a,
*:first-child+html #collectionB a {
	margin-bottom: 15px;
}

#collectionA img,
#collectionB img {
	width: 200px;
	border: 1px solid #000;
}

#collectionA a img,
#collectionB a img {
	border: 1px solid #000;
}

#collectionA a:hover img,
#collectionB a:hover img {
	border: 1px solid #999;
}


h2.collectionHI a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_HI.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}
h2.collectionHS a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_HS.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}
h2.collectionHM a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_HM.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}
h2.collectionHT a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_HT.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}

h2.collectionSQS a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_SQS.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}
h2.collectionSQR a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_SQR.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}
h2.collectionLSB a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_LSB.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}
h2.collectionAC a {
	width: 840px;
	height: 30px;
	display: block;
	background: url(../img/collection_accessory.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 10px;
	clear: both;
}

h3 {
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-left: 12px;
}

/* end Collection */


/* start Detail */

#detailA {
	width: 420px;
	height: 400px;
	float: left;
	margin-right: 12px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
}
*html #detailA {
	margin-right: 10px;
}

#detailC {
	width: 420px;
	height: 300px;
	float: left;
	margin-right: 12px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
}
*html #detailC {
	margin-right: 10px;
}

#detailB {
	width: 400px;
	height: 400px;
	float: left;
	margin-right: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
}

#detailD {
	width: 400px;
	height: 250px;
	float: left;
	margin-right: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
}

#detailA img,
#detailB img,
#detailC img {
	width: 400px;
}

#detailC img {
	margin-top: -30px;
}

p.detailtitle {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 20px 0 10px;
}

#detailB dl dd {
	width: 100px;
	margin-bottom: 10px;
	color: #fff;
	float: left;
}

#detailB dl dt {
	width: 290px;
	margin-bottom: 10px;
	color: #fff;
}

#detailD dl dd {
	width: 100px;
	margin-bottom: 10px;
	color: #fff;
	float: left;
}

#detailD dl dt {
	width: 290px;
	margin-bottom: 10px;
	color: #fff;
}

#pdflink {
	margin-left: 420px;
	clear: both;
	padding: 40px 0 0;
}
#pdflink2 {
	margin-left: 420px;
	clear: both;
}

#pdflink ul li {
	float: left;
	width: 70px;
	height: auto;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 9px;
}

#pdflink ul li a {
	width: 80px;
	height: auto;
	display: block; 
}
#pdflink ul li a:hover {
	text-decoration: none;
	color: #999;
}

#pdflink2 ul li {
	float: left;
	width: 90px;
	height: auto;
	margin: -80px 20px 20px 0;
	text-align: center;
	font-size: 9px;
}
*html #pdflink2 ul li {
	margin: -80px 20px 20px 0;
}

#pdflink2 ul li a {
	width: 90px;
	height: auto;
	display: block; 
}
#pdflink2 ul li a:hover {
	text-decoration: none;
	color: #999;
}

#pdflink2 ul li.M {
	float: left;
	width: 90px;
	height: auto;
	margin: -180px 20px 20px 0;
	text-align: center;
	font-size: 9px;
}

/* end Detail */


/* start Company */
#company {
	clear: both;
	width: 840px;
	height: auto;
	margin-top: 40px;
}
#company ul {
	float: left;
	width: 130px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#company ul#last, #company ul#last2 {
	float: left;
	width: 550px;
	color: #888;
}
#company ul#last li, #company ul#last2 li{
	color: #ccc;
	font-weight: normal;
}
#company li {
	font-size: 11px;
	text-indent: 5px;
	font-weight: bold;
	color: #ccc;
	margin-bottom: 20px;
	padding: 4px;
	background: url(../img/bg.gif) no-repeat;
}

#company li.br {
	margin-top: -15px;
	background: none;
}

#company li.spli {
	margin-bottom: 20px;
	padding: 4px;
	background: none;
}

#company li a {
	color: #ccc;
}
#company li a:hover {
	color: #ccc;
}

/* end Company */


/* start Contact */

#contactbody {
	clear: both;
	width: 560px;
	height: auto;
	padding-top: 40px;
	float: left;
}
#contactbody p {
	font-size: 11px;
	line-height: 18px;
	color: #ccc;
	margin-bottom: 2px;
}
#contactbody input {
	width: 410px;
	height: auto;
	padding: 5px;
	color: #ccc;
	margin-bottom: 10px;
	border-right: 1px #222 solid;
	border-bottom: 1px #222 solid;
	border-left: none;
	border-top: none;
	background: url(../img/bg.gif) no-repeat #000;
}
#contactbody textarea {
	width: 410px;
	height: 150px;
	padding: 5px;
	color: #ccc;
	margin-bottom: 10px;
	border-right: 1px #222 solid;
	border-bottom: 1px #222 solid;
	border-left: none;
	border-top: none;
	background: url(../img/bg.gif) no-repeat #000;
}
#contactbody input#botan {
	width: 100px;
	border: none;
	color: #ccc;
	font-weight: bold;
	margin-bottom: 30px;
	background: url(../img/bg.gif) no-repeat;
	padding: 5px 0;
}

#contact-message {
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	color: #ccc;
	padding-top: 40px;
}

#contactbody table {
	font-size: 11px;
	line-height: 22px;
	color: #ccc;
	padding-top: 4px;
}

#contactbody p#thanks {
	font-size: 11px;
	line-height: 22px;
	color: #ccc;
	padding-top: 4px;
	height: 300px;
}

/* end  Contact */


/* start Privacy */

#privacybody {
	clear: both;
	width: 840px;
	height: auto;
	padding-top: 10px;
	margin-top: 40px;
}

#privacybody ul {
	float: left;
	width: 260px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#privacybody ul#last {
	float: left;
	width: 540px;
	color: #888;
}
#privacybody li {
	font-size: 12px;
	text-indent: 5px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
	background: url(../img/bg.gif) no-repeat;
	padding: 5px 0 0 10px;
}
#privacybody ul#last li {
	color: #888;
	background: url(../img/bg.gif) no-repeat;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-indent: 0;
}
#privacybody li#l1 {
	height: 20px;
}

/* end  Privacy */


/* start footer */
#footer {
	background: url(../img/footerline.jpg) 0 0 repeat-x;
	clear: both;
}
*html #footer {
	margin-top: 20px;
}
*:first-child+html #footer {
	margin-top: 20px;
}

#footercontents {
	width: 840px;
	height: 150px;
	margin: 0 auto;
}

#footer img {
	padding-top: 30px;
}

*html #footer img {
	padding-top: 30px;
	float: left;
}
*:first-child+html #footer img {
	padding-top: 30px;
	float: left;
}

#footernavi {
	color: #fff;
	font-size: 9px;
	line-height: 24px;
	width: 440px;
	float: right;
	margin-top: 20px;
	text-align: right;
}

*html #footernavi {
	width: 450px;
}

#footernavi a {
	text-decoration: none;
	color: #fff;
}

#footernavi a:hover {
	text-decoration: underline;
}

p.footertxt {
	color: #ccc;
	font-size: 10px;
	line-height: 16px;
}

/* end footer */