@charset "utf-8";
/** RESET ******************/

* {
	font-size:100%;
	line-height:160%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0;
	color:#333333;
}
body {
	font-size:75%;
	text-align:center;
	margin:0 auto;
}
h1, h2, h3, h4, h5, h6, p, em, strong {
	margin:0;
	padding:0;
	display: block;
	font-weight:normal;
	font-size:1em;
	font-style: normal;
}
ol, ul {
	list-style-type: none;
}
li {
	display:inline;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
th, td {
	font-weight:normal;
	font-size:1em;
	font-style: normal;
}
img {
	border: 0;
	vertical-align:bottom;
}

p{
margin:0 10px 10px 10px;
}

#main p{
margin:0 10px 10px 14px;
}
/** GLOBAL **/

/* 非表示 */
.none {
	display: none;
}
/* 区切り */
hr {
	height:1px;
}
.fclear {
	clear:both;
}
/* リンク設定 */

a {
	text-decoration: underline;
	color:#0000A0;
}
/* メインリンクマウスオーバー時 */
a:hover {
	text-decoration: none;
}
a:hover img,  input.btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* 読み飛ばし */
.skip, .hdn{
	position: absolute;
	left: -9999px;
}

.alignl {
	text-align:left;
}
.alignc {
	text-align:center;
}
.alignr {
	text-align:right;
}
/* vertical-align */

.valignt {
	vertical-align:top;
}
.valignm {
	vertical-align:middle;
}
.valignb {
	vertical-align:bottom;
}
/* margin */


.mgn0{
margin:0;
}
.mgn4 {
	margin:4px;
}
.mgn10 {
	margin:10px;
}
.mgn15 {
	margin:15px;
}
.mgn20 {
	margin:20px;
}
/* margin-top */

.mt1 {
	margin-top:1px;
}
.mt2 {
	margin-top:2px;
}
.mt3 {
	margin-top:3px;
}
.mt4 {
	margin-top:4px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
/* margin-right */

.mr1 {
	margin-right:1px;
}
.mr2 {
	margin-right:2px;
}
.mr3 {
	margin-right:3px;
}
.mr4 {
	margin-right:4px;
}
.mr5 {
	margin-right:5px;
}
.mr6 {
	margin-right:6px;
}
.mr7 {
	margin-right:7px;
}
.mr8 {
	margin-right:8px;
}
.mr9 {
	margin-right:9px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr25 {
	margin-right:25px;
}
.mr30 {
	margin-right:30px;
}
.mr40 {
	margin-right:40px;
}
.mr50 {
	margin-right:50px;
}
/* margin-bottom */

.mb1 {
	margin-bottom:1px;
}
.mb2 {
	margin-bottom:2px;
}
.mb3 {
	margin-bottom:3px;
}
.mb4 {
	margin-bottom:4px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
/* margin-left */

.ml1 {
	margin-left:1px;
}
.ml2 {
	margin-left:2px;
}
.ml3 {
	margin-left:3px;
}
.ml4 {
	margin-left:4px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml25 {
	margin-left:25px;
}
.ml30 {
	margin-left:30px;
}
.ml40 {
	margin-left:40px;
}
.ml50 {
	margin-left:50px;
}
/* padding-top */

.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt50 {
	padding-top:50px;
}
/* padding-right */

.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr25 {
	padding-right:25px;
}
.pr50 {
	padding-right:50px;
}
/* padding-bottom */

.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb50 {
	padding-bottom:50px;
}
/* padding-left */

.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}
.pl50 {
	padding-left:50px;
}
/** BASE **/

#hdr-top{
background-color:#F5F0E6;
float:left;
width:100%;
}

.hdr-top-main{
	margin:0 auto;
	width:980px;
	text-align:left;

}

.hdr-top-main h1{
float:left;
width:580px;
font-size:85%;
padding:5px 0 ;
}

.hdr-sub-nav{
float:right;
width:390px;
text-align:right;
padding:0px 0 0px 0;
height:15px;
display:table-cell;
vertical-align:middle;

}

.hdr-sub-nav li{
margin:5px 0px 5px 15px;
float:right;
}

.hdr-img, .gnav-main , .main-bg, .ftr-bg{
	margin:0 auto;
	width:980px;
	text-align:left;
}
.hdr-img .img01{
float:left;
width:342px;
margin:5px 0 0 10px;
}
.hdr-img .hdr-bnr{
float:right;
margin:500px;
margin:6px 0 0 0;
}

#gnav{
	float:left;
	width:100%;
	background-image: url(img/hdr_gn_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	padding:3px 0 0 0;
}

#gnav ul li{
margin:0px 15px 0 0;

}

#main{
	float:left;
	width:100%;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #EBEBEB;
	padding-top:10px;
}

