/* 外部CSSを読み込む（キャッシュ対策のバージョン付き） */
@import url("https://www.dr-yujiro.com/sodateru_qr/mizu.css?v=20250829") screen;

/*お試し店舗のヘッダを非表示*/


.FS2_trial {
  display: none; }

/*プレビューモードのヘッダを非表示*/
.FS2_preview {
  display: none; }

body {
  padding: 0;
  margin: 0;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#btn-login:hover,
#btn-cart:hover,
#search-btn:hover,
#pagetop a:hover,
.btn-buy01:hover,
.btn-buy02:hover,
#product-bnr-area a:hover {
  opacity: 0.7; }

img {
  border: none; }

.layout_header {
  width: 980px;
  height: 160px;
  position: relative;
  margin-bottom: 20px; }
  .layout_header h1 {
    font-size: 10px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: normal; }
  .layout_header ul {
    list-style: none; }

#logo {
  position: absolute;
  left: 0;
  top: 45px;
  width: 230px;
  height: 58px; }
  #logo a {
    display: block;
    width: 230px;
    height: 58px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/shop/item/dryujiro/design/img01/logo.gif) no-repeat; }

#tel_fax {
  position: absolute;
  right: 0;
  top: 48px; }

#header-link {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 0;
  line-height: 0;
  width: 355px;
  height: 25px; }

#btn-login {
  float: left; }

#btn-cart {
  float: right; }

#globalnavi {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 980px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  margin: 0; }
  #globalnavi ul {
    margin: 0;
    padding: 0; }
  #globalnavi li {
    padding: 0;
    margin: 0;
    float: left;
    height: 40px; }
  #globalnavi a {
    display: block;
    height: 40px;
    background-image: url(/shop/item/dryujiro/design/img01/globalnavi.gif);
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

#gnavi01 {
  width: 199px; }
  #gnavi01 a {
    width: 199px;
    background-position: 0 0; }
    #gnavi01 a:hover {
      background-position: 0 -40px; }

#gnavi02 {
  width: 194px; }
  #gnavi02 a {
    width: 194px;
    background-position: -199px 0; }
    #gnavi02 a:hover {
      background-position: -199px -40px; }

#gnavi03 {
  width: 194px; }
  #gnavi03 a {
    width: 194px;
    background-position: -393px 0; }
    #gnavi03 a:hover {
      background-position: -393px -40px; }

#gnavi04 {
  width: 194px; }
  #gnavi04 a {
    width: 194px;
    background-position: -587px 0; }
    #gnavi04 a:hover {
      background-position: -587px -40px; }

#gnavi05 {
  width: 199px; }
  #gnavi05 a {
    width: 199px;
    background-position: -781px 0; }
    #gnavi05 a:hover {
      background-position: -781px -40px; }

#side-contents {
  padding-left: 20px; }

#side-box {
  padding: 5px;
  background: #e6e3cc; 
margin-bottom:20px;}

#search-area {
  padding: 5px;
  background: #fff;
  margin-bottom: 5px; }
  #search-area h3 {
    font-size: 0;
    line-height: 0;
    margin: 0 0 5px;
    padding: 5px 0 0;
    clear: both; }

#search-text {
  width: 178px;
  padding: 0;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e6e1b8;
  background: #fffce5;
  float: left;
  margin-right: 2px; }


#bnr-fb {
text-align:center;
margin-bottom:20px;

}

#search-btn {
  width: 28px;
  height: 25px;
  background: url(/shop/item/dryujiro/design/img01/btn-search.gif) no-repeat;
  text-indent: 100px;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  margin: 0;
  cursor: pointer; }

.side-bnr {
  font-size: 0;
  line-height: 0;
  margin-bottom: 5px;
  padding: 0; }

#side-link {
  background: #fff;
  padding: 15px 10px 5px; }
  #side-link ul {
    padding: 0;
    margin: 0; }
  #side-link li {
    list-style: none;
    font-size: 10px;
    padding-left: 15px;
    background: url(/shop/item/dryujiro/design/img01/arrow01.gif) no-repeat 0 1px;
    padding-bottom: 10px; }
  #side-link a:link, #side-link a:visited {
    color: #362f2b;
    text-decoration: none; }
  #side-link a:hover, #side-link a:active {
    color: #362f2b;
    text-decoration: underline; }

#bnr-free {
  font-size: 0;
  line-height: 0;
  margin-bottom: 30px; }

