@charset "utf-8";
/* --------------------------------------
 カテゴリ
-------------------------------------- */
#categorylist{
	width:546px;
}

#categorylist .title {
	margin:0;
}

#categorylist #list{
	float:left;
	width:546px;
	margin-bottom:20px;
}

#list #list_left{
	float:left;
	width:258px;
}

#list #list_right{
	float:left;
	width:258px;
	margin-left:30px;
}

#list .categoryname{
	margin-bottom:10px;
	background:url(/shared/images/bg_name.jpg) repeat-x bottom left;
	height:37px;
	font-size:116%;
}

#list .categoryname img{
	vertical-align:middle;
}

#list .categoryname a:link{
	color:#cc3300;
}

#list .categoryname a:visited{
	color:#cc3300;
}

.listmenu{
	width:248px;
	margin-left:5px;
	margin-bottom:20px;
}

.listmenu img{
	padding:2px;
	vertical-align:middle;
}

/* --------------------------------------
 商品一覧　カタログ
-------------------------------------- */
#catalog{
	width:546px;
}

#catalog .title {
	margin:0;
}

#catalog .categoryname{
	width:526px;
	padding:10px;
	margin-bottom:10px;
	background:url(/shared/images/bg_name.jpg) repeat-x bottom left;
	font-size:116%;
	font-weight:bold;
}

table#category-search{  
	width:100%;
}

table#category-search td{  
	width:33%;
}

table#category-search td img{  
	vertical-align:text-bottom;
	margin-right:3px;
}

table#category-search ul{  

}

table#category-search ul li{  
	list-style: none;
	background:url(/shared/images/list_point_catelist.jpg) no-repeat;
	padding:2px 0 0 20px;
}

#catalog #list_info{
	width:534px;
	padding:10px 5px 0 5px;
	margin:10px 0;
	border:solid 1px #e4bc96;
	background:#FFFBF0;
}

#catalog .catalog{
	width:546px;
	margin-bottom:20px;

}

#catalog #catalog_list{
	padding-top:5px;
}

#commodity-catalog {
padding-top:15px;
}

.commodity-line {
width:544px;
height:auto;
margin:0 auto;
padding-bottom:18px;
background:url(/shared/images/bg-commodity-catalog-cross.gif) no-repeat;
background-position:-2px bottom;
}

.commodity-line table, .commodity-line-last table {
width:544px;
height:auto;
margin:0 auto;
background:url(/shared/images/bg-commodity-catalog.gif)  repeat-y;
background-position:-2px bottom;
}

.commodity-line-last {
width:544px;
height:auto;
margin:0 auto;
padding-bottom:18px;
background:none;
}

.commodity-line td, .commodity-line-last td {
padding:0 7px;
}

.thumb-commodity img {
margin:3px auto 4px;
border:solid 2px #CCCCCC;
}

td.thumb-commodity {
text-align:center;
width:33%;
}

.commodity-line p, .commodity-line-last p{
width:166px;
margin:0 auto;
font-weight:bold;
}

.commodity-btn-area {
width:166px;
height:auto;
margin:0 auto;
}

.commodity-btn-area img{
display:inline;
margin-top:7px;
}

#.commodity-btn-area .en {
text-align:left;
}

.commodity-btn-area .en img{
vertical-align:text-bottom;
margin-right:3px;
}

/* --------------------------------------
 商品一覧　リスト
-------------------------------------- */
#catalog .catalog_list{
	float:left;
	width:546px;
	margin-bottom:20px;
	border-bottom: 1px dotted #dcdcdc;
}

#catalog .catalog_list_end{
	float:left;
	width:546px;
	margin-bottom:20px;
}

.catalog_list .list_left, .catalog_list_end .list_left{
	float:left;
	width:380px;
}

.catalog_list, .catalog_list_end .list_right{
	float:left;
	width:161px;
}

div.listitem{
	width:100%; /*必ずwidthは指定する。(100%などでもOK)*/
	margin:0;
	padding:5px 0;
	display:table;
}
/*
div.listitem p.listitemimage{
	margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
/*	padding:5px;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left; /* IE 6, 7 */
/*}*/

div.listitem div.listitemtext{
	padding:0 0 0 5px;
	display:table-cell;
	vertical-align:top;
	line-height:160%;
	width:275px;
	*width:auto;
	text-align:left;
	/zoom:1; /* IE 6, 7 */
}

/*
div.listitem p.listitemimage img{
	border: 2px solid #dcdcdc;
	padding:5px;
}
*/

div.listitem div.listitemtext .kakaku{
	font-size:133%;
}

div.listitem div.listitemtext .commodity{
	line-height:130%;
}

.btn-area{
	text-align:right;
	margin-top:20px;
}

.catalog_list .detail{
	clear:both;
	padding-bottom:10px;
	color:#666;
}