.main-bg-all{
	background-image: url(img/main_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:980px;
	padding:0 0 10px 0;
}

#center{
width:688px;
float:left;
text-align:left;
}

#lnav{
width:284px;
float:right;

}

#lnav h2{
margin:1px 0 10px 1px;
}

.cat-list li{
	float:left;
	width:265px;
	margin:0 0 10px 10px;

	background-image: url(img/line_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:0 0 10px 0;
	display:inline;
	
}

.cat-list li.last{
background-image:none;
}

.cat-list li a{
color:#333333;
text-decoration:none;
}

.cat-list li a:hover{
text-decoration:underline;
}

.cat-list li .left{
width:90px;
float:left;
margin:0 0 0px 0px;
}

.cat-list li .right{
width:165px;
float:left;
margin:0 0 0px 10px;
display:inline;
}

.cat-list li .right img{
display:block;
margin:5px 0 5px 0;
}

#search .txt-field{
width:250px;
border:solid 1px #ccc;
margin:0 0 10px 0;
padding:3px 0;
}

.side-banner{
margin:15px 0;
}

#news{
padding:0 0 10px 0;
}
#news p{
margin:0 10px 10px 10px;
}













/** カレンダー **/

#calendar {
	color:#666;
}
.cal-blk {
	margin:10px 0 0 13px;
}
.cal-blk table {
	margin:0 0 10px 0;
}
.cal-blk table td {
	border:solid 2px #fff;
}
span.Today {
	font-weight: bolder;
}
li.deli span {
}
li.openingsale span {
}
span.holyday-txt {
	color: #FF0000;
}
li.Sun span {
}
li.Sat span {
	background-color:#EBF4FF !important;
}
li.Sat-holyday span {
	color: #FF0000;
	background-color:#EBF4FF !important;
}
li.undefined span {
	cursor: pointer;
}
/*ui*/
div.cal_wrapper {
	width: 275px!important;
	width/**/: 275px;
	height: 160px!important;
	height/**/: 180px;
	position: relative;
	padding-bottom: 10px;

}
ul.cal_ui {
	padding: 0px;
	margin: 0px;
	width: 60px;
	float: right;
}
ul.cal_ui li {
	float: left;
	width: 20px;
	height: 15px;
	font-size: 10px;
	list-style: none;
}
div.cal_base p {
	font-size: 12px;
	padding: 5px;
	margin: 0px;
}
ul.cal_main {
	clear: both;
	padding: 0px 0 0px 0;
	margin: 0px 0 0 14px;
}
ul.cal_main li {
	/*padding: 3px 0px 3px 0px;*/
	width: 34px;
	text-align: center;
	list-style: none;
	font-size: 10px;
	float: left;
	overflow: hidden;
	border:solid 1px #fff;
	background-color:#F3F3F3;
}
ul.cal_main li span {
	padding: 1px 0px;
	display: block;
}
li.cal_headline span {
	background-color:#180706;
	color:#FFFFFF;
}

#mobile .left{
width:99px;
float:left;
margin:0 10px 10px 10px;
display:inline;
}

#mobile .right{
float:left;
width:160px;
margin:10px 0 0 0;
display:inline;
}

#footer{
background-color:#CCCCCC;
float:left;
width:100%;
}

.ftr-main{
	background-image: url(img/ftr_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:980px;
}
#footer ul li{
display:block;
}

#footer a,#footer a:link{
color:#333;
}
#ftr-contents{
width:310px;
float:left;
}



#ftr-contents ul{
	float:left;
	width:140px;

}

#ftr-contents ul.start ,#ftr-info ul.start{
	background-image: url(img/ftr_line_bg.gif);
	background-repeat: repeat-y;
	background-position: 2px 3px;
	padding:0 0 0px 10px;
}

#ftr-info{
width:310px;
float:left;
}

#ftr-info ul{
float:left;
width:150px;
}

.ftr-right{
width:284px;
float:right;
padding:20px 0 10px 0;
text-align:center;
font-size:80%;

}

