@charset "shift-jis";
/* CSS Document */

/*-- #slideshow --*/
#slideshow {
position: relative;
width: 748px;
margin:0 0 20px 0;
overflow: hidden;
z-index: 1;
}
#slideshow div {
float: left;
width: 595px;
height: 244px;
overflow: hidden;
position: relative;
}
#slideshow div div {
top: 0;
left: 0;
position: absolute;
}
#slideshow ul {
float: right;
width: 153px;
padding: 3px 0 0 0;
background: #f3f1e5;
}
#slideshow ul li {
width: 147px;
margin: 0 0 3px 3px;
}
#slideshow .active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}


/* Most common stuff you'll need to change */
.coda-slider-wrapper { margin:0; padding:0; }
.coda-slider {  }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height:200px; overflow:auto !important; padding-right:20px; }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width:748px; } 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:748px; }
.coda-slider-wrapper.arrows .coda-slider { margin:0 10px; }
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background:#000; color:#fff; padding:5px; width:100px; }
/* Tab nav */
.coda-nav ul li a.current { background:#39c; }
/* Panel padding */
.coda-slider .panel-wrapper { }
/* Preloader */
.coda-slider p.loading { padding:20px; text-align:center; }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul li { display:inline; }
/* Miscellaneous */
.coda-slider-wrapper { width:748px; clear:both; overflow:auto; }
.coda-slider { float:left; overflow:hidden; position:relative; }
.coda-slider .panel { display:block; float:left; }
.coda-slider .panel-container { position:relative; }
.coda-nav-left, .coda-nav-right { float:left; }
.coda-nav-left a, .coda-nav-right a { display:block; text-align:center; text-decoration:none; }

.coda-nav ul {  clear:both; display:block;overflow:hidden;width:748px !important;}
.coda-nav ul li a { display:block; float:left;text-decoration:none;height:35px; font-size:0;}
.coda-nav ul li.tab1 a{ width:104px;background: url(/base/store/default/img/btn_store_categorynav_whatsnew.gif) no-repeat left top;}
.coda-nav ul li.tab1 a.current { background: url(/base/store/default/img/btn_store_categorynav_whatsnew_on.gif) no-repeat left top;}
.coda-nav ul li.tab2 a{ width:104px;background: url(/base/store/default/img/btn_store_categorynav_women.gif) no-repeat left top;}
.coda-nav ul li.tab2 a.current { background: url(/base/store/default/img/btn_store_categorynav_women_on.gif) no-repeat left top;}
.coda-nav ul li.tab3 a{ width:104px;background: url(/base/store/default/img/btn_store_categorynav_men.gif) no-repeat left top;}
.coda-nav ul li.tab3 a.current { background: url(/base/store/default/img/btn_store_categorynav_men_on.gif) no-repeat left top;}
.coda-nav ul li.tab4 a{ width:124px;background: url(/base/store/default/img/btn_store_categorynav_babykids.gif) no-repeat left top;}
.coda-nav ul li.tab4 a.current { background: url(/base/store/default/img/btn_store_categorynav_babykids_on.gif) no-repeat left top;}
.coda-nav ul li.tab5 a{ width:104px;background: url(/base/store/default/img/btn_store_categorynav_living.gif) no-repeat left top;}
.coda-nav ul li.tab5 a.current { background: url(/base/store/default/img/btn_store_categorynav_living_on.gif) no-repeat left top;}
.coda-nav ul li.tab6 a{ width:104px;background: url(/base/store/default/img/btn_store_categorynav_food.gif) no-repeat left top;}
.coda-nav ul li.tab6 a.current { background: url(/base/store/default/img/btn_store_categorynav_food_on.gif) no-repeat left top;}
.coda-nav ul li.tab7 a{ width:104px;background: url(/base/store/default/img/btn_store_categorynav_others.gif) no-repeat left top;}
.coda-nav ul li.tab7 a.current { background: url(/base/store/default/img/btn_store_categorynav_others_on.gif) no-repeat left top;}

.panel-wrapper h2{ font-size:0px;}



/*===================
banner
===================*/
#mainBannerArea{
width: 680px;
margin: 0 0 0 35px;
}
#carousel {
margin: 0 auto;
width: 100%;
height: 80px;
text-align: left;
position: relative;
}

