@charset "shift_jis";
/* =========================================

nasluck top CSS

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

/* --------------------------------------------
トップイメージ
-------------------------------------------- */

#wrapper div.top_area {
clear:both;
margin:0;
padding:0 0 10px 0;
background:#ffffff;
}

#wrapper div.top_area a {
display:block;
margin:0;
padding:0;
}

#wrapper div.top_area img {
clear:both;
width:820px;
height:228px;
margin:0;
padding:0;
display:block;
}

#wrapper div.top_area div.box{
clear:both;
width:820px;
height:41px;
margin:0 auto;
display:block;
top:255px;
position:absolute;
}

#wrapper div.top_area div.box img#over{
height: 41px;
width: 244px;
display:block;
clear:both;
}

/* ----トップイメージ新商品発表会---- */
#wrapper div.top_imgArea {
	width:820px;
	height:228px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../image/img_top_newpro.jpg) 0 0;
	text-indent:-9999px;
	}
	
#wrapper div.top_imgArea a.btn_newpro {
	overflow:hidden;
	display:block;
	width:161px;
	height:23px;
	text-indent:-9999px;
	background:url(../image/btn_newpro.jpg) 0 0;
	position:absolute;
	top:188px;
	left:218px;	
	}
	
	#wrapper div.top_imgArea a:hover.btn_newpro {
	background:none;
		}
	

/* ----トップイメージ挨拶---- */

#wrapper div.top_img_message {
margin:0;
padding:0;
text-align:center;
position:relative;
}

#wrapper div.top_img_message span.text_main {
width:720px;
text-align:left;
position:absolute;
top: 362px;
left: 53px;
line-height:17px;
color:#333333;
}

#wrapper div.top_img_message span.text_office {
width:330px;
height:35px;
text-align:left;
position:absolute;
top:425px;
left:495px;
color:#333333;
}

/* ----navi_products---- */

#wrapper ul.topnavi_products {
clear:both;
list-style:none;
width:800px;
height:90px;
margin:0;
padding:15px 10px 0 10px;
background:url(../image/navi_products.jpg) no-repeat 0 -105px;
position:relative;
}

#wrapper ul.topnavi_products li {
float:left;
display:block;
width:80px;
height:90px;
margin:0;
padding:0;
}

#wrapper ul.topnavi_products li a {
display:block;
overflow:hidden;
width:80px;
height:90px;
margin:0;
padding:0;
text-indent:-9999px;
position:absolute;
}

#wrapper ul.topnavi_products li a.topnavi_tld {background:url(../image/navi_products.jpg) no-repeat -10px -15px; top:15px; left:10px;} 
#wrapper ul.topnavi_products li a.topnavi_kit {background:url(../image/navi_products.jpg) no-repeat -90px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_san {background:url(../image/navi_products.jpg) no-repeat -170px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_bat {background:url(../image/navi_products.jpg) no-repeat -250px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_was {background:url(../image/navi_products.jpg) no-repeat -330px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_equ {background:url(../image/navi_products.jpg) no-repeat -410px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_int {background:url(../image/navi_products.jpg) no-repeat -490px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_ind {background:url(../image/navi_products.jpg) no-repeat -570px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_fur {background:url(../image/navi_products.jpg) no-repeat -650px -15px; } 
#wrapper ul.topnavi_products li a.topnavi_str {background:url(../image/navi_products.jpg) no-repeat -730px -15px; } 

#wrapper ul.topnavi_products li a:hover { background:none!important;}


/* --------------------------------------------
コンテンツメイン
-------------------------------------------- */

#contents.top {
float:left;
width:620px;
height:auto;
margin:0;
padding:0 24px 0 25px ;
}

#contents.top h2 {
width:620px;
height:30px;
margin:0;
padding:0;
text-indent:-9999px;
}

#contents.top h2.bar_news {
float:left;
width:380px;
background:url(../image/bar_news.gif) no-repeat 0 0;
}

#contents.top h2.bar_osusume { background:url(../image/bar_osusume.gif) no-repeat 0 0;}
#contents.top h2.bar_customer { background:url(../image/bar_customer.gif) no-repeat 0 0;}
#contents.top h2.bar_fc { background:url(../image/bar_fc.gif) no-repeat 0 0;}
#contents.top h2.bar_shop { background:url(../image/bar_shop.gif) no-repeat 0 0;}