.ftr-right img{
margin:0 0 10px 0;
}

#footer p.copyright{
margin:0;
padding:5px 0;
text-align:center;
background-color:#333333;
clear:both;
border-top:solid 1px #fff;
}



/** TOPページ **/

.blk{
border:solid 1px #ccc;
background-color:#FFFFFF;
width:686px;
float:left;
}

#sale{
float:left;

background-color:#FFFFFF;
}

#sale h2{
margin:0px;
}

.sale-list{
margin:0 0 0 30px;
display:inline;
}

#sale ul{
padding:20px 0;
float:left;

}
#sale li{
float:left;
width:291px;
margin:0px 10px 0px 0;
display:inline;
}

#sale li .left{
width:150px;
float:left;
margin:0 10px 0 0;
}

#sale li .right{
width:131px;
float:left;
}

#sale .arrow{
float:left;
width:40px;
text-align:center;
}

#sale .arrow img{
margin:70px auto 0 auto;
}

.icon{
margin:0 3px 5px 0;
}


#sale li .right span{
display:block;
}

.price-b{
	color:#333;
	text-decoration: line-through;
}

.price{
font-size:130%;
font-weight:bold;
color:#9B0000;
}

.bold{
font-weight:bold;
}

.item-list{
margin:10px 0 10px 17px;
}

.item-list li{
float:left;
width:203px;
margin:0 19px 15px 0;
min-height:320px;
height: auto !important;
height: 320px;
display:inline;
}

.item-list li .photo{
border:dotted 1px #ccc;
text-align:center;
padding:5px 0;
margin:0 0 10px 0;
height:184px;
width:203px;
vertical-align:middle;
display: table-cell; 
}


/*for IE6 */  
* html .item-list li .photo{
border:dotted 1px #ccc;
text-align:center;
padding:5px 0;
margin:0 0 10px 0;
height:184px;
width:203px;
vertical-align:middle;
display: inline; 
zoom:1;
}

/*for IE7 */
*:first-child+html .item-list li .photo{
border:dotted 1px #ccc;
text-align:center;
padding:5px 0;
margin:0 0 10px 0;
height:184px;
width:203px;
vertical-align:middle;
display: inline; 
zoom:1;
}










#new-arrival li span,ul.pickup-list li span,.item-list li span{
display:block;
}

