@charset "utf-8";
/* --------------------------------------
 トップページ
-------------------------------------- */

/*ショップバナー*/
#main_3column #banner_shop{
margin-bottom:16px;	
}

/*新着商品*/
#main_3column #new{
	margin-bottom: 3px;
}

#main_3column #new_list{

}

/*お知らせ*/
#main_3column #info{
	clear:both;
	margin: 5px 0;
	padding:5px 0;
	width:544px;
}

#main_3column #info img{
	vertical-align:middle;
}


#main_3column #info .infolist{
}

#main_3column #info .infolist table{
	width:544px;
}

#main_3column #info .infolist th{
	width:120px;
	font-size:0.7em;
	letter-spacing:0.4pt;
	padding:5px;
}

#main_3column #info .infolist td{
	vertical-align:middle;
	padding:5px;
}


#main_3column #info .infolist td , #main_3column #info .infolist th{
	border-bottom:1px dotted #DBDBDB;
}


#main_3column #info .infolist tr.bg_gray td ,#main_3column #info .infolist tr.bg_gray th{
	background:#F7F7F7;
}




/*特売セール*/
#main_3column #sale{
	padding-top:10px;
}

#main_3column #sale_list{
	padding:5px 0;
}

#sale_list table{
	width:100%;
}

/*#sale_list table td img{
	padding:5px;
	border: 2px solid #ccc;
}*/

#sale_list table td p.name{
	padding:0 5px;
	text-align:left;
}

#sale_list table td p.kakaku{
	/*margin-top:-10px;
	font-size:12px;*/
	font-weight:bold;
	color:#CC0000;
	text-align:center;
	margin:0px;
	padding:0px 0px 3px;
}

#sale_list table td.item{
	width:25%;
	text-align:center;
	border-right: 1px dotted #ccc;
}

#sale_list table td.item_end{
	width:25%;
	text-align:center;
}

/*#sale_list .image-area {
width:97px;
max-width:97px;
mix-width:97px;
height:100px;
max-height:100px;
mix-height:100px;
text-align:center;
vertical-align:middle;
}

#sale_list .image-area img {
margin:auto;
text-align:center;
vertical-align:middle;
}

#sale_list .image-area table {
text-align:center;
margin:auto;
width:97px;
max-width:97px;
mix-width:97px;
height:100px;
max-height:100px;
mix-height:100px;
}*/


#sale_list .image-waku {
margin:auto;
border:solid 2px #CCCCCC;
width:86px;
max-width:86px;
mix-width:86px;
height:86px;
max-height:86px;
mix-height:86px;
padding:5px;
#margin-right:13px;
_margin-right:3px;
text-align:center;
vertical-align:middle;
#margin-left:18px;
_margin-left:8px;
margin-bottom:5px;
/float:left; /* IE 6, 7 */
}

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

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

#sale_list .image-waku tr{
text-align:center;
}


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


/*おすすめ商品*/

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



/*
#main_3column #recommend{
	margin-bottom: 10px;
}

#main_3column #recommend_list{
	padding:5px 0;
}

#recommend_list table{
	width:100%;
}

#recommend_list table td p.name{
	text-align:left;
}

#recommend_list table td p.kakaku{
	margin-top:-10px;
	font-size:12px;
	text-align:left;
}

.kakaku img{
	vertical-align: middle;
}

#recommend_list table td p.btn{
	text-align:center;
}

#recommend_list table td.item{
	padding:10px 5px;
	width:33%;
	text-align:center;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.itemimg img{
	padding:5px;
	border: 1px solid #ccc;
}

#recommend_list table td.item_end{
	padding:10px 5px;
	width:33%;
	text-align:center;
	border-bottom: 1px dotted #ccc;
}

#recommend_list table td.item02{
	padding:10px 5px;
	width:33%;
	text-align:center;
	border-right: 1px dotted #ccc;
}

#recommend_list table td.item02_end{
	padding:10px 5px;
	width:33%;
	text-align:center;
}
*/


/*バナー*/


#main_3column .top_banner01{ 
	width:544px;
}

#main_3column .top_banner01 .banner{ 
}

#main_3column .top_banner01 .caption{ 
	font-size: 12px;
	line-height: 120%;
	padding:0 5px 10px 5px;
	text-align: left;
}