#carousel_prev,
#carousel_next {
top: 32px;
width: 20px;
height: 80px;
background: #000;
cursor: pointer;
position: absolute;
}
#carousel_prev {
left: -15px;
background:transparent url(/base/store/default/img/fig_store_banner_gray_leftarrow.gif) no-repeat top left;
}
#carousel_next {
right: -20px;
background:transparent url(/base/store/default/img/fig_store_banner_gray_rightarrow.gif) no-repeat top left;
}



#carousel ul li {
float: left;
text-align: center;
display: inline;
}

#carousel ul li.departmentWorld{
padding-top:8px;
}

/* =======================================
ClearFixElements
======================================= */
#carousel ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

#carousel ul {
display: inline-block;
overflow: hidden;
}


/*=================================================================
	/JSAreaEnd
=================================================================*/

.contentsTopNav{
width:995px;
margin:0 0 10px 0;
overflow:hidden;
}

.contentsTopNav .breadCrumb{
float:left;
width:730px;
margin:21px 0 0 0;
}

.contentsTopNav .breadCrumb ul{
overflow:hidden;
}

.contentsTopNav .breadCrumb ul li{
float:left;
margin:0 8px 0 0;
padding:0 14px 0 0;
background:url(/base/store/default/img/bg_store_double_rightarrow.gif) no-repeat right center;
}

.contentsTopNav .breadCrumb ul li a{
color:#a3a287;
}

.contentsTopNav .breadCrumb ul li.current{
background:none;
}

.contentsTopNav .tokyo{
background:url(/base/tokyo/top/img/btn_store_tokyo_contact_on.gif) no-repeat left top;
}
.contentsTopNav .tamagawa{
background:url(/base/tamagawa/top/img/btn_store_tamagawa_contact_on.gif) no-repeat left top;
}
.contentsTopNav .yokohama{
background:url(/base/yokohama/top/img/btn_store_yokohama_contact_on.gif) no-repeat left top;
}
.contentsTopNav .omiya{
background:url(/base/omiya/top/img/btn_store_omiya_contact_on.gif) no-repeat left top;
}
.contentsTopNav .takasaki{
background:url(/base/takasaki/top/img/btn_store_takasaki_contact_on.gif) no-repeat left top;
}
.contentsTopNav .sakai{
background:url(/base/sakai/top/img/btn_store_sakai_contact_on.gif) no-repeat left top;
}
.contentsTopNav .kyoto{
background:url(/base/kyoto/top/img/btn_store_kyoto_contact_on.gif) no-repeat left top;
}
.contentsTopNav .wakayama{
background:url(/base/wakayama/top/img/btn_store_wakayama_contact_on.gif) no-repeat left top;
}
.contentsTopNav .okayama{
background:url(/base/okayama/top/img/btn_store_okayama_contact_on.gif) no-repeat left top;
}
.contentsTopNav .shinjuku{
background:url(/base/shinjuku/top/img/btn_store_shinjuku_contact_on.gif) no-repeat left top;
}
.contentsTopNav .tachikawa{
background:url(/base/tachikawa/top/img/btn_store_tachikawa_contact_on.gif) no-repeat left top;
}
.contentsTopNav .konandai{
background:url(/base/konandai/top/img/btn_store_konandai_contact_on.gif) no-repeat left top;
}
.contentsTopNav .kashiwa{
background:url(/base/kashiwa/top/img/btn_store_kashiwa_contact_on.gif) no-repeat left top;
}
.contentsTopNav .osaka{
background:url(/base/osaka/top/img/btn_store_osaka_contact_on.gif) no-repeat left top;
}
.contentsTopNav .senboku{
background:url(/base/senboku/top/img/btn_store_senboku_contact_on.gif) no-repeat left top;
}
.contentsTopNav .rakusai{
background:url(/base/rakusai/top/img/btn_store_rakusai_contact_on.gif) no-repeat left top;
}
.contentsTopNav .gifu{
background:url(/base/gifu/top/img/btn_store_gifu_contact_on.gif) no-repeat left top;
}
.contentsTopNav .yonago{
background:url(/base/yonago/top/img/btn_store_yonago_contact_on.gif) no-repeat left top;
}

