@charset "utf-8";


/* 下層共通指定
----------------------------------------------- */
div#undercolumn {
    width: 1024px;
  padding-top: 15px;
    margin: 0 auto 0 auto;
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font-size: 14px;
    line-height: 1.8;
}

div#undercolumn h2.title{
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    font-size: 23px;
    color: #333;
}

div#undercolumn table {
    /*width: 750px;*/
}
div#undercolumn a {
    color: #333;
    text-decoration: underline;
}
div#undercolumn a.btn {
    color: #fff;
    text-decoration: none;
    background: #000 none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 14px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

/* 購入遷移
----------------------------------------------- */
div#undercolumn_shopping {
    margin: 100px auto 40px;
}


/* 会社概要
----------------------------------------------- */
div#undercolumn_company {
    margin-bottom: 40px;
}
div#undercolumn_company h2.title {
    margin-bottom: 20px;
}
div#undercolumn_company table th {
    width: 140px;
}
div#undercolumn_company a {
    color: #333;
    text-decoration: underline;
}

/* antinaについて
----------------------------------------------- */
.abouts #contents {
    width: 1024px;
    margin: 0 auto;
}
.abouts #two_maincolumn {
    float: right;
    width: 774px;
}
.abouts #undercolumn {
    width: 100%;
}

div#undercolumn_aboutus {
  margin-top: 55px;
    margin-bottom: 40px;
}

div#undercolumn_aboutus .mainLead {
    color: #000;
    /*font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
    font-size: 17px;
    line-height: 2.2;
}

div#undercolumn_aboutus .ph {
    width: 100%;
}

div#undercolumn_aboutus .ph img {
    max-width: 100%;
}

div#undercolumn_aboutus .threeLinesHeading {
    background: rgba(0, 0, 0, 0) url("/user_data/AOS/images/recommend/gift/heading_three.png") no-repeat scroll center bottom 97px / 39px auto;
    color: #000;
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font-size: 34px;
    line-height: 1;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 169px;
}

div#undercolumn_aboutus .dotLineHeading {
    margin-bottom: 40px;
}
div#undercolumn_aboutus .dotLineHeading {
    background: rgba(0, 0, 0, 0) url("/user_data/AOS/images/recommend/shussan_gift/dot_line.png") repeat-x scroll 0 bottom;
    color: #000;
    /*font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
    font-size: 26px;
    line-height: 1;
    padding-bottom: 11px;
    text-align: left;
}

div#undercolumn_aboutus .lineup {
    width: 100%;
    margin-bottom: 80px;
}
div#undercolumn_aboutus .lineup.no01 {
    background: url("/user_data/packages/default/images/abouts/bg_img_01.jpg") no-repeat top right;
    min-height: 432px;
}
div#undercolumn_aboutus .lineup.no02 {
    background: url("/user_data/packages/default/images/abouts/bg_img_02.jpg") no-repeat top right;
    min-height: 432px;
}
div#undercolumn_aboutus .lineup.no03 {
    background: url("/user_data/packages/default/images/abouts/bg_img_03.jpg") no-repeat top right;
    min-height: 432px;
}
div#undercolumn_aboutus .lineup.no04 {
    background: url("/user_data/packages/default/images/abouts/bg_img_04.jpg") no-repeat top right;
    min-height: 434px;
}
div#undercolumn_aboutus .lineup.no05 {
    background: url("/user_data/packages/default/images/abouts/bg_img_05.jpg") no-repeat top right;
    min-height: 480px;
}
div#undercolumn_aboutus .lineup.no06 {
    background: url("/user_data/packages/default/images/abouts/bg_img_06.jpg") no-repeat top right;
    min-height: 445px;
}
div#undercolumn_aboutus .lineup.no07 {
    background: url("/user_data/packages/default/images/abouts/bg_img_07.jpg") no-repeat top right;
    min-height: 434px;
}
div#undercolumn_aboutus .lineup.no08 {
    background: url("/user_data/packages/default/images/abouts/bg_img_08.jpg") no-repeat top right;
    min-height: 445px;
}
div#undercolumn_aboutus .lineup.no09 {
    background: url("/user_data/packages/default/images/abouts/bg_img_09.jpg") no-repeat top right;
    min-height: 433px;
}
div#undercolumn_aboutus .lineup.no10 {
    background: url("/user_data/packages/default/images/abouts/bg_img_10.jpg") no-repeat top right;
    min-height: 446px;
}

div#undercolumn_aboutus .lineup .lineupInner {
    float: left;
    width: 286px;
}
div#undercolumn_aboutus .lineup .lineupInner .icn {
    margin-bottom: 30px;
    text-align: center;
}
div#undercolumn_aboutus .lineup .lineupInner .head {
    font-size: 26px;
    margin-bottom: 30px;
    text-align: center;
}
div#undercolumn_aboutus .lineup .lineupInner .txt {
    text-align: left;
    font-size: 15px;
}

div#undercolumn_aboutus ul.staff_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 70px;
}
div#undercolumn_aboutus ul.staff_list li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div#undercolumn_aboutus .store {
    margin-bottom: 40px;
}
div#undercolumn_aboutus .store .ph {
    margin-bottom: 40px;
}
div#undercolumn_aboutus .store p.ttl {
    font-size: 18px;
    margin-bottom: 15px;

}
div#undercolumn_aboutus .store p.txt {
    font-size: 15px;
}
div#undercolumn_aboutus .link a {
    display: inline-block;
    border: 1px solid #c5c5c5;
    border-radius: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0 17px;
    text-decoration: none;
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
    margin-bottom: 40px;
}
div#undercolumn_order h2.title {
    margin: 100px 0 20px;
}

div#undercolumn_order table th {
    width: 140px;
}

/* よくあるご質問
----------------------------------------------- */