#contents.top div.section {
clear:both;
width:620px;
margin:0;
padding:10px 0;
}

/* ---お知らせ---- */

#contents.top div.topics {
width:620px;
margin:0;
padding:0 0 10px 0;
}

#contents.top div.topics dl:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
}

#contents.top div.topics dl {
display:inline-table;
list-style:none;
clear:both;
width:620px;
height:auto;
margin:auto 0 auto 0;
padding:7px 0 7px 0;
background:url(../image_cmn/dot_line_02.gif) repeat-x 0 bottom;
}

/*Hides from IE-mac/*/
*html .topics dl{height: 1%;}
.topics dl{ display: block;}
/*End Hide from IE-mac*/

#contents.top div.topics dl.bg_p {
background:#ffefef url(../image_cmn/dot_line_02.gif) repeat-x 0 bottom;
}

#contents.top div.topics dl dt {
float:left;
display:block;
width:95px;
margin:auto 0 auto 0;
padding:0 8px 0 10px;
background:url(../image_cmn/arrow_b.gif) no-repeat 0 50%;
text-align: center;
}

#contents.top div.topics dl.bg_p dt {
background:url(../image_cmn/arrow_p.gif) no-repeat 0 50%;
}

#contents.top div.topics dl dd {
float:left;
margin:0;
}

#contents.top div.topics dl dd.icon {
width:90px;
height:auto;
padding:0 3px;
text-align:center;
}

#contents.top div.topics dl dd.text {
width:382px;
height:auto;
padding:0 10px;
text-align:left;
}

/* ----GW・夏期・年末年始用のお知らせ---- */

#contents.top div.attention{
color:#f00;
font-weight:bold;
background:#fff;

}

#contents.top div.attention img{
width:620px;
height:144px;
margin: 0 0 10px 0;
display:block;
}

#contents.top div.attention dl.news{
width:620px;
margin:0 auto 5px auto;
padding:0;
text-align:left;
background:none;

}

#contents.top div.attention dl.news dt{
width:580px;
margin:5px auto 5px auto;
padding:5px 0 5px 30px;
background:url(../image/mark_aten.gif) no-repeat 0 0;
border-bottom:3px double #fac97d;
}

#contents.top div.attention dl.news dd.news_text{
width:560px;
padding:0 0 10px 35px;
}

#contents.top div.newyear {
padding:10px 0;
}

/* 一覧・イベントボタン */

#contents.top ul.navi_topi {
list-style:none;
float:left;
width:240px;
height:30px;
margin:0;
padding:0;
background:url(../image/btn_news.gif) no-repeat 0 -30px;
}

#contents.top ul.navi_topi li {
float:left;
display:block;
margin:0;
padding:0;
}

#contents.top ul.navi_topi li a {
display:block;
overflow:hidden;
text-indent:-9999px;
}

#contents.top ul.navi_topi li a:hover { background:none!important;}

#contents.top ul.navi_topi li.event {
width:142px;
height:30px;
}

#contents.top ul.navi_topi li.event a {
width:142px;
height:30px;
background:url(../image/btn_news.gif) no-repeat 0 0;
}

#contents.top ul.navi_topi li.all {
width:98px;
height:30px;
}

#contents.top ul.navi_topi li.all a {
width:98px;
height:30px;
background:url(../image/btn_news.gif) no-repeat -142px 0;
}

/* ---おすすめコンテンツ---- */

#contents.top div.pickup_info {
overflow:hidden;
width:620px;
margin:10px 0;
}

#contents.top div.pickup_info dl {
list-style:none;
float:left;
width:203px;
height:auto;
margin:5px 0;
padding:0 ;
border-left:3px solid #025077;
}

#contents.top div.pickup_info dl dt {
display:block;
margin:0;
padding:0;
}

#contents.top div.pickup_info dl dt span {
display:block;
float:right;
width:130px;
padding:0 0 0 5px;
font-weight:bold;
font-size:95%;
text-align:left;
line-height:1.3;
}

#contents.top div.pickup_info dl dt span {
cursor:pointer;
}

#contents.top div.pickup_info dl dt img {
float:left;
}