.catalog_list_end .detail{
	clear:both;
	padding-bottom:10px;
	color:#666;
}

/* --------------------------
画像枠
--------------------------- */
.image-waku {
border:solid 2px #CCCCCC;
width:86px;
max-width:86px;
mix-width:86px;
height:86px;
max-height:86px;
mix-height:86px;
padding:5px;
margin-right:10px;
text-align:center;
vertical-align:middle;
/float:left; /* IE 6, 7 */
}

.image-waku img {
margin:auto;
text-align:center;
vertical-align:middle;
}

.image-waku table{
text-align:center;
margin:auto;
width:86px;
max-width:86px;
mix-width:86px;
height:86px;
max-height:86px;
mix-height:86px;
}

.image-waku td{
text-align:center;
vertical-align:middle;

}

/* --------------------------------------
 商品一覧カタログ表示
-------------------------------------- */
#catalog-wrap {
	background:url(/shared/images/bg-commodity-catalog-test.gif) repeat-y;
	_background:url(/shared/images/bg-commodity-catalog-ie6.gif) repeat-y;
	background-position:0 top;
	padding-bottom:0px;
	*padding-bottom:30px;
}


#catalog-wrap .syouhin-line {
	width:546px;
	height:100%;
	position:relative;
/*	margin-bottom:33px;*/
	margin-bottom:70px;
	border-top:dotted 1px #CCCCCC;
	padding-top:15px;
}


#catalog-wrap .syouhin-line:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}  

#catalog-wrap .syouhin-line {   
    display: inline-block;   
	zoom: 100%; 
}  

#catalog-wrap .first {
	border-top:none;
}


#catalog-wrap .syouhin {
	width:160px;
	margin:0;
	padding:0 8px;
	height:auto;
	float:left;
}

#catalog-wrap .syouhin .thumbnail {
border:solid 2px #CCCCCC;
width:86px;
max-width:86px;
mix-width:86px;
height:86px;
max-height:86px;
mix-height:86px;
padding:5px;
margin:0 auto 5px;
text-align:center;
}

#catalog-wrap .syouhin .syouhin-name {
margin-bottom:8px;
}

#catalog-wrap .syouhin-line .syouhin .thumbnail img {
margin:auto;
text-align:center;
vertical-align:middle;
}

#catalog-wrap .thumbnail table{
text-align:center;
margin:auto;
width:86px;
height:86px;


}

#catalog-wrap .syouhin-line .syouhin .thumbnail td{
text-align:center;
vertical-align:middle;
/*background:url(/shared/images/img-itemwaku.png) no-repeat;*/

}

#catalog-wrap .syouhin-line .syouhin .thumbnail tr{

}

#catalog-wrap .syouhin-line .syouhin .thumbnailimg img {
margin:auto;
text-align:center;
vertical-align:middle;

}




#catalog-wrap .hidari .btn {
	position:absolute;
/*	bottom:-25px;*/
	bottom:-55px;
	left:4px;
}

#catalog-wrap .chuou .btn {
	position:absolute;
/*	bottom:-25px;*/
	bottom:-55px;
	left:189px;
}

#catalog-wrap .chuou {
	margin:0 9px;
}

#catalog-wrap .migi .btn {
	position:absolute;
/*	bottom:-25px;*/
	bottom:-55px;
	right:4px;
}

#catalog-wrap .btn img {
	margin:auto 2px;
}

#catalog-wrap .btn {
	width:168px;
}

#catalog-wrap .nedan {
	margin:4px auto 4px auto;
}

#catalog-wrap .nedan img{
	vertical-align:middle;
	margin-right:3px;
}

/* --------------------------------------
 カテゴリパンくずリスト
-------------------------------------- */

#genre{
	width:534px;
	padding:5px;
	background:#F4F4F4;
	border:dotted 1px #cccccc;
	margin-bottom:20px;
}

#genre ul li{
	list-style: none;
	padding: 0 5px 0 15px;
	margin:0;
	background:url(/shared/images/list_topicpath.gif) no-repeat left center;
}



/*検索ウィンドウ*/

#itemsearch{
	width:546px;
}

#itemsearch .title {
	margin:0;
}

#itemsearch .info{
	width:546px;
}

#itemsearch .info img{
	vertical-align:middle;
}


#itemsearch table{
border-collapse:collapse;
border:solid 1px #FFA74E;
margin:10px auto 5px;
width:546px
}

#itemsearch td ,#itemsearch th{
border:solid 1px #FFA74E;
padding:10px;
}

#itemsearch th{
background:#FFFEE3;
width:150px;
height:auto;
text-align:center;
font-weight:normal;
padding-right:6px;
vertical-align:middle;
}

#itemsearch td {
vertical-align:middle;
}

#itemsearch .submitarea{
	text-align:center;
	margin:10px 0;
	}
	
#itemsearch .category_sub{
	margin:5px 0 0 10px;
	}