/* プライバシーポリシー
----------------------------------------------- */
div#undercolumn_privacy {
    margin-bottom: 40px;
}
div#undercolumn_privacy h2.title {
    margin-bottom: 20px;
}
div#undercolumn_privacy h3 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}
div#undercolumn_privacy h4 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div#undercolumn_privacy p {
    margin-bottom: 30px;
}
div#undercolumn_privacy a {
    color: #333;
    text-decoration: underline;
}


/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin-top: 100px;
    margin-bottom: 40px;
}
div#undercolumn_contact input,
div#undercolumn_contact select {
    padding: 8px !important;
    margin: 7px 0;
}

div#undercolumn_contact .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
div#undercolumn_contact table {
    width: 100%;
}
div#undercolumn_contact table tr {
    border: 1px solid #ccc;
}
div#undercolumn_contact table th {
    border: 0 none;
    background-color: #fff;
}
div#undercolumn_contact table td {
    border: 0 none;
    background-color: #fff;
}
div#undercolumn_contact #agreeTerm {

}
div#undercolumn_contact .zipimg img {
    margin: 5px 0 0 0;
}
div#undercolumn_contact a.btn {
    width: 150px;
}

/* 会員登録
----------------------------------------------- */
div#undercolumn_entry {

}

div#undercolumn_entry h2.title{
  padding-top: 5px;
    margin: 0 0 15px;
    width: 100%;
}
div#undercolumn_entry input,
div#undercolumn_entry select {
    padding: 8px !important;
    margin: 7px 0;
}

div#undercolumn_entry .area470 {
    width: 100%;
    height: 520px;
    margin: 30px 0;
    padding: 2px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 13px;
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

div#undercolumn_entry .textarea380 {
    width: 380px;
    max-width: 380px;
    height: 70px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
div#undercolumn_entry span.lbl {
    display: inline-block;
    width: 40px;
}
div#undercolumn_entry .zipimg img {
    margin: 5px 0 0 0;
}

div#undercolumn_entry div#completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}

div#undercolumn_entry div#completetext em {
    font-weight: bold;
}

div#undercolumn_entry div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}

div#undercolumn_entry dt {
    float: left;
    width: 4em;
    border: 1px solid #FF0000;
}
div#undercolumn_entry a.btn {
    width: 200px;
}
div#undercolumn_entry a.btn.back {
    padding: 0 20px;
    width: auto;
}
div#undercolumn_entry .tblareabtn {
    margin-bottom: 40px;
}
div#undercolumn_entry .zipimg a.btn {
    width: 100px;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
}

/* 店舗情報
----------------------------------------------- */
#undercolumn_shop {
    line-height: 1.8;
}