.side-productlist {
  margin-bottom: 30px; }
  .side-productlist h2 {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0; }
  .side-productlist ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .side-productlist li {
    border-bottom: 1px dotted #362f2b;
    margin: 0;
    padding: 0;
    font-size: 10px; }
  .side-productlist a {
    display: block;
    padding: 10px 3px; }
    .side-productlist a:link, .side-productlist a:visited {
      color: #362f2b;
      text-decoration: none; }
    .side-productlist a:hover, .side-productlist a:active {
      color: #362f2b;
      text-decoration: none;
      background: #fffce5; }

.layout_footer h3, .layout_footer h4, .layout_footer h5 {
  font-size: 0;
  line-height: 0; }
.layout_footer h3 {
  margin-bottom: 20px; }
.layout_footer h4 {
  margin-bottom: 15px; }
.layout_footer h5 {
  margin-bottom: 10px; }
.layout_footer p {
  padding: 0;
  margin: 0;
  font-size: 10px;
  line-height: 20px; }

.layout_footer h5 {
 font-size: 10px;
 letter-spacing: 0.1em;
 margin-top: 0;
 background: #362f2c;
 color: #fff;
 border-radius: 3px;
 padding: 3px 15px;
 line-height: 1;
 vertical-align: middle;
 display: inline-flex;
 align-items: center;
}

#pagetop {
  padding: 30px 0;
  clear: both;
  font-size: 0;
  line-height: 0;
  text-align: right; }

.footer-box {
  text-align: left;
  padding: 0;
  margin: 0 0 20px 0; }

#footer-tel_fax {
  text-align: center;
  padding-top: 20px; }

#footer-left {
  width: 480px;
  float: left;
  margin-bottom: 30px; }

#footer-right {
  width: 480px;
  float: right; }

#footer-link {
  clear: both;
  margin: 0 0 30px;
  padding-top: 20px;
  border-top: 1px dotted #362f2b;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px; }
  #footer-link a:link, #footer-link a:visited {
    color: #362f2b;
    text-decoration: none; }
  #footer-link a:hover, #footer-link a:active {
    color: #362f2b;
    text-decoration: underline; }

#copyright {
  clear: both;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px; }

/*-----------------
clearfix
-------------------*/
.clearfix:after {
  content: ",";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac ＼*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
/*-----------------
トップページ
-------------------*/
#toppage #gnavi01 a {
  background-position: 0 -80px !important; }

#mainimage {
  font-size: 0;
  line-height: 0;
  margin-bottom: 20px; }

#step-area {
  margin-bottom: 20px; }
  #step-area h2, #step-area h3 {
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    clear: both; }
  #step-area h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0; }
  #step-area p {
    font-size: 11px;
    line-height: 22px; }
  #step-area .btn-buy01 {
    float: left; }
  #step-area .btn-buy02 {
    float: right; }

#step01-area {
  width: 355px;
  float: left; }

#step02-area {
  width: 355px;
  float: right; }

.step-box {
  border-left: 1px solid #e6e3cc;
  border-right: 1px solid #e6e3cc;
  border-bottom: 1px solid #e6e3cc;
  padding: 19px; }

#product-bnr-area {
  width: 730px;
  overflow: hidden; }
  #product-bnr-area ul {
    margin: 0 -20px 0 0;
    padding: 0;
    line-height: 0; }
  #product-bnr-area li {
    list-style: none;
    font-size: 0;
    line-height: 0;
    float: left;
    width: 355px;
    margin: 0 20px 20px 0; }

#news-area {
  clear: both;
  margin-bottom: 20px;
  padding: 0; }
  #news-area h2 {
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0; }
  #news-area ul {
    padding: 0;
    margin: 0; }
  #news-area li {
    list-style: none;
    padding: 10px 5px;
    border-bottom: 1px dotted #000000;
    font-size: 11px; }
    #news-area li span {
      display: block;
      float: left;
      width: 105px;
      color: #365792;
      font-weight: bold; }
    #news-area li a {
      display: block;
      zoom: 1;
      overflow: hidden; }
  #news-area a:link, #news-area a:visited {
    color: #362f2b;
    text-decoration: none; }
  #news-area a:hover, #news-area a:active {
    color: #FFB400;
    text-decoration: none; }

/*-----------------
商品一覧
-------------------*/
#FS2_body_Goods #gnavi02 a {
  background-position: -199px -80px !important; }

/*-----------------
レビュー
-------------------*/
#FS2_body_Review #gnavi03 a {
  background-position: -393px -80px !important; }

/*-----------------
ご利用ガイド
-------------------*/
#guide #gnavi04 a {
  background-position: -587px -80px !important; }

#guide-area h3 {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  padding-left: 30px;
  background: #362f2b url(/shop/item/dryujiro/design/img01/arrow02.gif) no-repeat 6px 5px;
  height: 25px;
  line-height: 25px;
  letter-spacing: 1px; }
#guide-area h4 {
  font-weight: bold;
  border-bottom: 1px dotted #362f2b;
  font-size: 18px; }
#guide-area h5 {
  font-weight: bold;
  font-size: 14px; }
#guide-area .image-box {
  font-size: 0;
  line-height: 0;
  text-align: center;
  clear: both; }

/*-----------------
ボランティア
-------------------*/
#volunteer-area h3 {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  padding-left: 30px;
  margin-top: 40px;
  background: #362f2b url(/shop/item/dryujiro/design/img01/arrow02.gif) no-repeat 6px 5px;
  height: 25px;
  line-height: 25px;
  letter-spacing: 1px; }
