@charset "utf-8";

/**
 * fontsize switch Styling
 */
.fontSwitch > p {
float:left;
margin-right:6px;
line-height:20px;
}
#fontSize > li {
float:left;
margin-right:4px;
list-style-type:none;
}
#fontSize span{display:block;width:22px;height:20px;background-repeat:no-repeat;}
#fontSize span em{display:none;}
#fontSize > li.switchBtn {
cursor:pointer;
}
#moji-s{background-image:url(../img/f_s.gif);}
#moji-m{background-image:url(../img/f_m.gif);}
#moji-l{background-image:url(../img/f_l.gif);}
#moji-s.active{background-image:url(../img/f_s_ov.gif);}
#moji-m.active{background-image:url(../img/f_m_ov.gif);}
#moji-l.active{background-image:url(../img/f_l_ov.gif);}
/**
 * wrapInner Styling
 */
 
strong{
	font-weight: bold;
}

.wrapInner {
width:950px;
margin:0 auto;
}

/**
 * header Styling
 */
header {
height:90px;
}
header h1.logo {
float:left;
padding:21px 0 0 5px;
}
header .col2 {
float: right;
padding:16px 0 0 0;
}
header .wrapInner .subNavlink {
margin-bottom:10px;
letter-spacing:-0.4em;
text-align:right;
}
header .wrapInner .subNavlink > li{
display:inline-block;
*display: inline;
*zoom: 1;
letter-spacing:normal;
margin-right:5px;
}
header .wrapInner .fontSwitch {
float:right;
width:150px;
padding:1px 0 0 0;
}
header .wrapInner .search {
float:right;
width:135px;
height:20px;
border:1px solid #343434;
}
header .wrapInner .search > form > input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
padding:0;
border:0;
}
header .wrapInner .search > form >  .span1 {
width:93px;
height:20px;
padding:0 4px;
margin-right:10px;
line-height:1.75;
}
header .wrapInner .search > form >  .span2 {
width:20px;
height:20px;
background:url(../img/btn_search.png) no-repeat 0 0;
}
/**
 * globalNav Styling
 */
.globalNav {
height:52px;
background:url(../img/bg_gnav.png) repeat-x 0 0;
}
.globalNav ul {
width:950px;
margin:0 auto;
}
.globalNav ul li {
float:left;
}
/**
 * container Styling
 */
.container {
background:url(../img/bg_container.gif) repeat center center;
}
.container .wrapInner {
padding:18px 0 16px 0;
}
.container .wrapInner.under {
padding:2px 0 16px 0;
}
.crumb {
margin: 6px 0 8px;
}
.container .wrapInner .row1 {
width:100%;
margin-bottom:18px;
}
.container .wrapInner .row1 .col1 {
float:left;
width:690px;
}
.container .wrapInner .row1 .col2 {
float:right;
width:260px;
}
.container .wrapInner .row2 {
width:100%;
margin-bottom:30px;
}
.container .wrapInner .row2 .col1 {
float:left;
width:662px;
}
.container .wrapInner .row2 .col2 {
float:right;
width:262px;
}
/* heading Styling */
.container .wrapInner h2.title {
width:100%;
height:42px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-sizing:border-box;
-o-sizing:border-box;
box-sizing:border-box;
padding:0 0 0 20px;
border:1px solid #ebebeb;
background:#333;
font-size:0;
line-height:40px;
}
.container .wrapInner h2.title.btn {
position:relative;
}
.container .wrapInner h2.title.search {
padding:0 0 0 15px;
background:#333 url(../img/ico_search.gif) no-repeat right top;
line-height:40px;
}
.container .wrapInner h2.title > .back {
position:absolute;
top:0;
right:0;
cursor:pointer;
}
.container .wrapInner h2.title > .next {
position:absolute;
top:21px;
right:0;
cursor:pointer;
}
/* box Styling */
.container .wrapInner .box {
margin-bottom:20px;
}
/* shopNews Styling */
.container .wrapInner .shopNews .innerbox {
overflow:hidden;
width:662px;
height:596px;
}
.container .wrapInner .shopNews h2.title{
margin-bottom:10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sectionttl{
margin-top:-5px;
}
}
.sectionttl{
margin-top:-5px \0/IE9;
}
.container .wrapInner .shopNews .innerbox ul.list {
float:left;
width:662px;
}
.container .wrapInner .shopNews .innerbox ul.list > li {
float:left;
width:210px;
min-height:279px;
margin-bottom:17px;
margin-right:13px;
border:1px solid #dbdbdb;
background:#fff;
}
.container .wrapInner .shopNews .innerbox ul > li > a {
display:block;
position:relative;
min-height:279px;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-sizing:border-box;
-o-sizing:border-box;
box-sizing:border-box;
}
.container .wrapInner .shopNews .innerbox ul > li > a:hover {
text-decoration:none;
background:#f3f3f3;
}
.container .wrapInner .shopNews .innerbox ul > li > a > .img {
margin-bottom:31px;
height:118px;
text-align:center;
}
.container .wrapInner .shopNews .innerbox ul > li > a > .newIcon {
position:absolute;
top:122px;
right:5px;
}
.container .wrapInner .shopNews .innerbox ul > li > a > .categoryIcon {
position:absolute;
top:126px;
left:4px;
}
.container .wrapInner .shopNews .innerbox ul > li > a > .txt {
width:196px;
height:100px;
padding:0 7px;
font-size:110%;
line-height:1.35;
color:#333;
}
.container .wrapInner .shopNews .innerbox ul > li > a > .txt > b {
display:block;
margin-bottom:8px;
font-size:93%;
line-height:1.1;
font-weight:normal;
}
.container .wrapInner .shopNews .innerbox ul > li > a > .txt > span {
display:block;
color:#6aa4c7;
}