.contentsTopNav .inquiry{
float:right;
margin:10px 0 0 0;
}
.contentsTopNav .inquiry a{
display:block;
}
.contentsTopNav .inquiry a:hover{
background-color:transparent;
}
.contentsTopNav .inquiry a:hover img{
visibility:hidden;
}


.contentsNav{
width:995px;
margin:0 0 20px 0;
overflow:hidden;
}

.contentsNav h1{
float:left;
width:205px;
margin:0 40px 0 0;
}

.contentsNav ul{
float:left;
width:750px;
overflow:hidden;
}
.contentsNav ul li{
float:left;
}
.contentsNav ul li a{
display:block;
}
.contentsNav ul li a:hover{
background-color:transparent;
}
.contentsNav ul li a:hover img{
visibility:hidden;
}
.contentsNav ul li.topics{
background:url(/base/store/default/img/btn_store_contents_topics_on.gif) no-repeat left top;
}
.contentsNav ul li.event{
background:url(/base/store/default/img/btn_store_contents_event_on.gif) no-repeat left top;
}
.contentsNav ul li.brandsearch{
background:url(/base/store/default/img/btn_store_contents_brandsearch_on.gif) no-repeat left top;
}
.contentsNav ul li.floorguide{
background:url(/base/store/default/img/btn_store_contents_floorguide_on.gif) no-repeat left top;
}
.contentsNav ul li.service{
background:url(/base/store/default/img/btn_store_contents_service_on.gif) no-repeat left top;
}
.contentsNav ul li.access{
background:url(/base/store/default/img/btn_store_contents_access_on.gif) no-repeat left top;
}


#wrapper{
width:995px;
padding:0 0 37px;
overflow:hidden;
}

#mainContents{
float:right;
width:750px;
padding:0 0 0 20px;
background:url(/base/store/default/img/bg_store_main_side_border.gif) repeat-y left top;
}

#mainContents .pointUp{
margin:0 0 20px 0;
}

#mainContents .categoryContainer{
width:748px;
margin:0 0 60px 0;
border-right:1px solid #c7c6b3;
border-left:1px solid #c7c6b3;
}

#mainContents .category{
padding:0 20px 20px;
border-bottom:1px solid #c7c6b3;
line-height:1.5;
}

#mainContents .category h2{
margin:15px 0;
}
#mainContents .category h2 a{
display:block;
}
#mainContents .category h2 a:hover{
background-color:transparent;
}
#mainContents .category h2 a:hover img{
visibility:hidden;
}
#mainContents .category h2.topics{
background:url(/base/store/default/img/h2_store_category_topics_on.gif) no-repeat left top;
}
#mainContents .category h2.event{
background:url(/base/store/default/img/h2_store_category_event_on.gif) no-repeat left top;
}
#mainContents .category h2.service{
background:url(/base/store/default/img/h2_store_category_service_on.gif) no-repeat left top;
}
#mainContents .category h2.onlineStore{
background:url(/base/store/default/img/h2_store_category_onlinestore_on.gif) no-repeat left top;
}



#mainContents .category h3{
margin:0 0 3px 0;
padding:0 0 0 18px;
background:url(/base/store/default/img/bg_store_category_red_rightarrow.gif) no-repeat left center;
}
#mainContents .category dl{
padding:0 0 0 18px;
overflow:hidden;
}
*#mainContents .category dl{
height:1%;
}