#undercolumn_shop h2.title {
    text-align: center;
}
#undercolumn_shop .iefont p {
    margin-bottom: 20px;
    text-align: center;
}
#undercolumn_shop .shop_data {
    /*padding: 0 20px;*/
    margin-bottom: 50px;
    width: 482px;
    float: left;
    margin-left: 20px;
}
#undercolumn_shop .shop_data .column2-1 {
    float: left;
}
#undercolumn_shop .shop_data .column2-2 {
    float: right;
}
/*#undercolumn_shop .shop_data .shop {
    width: 482px;
}*/
#undercolumn_shop .shop_data .shop h3 {
    margin-bottom: 20px;
    float: left;
}
/*#undercolumn_shop .shop_data .shop h3 img {
    width: 570px;
}*/
#undercolumn_shop .shop_data .shop dl.shop_info {
    /*border-top: 1px solid #000;*/
    /*padding: 20px 10px;
    margin-left: 30px;*/
    float: left;
    /*height: 300px;*/
}
#undercolumn_shop .shop_data .shop dl.shop_info div{
    display: table;
    width: 100%;
    margin-bottom: 5%;
}
#undercolumn_shop .shop_data .shop dl.shop_info div .prefectures{
  background: #000;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 20%;
  display: table-cell;
  vertical-align: middle;
}
#undercolumn_shop .shop_data .shop dl.shop_info div .shop-name {
  font-size: 16px;
  padding-left: 3%;
  display: table-cell;
  vertical-align: middle;
}
#undercolumn_shop .shop_data .shop dl.shop_info div .shop-name span {
  font-size: 12px;
  display: block;
}

#undercolumn_shop .shop_data .shop dl dt {
    margin-bottom: 15px;
}
#undercolumn_shop .shop_data .shop dl dd p {
    margin-bottom: 10px;
}
#undercolumn_shop .shop_data .shop dl dd ul li {
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
}
#undercolumn_shop .shop_data .shop dl dd ul li .caption {
    font-size:12px;
    min-height: 27px;
}

#undercolumn_shop .shop_data dl.shop_news{
    border-bottom:1px solid #333;
    padding-bottom:30px;
}

#undercolumn_shop .shop_data .shop dl.shop_news img {
    max-width: 100%;
}

#undercolumn_shop .shop_data dl.shop_news li {
    float: left;
    margin-right: 20px;
    width: 17%;
}

#undercolumn_shop .news_more {
    padding: 0 40px;
    margin-bottom: 30px;
}
#undercolumn_shop .news_more .shop2 {
    width: 460px;
}
#undercolumn_shop .news_more .column2-1 {
    float: left;
}
#undercolumn_shop .news_more .column2-2 {
    float: right;
}

#undercolumn_shop .brands {
    padding: 0 40px;
    margin-bottom: 60px;
}
#undercolumn_shop .brands h3 {
    margin-bottom: 60px;
}
#undercolumn_shop .brands .brand_list {

}
#undercolumn_shop .brands .brand_list .inner {
    margin-bottom: 40px;
}
#undercolumn_shop .brands .brand_list .inner a.roll-over {
    display: inline-block;
    margin-bottom: 15px;
}
#undercolumn_shop .brands .brand_list .inner p {
    padding: 0 15px;
    margin-bottom: 15px;
}
#undercolumn_shop .brands .brand_list .inner img {
    max-width: 100%;
    width: 100%;
}

#undercolumn_shop .service {
    padding: 0 40px;
    margin-bottom: 30px;
}
#undercolumn_shop .service h3 {
    margin-bottom: 30px;
}
#undercolumn_shop .service img.image-right {
    float: right;
    margin-left: 20px;
}
#undercolumn_shop .service img.image-left {
    float: left;
    margin-right: 20px;
}
#undercolumn_shop .service a {
    color: #333;
    text-decoration: underline;
}

/* 店舗情報
----------------------------------------------- */
#undercolumn_other {
    line-height: 1.8;
    /*margin-top: 100px;*/
    margin-bottom: 40px;
}

#undercolumn_other .bloc_wrapping {
    background: #ffffff url("/user_data/packages/default/img/wrapping/bk_wrapping.jpg") no-repeat scroll right top;
    height: 405px;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    width: 640px;
    margin: 0 auto;
}
#undercolumn_other .bloc_wrapping h2 {
    margin-top: 105px;
}
#undercolumn_other .antina_wrapping {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/antina_wrapping.gif") no-repeat scroll right bottom;
}
#undercolumn .with-line {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/shop/ln-section.png") no-repeat scroll center top;
    margin: 0 0 30px;
    padding-top: 30px;
}
#undercolumn .with-line p {
    margin: auto 5px;
}
#undercolumn .with-line h2 {
    font-size: 17px;
    padding-bottom: 15px;
}
#undercolumn .with-line h3 {
    font-size: 15px;
    padding-bottom: 5px;
}