#volunteer-area h4 {
  font-weight: bold;
  border-bottom: 1px dotted #362f2b;
  font-size: 18px; }
#volunteer-area h5 {
  font-weight: bold;
  font-size: 14px; }

#volunteer-box01 {
  border: 3px solid #f0ccbb;
  background: #fffff6;
  color: #c26d47;
  width: 405px;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 30px; }
  #volunteer-box01 p {
    padding: 10px 30px;
    margin: 0; }

#volunteer-box02 {
  border: 1px solid #e6e3ce;
  background: #fffce6;
  padding: 20px; }
  #volunteer-box02 .fleft {
    float: left; }
  #volunteer-box02 .fright {
    float: right;
    margin: 0 0 20px 20px; }
  #volunteer-box02 p {
    zoom: 1;
    overflow: hidden; }

/*-----------------
お客様の声
-------------------*/
#voice-area #voice-header {
  font-size: 0;
  line-height: 0; }
#voice-area #voice-inner {
  padding: 20px 20px 0 !important;
  background: #f5f2dc;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; }
#voice-area .voice-box {
  background: url(/shop/item/dryujiro/design/img01/voice-bg.gif);
  padding: 30px;
  -moz-box-shadow: 0px 2px 5px #666;
  -webkit-box-shadow: 0px 2px 5px #666;
  margin-bottom: 30px; }
  #voice-area .voice-box h2 {
    font-size: 22px;
    line-height: 1.6em;
    margin: 0 0 20px 0;
    letter-spacing: 1px; }
#voice-area .voice-body p {
  font-size: 13px;
  line-height: 1.8em; }
#voice-area .voice-footer {
  text-align: right; }
  #voice-area .voice-footer span {
    background: #fff881;
    font-size: 12px; }

/*-----------------
サイトマップ
-------------------*/
#sitemap-area ul {
  margin-bottom: 20px;
  padding-left: 0; }
#sitemap-area li {
  list-style: none;
  padding-left: 15px;
  background: url(/shop/item/dryujiro/design/img01/arrow01.gif) no-repeat 0 3px;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.6em; }
#sitemap-area a:link, #sitemap-area a:visited {
  text-decoration: none; }
#sitemap-area a:hover, #sitemap-area a:active {
  text-decoration: underline; }

#sitemap-left {
  width: 355px;
  float: left; }
  #sitemap-left ul {
    padding-left: 20px; }

#sitemap-right {
  width: 355px;
  float: right; }

/*-----------------
お問い合わせ
-------------------*/
#inquiry #gnavi05 a {
  background-position: -781px -80px !important; }

#inquiry-area dl {
  padding: 0;
  margin: 0;
  display: block;
  border: 1px solid #362f2b;
  margin-bottom: 20px; }
#inquiry-area dt {
  padding: 0;
  margin: 0;
  display: block;
  background: #362f2b;
  color: #fff;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 1.6em;
  padding: 5px; }
#inquiry-area dd {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 12px;
  line-height: 1.6em;
  padding: 5px; }
#inquiry-area .required {
  color: #ff0000 !important; }
#inquiry-area .align-center {
  text-align: center; }

/*-----------------
商品検索
-------------------*/
#search-area table {
  width: 100%;
  border-spacing: 1;
  border-collapse: separate;
  background: #e6e4ce;
  border: none; }
#search-area td, #search-area th {
  padding: 5px;
  border: 1px solid #fff;
  font-size: 12px;
  line-height: 1.6em; }
#search-area th {
  background: #fffce6; }
#search-area td {
  background: #fff; }

/*-----------------
clearfix
-------------------*/
.clearfix:after {
  content: ",";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac ＼*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */

/*マイページ登録内容変更画面で定期のチェックボックスを目立たせる*/
.FS2_body_MyPage_EntryEdit .FS2_checkbox_text_container{
background:#FFFF00; /*　背景色：任意の色　*/
color:#FF0000; /*　文字色：任意の色　*/
font-size:15px; /*　フォントの大きさ：任意の数値　*/
padding:10px; /*　内側の余白　*/
margin:10px 0; /*　外側の余白　*/
text-align:center; /*　文字揃え　*/
font-weight:bold; /*　太文字にする　*/
border:2px #FF0000 dashed; /*　枠の太さ・カラー・種類　*/
}

/*レイアウト設定*/

/*ページ幅指定*/
.layout_body{width: 980px; margin:0px auto!important;}
.layout_table{width: 100%;}
/*ページ幅指定*/



/*右メニュー幅指定*/
.layout_right{width: 250px;}
/*右メニュー幅指定*/

.layout_menu{vertical-align:top;}
.layout_content{vertical-align:top;}
.layout_right{vertical-align:top;}

td.layout_content {
    max-width: 730px;
}
td.layout_content .item_cate img,
td.layout_content .item_page img {
    max-width: 100%;
}

.FS2_figure,
.FS2_figure_FixedPeriod,
.FS2_OtherServiceLogin_area {display: none;}