.pickup-bg{
	margin:5px 5px 0 5px;
	float:left;
	width:676px;
	background-image: url(img/pickup-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	display:inline;
}
ul.pickup-list{
display:block;
width:132px;
margin:0 0 0 86px;
}

ul.pickup-list li{
margin:0px 0 0 0 ;

display:block;
}

.pickup-bg .suit{
	width:225px;
	float:left;
	margin-bottom:5px;
	display:inline;
	background-image: url(img/top_suit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.pickup-bg .tie{
	width:225px;
	float:left;
	margin-bottom:15px;
	display:inline;
	background-image: url(img/top_tie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.pickup-bg .shirt{
	width:225px;
	float:left;
	margin-bottom:5px;
	display:inline;
	background-image: url(img/top_shirt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.fsize80{
font-size:80%;
}

.fsize100{
font-size:100%;
}

.fsize120{
font-size:120%;
}


.guide-main{
margin:10px 20px 20px 20px;
}

.guide-main h3{
margin:10px 0 10px 0;
}
.guide-main .left,.guide-main .right{
float:left;
width:323px;
}

table.send-fee{
border:solid 1px #330000;
width:200px;
margin:0 0 10px 10px;
}

table th,table td{
padding:3px 8px;
text-align:left;
border:solid 1px #666;
}

table th{
	background-color:#EEEEEE;
	width:80px;
	border:solid 1px #666;
}



/** RECOMMEND **/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.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: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

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


/* STAFF RECOMMEND *********************************************/

.jcarousel-skin-tango .jcarousel-container {

float:left;
width:686px;

margin:5px 0 0 0;
padding:0;
height:105px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 686px;

}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  600px;
	margin:0 35px;
    height: 105px;
	/*background-color:#CCCCCC;*/
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 260px;
    height: 105px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: 0px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(js/jcarouselcss/next-horizontal.gif) 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;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: 0px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(js/jcarouselcss/prev-horizontal.gif) 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;
}



.staff-reco{
text-align:left;
}
.reco-item{
float:left;
width:686px;

margin:5px 0 0 0;
padding:0;
}

.reco-item li{
margin:10px;
float:left;
}

.jcarousel-skin-tango .jcarousel-item .left{
float:left;
width:90px;
height:90px;
display:table-cell;
vertical-align:middle;
text-align:center;
margin:0 8px 0 8px;
}

.jcarousel-skin-tango .jcarousel-item .left img{

}

.jcarousel-skin-tango .jcarousel-item .right{
float:left;
width:150px;
}

.jcarousel-skin-tango .jcarousel-item .right span{
display:block;
}
.jcarousel-skin-tango .jcarousel-item .right a{
display:block;

}


/** MAINLIST **/

.main-h2{
margin:15px;
}

.main-list-left{
float:left;
width:500px;
}

.main-list-left p{
margin:0 0 15px 15px;
}

.main-list-left strong{
display:inline;
padding:3px;

margin:5px;
font-weight:bold;
}

.main-list-left a{
display:inline;
padding:3px;

margin:5px;

}

.main-list-right{
float:right;
width:150px;
text-align:right;
}

.sub-arrow li{
	background-image: url(img/arrow_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 10px 0 15px;
}


/** DETAIL **/

.main-left{
float:left;
width:324px;
margin:0 15px 0 10px;
}

p.detail-img{
padding:15px 0;
border:dotted 1px #ccc;
margin:0;
}

h3.photo-cmnt{
font-size:90%;
margin:3px 0 10px 0;

}

.main-right{
float:left;
width:324px;
margin:0 0px 0 0px;
}

.detail p{
margin-left:0 !important;
margin-right:0 !important;
}

.detail-title{
font-size:120%;
font-weight:bold;
margin:0 0 10px 0;
}
.disblk{
display:block;
}

table.detail-size{
border:dotted 1px #330000;
width:324px;
margin:0 0 5px 0px;
}

table.detail-size th,table.detail-size td{
padding:3px 8px;
text-align:left;
border:dotted 1px #666;
}

table.detail-size th{
	background-color:#F7F7F7;
	width:80px;
	border:dotted 1px #666;
}

.mr0{
margin-right:0;
}

.mb0{
margin-bottom:0;
}

.attention{
color:#FF3300;
}
.attentionarea{
	background-color: #FFEEEE;
	border:dotted 1px #FF0000;
	padding:10px;
}
ol.attentionarea li, .attentionarea{
color:#FF3300;
}

p.mgn0{
margin:0px;
}

ol.circle li{
	list-style-type: disc;
	padding:0 0 0 5px;
	display:list-item;
	list-style-position: inside;
}


#image{
border:solid 1px #ccc;
}
#top-bnr{
padding:10px 0 0 0;
}
#top-bnr img{
/* border:solid 1px #ccc;
*/
}

.aroundline{
border:solid 1px#ccc;
}


.box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box260 {
    width: 260px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}


.area660 {
    width: 660px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.zipimg img {
    margin: 5px 0 0 0;
}

.inputbox{
border:dotted 1px #666;
margin:10px auto;
padding:10px 0;
width:620px;
text-align:center;
}

.main-h3{
font-weight:bold;
border-bottom:dotted 1px #333;
padding:3px;
margin:10px;

}

.btn{
margin-left:10px;
}

.mp-name{
font-size:140%;
font-weight:bold;
margin:10px;
float:left;
width:450px;
}

.mp-name a{
color:#000;
text-decoration:none;
}

.mp-name a:hover{
text-decoration:underline;
}

.mp-cart{
float:right;
width:150px;
text-align:right;
margin:10px 10px 0 0;
}

.mp-nav{
text-align:center;
}

.mp-nav li{
margin:0 5px;
}



span.mini{
margin-left:0 !important;
}

.tblareabtn{
text-align:center;
margin:10px 0;
}

.delivname{
margin:10px auto;width:640px;
}

.mp-pt{
background-color:red;
color:white;
font-weight:bold;
padding:3px;
}



#guide h3{
padding:10px 0 10px 0;
}

.yougo em{
display:block;
font-weight:bold;
padding:0 0 5px 14px;
}

h2.yougo{
padding:30px 0 10px 14px;
}

.quantity{
width:40px;
text-align:right;
ime-mode:disabled;
}

.flowarea{
text-align:center;
padding:10px 0 0 0;
}