ul.wrappingBox {
    width: 600px;
    margin: 0 auto;
}
ul.wrappingBox li {
    border: 1px solid #e7d4b6;
    float: left;
    font-size: 90%;
    height: 150px;
    margin: 0 15px 15px 0;
    padding: 15px 10px;
    position: relative;
    width: 160px;
}
ul.wrappingBox li strong {
    font-size: 120%;
    padding: 5px;
}
ul.wrappingBox li p {
    padding-top: 5px;
    width: 90px;
}
ul.wrappingBox li.recommendwrapping {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-antina.jpg") no-repeat scroll 5px 5px;
    float: none;
    height: 170px;
    width: 554px;
}
ul.wrappingBox li.recommendwrapping strong {
    font-size: 120%;
}
ul.wrappingBox li.recommendwrapping p {
    float: left;
    width: 230px;
}
ul.wrappingBox li .icon_original {
    bottom: 15px;
    position: absolute;
    right: 15px;
}
ul.wrappingBox li.recommendwrapping .icon_original {
    bottom: 15px;
    left: 15px;
    position: absolute;
}
ul.wrappingBox li .icon_recommend {
    bottom: 15px;
    left: 65px;
    position: absolute;
}
ul.wrappingBox li.w-lace {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-lace.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-rainbow {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-rainbow.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-kids {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-kids.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-white {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-white.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-aqua {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-aqua.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-cacao {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-cacao.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-scarlet {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-scarlet.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-turquoise {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-turquoise.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-yellow {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-yellow.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-red {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-red.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-blue {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-blue.jpg") no-repeat scroll 5px 5px;
}
ul.wrappingBox li.w-green {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/w-green.jpg") no-repeat scroll 5px 5px;
}
ul.ribbonBox {
    width: 600px;
    margin: 0 auto;
}
ul.ribbonBox li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e7d4b6 #e7d4b6 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    font-size: 80%;
    height: 155px;
    margin: 0 12px 15px 0;
    padding: 10px 0;
    text-align: center;
    width: 133px;
}
ul.ribbonBox li p {
    line-height: 110%;
}
ul.ribbonBox li.ribbon-01-1 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-1.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-2 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-2.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-3 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-3.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-4 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-4.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-5 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-5.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-6 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-6.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-7 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-7.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-01-8 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-01-8.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-1 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-1.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-2 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-2.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-3 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-3.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-4 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-4.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-5 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-5.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-6 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-6.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-7 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-7.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-8 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-8.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-9 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-9.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-10 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-10.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-11 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-11.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-02-12 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-02-12.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-03-1 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-03-1.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-03-2 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-03-2.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-03-3 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-03-3.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-03-4 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-03-4.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-03-5 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-03-5.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-03-6 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-03-6.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-04-1 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-04-1.jpg") no-repeat scroll left bottom;
}
ul.ribbonBox li.ribbon-04-2 {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/wrapping/r-04-2.jpg") no-repeat scroll left bottom;
}
ul.furoshikiBox {
    width: 600px;
    margin: 0 auto;
}
ul.furoshikiBox li {
    border: 1px solid #e7d4b6;
    float: left;
    font-size: 80%;
    height: 160px;
    margin: 0 12px 15px 0;
    padding: 10px 0;
    text-align: center;
    width: 182px;
}
ul.furoshikiBox li p {
}
ul.cardBox {
    width: 800px;
    margin: 0 auto 30px;
}
ul.cardBox li {
    border: 1px solid #e7d4b6;
    height: 485px;
    margin-bottom: 20px;
    padding: 10px 0 20px;
    text-align: center;
    width: 375px;
}
ul.cardBox li:nth-child(2n+1) {
    float: left;
}
ul.cardBox li:nth-child(2n) {
    float: right;
}

ul.cardBox .cardfree {
    height: 345px !important;
}
ul.cardBox .cardskmt {
    border: medium none;
    font-size: 100%;
    height: 345px !important;
}
ul.cardBox .cardskmt p {
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
}
ul.cardBox li .cardskmt2 {
    font-size: 10px;
    line-height: 1.4;
}
ul.cardBox .cardtxt {
    margin: 10px 0 0;
}
ul.GcardBox {
    padding-left: 20px;
}
ul.GcardBox li {
    float: left;
    font-size: 80%;
    margin: 10px 17px 0 0;
    padding: 0;
    text-align: center;
}

ul.selectNoshi_ul {
    border: 1px solid #cccccc;
    list-style-type: none;
    width: 900px;
    margin: 0 auto;
}
ul.selectNoshi_ul li {
    float: left;
    font-size: 12px;
    margin: 20px 0 0 10px;
    text-align: center;
    width: 140px;
}



h2.SubTitle {
    /*background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/guide/bk_step_title_l.gif") no-repeat scroll left top;*/
    font-size: 122%;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-left: 15px;
    /*width: 645px;*/
    border: 1px solid #ccc;
}
h3.SubTitle {
    /*background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/guide/bk_step_title_m.gif") no-repeat scroll left top;*/
    font-size: 115%;
    line-height: 40px;
    margin: 5px 5px 20px;
    padding-left: 20px;
    /*width: 630px;*/
    border-left: 2px dotted #333;
}
h3.subTitleB {
    background-color: #653366;
    color: #fff;
    font-size: 115%;
    margin: 5px 5px 15px;
    padding: 5px 10px 3px;
    /*width: 630px;*/
    border: 1px solid #ccc;
}
.borderTop {
    /*background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/guide/bk_line_02.png") repeat-x scroll left top;*/
    clear: both;
    margin-top: 10px;
    padding-top: 11px;
    border-top: 1px dotted #333;
    margin-bottom: 10px;
}
.borderTop h2 {
    margin-top: 15px;
}
.borderTopInner {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/guide/bk_line_03.png") repeat-x scroll left top;
    clear: both;
    margin-top: 5px;
    padding-top: 5px;
}



.bloc {
    background: #ffffff none repeat scroll 0 0;
    clear: both;
    /*overflow: hidden;*/
    position: relative;
    margin-bottom: 10px;
}
.bloc h1, .bloc h2, .bloc h3 {
    /*margin: 5px;*/
}
.bloc p {
    margin: 5px 10px;
    overflow: hidden;
}
.bloc table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px;
}

.bloc table th, .bloc table td {
    border: 1px solid #ccc;
    font-weight: normal;
    padding: 5px 10px;
    text-align: left;
}

.bloc table.th-vam th {
    vertical-align: middle;
}

.bloc table.td-vat td {
    vertical-align: top;
}

.bloc table td p {
    margin: 0 0 5px;
}
.bloc table td p.box {
    padding: 10px;
    border: 1px solid #ccc;
}
.bloc ul.listMark {
    margin: 5px 10px 0;
}
.bloc ul.listMark li {
    background: rgba(0, 0, 0, 0) url("/user_data/packages/default/img/guide/ico_list.gif") no-repeat scroll 0 3px;
    margin-bottom: 5px;
    padding-left: 14px;
}
.bk_guide {
    background: #fff url("/user_data/packages/default/img/guide/bk_guide.jpg") no-repeat scroll right center;
}
.mannerBook {
    height: 425px;
}
.mannerBook h3 {
    color: #6699cc;
    float: right;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 5px;
    width: 370px;
}
.mannerBook p {
    float: right;
    width: 370px;
}

/* 贈り先の多いお客様へ
----------------------------------------------- */
div.manyBloc {
    margin-top: 50px;
}
div.manyBloc h3 {
    font-size: 20px;
    margin-bottom: 30px;
}
div.manyBloc h3 span {
    margin-left: 30px;
    text-decoration: underline;
}
div.manyBloc h4 {
    font-size: 16px;
    margin-bottom: 20px;
}
div.manyBloc div.btnArea {
    text-align: center;
    margin: 30px auto;
}
div.manyBloc div.btnArea a {
    border: 1px solid #000;
    color: #ccc;
    text-decoration: none !important;
    height: 40px;
    display: inline-block;
    border-radius: 20px;
    width: 400px;
    line-height: 40px;
}
div.manyBloc .note {
    font-size: 12px;
}
div.manyBloc .dlBtnArea {
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
div.manyBloc .dlBtnArea a.dlBtn {
    text-align: center;
    border: 1px solid #000;
    color: #ccc;
    text-decoration: none !important;
    height: 40px;
    display: inline-block;
    border-radius: 20px;
    width: 400px;
    line-height: 40px;
}

/* ブランド一覧など、一覧表示系（タイル表示）
----------------------------------------------- */
.tile-list .tile {
    float: left;
    margin: 5px;
    /*padding: 5px;*/
    padding: 3px 2px;
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
}
.tile-list .tile .ph {
    position: relative;
}
.tile-list .tile .ph img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.tile-list .tile .ttl {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}
.tile-list .tile .txt {
    margin-bottom: 10px;
}
.tile-list .tile a {
    display: block;
}

/* 3 columns style */
.tile-list.col3 .tile {
    width: 330px;
}
.tile-list.col3 .tile .ph {
    width: 320px;
    height: 320px;
}
/* 4 columns style */
.tile-list.col4 .tile {
    width: 246px;
}
.tile-list.col4 .tile .ph {
    width: 240px;
    height: 240px;
}
.tile-list.col4 .tile .ttl {
    width: 234px;
}


/* category style */

.tile-list.cate .tile .ph {
    width: 180px;
    height: 180px;
}