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

heartmarkshop top CSS

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

/* -------------------------------------------
	header
------------------------------------------- */
#header{
margin: 0 0 20px 0;
}


/* -------------------------------------------
	content
------------------------------------------- */
#maincnt{
float: left;
margin: 0 0 5px 0!important;
margin: 0;
}

#subcnt{
float: right;
padding: 0;
}


/* -------------------------------------------
	maincnt
------------------------------------------- */
p.dotline{
clear:both;
}


div.searchsection{
padding: 0 0 0 0;
position: relative;
height: 50px;
}
div.searchbox{
height: 38px;
background: url(/images/template/search_box_bgtop.gif) no-repeat;
position: absolute;
top: 0px;
left: 0;
}

/* --- category navigation --- */
#categorynavi{
/*height: 540px;*/
height: 1%;
margin: 0 0 0 0;
padding: 0;
}

#categorynavi h2{
margin: 0;
padding: 0;
}

#categorynavi ul{
width: 600px;
height: 450px;
margin:6px 0 0 0;
padding:0;
}

#categorynavi ul li{
width: 600px;
height: 36px;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
vertical-align: top;
}
#categorynavi ul li span{
display: block;
float: left;
width:157px; 
height: 36px;
}
#categorynavi ul li span a{
display: block;
width:157px;
height: 36px;
text-indent: -9999px;
}


#categorynavi ul li#cn01{ background: url(/images/template/top_category_navibg_01.jpg) no-repeat 0 0;}
#categorynavi ul li#cn02{ background: url(/images/template/top_category_navibg_02.jpg) no-repeat 0 0; height: 48px; }
#categorynavi ul li#cn03{ background: url(/images/template/top_category_navibg_03.jpg) no-repeat 0 0;}
#categorynavi ul li#cn04{ background: url(/images/template/top_category_navibg_04.jpg) no-repeat 0 0;}
#categorynavi ul li#cn05{ background: url(/images/template/top_category_navibg_05.jpg) no-repeat 0 0;}
#categorynavi ul li#cn06{ background: url(/images/template/top_category_navibg_06.jpg) no-repeat 0 0;}
#categorynavi ul li#cn07{ background: url(/images/template/top_category_navibg_07.jpg) no-repeat 0 0;}
#categorynavi ul li#cn08{ background: url(/images/template/top_category_navibg_08.jpg) no-repeat 0 0;}
#categorynavi ul li#cn09{ background: url(/images/template/top_category_navibg_09.jpg) no-repeat 0 0; }
#categorynavi ul li#cn10{ background: url(/images/template/top_category_navibg_10.jpg) no-repeat 0 0; }
#categorynavi ul li#cn11{ background: url(/images/template/top_category_navibg_11.jpg) no-repeat 0 0;}
#categorynavi ul li#cn12{ background: url(/images/template/top_category_navibg_12.jpg) no-repeat 0 0; height: 48px;}
#categorynavi ul li#cn13{ background: url(/images/template/top_category_navibg_13.jpg) no-repeat 0 0;}

#categorynavi ul li#cn01 span a:hover{ background: url(/images/template/top_category_navibg_01_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn02 span a:hover{ background: url(/images/template/top_category_navibg_02_ov.jpg) no-repeat 0 0; height: 48px; }
#categorynavi ul li#cn03 span a:hover{ background: url(/images/template/top_category_navibg_03_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn04 span a:hover{ background: url(/images/template/top_category_navibg_04_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn05 span a:hover{ background: url(/images/template/top_category_navibg_05_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn06 span a:hover{ background: url(/images/template/top_category_navibg_06_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn07 span a:hover{ background: url(/images/template/top_category_navibg_07_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn08 span a:hover{ background: url(/images/template/top_category_navibg_08_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn09 span a:hover{ background: url(/images/template/top_category_navibg_09_ov.jpg) no-repeat 0 0; }
#categorynavi ul li#cn10 span a:hover{ background: url(/images/template/top_category_navibg_10_ov.jpg) no-repeat 0 0; }
#categorynavi ul li#cn11 span a:hover{ background: url(/images/template/top_category_navibg_11_ov.jpg) no-repeat 0 0;}
#categorynavi ul li#cn12 span a:hover{ background: url(/images/template/top_category_navibg_12_ov.jpg) no-repeat 0 0; height: 48px;}
#categorynavi ul li#cn13 span a:hover{ background: url(/images/template/top_category_navibg_13_ov.jpg) no-repeat 0 0;}