#main_3column .top_banner01 .campaignbanner{ 
}


.campaign_all{ 
	width:544px;
	text-align: right;
}


#main_3column .top_banner02{ 
	width:544px;
}

#main_3column .top_banner02 .left{ 
	width:264px;
	float: left;
	padding-right:16px;
}

#main_3column .top_banner02 .right{ 
	width:264px;
	float: left;
}

#main_3column .top_banner02 .banner{ 
}

#main_3column .top_banner02 .caption{
	font-size: 12px;
	line-height: 120%;
	padding:0 5px 10px 5px;
	text-align: left;
}

#main_3column .top_banner03{ 
	width:544px;
}

#main_3column .top_banner03 .left{ 
	width:170px;
	float: left;
	padding-right:17px;
}

#main_3column .top_banner03 .center{ 
	width:170px;
	float: left;
	padding-right:17px;
}

#main_3column .top_banner03 .right{ 
	width:170px;
	float: left;
}

#main_3column .top_banner03 .banner img{ 
}

#main_3column .top_banner03 .caption{ 
	font-size: 12px;
	line-height: 120%;
	padding:0 5px 10px 5px;
	text-align: left;
}


.top_banner03:after, .top_banner02:after, .top_banner01:after { 
content: "."; 
display: block; 
visibility: hidden; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
clear: both; 
} 

.top_banner03, .top_banner02, .top_banner01 { 
zoom: 100%; 
} 


/* --------------------------------------
 カルーセル
-------------------------------------- */
.jcarousel-container {
position: relative;
margin-left: 5px;
}

.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}

.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 20px;
margin: 0;
padding: 0;
}

/*画像の入るlistのスタイル*/
.jcarousel-list li,.jcarousel-item {
float: left;
list-style: none;
width:496x;
height:140px;
/* We set the width/height explicitly. No width/height causes infinite loops. */
}

.jcarousel-next {
z-index: 3;
display: none;
}

.jcarousel-prev {
z-index: 3;
display: none;
}

/*jcarouselの背景スタイル*/
.jcarousel-skin-tango .jcarousel-container {
background-color: #fff; 
}

/*jcarousel全体の幅、高さ*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 536px;
height: 140px;
padding: 0px;
}

/*画像群の入るボックスのスタイル*/
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:500px;
height:140px;
}

/*jcarousel画像のサイズ*/
.jcarousel-skin-tango .jcarousel-item {
width: 103px;
height: 140px;
}

.jcarousel-skin-tango .jcarousel-item p{
	/*margin-top: -5px;*/
	margin-top:5px;
	font-size:77%;
	line-height: 120%;
	letter-spacing:0.2em;
}

/*jcarousel画像同士の余白*/
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin:5px 11px 11px;
*margin:2px 11px 11px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}

/**
 *  Horizontal Buttons
 */
 
/*nextボタンのスタイル*/ 
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 15px;
right:0px;
width: 20px;
height: 130px;
cursor: pointer;
background: transparent url(/shared/images/btn-carousel-right.png) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}*/

/*prevボタンのスタイル*/
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 15px;
left: 0px;
width: 20px;
height: 130px;
cursor: pointer;
background: transparent url(/shared/images/btn-carousel-left.png) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}*/


/* --------------------------
カルーセルの新着情報の画像位置調整
--------------------------- */
#new_list .image-area {
width:97px;
max-width:97px;
mix-width:97px;
height:80px;
max-height:80px;
mix-height:80px;
text-align:center;
vertical-align:middle;
}

#new_list .image-area img {
margin:auto;
text-align:center;
vertical-align:middle;
}

#new_list .image-area table {
text-align:center;
margin:auto;
width:97px;
max-width:97px;
mix-width:97px;
height:86px;
max-height:80px;
mix-height:80px;
}

#new_list .image-area td{
text-align:center;
vertical-align:middle;
}

#new_list .image-area p{
text-align:left;
}


/* add mimura 091111 */
/* --------------------------
画像枠
--------------------------- */
.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 .thumbnail img {
margin:auto;
text-align:center;
vertical-align:middle;
}

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

#catalog-wrap .thumbnail td{
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;
}