#contents.top div.pickup_info dl dd {
display:block;
float:right;
width:125px;
height:auto;
margin:0;
padding:5px 5px 0 0;
text-align:left;
font-size:85%;
line-height:1.3;
/*position:absolute;
top:35px;
left:75px;*/
}

/* ---バナー---- */

#contents.top div.bnr_area {
clear:both;
width:620px;
margin:0 0 5px 0;
padding:0;
}

#contents.top div.bnr_area div.center {
clear:both;
width:620px;
margin:0;
}
#contents.top div.bnr_area div.center a {
display:block;
height:65px;
padding:0;
text-indent:-9999px;
}
/* ぬりえ */
#contents.top div.bnr_area div.center a.nurie {
width:600px;
margin:0 10px;
background:url(/image/bnr_nurie.gif) no-repeat 0 0;
}
#contents.top div.bnr_area div.center a:hover.nurie { background:url(/image/bnr_nurie.gif) no-repeat -600px 0;}

/* ナスラックKitchen キャンペーン */
#contents.top a.nk {
display:block;
width:620px;
height:65px;
margin:0 0 10px 0;
background:url(/image/bnr_nk_campaign.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#contents.top a.nk:hover { background:url(/image/bnr_nk_campaign.jpg) no-repeat 0 -65px;}

/* SRオープン */
#contents.top div.bnr_area a.sr {
width:620px;
margin:0;
background:url(/image/bnr_tachikawa_sr.gif) no-repeat 0 0;
}
#contents.top div.bnr_area a:hover.sr { background:url(/image/bnr_tachikawa_sr.gif) no-repeat 0 -65px;}

/* ウィンターキャンペーン*/
#contents.top a.bnr_wintercam {
display:block;
width:620px;
height:60px;
margin:0 0 10px 0;
background:url(/image/bnr_wintercam_prolong.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#contents.top a.bnr_wintercam:hover { background:url(/image/bnr_wintercam_prolong.jpg) no-repeat 0 -60px;}


/* 新商品発表会（お知らせの直下）*/
#contents.top a.bnr_new_pro {
display:block;
width:620px;
height:60px;
margin:0 0 10px 0;
background:url(/image/bnr_new_pro2010.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#contents.top a.bnr_new_pro:hover { background:url(/image/bnr_new_pro2010.jpg) no-repeat 0 -60px;}

/* 新商品発表会開催レポート
#contents.top a.bnr_new_pro_rep {
display:block;
width:620px;
height:60px;
margin:0 0 10px 0;
background:url(/image/bnr_new_pro_rep.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#contents.top a.bnr_new_pro_rep:hover { background:url(/image/bnr_new_pro_rep.jpg) no-repeat 0 -60px;}
*/
/*- バナー2列用 -*/
#contents.top div.bnr_area div.bnr_box {
overflow:hidden;
clear:both;
width:620px;
margin:10px 0;
padding:0;
}
#contents.top div.bnr_area div.bnr_box span {
	float:left;
display:block;
width:305px;
height:72px;
margin:0;
padding:0;
}
#contents.top div.bnr_area div.bnr_box span a {
display:block;
overflow:hidden;
width:305px;
height:72px;
margin:0;
padding:0;
text-indent:-9999px;
}
#contents.top div.bnr_area div.bnr_box span.side_left {
margin:0 10px 0 0;
}
#contents.top div.bnr_area div.bnr_box span a.showroom { background:url(/image_cmn/bnr.jpg) no-repeat 0 0;}
#contents.top div.bnr_area div.bnr_box span a.myroom { background:url(/image_cmn/bnr_2p.jpg) no-repeat 0 0;}
#contents.top div.bnr_area div.bnr_box span a.catalog { background:url(/image_cmn/bnr_2p.jpg) no-repeat -305px 0;}
#contents.top div.bnr_area div.bnr_box span a.reform { margin:10px 0 0 0; background:url(/image_cmn/bnr.jpg) no-repeat 0 -216px;}

#contents.top div.bnr_area div.bnr_box span a:hover.showroom { background:url(/image_cmn/bnr.jpg) no-repeat -305px 0;}
#contents.top div.bnr_area div.bnr_box span a:hover.myroom { background:url(/image_cmn/bnr_2p.jpg) no-repeat 0 -72px;}
#contents.top div.bnr_area div.bnr_box span a:hover.catalog { background:url(/image_cmn/bnr_2p.jpg) no-repeat -305px -72px;}
#contents.top div.bnr_area div.bnr_box span a:hover.reform { background:url(/image_cmn/bnr.jpg) no-repeat -305px -216px;}