#categorynavi ul li ul{
float: left;
margin: 12px 0 0 0;
width: 443px;
height: auto;
}

#categorynavi ul li ul li{
width: auto;
height: auto;
float: left;
background: none;
margin: 0;
padding: 0 10px 0 10px;
font-size: 80%;
white-space:nowrap; 
color: #bababa;
}

#categorynavi ul li#cn01 ul li{
background: url(/images/template/mrk_categorylistpat_01.gif) no-repeat right 2px;}
#categorynavi ul li#cn02 ul li{
background: url(/images/template/mrk_categorylistpat_01.gif) no-repeat right 2px;}
#categorynavi ul li#cn03 ul li{
background: url(/images/template/mrk_categorylistpat_01.gif) no-repeat right 2px;}
#categorynavi ul li#cn04 ul li{
background: url(/images/template/mrk_categorylistpat_07.gif) no-repeat right 2px;}
#categorynavi ul li#cn05 ul li{
background: url(/images/template/mrk_categorylistpat_02.gif) no-repeat right 2px;}
#categorynavi ul li#cn06 ul li{
background: url(/images/template/mrk_categorylistpat_02.gif) no-repeat right 2px;}
#categorynavi ul li#cn07 ul li{
background: url(/images/template/mrk_categorylistpat_05.gif) no-repeat right 2px;}
#categorynavi ul li#cn08 ul li{
background: url(/images/template/mrk_categorylistpat_05.gif) no-repeat right 2px;}
#categorynavi ul li#cn09 ul li{
background: url(/images/template/mrk_categorylistpat_08.gif) no-repeat right 2px;}
#categorynavi ul li#cn10 ul li{
background: url(/images/template/mrk_categorylistpat_04.gif) no-repeat right 2px;}
#categorynavi ul li#cn11 ul li{
background: url(/images/template/mrk_categorylistpat_04.gif) no-repeat right 2px;}
#categorynavi ul li#cn12 ul li{
background: url(/images/template/mrk_categorylistpat_05.gif) no-repeat right 2px;}
#categorynavi ul li#cn13 ul li{
background: url(/images/template/mrk_categorylistpat_05.gif) no-repeat right 2px;}

#categorynavi ul li ul li a{
text-indent: 0;
}
#categorynavi ul li ul li a:hover{
text-decoration:underline;
}
#categorynavi ul li#cn01 ul li a{color:#f36039;}
#categorynavi ul li#cn02 ul li a{color:#f36039;}
#categorynavi ul li#cn03 ul li a{color:#f36039;}
#categorynavi ul li#cn04 ul li a{color:#0160b9;}
#categorynavi ul li#cn05 ul li a{color:#866ee4;}
#categorynavi ul li#cn06 ul li a{color:#866ee4;}
#categorynavi ul li#cn07 ul li a{color:#2ea275;}
#categorynavi ul li#cn08 ul li a{color:#2ea275;}
#categorynavi ul li#cn09 ul li a{color:#b38b00;}
#categorynavi ul li#cn10 ul li a{color:#e669a4;}
#categorynavi ul li#cn11 ul li a{color:#e669a4;}
#categorynavi ul li#cn12 ul li a{color:#898989;}
#categorynavi ul li#cn13 ul li a{color:#898989;}




/* --- category navigation --- */
#roomnavi{
clear: both;
height: 176px;
width: 600px;
margin: 0 0 10px 0;
}
#roomnavi ul{
width: 600px;
height:152px;
position: relative;
margin: 0;
padding: 0;
overflow:hidden;
background: url(/images/template/room_navi_top.jpg) no-repeat 0 0;
}

#roomnavi ul li{
position: absolute;
width:295px;
height:35px;
float:left;
overflow:hidden;
}
#roomnavi ul li a{
display: block;
width:295px;
height:35px;
float:left;
text-indent: -9999px;
}
#roomnavi ul li#rcn01{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -4px; top:4px;left:4px;}
#roomnavi ul li#rcn02{
background: url(/images/template/room_navi_top.jpg) no-repeat -301px -4px; top:4px;left:301px;}
#roomnavi ul li#rcn03{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -40px; top:40px;left:4px;}
#roomnavi ul li#rcn04{
background: url(/images/template/room_navi_top.jpg) no-repeat -301px -40px; top:40px;left:301px;}
#roomnavi ul li#rcn05{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -76px; top:76px;left:4px;}
#roomnavi ul li#rcn06{
background: url(/images/template/room_navi_top.jpg) no-repeat -301px -76px; top:76px;left:301px;}
#roomnavi ul li#rcn07{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -112px; top:112px;left:4px;}

