/* CSS Document */


@import url("base.css");
@import url("contents.css");

/*
div#resultList
	_div#pankuzu[contents.css]
	_div#categoryMenu[contents.css]
	_div#configMenu[contents.css]
	div#goodsList
		div#categoryList
		div#goodsListMain
			div.goodsNorrowSearch
			div.goodsListBody
				td.goodsTbLeft
				td.goodsTbRight
	div#goodsListFoot
	_div#pageTop[contents.css]
*/





/*-----------------------------------------------------
������RESULT LIST
-----------------------------------------------------*/
div#resultList{
width:800px;
padding:10px 0 20px 0;
}

/*-----------------------
GOODS LIST
-----------------------*/
div#goodsList{
clear:both;
background-image:url("../images/list_bg.gif");
background-repeat:repeat-y;
    display: inline-block;
}
div#goodsList:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html div#goodsList {
    height: 1%;
}
div#goodsList {
    display: block;
}
div#goodsList h1{
font-weight:bold;
font-size:110%;
text-indent:10px;
}
div#goodsList h1.kyoto{
background-image:url("../images/title_kyoto.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}
div#goodsList h1.cloth{
background-image:url("../images/title_cloth.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}
div#goodsList h1.eat{
background-image:url("../images/title_eat.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}
div#goodsList h1.life{
background-image:url("../images/title_life.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}
div#goodsList h1.community{
background-image:url("../images/title_community.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}
div#goodsList h1.helth{
background-image:url("../images/title_helth.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}
div#goodsList h1.present{
background-image:url("../images/title_present.gif");
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
}

/*-----------------------
CATEGORY LIST
-----------------------*/
div#categoryList{
float:left;
width:160px;
padding:0 10px 0 10px;
}
div#categoryList h3{
color:#4e3838;
font-weight:bold;
background-image:url("../images/category_line.gif");
background-repeat:no-repeat;
background-position:bottom;
padding:5px 0 2px 3px;
}
div#categoryList ul{
padding:5px 0 15px 0;
}
div#categoryList li{
background-image:url("../images/ind01.gif");
background-repeat:no-repeat;
background-position:0 6px;
padding:0 0 0 8px;
font-size:75%;
}
/*-----------------------
GOODS LIST MAIN
-----------------------*/
div#goodsListMain{
float:right;
width:620px;
}

/*-----GOODS NORROW SEARCH-----*/
div#goodsListMain div.goodsNorrowSearch{
background-image:url("../images/list_norrowsearch_bg.gif");
padding:0 0 10px 15px;
}
div#goodsListMain div.goodsNorrowSearch{

}
div#goodsListMain div.goodsNorrowSearch dl{
clear:both;
padding:15px 0 0 0;
}
div#goodsListMain div.goodsNorrowSearch dt{
float:left;
}
div#goodsListMain div.goodsNorrowSearch dd{
float:left;
}
div#goodsListMain div.goodsNorrowSearch dt.keyword {
background-image:url("../images/narrow_md_search.gif");
background-repeat:no-repeat;
padding:0 0 0 18px;
}
div#goodsListMain div.goodsNorrowSearch dd.norrowBt{
padding:2px 0 0 10px;
}
div#goodsListMain div.goodsNorrowSearch dd.norrowBt a{
display:block;
background-image:url("../images/bt_norrow.gif");
background-repeat:no-repeat;
width:80px;
height:19px;
text-indent:-9999px;
}
div#goodsListMain div.goodsNorrowSearch dd.displaySetting{
padding:4px 2px 0 0;
}
div#goodsListMain div.goodsNorrowSearch dd.displaySetting h4{
background-image:url("../images/narrow_md_permute.gif");
background-repeat:no-repeat;
text-indent:-9999px;
width:77px;
height:13px;
}
div#goodsListMain div.goodsNorrowSearch dd input{
background-color:#FFFFFF;
border:1px solid #d8d9db;
font-size:90%;
padding:2px 3px 2px 3px;
width:106px;
}
div#goodsListMain div.goodsNorrowSearch dd.displayNumber{
padding:4px 2px 0 10px;
}
div#goodsListMain div.goodsNorrowSearch dd.displayNumber h4{
background-image:url("../images/narrow_md_case.gif");
background-repeat:no-repeat;
text-indent:-9999px;
width:48px;
height:13px;
}
div#goodsListMain div.goodsNorrowSearch dd.displayPhoto{
padding:4px 2px 0 10px;
}
div#goodsListMain div.goodsNorrowSearch dd.displayPhoto h4{
background-image:url("../images/narrow_md_photo.gif");
background-repeat:no-repeat;
text-indent:-9999px;
width:48px;
height:13px;
}
/*-----GOODS LIST BODY-----*/
div#goodsListMain div.goodsListBody{
clear:both;
padding:15px 0 0 15px;
}
div#goodsListMain div.goodsListBody h2{
font-weight:bold;
border-bottom:3px solid #b6b7b9;
padding:0 0 0 10px;
font-size:110%;
}

