@charset "utf-8";

/* ---------------------------------------------
 Base
--------------------------------------------- */
html {
height: 100%;
}
body {
width: 100%;
height: 100%;
margin-top: 0!important;
text-align: center;
background-color: #666;
}


/* Container
--------------------------------------------- */
.container {
width: 100%;
height: 100%;
min-height: 100%;
background-color: #666;
}
body > .container {
height: auto;
}


/* NoScript
--------------------------------------------- */
.no-script {
color: #fff;
}


/* WebTranser
--------------------------------------------- */
.webtranser-msg {
display:none;
}


/* Header
--------------------------------------------- */
/* Header
----------------------------------- */
.header {
width: 902px;
height: 100px;
margin: 0 auto;
text-align: left;
}
.header-inner {
margin:0 10px 0 21px;
}
.header-inner:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

.cilogo {
float: left;
}

/* Header-Menu
----------------------------------- */
.header-menu {
float: right;
width: 366px;
}
.header-menu ul:after,
.header-menu dl:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}
.header-menu dt,
.header-menu dd,
.header-menu dd li,
.header-menu li {
line-height: 0.1;
font-size:1px;
}
.header-menu dd:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}


.header-menu #other-nav .web {
  float: left;
  width: 120px;
  height: 56px;
}

.header-menu #other-nav .text-func .fontchange-func,
.header-menu #other-nav .text-func .sort_form,
.header-menu #other-nav .text-func .search-func {
  float: right;
}
.header-menu #other-nav .text-func .sort_form {
  margin:0 10px 10px;
  line-height: 1;
}
.header-menu #other-nav .text-func .sort_form select {
  padding: 0 5px;
  width: 113px;
  height: 24px;
  border: #ccc solid 1px;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  background-image: url(/img/shared/btn_pulldown.gif);
  background-repeat: no-repeat;
  background-position: right center;
  outline:none;
  color: #333;
}
.header-menu #other-nav .text-func .sort_form select option{
  background-color: #fff;
}
.header-menu #other-nav .text-func .sort_form select::-ms-expand {
  display: none;
}
.header-menu #other-nav .text-func .sort_form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
.header-menu #other-nav .text-func .fontchange-func {
  margin-bottom: 10px;
}

.header-menu #other-nav .text-func .search-func {
  margin-right: 0;
}



.header-menu #shop-nav {
margin-bottom: 12px;
}
.header-menu #shop-nav li {
float: left;
margin-right: 2px;
}
.header-menu #shop-nav li.last {
margin-right: 0;
}

.header-menu #lang-nav {
margin-bottom: 12px;
}
.header-menu #lang-nav dt {
float: left;
margin-right: 6px;
}
.header-menu #lang-nav dd {
float: left;
}
.header-menu #lang-nav li {
float: left;
margin-right: 4px;
}
.header-menu #lang-nav li.last {
margin-right: 0;
}

.header-menu .search-func {
float: left;
width: 236px;
margin-right: 17px;
}
.header-menu .search-func dt {
float: left;
margin: 6px 7px 0 0;
}
.header-menu .search-func dd {
float: left;
}
.header-menu .search-func dd input {
vertical-align: middle;
}
.header-menu .search-func dd input.search-input {
border-width: 1px;
border-style: solid;
border-color: #7a7a7a #ececec #ececec #7a7a7a;
width: 104px;
height: 16px;
margin-right: 5px;
padding: 3px 2px;
line-height: 1;
color: #999;
font-size: 12px;
border-radius: 0;
-webkit-appearance:none;
outline: none;
}
.search-func .search-btn {
display: inline-block;
width: 39px;
height: 24px;
background-image: url(/img/shared/header_sc_btn01.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
background-color: #cccc;
border: none;
border-radius: 0;
-webkit-appearance:none;
outline: none;
}
.search-func .search-btn:hover {
background-image: url(/img/shared/header_sc_btn01_o.gif);
}

.header-menu .fontchange-func {
float: left;
}
.header-menu .fontchange-func dt {
float: left;
margin: 4px 5px 0 0;
}
.header-menu .fontchange-func dd {
float: left;
}
.header-menu .fontchange-func li {
float: left;
margin-right: 4px;
cursor: pointer;
}
.header-menu .fontchange-func li.last {
margin-right: 0;
}


/* Global navigation
--------------------------------------------- */
/* Shop-Info
----------------------------------- */
.shop-info {
width: 922px;
margin: 0 auto;
}
.shop-info-inner {
overflow: hidden;
margin:0 11px 0 10px;
padding: 5px 0;
border-style: solid;
border-color: #666;
border-width: 2px 2px 6px 2px;
height: 30px;
text-align: left;
}

#date-func {
float: left;
width: 106px;
margin-left: 5px;
display: inline;
}
#date-func dd {
float: left;
}
#date-func dd.df-ym {
width: 27px;
}
#date-func dd.df-ym {
font-size: 1px;
line-height: 0.1;
}

#hour-func {
float: left;
margin-left: 5px;
display: inline;
}

#link-func {
float: left;
margin: 2px 0 0 10px;
display: inline;
}
#link-func li {
margin-bottom: 4px;
line-height: 0.1;
font-size: 1px;
}
#link-func li img {
vertical-align: top;
}

#info-func {
float: left;
width: 385px;
margin-left: 18px;
display: inline;
}
#info-func li.link-list {
margin: 0 0 1px;
line-height: 1.4;
font-size: 85%;
}
#info-func li.link-list span {
background-position: 0 0.25em;
}

/* Footer
--------------------------------------------- */
.footer {
min-width: 922px;
background: #666 url(/img/shared/footer_bg01.gif) no-repeat center top;
}
.footer-inner {
width: 922px;
margin: 0 auto;
padding: 9px 0;
text-align: left;
}
.copyright {
margin-left: 20px;
}
.copyright img {
height: 9px;
vertical-align: baseline;
}
.copyright-print {
display: none;
}

/* ----------------------------------------
   追加：2015.09.30
---------------------------------------- */
/* 英語版ヘッダー
---------------------------------------- */
.header.en .header-menu { width: 446px; }