#roomnavi ul li#rcn01 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -156px;}
#roomnavi ul li#rcn02 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -301px -156px;}
#roomnavi ul li#rcn03 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -192px;}
#roomnavi ul li#rcn04 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -301px -192px;}
#roomnavi ul li#rcn05 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -228px;}
#roomnavi ul li#rcn06 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -301px -228px;}
#roomnavi ul li#rcn07 a:hover{
background: url(/images/template/room_navi_top.jpg) no-repeat -4px -264px;}


/* --- contentsbanner --- */


#contentsbanner{
width:600px;
height:132px;
margin: 0 0 10px 0;
overflow: hidden;
}
#contentsbanner div.block{
position: relative;
float: left;
width:293px;
height:61px;
cursor: pointer;
}
#contentsbanner div.block a{
position: absolute;
top:0;
left: 0;
display: block;
width:293px;
height:61px;
cursor: pointer;
}
#contentsbanner div.block a span{
width:190px;
display: block;
padding: 33px 0 0 18px;
color: #4d4d4d;
font-size: 80%;
line-height: 1.3em;
cursor: pointer;
}
#contentsbanner div.block h3{
display: none;
}
#contentsbanner .tohan{
background: url(/images/template/bg_top_aside_tohan.jpg) no-repeat 0 0;}
#contentsbanner .illustguide{
margin: 0 0 0 14px;
background: url(/images/template/bg_top_aside_illustguide.jpg) no-repeat 0 0;}
#contentsbanner .nassr{
margin: 9px 0 0 0;
background: url(/images/template/bg_top_aside_nassr.jpg) no-repeat 0 0;}
#contentsbanner .liva{
margin: 9px 0 0 14px;
background: url(/images/template/bg_top_aside_liva.jpg) no-repeat 0 0;}

#contentsbanner .tohan a:hover{
background: url(/images/template/bg_top_aside_tohan.jpg) no-repeat 0 -61px;}
#contentsbanner .illustguide a:hover{
background: url(/images/template/bg_top_aside_illustguide.jpg) no-repeat 0 -61px;}
#contentsbanner .nassr a:hover{
background: url(/images/template/bg_top_aside_nassr.jpg) no-repeat 0 -61px;}
#contentsbanner .liva a:hover{
background: url(/images/template/bg_top_aside_liva.jpg) no-repeat 0 -61px;}


p.offisialsite{
width:600px;
height:103px;
background: url(/images/template/banner_officialsite.jpg) no-repeat 0 0;
text-indent: -9999px;
}
p.offisialsite a{
display: block;
width:600px;
height:103px;
}
p.offisialsite a:hover{
background: url(/images/template/banner_officialsite.jpg) no-repeat 0 -103px;
}


ul#factorynavi{
display:inline-block;
width: 600px;
height: 89px;
margin: 0 0 20px 0;
background: url(/images/template/factory_navi_bg.jpg) no-repeat;
}

ul#factorynavi li{
float: left;
width: 295px;
height: 41px;
margin: 0 10px 7px 0;
}

ul#factorynavi li a{
overflow: hidden;
float: left;
width: 295px;
height: 41px;
text-indent: -9999px;
}

ul#factorynavi li#fn01{ background: url(/images/template/factory_navi.jpg) no-repeat -295px 0; }
ul#factorynavi li#fn02{ margin: 0 0 7px 0; background: url(/images/template/factory_navi.jpg) no-repeat -295px -41px; }
ul#factorynavi li#fn03{ background: url(/images/template/factory_navi.jpg) no-repeat -295px -82px; }
ul#factorynavi li#fn04{ margin: 0 0 7px 0; background: url(/images/template/factory_navi.jpg) no-repeat -295px -123px; }