/* information Styling */
.container .wrapInner .information .innerbox ul li {
float:left;
}
.container .wrapInner .row3 .bnrList {
margin-left:-10px;
letter-spacing:-0.4em;
}
.container .wrapInner .row3 .bnrList li {
display:inline-block;
*display: inline;
*zoom: 1;
letter-spacing:normal;
margin:0 0 12px 10px;
}

/**
 * sideArea Styling
 */
.container .wrapInner .sideArea .box {
margin-bottom:0;
}
.sideArea .sideAreaBnrList {
margin-bottom:20px;
}
.sideArea .sideAreaBnrList li {
margin-bottom:8px;
}
.container .wrapInner .sideArea h2.title {
height:40px;
border-top:none;
border-bottom:none;
}
/* categorySearch Styling */
.container .wrapInner .sideArea .categorySearch ul li {
float:left;
}
/* shopSearch Styling */
.container .wrapInner .sideArea .shopSearch ul li {
float:left;
}
/* floorSearch Styling */
.container .wrapInner .sideArea .floorSearch {
margin-bottom:20px;
}
/* openinghours Styling */
.container .wrapInner .sideArea .openinghours .innerbox {
padding:16px 0 0 7px;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
background:#fff;
}
.container .wrapInner .sideArea .openinghours .innerbox h3,
.container .wrapInner .sideArea .openinghours .innerbox .openinghours {
margin-bottom:10px;
}
.container .wrapInner .sideArea .openinghours .innerbox .othertime {
float:right;
margin:0 6px 11px 0;
}
.caution {
margin-bottom:20px;
}
.caution li {
text-indent:-1em;
margin-left:2em;
font-size:85%;
}

/**
 * footer Styling
 */
footer {
height:105px;
background:url(../img/bg_footer.gif) repeat center center;
}
footer .wrapInner {
position:relative;
height:105px;
}
footer .wrapInner .pagetop {
position:absolute;
top:-25px;
right:0;
width:137px;
height:25px;
background:url(../img/bg_footer.gif) repeat center center;
}
footer .wrapInner .logo {
position:absolute;
top:24px;
left:4px;
}
footer .wrapInner p > small {
position:absolute;
top:78px;
left:4px;
}
footer .wrapInner .telnumber {
position:absolute;
top:53px;
left:383px;
}
footer .wrapInner .address {
position:absolute;
top:24px;
left:383px;
}
footer .wrapInner .sitemap {
position:absolute;
top:24px;
right:1px;
}

footer .wrapInner .sitemap span {
display:block;
margin-bottom:10px;
}