#mainContents .category dt{
float:left;
}

#mainContents .category dl.twoLine dt{
width:40px;
clear:both;
}

#mainContents .category dd{
float:left;
padding:0 10px 0 0 !important;
}
#mainContents .category dl.twoLine dd{
width:190px;
padding:0 !important;
}

#mainContents .category .storeInfo dl.twoLine dd{
width:88px;
}

#mainContents .category .boxArea{
width:673px;
margin:0 0 18px 0;
overflow:hidden;
}
#mainContents .category .borderBox{
width:673px;
margin:0 0 18px 0;
padding:0 0 20px 0;
border-bottom:1px solid #e3e2d9;
overflow:hidden;
}

#mainContents .category .columnOne{
width:326px;
overflow:hidden;
}

#mainContents .category .columnOne p{
margin:0 0 8px 0;
}
#mainContents .category .columnOne p.txt{
padding:0 0 0 20px;
}

#mainContents .category .columnTwo{
width:326px;
overflow:hidden;
}
#mainContents .category .columnTwo .pic{
float:left;
margin:0 15px 0 0;
}
#mainContents .category .columnTwo .info{
float:left;
width:221px;
}
#mainContents .category .columnTwo .info p{
padding:0 0 0 18px;
}
#mainContents .category .columnTwo .storeInfo{
float:left;
width:156px;
}
#mainContents .category .columnTwo .storeInfo h3{
background:url(/base/store/default/img/bg_store_category_red_rightarrow.gif) no-repeat left 3px;
}
#mainContents .category .columnTwo .storeInfo p{
padding:0 0 0 18px;
}


#mainContents .category .allView{
padding:0 15px 0 0;
background:url(/base/store/default/img/bg_store_double_rightarrow.gif) no-repeat right center;
clear:both;
text-align:right;
}


#sideContents{
float:left;
width:205px;
line-height:1.5;
}

#sideContents .shopInfo{
padding:0 0 20px 0;
border-bottom:1px solid #e3e2d9;
}

#sideContents .shopInfo h2{
margin:6px 0;
}
#sideContents .shopInfo .access{
background:url(/base/store/default/img/fig_store_access_on.gif) no-repeat left top;
}
#sideContents .shopInfo .access a{
display:block;
}
#sideContents .shopInfo .access a:hover{
background-color:transparent;
}
#sideContents .shopInfo .access a:hover img{
visibility:hidden;
}

#sideContents .floorGuide{
width:205px;
padding:0 0 3px 0;
background:url(/base/store/default/img/line_floorguide_dot_border.gif) repeat-x left bottom;
overflow:hidden;
}

#sideContents .floorGuide h2{
margin:0;
background:url(/base/store/default/img/h2_store_floorguide_on.gif) no-repeat left top;
}
#sideContents .floorGuide h2 a{
display:block;
}
#sideContents .floorGuide h2 a:hover{
background-color:transparent;
}
#sideContents .floorGuide h2 a:hover img{
visibility:hidden;
}

#sideContents .floorGuide dl{
width:100%;
background:url(/base/store/default/img/bg_store_floorguide_back.gif) repeat-y left top;
overflow:hidden;
}
#sideContents .floorGuide dl dt{
clear:both;
float:left;
width:14%;
padding:7px 0 5px 0;
background:url(/base/store/default/img/line_floorguide_dot_border.gif) repeat-x left top;
background-color:#cc1a00;
color:#ffffff;
font-size:87%;
text-align:center;
}
#sideContents .floorGuide dl dd{
float:left;
width:80%;
padding:7px 0 5px 4%;
background:url(/base/store/default/img/line_floorguide_dot_border.gif) repeat-x left top;
}

#sideContents .bannerArea li{
margin:0 0 10px 0;
}

#sideContents .bannerArea li a{
display:block;
}

p.pageTop{
padding:0 0 44px 0;
}