ul#factorynavi li#fn01 a{ background: url(/images/template/factory_navi.jpg) no-repeat 0 0; }
ul#factorynavi li#fn02 a{ background: url(/images/template/factory_navi.jpg) no-repeat 0 -41px; }
ul#factorynavi li#fn03 a{ background: url(/images/template/factory_navi.jpg) no-repeat 0 -82px; }
ul#factorynavi li#fn04 a{ background: url(/images/template/factory_navi.jpg) no-repeat 0 -123px; }

ul#factorynavi li a:hover{ background: none!important; }



div.newssection02{
clear: both;
width: 600px;
margin: 0 0 15px 0;
background: url(/images/template/newssection_bg02.jpg) no-repeat left bottom;
position: relative;
}

div.newssection02 ul{
width: 590px;
margin: 10px 0 0 1px;
}

div.newssection02 li{
_height: 1em;
padding: 0 0 5px 25px;
background: url(/images/template/news_list_marker.gif) no-repeat 0 37%;
}

div.newssection02 li span{
display: block;
padding: 3px 0;
background: url(/images/template/dot_line.gif) repeat-x left bottom;
}

div.newssection02 li strong{
margin: 0 10px 0 0;
font-weight: normal;
}

div.newssection02 li.past {
	text-align:right;
	padding:0 10px 10px 0;
	background:none;
	}

div.newssection02 li.past img {
	margin:0 5px 3px 0;
	_margin:0 5px 2px 0;
	vertical-align:middle;
	}

div.newssection{
clear: both;
width: 600px;
margin: 0 0 15px 0;
background: url(/images/template/newssection_bg.jpg) no-repeat left bottom;
position: relative;
}

div.newssection ul{
width: 400px;
margin: 10px 0 0 1px;
}

div.newssection li{
_height: 1em;
padding: 0 0 5px 25px;
background: url(/images/template/news_list_marker.gif) no-repeat 0 37%;
}

div.newssection li span{
display: block;
padding: 3px 0;
background: url(/images/template/dot_line.gif) repeat-x left bottom;
}

div.newssection li strong{
margin: 0 10px 0 0;
font-weight: normal;
}

div.newssection dl{
width: 191px;
background: url(/images/template/popularity_bg_base.jpg) no-repeat;
font-size: 90%;
position: absolute;
top: 0;
left: 409px;
}

div.newssection dl dt{
float: left;
width: 80px;
margin: 16px 6px 0 12px!important;
margin: 16px 6px 0 6px;
}

div.newssection dl dd{
margin: 45px 5px 0 0;
}

div.newssection p{
position: absolute;
right: 6px;
bottom: 5px;
}

ul.recommendlist{
float: left;
width: 600px;
margin: 5px 0 20px 0;
padding: 0;
/* background: url(/images/template/recommend_bg_foot.gif) no-repeat left bottom; */
}

ul.recommendlist li{
float: left;
width: 196px;
margin: 0 6px 0 0;
padding: 5px 0 0 0;
background: url(/images/template/recommend_bg.jpg) no-repeat;
}

ul.recommendlist li.edge{
margin: 0;
}

ul.recommendlist dt{
float: left;
width: 82px;
}

ul.recommendlist dt img{
margin: 0 0 0 4px;
border: 1px solid #ccc;
}

ul.recommendlist dd{
margin: 0 4px 10px 87px;
padding: 1px 2px;
background: #fff;
}

ul.recommendlist dd a{
font-size: 90%;
letter-spacing: -1px;
}

ul.recommendlist dd strong{
font-size: 110%;
letter-spacing: 0;
}

ul.recommendlist p{
width: 104px;
height: 25px;
margin: 0 0 5px 88px;
background: url(/images/template/movie_btn.jpg) no-repeat 0 -25px;
text-align: center;
}

ul.recommendlist p a{
overflow: hidden;
float: left;
width: 104px;
height: 25px;
background: url(/images/template/movie_btn.jpg) no-repeat 0 0;
text-indent: -9999px;
}

ul.recommendlist p a:hover{
background: none;
}

#productbanner{
	margin: 0;
	padding: 0;
}
	
p.banner01{
float: left;
width: 293px;
height: 90px;
margin: 0 0 10px 0;
background: url(/images/template/banner_bed.gif) no-repeat 0 -90px;
}
p.banner01 a{
overflow: hidden;
float: left;
width: 293px;
height: 90px;
background: url(/images/template/banner_bed.gif) no-repeat 0 0;
text-indent: -9999px;
}

