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

heartmarkshop top CSS

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

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


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

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


/* -------------------------------------------
	maincnt
------------------------------------------- */
div.searchsection{
padding: 60px 0 0 0;
position: relative;
}

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

/* --- category navigation --- */
ul#categorynavi{
width: 600px;
height: 237px;
background: url(../images/template/category_navi_bg_top.gif) no-repeat;
position:relative;
}

ul#categorynavi li{
width: 295px;
height: 44px;
position: absolute;
}

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

ul#categorynavi li#cn01{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px 0; top: 4px; left: 4px; }
ul#categorynavi li#cn02{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -44px; top: 4px; left: 301px; }
ul#categorynavi li#cn03{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -88px; top: 50px; left: 4px; }
ul#categorynavi li#cn04{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -132px; top: 50px; left: 301px; }
ul#categorynavi li#cn05{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -176px; top: 96px; left: 4px; }
ul#categorynavi li#cn06{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -220px; top: 96px; left: 301px; }
ul#categorynavi li#cn07{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -264px; top: 142px; left: 4px; }
ul#categorynavi li#cn08{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -308px; top: 142px; left: 301px; }
ul#categorynavi li#cn09{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -352px; top: 188px; left: 4px; }
ul#categorynavi li#cn10{ background: url(../images/template/category_navi_top.jpg) no-repeat -295px -396px; top: 188px; left: 301px; }

ul#categorynavi li#cn01 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 0; }
ul#categorynavi li#cn02 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -44px; }
ul#categorynavi li#cn03 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -88px; }
ul#categorynavi li#cn04 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -132px; }
ul#categorynavi li#cn05 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -176px; }
ul#categorynavi li#cn06 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -220px; }
ul#categorynavi li#cn07 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -264px; }
ul#categorynavi li#cn08 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -308px; }
ul#categorynavi li#cn09 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -352px; }
ul#categorynavi li#cn10 a{ background: url(../images/template/category_navi_top.jpg) no-repeat 0 -396px; }

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

ul#factorynavi{
width: 600px;
height: 89px;
margin: 0 0 15px 0!important;
margin: 0 0 10px 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.newssection{
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 10px 0;
padding: 0 0 11px 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;
}

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

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

#maincnt p.banner02{
float: right;
width: 293px;
height: 90px;
margin: 0 0 10px 0;
background: url(../images/template/banner_showeresh.gif) no-repeat 0 -90px;
}

#maincnt p.banner02 a{
overflow: hidden;
float: left;
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;
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: left;
width: 293px;
height: 90px;
background: url(/images/template/banner_aircon.gif) no-repeat 0 0;
text-indent: -9999px;
}

#maincnt p.banner01 a:hover, #maincnt p.banner02 a:hover, #maincnt p.banner03 a:hover, #maincnt p.banner04 a:hover{
background: none;
} 

#maincnt p.banner05{
/*clear: both;*/
padding: 10px 0 0 0!important;
padding: 5px 0 0 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 20px 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{
float: left;
width: 274px;
height: 268px;
}

#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;
}

/* outlet sale */
a.outlet {
display:block;
width:600px;
height:100px;
margin:10px 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:15px 0 5px 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:15px 0 5px 0;
}

div.infoArea_l2 dl {
width:490px;
height:45px;
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:75px;
margin:0;
padding:0;
display:block;
line-height:22px;
}

div.infoArea_l2 dl dd {
float:left;
width:412px;
text-align:left;
line-height:22px;
}