@charset "utf-8";

/************************************************
 ポップアップウィンドウ
************************************************ */
/* 共通
----------------------------------------------- */
div#windowcolumn {
    /*border-top: solid 3px #f90;*/
    width: 560px;
    height: 100%;
    margin: 15px 15px 0 15px;
    background: #fff;
}

div#windowcolumn h2 {
    margin: 30px 0 20px;
    border-bottom: 2px solid #969696;
    font-size: 2.2rem;
    color: #333333;
    /*
    margin-bottom: 10px;
    padding: 8px;
    border-top: solid 1px #ebeced;
    color: #f60;
    background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom;
    background-color: #fef3d8;
    font-size: 170%;
    */
}

div#window_area {
    margin: 15px auto 0 auto;
    padding-bottom: 20px;
    width: 540px;
    min-height: 300px;
    height: auto !important;
}

div#window_area p.information {
    margin-bottom: 20px;
}

div#window_area .message {
    margin-bottom: 20px;
    color: #f60;
    line-height: 150%;
    font-weight: bold;
    font-size: 140%;
}
div#window_area table {
    width: 540px;
}

/* お客様の声の書き込み、新しいお届け先の追加・変更
----------------------------------------------- */
div#window_area #forgot {
    margin: 0 auto;
    padding: 20px;
    width: 440px;
    border: 1px solid #ccc;
    text-align: left;
}
div#window_area #forgot .mailaddres {
    margin-bottom: 10px;
}

div#window_area #forgot p {
    text-align: center;
}


/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */
div#bigimage,
div#cartimage {
    margin-top: 15px;
    background-color: #fff;
    text-align: center;
}

div#bigimage img,
div#cartimage img {
    padding: 10px;
    background-color: #fff;
}

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
    margin: 15px auto 0 auto;
    border-top: 5px solid #ffa85c;
    border-bottom: 5px solid #ffa85c;
    width: 460px;
    background-color: #fff;
}

div#zipsearchcolumn h2 {
    margin: 0 0 15px 0;
    width: 460px;
}

div#zipsearch_area {
    margin: 15px auto 0 auto;
    width: 460px;
}

div#zipsearchcolumn .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}

div#zipsearch_area #completebox p {
    padding: 60px 5px;
    text-align: center;
}

div#window_area th {
  padding: 8px 10px 5px;
  border: solid 1px #d3d3d3;
  background: #f1f1f1;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
div#window_area td {
  padding: 8px 1px 5px;
  border: solid 1px #d3d3d3;
  vertical-align: top;
  padding-left: 5px;
}

/* 進む、戻るボタンなど */
div#window_area .btn_area {
    margin: 20px 0 30px;
}
div#window_area .btn_area .btn_back01 {
    display: inline-block;
    width: 270px;
    margin: 0 10px;
    padding: 12px 10px 11px;
    border: 0 none;
    border-radius: 4px;
    background: #8c8c8c;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
div#window_area .btn_area .btn_next01 {
    display: inline-block;
    width: 270px;
    margin: 0 10px;
    padding: 12px 10px 11px;
    border: 0 none;
    border-radius: 4px;
    background: #f88d01;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
div#window_area .btn_area .btn_next01:hover {
    opacity: .7;
}
div#window_area .btn_area ul {}
div#window_area .btn_area ul li {}
div#window_area .btn_area ul li:before {
    display: none;
}