p.banner02{
float: right;
width: 293px;
height: 90px;
margin: 0 0 10px 0;
background: url(/images/template/banner_showeresh.gif) no-repeat 0 -90px;
}
p.banner02 a{
overflow: hidden;
float: right;
width: 293px;
height: 90px;
background: url(/images/template/banner_showeresh.gif) no-repeat 0 0;
text-indent: -9999px;
}

p.banner03{
float: left;
width: 293px;
height: 90px;
margin: 0 0 10px 0;
background: url(/images/template/banner_building.gif) no-repeat 0 -90px;
}

p.banner03 a{
overflow: hidden;
float: left;
width: 293px;
height: 90px;
background: url(/images/template/banner_building.gif) no-repeat 0 0;
text-indent: -9999px;
}

p.banner04{
float: right;
width: 293px;
height: 90px;
margin: 0 0 10px 0;
background: url(/images/template/banner_aircon.gif) no-repeat 0 -90px;
}
p.banner04 a{
overflow: hidden;
float: right;
width: 293px;
height: 90px;
background: url(/images/template/banner_aircon.gif) no-repeat 0 0;
text-indent: -9999px;
}

p.banner05{
/*clear: both;*/
padding: 10px 0 0 0!important;
padding: 5px 0 0 0;
}


p.banner01 a:hover, p.banner02 a:hover, p.banner03 a:hover, p.banner04 a:hover,{
background: none;
display:block;
} 
 

p.banner08{
float: left;
width: 293px;
height: 90px;
margin: 0 0 20px 0;
}

p.banner08 a{
display: block;
overflow: hidden;
float: left;
width: 293px;
height: 90px;
background: url(/images/template/banner_cup.gif) no-repeat 0 0;
text-indent: -9999px;
}
p.banner08 a:hover{
background: url(/images/template/banner_cup.gif) no-repeat 0 -90px;
}

p.banner09{
float: left;
width: 293px;
height: 90px;
margin: 0 0 20px 0;
}

p.banner09 a{
display: block;
overflow: hidden;
float: left;
width: 293px;
height: 90px;
background: url(/images/template/banner_display.jpg) no-repeat 0 0;
text-indent: -9999px;
}
p.banner09 a:hover{
background: url(/images/template/banner_display.jpg) no-repeat 0 -90px;
}


/* あったか暖房フェアバナー */
.attaka { margin:8px auto 10px auto; padding:0;
}



/* 配送料についてバナー */
.haisou2 { margin:8px auto 10px auto; padding:0;
}

.haisou {
margin:8px auto 10px auto;
padding:0;
overflow: hidden;
width:600px;
height:83px;
background: url(/images/template/banner_carriage.gif) no-repeat 0 0;
}
.haisou p.txt{
text-indent: -9999px;
float: left;
}
.haisou p.btn{
display: block;
width:195px;
height:83px;
float: right;
text-indent: -9999px;
}
.haisou p.btn a{
display: block;
width:195px;
height:83px;
}
.haisou p.btn a:hover{
background: url(/images/template/banner_carriage.gif) no-repeat -405px -83px;
}

.borderbox { margin:10px auto;
padding:12px;
border:2px solid #C33;
text-align:left;
line-height:1.5;
background:#FFE9E6;
}

.borderbox .ttl {
font-size:120%;
display:block;
font-weight:bold;
color:#C33;
padding:0 0 5px 0;
}
	

/* -------------------------------------------
	subcnt
------------------------------------------- */
ol.ranklist{
margin: 0 0 20px 0;
background: url(/images/template/rank_bg.gif) no-repeat left bottom;
}

ol.ranklist li{
clear: both;
min-height: 50px;
_height: 1%;
padding: 5px 0;
background: url(/images/template/dot_line.gif) repeat-x left bottom;
font-size: 90%;
line-height: 1.2;
}

ol.ranklist li.rank5{
background: none;
}


#subcnt p.date{
margin:-20px 2px 10px 0;
background: none;
text-align:right;
}

ol.ranklist li.rank1 dl{ background: url(/images/template/rank_1.gif) no-repeat 5px 3px; }
ol.ranklist li.rank2 dl{ background: url(/images/template/rank_2.gif) no-repeat 5px 3px; }
ol.ranklist li.rank3 dl{ background: url(/images/template/rank_3.gif) no-repeat 5px 3px; }
ol.ranklist li.rank4 dl{ background: url(/images/template/rank_4.gif) no-repeat 8px 5px; }
ol.ranklist li.rank5 dl{ background: url(/images/template/rank_5.gif) no-repeat 8px 5px; }