/*- バナー3列用 -*/
#contents.top div.bnr_3 {
overflow:hidden;
clear:both;
width:620px;
margin:10px 0;
padding:0;
}
#contents.top div.bnr_3 a {
display:block;
overflow:hidden;
float:left;
width:200px;
height:160px;
margin:0;
padding:0;
text-indent:-9999px;
}

#contents.top div.bnr_3 a.showroom { background:url(/image/bnr.jpg) no-repeat 0 0;}
#contents.top div.bnr_3 a.myroom { margin:0 10px; _margin:0 8px 0 9px; background:url(/image/bnr.jpg) no-repeat -200px 0;}
#contents.top div.bnr_3 a.catalog { background:url(/image/bnr.jpg) no-repeat -400px 0;}

#contents.top div.bnr_3 a:hover.showroom { background:url(/image/bnr.jpg) no-repeat 0 -160px;}
#contents.top div.bnr_3 a:hover.myroom { background:url(/image/bnr.jpg) no-repeat -200px -160px;}
#contents.top div.bnr_3 a:hover.catalog { background:url(/image/bnr.jpg) no-repeat -400px -160px;}



/* ---工務店・オンラインショップ共通設定---- */

#contents.top div.section {
clear:both;
width:620px;
margin:0;
padding:10px 0;
}

#contents.top div.section dl {
list-style:none;
float:left;
width:303px;
height:auto;
margin:10px 0;
padding:0 ;
}

#contents.top div.section dl dt {
display:block;
margin:0;
padding:0 0 0 3px;
}

#contents.top div.section dl dt span {
display:block;
float:right;
width:220px;
padding:0;
font-weight:bold;
font-size:95%;
text-align:left;
line-height:1.3;
}

#contents.top div.section dl dt span {
cursor:pointer;
}

#contents.top div.section dl dt img {
float:left;
}

#contents.top div.section dl dd {
width:215px;
float:right;
margin:0;
padding:5px 5px 0 0;
text-align:left;
font-size:85%;
line-height:1.3;
}

/* ----left GeoTrust セキュアシール---- */

#contents.top div.secur {
clear:both;
width:620px;
margin:0 0 55px 0;
_margin:0 0 0 0;
padding:10px 0 10px 0;
display:block;
}

/* IE7用ハック */
*:first-child+html #contents.top div.secur {
clear:both;
width:620px;
margin:0 0 0 0;
padding:10px 0 10px 0;
display:block;
}

#contents.top div.secur p {
float:left;
margin:0;
padding:0;
}

#contents.top div.secur p.text {
float:left;
width:480px;
margin:0;
padding:15px 10px 0 10px;
font-size:85%;
text-align:left;
}

/* ----重要なお知らせ----- */

#contents.top div.announce {
display:inline-table;
clear:both;
width:617px;
height:100%;
margin:0;
padding:0;
border:1px solid #CCC;
position:relative;
left:-1px;
_left:0px;
}

#contents.top div.announce:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
}

/*Hides from IE-mac/*/
*html .announce{height: 1%;}
.announce{ display: block;}
/*End Hide from IE-mac*/

#contents.top div.announce ul {
clear:both;
padding:7px;
}

#contents.top div.announce ul li {
display:block;
float:left;
width:285px;
padding:0 0 10px 10px;
text-align:left;
background:url(/image/arrow.gif) no-repeat 0 0 ;

}
#contents.top div.announce ul li.announce_l {
margin:0 10px 0 0;
}

#contents.top div.announce ul li.announce_r {
margin:0;
}

/* ----合併のお知らせ----- */

#contents.top ul.merger {
clear:both;
margin:0 0 5px 0;
}

#contents.top ul.merger li a{
display:block;
width:619px;
height:43px;
background:url(/image/merger.gif) no-repeat 0 0 ;
text-align:right;
text-decoration:none;
}

#contents.top ul.merger li a:hover{
background:url(/image/merger.gif) no-repeat 0 -43px;
}

#contents.top ul.merger li a span{
color:#004699;
letter-spacing:1.5px;
font-size:12px;
position:relative;
top:15px;
left:-10px;
}