/*-----GOODS TB-----*/
div#goodsListMain div.goodsListBody table{
clear:both;
border-collapse:collapse;
}
div#goodsListMain div.goodsListBody td.goodsTbLeft{
border-bottom:1px solid #b5b5b5;
border-right:1px dotted #b5b5b5;
width:258px;
padding:10px 20px 10px 20px;
vertical-align:top;
}
div#goodsListMain div.goodsListBody td.goodsTbRight{
border-bottom:1px solid #b5b5b5;
width:258px;
padding:10px 20px 10px 20px;
vertical-align:top;
}
div#goodsListMain div.goodsListBody div.photoArea{
border:1px solid #e8e8e8;
padding:1px 1px 1px 1px;
width:120px;
float:left;
}
div#goodsListMain div.goodsListBody div.orderBt{
float:left;
width:134px;
}
div#goodsListMain div.goodsListBody div.orderBt ul{
padding:0 0 0 44px;
}
div#goodsListMain div.goodsListBody div.orderBt li{
padding:0 0 3px 0;
}
div#goodsListMain div.goodsListBody div.orderBt li.goToDetail a{
display:block;
background-image:url("../images/bt_detail.gif");
background-repeat:no-repeat;
text-indent:-9999px;
width:90px;
height:19px;
}
div#goodsListMain div.goodsListBody div.orderBt li.goToFovorite a{
display:block;
background-image:url("../images/bt_favorite.gif");
background-repeat:no-repeat;
text-indent:-9999px;
width:90px;
height:19px;
}
div#goodsListMain div.goodsListBody div.summary{
clear:both;
padding:5px 0 0 0;
}
div#goodsListMain div.goodsListBody div.summary h3{
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 15px;
}
div#goodsListMain div.goodsListBody div.summary p.price{
font-weight:bold;
color:#e32f2f;
padding:3px 0 3px 0;
}
div#goodsListMain div.goodsListBody div.summary p.midashi{
line-height:130%;
}
div#goodsListMain div.goodsListBody div.summary p.tenpo{
font-size:75%;
padding:3px 0 0 0;
}


/*-----PAGER-----*/
div#goodsListMain div.pagerTop{
padding:20px 0 10px 0;
font-size:90%;
border-bottom:1px solid #b5b5b5;
}
div#goodsListMain div.pagerBottom{
padding:20px 0 10px 0;
font-size:90%;
}

/*-----------------------
GOODS LSIT FOOT
-----------------------*/
div#goodsListFoot{
clear:both;
background-image:url("../images/list_foot.gif");
background-repeat:no-repeat;
background-color:#FFFFFF;
height:8px;
width:900px;
}
* html div#goodsListFoot{
clear:both;
background-image:url("../images/list_foot.gif");
background-repeat:no-repeat;
background-position:15px 0;
background-color:#FFFFFF;
height:8px;
}