ol.ranklist dl{
padding: 0 0 0 34px;
}

ol.ranklist dt{
float: left;
width: 50px;
}

ol.ranklist dd{
margin: 0 0 0 54px;
}


/* -------------------------------------------
	top_info
------------------------------------------- */
#maincnt .top_info{
width: 585px;
border:1px solid #aaaaaa;
margin: 0 auto 10px auto;
padding: 5px 0 5px 15px;
}

#maincnt .top_info .info_title{
font-weight: bold;
}

#maincnt .top_info .info_text_red{
color: #CC0000;
}

/* -------------------------------------------
	top_pict
------------------------------------------- */
#maincnt .top_pict{
width: 604px;
height: 203px;
}

#maincnt .top_pict .renewal_l{

}

#maincnt .top_pict .renewal_r{
float: right;
width: 330px;
height: 268px;
background: url(/images/template/renewal_r.gif) no-repeat 0 0;
}

#maincnt .top_pict .goods{
width: 300px;
margin: 72px 30px auto 0;
padding: 0;
}

#maincnt .top_pict .goods dl{
float: left;
width: 150px;
margin: 0;
padding: 0;
}

#maincnt .top_pict .goods dt{
text-align: center;
}

#maincnt .top_pict .goods dd.name{
float: left;
font-weight: bold;
line-height: 1.2;
}

#maincnt .top_pict .goods dd.no{
width: 150px;
float: left;
font-size: 90%;
}

#maincnt .top_pict .goods dd.price{
float: left;
font-weight: bold;
color:#FF0000;
}

/* display  */
a.display {
display:block;
width:600px;
height:55px;
margin:0 0 10px 0;
text-indent:-9999px;
background:url(/images/template/banner_display.gif) no-repeat 0 0;
}
a.display:hover {
background:url(/images/template/banner_display.gif) no-repeat 0 -55px;
}


/* outlet sale */
a.outlet {
display:block;
width:600px;
height:100px;
margin:0 0 0 0;
text-indent:-9999px;
background:url(/images/template/banner_outlet.gif) no-repeat 0 0;
}
a.outlet:hover {
background:url(/images/template/banner_outlet.gif) no-repeat 0 -100px;
}

/* outlet_bed sale */
a.outlet_bed {
display:block;
width:600px;
height:96px;
padding:0 0 10px 0;
text-indent:-9999px;
background:url(/images/template/banner_outlet_bed.jpg) no-repeat 0 0;
}
a.outlet_bed:hover {
background:url(/images/template/banner_outlet_bed.jpg) no-repeat 0 -96px;
}


/* TLD */
div.tld_title {
width:600px;
margin:10px auto 3px auto;
padding:0 0 0 0;
}

div.tld {
overflow:hidden;
clear:both;
width:598px;
margin:0 auto 0 auto;
padding:0 0 0 0;
border:1px solid #C4D0E6;
background:url(/images/template/tld_t.jpg) no-repeat 0 0;
}
div.tld div.tldMain a {
display:block;
width:598px;
height:130px;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
}
div.tld div.btn {
width:560px;
margin:0 auto;
padding:7px 0 0 0;
}
div.tld div.btn p a {
width:270px;
height:75px;
padding:0;
text-decoration:none;
text-indent:-9999px;
}
div.tld div.btn p.kilarla a {
float:left;
background:url(/images/template/tld_btn.jpg) no-repeat 0 0;
}
div.tld div.btn p.woodmore a {
float:right;
background:url(/images/template/tld_btn.jpg) no-repeat -270px 0;
}
div.tld div.btn p.kilarla a:hover {
background:url(/images/template/tld_btn.jpg) no-repeat -540px 0;
}
div.tld div.btn p.woodmore a:hover {
background:url(/images/template/tld_btn.jpg) no-repeat -810px 0;
}


/* おしらせ */

/* 一行の場合 */
/* エコポイントの取り扱いありの場合 */
/*
div.infoArea {
clear:both;
padding:10px 0 5px 0;
}

div.infoArea dl {
width:490px;
height:70px;
padding:0 0 0 110px;
background:url(../images/template/bg_info_h70.gif) no-repeat 0 0;
}

div.infoArea dl dt {
float:left;
width:10px;
margin:0;
padding:15px 0 5px 0;
display:block;
font-size:120%;
}

div.infoArea dl dd.eco_link {
float:left;
width:440px;
padding:15px 0 5px 0;
text-align:left;
font-size:120%;
}

div.infoArea dl dd.eco_text {
float:left;
width:490px;
text-align:left;
font-size:110%;
padding:0 0 15px 10px;
}

div.infoArea dl dd.nomal {
float:left;
width:477px;
text-align:left;
padding:10px 0 10px 0;
}

div.infoArea dl dd span.red {
color:#F00;
}
*/


div.infoArea {
clear:both;
margin: 8px 0 0 0;
padding:0 0 15px 0;
}

div.infoArea dl {
width:490px;
height:24px;
padding:0 0 0 110px;
background:url(../images/template/bg_info.gif) no-repeat 0 0;
}

div.infoArea dl dt {
float:left;
width:10px;
margin:0;
padding:0;
display:block;
line-height:24px;
}

div.infoArea dl dd {
float:left;
width:477px;
text-align:left;
line-height:24px;
}


/* 二行の場合 */
/* エコポイントの取り扱いありの場合 
div.infoArea_l2 {
clear:both;
padding:10px 0 5px 0;
}

div.infoArea_l2 dl {
width:490px;
height:105px;
padding:0 0 0 110px;
background:url(../images/template/bg_info_l2_h105.gif) no-repeat 0 0;
}

div.infoArea_l2 dl dt {
float:left;
width:10px;
margin:0;
padding:10px 0 5px 0;
display:block;
font-size:120%;
}

div.infoArea_l2 dl dd.eco_link {
float:left;
width:440px;
padding:10px 0 5px 0;
text-align:left;
font-size:120%;
}

div.infoArea_l2 dl dd.eco_text {
float:left;
width:490px;
text-align:left;
font-size:110%;
padding:0 0 15px 10px;
}

div.infoArea_l2 dl dd.nomal {
float:left;
width:477px;
text-align:left;
padding:10px 0 10px 0;
}

div.infoArea_l2 dl dd span.red {
color:#F00;
}*/

/* 通常*/

div.infoArea_l2 {
clear:both;
padding:10px 0 5px 0;
}

div.infoArea_l2 dl {
width:490px;
height:145px;
padding:2px 0 0 110px;
background:url(../images/template/bg_info_l2.gif) no-repeat 0 0;
}

div.infoArea_l2 dl dt {
float:left;
width:10px;
margin:0;
padding:0;
display:block;
line-height:22px;
}

div.infoArea_l2 dl dd {
float:left;
width:477px;
text-align:left;
line-height:22px;
}
div.infoArea_l2 dl dd span.red {
color:#F00;
}


/* 災害メッセージ 文章がながいので */

br.clear{
clear: both;
margin:0;
padding: 0;
line-height: 0;
height:0;
}

div.infoArea_large {
clear:both;
width: 600px;
overflow: hidden;
height: 1%;
margin: 10px 0 0 0;
padding: 8x 0 0 0;
background:url(../images/template/bg_info_head.gif) no-repeat 0 0;
}

div.infoArea_large div.foot{
width: 600px;
height: 1%;
margin: 0;
padding:0 0 10px 0;
background:url(../images/template/bg_info_foot.gif) no-repeat 0 bottom;
}

div.infoArea_large dl {
width:580px;
height:1%;
margin:0 10px 0;
padding: 0 0 0 0;
}

div.infoArea_large dl.first {
padding:10px 0 0 145px;
background:none;
}

div.infoArea_large dl dt {
float:left;
width:10px;
margin:0;
padding:0;
display:block;
}

div.infoArea_large dl dd {
float:left;
width:565px;
font-size:120%;
text-align:left;
}

div.infoArea_large dl dd span.red {
color:#F00;
}

div.infoArea_large dl dd.infonote {
background:url(../images/template/bg_info_line.gif) repeat-x 0 0;
padding: 6px 0 0 12px;
font-size:100%;
margin-top: 4px;
}

div.infoArea_large dl dd.infonotelast {
background:none;
font-size:100%;
padding: 5px 0 0 12px;
}