@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------

共通設定

-----------------------------------------------------*/

body {
    color: #333333;
    font-size: 14px;
}

#sidebar a img:hover,
#sidebar a:hover,
#footer a img:hover,
#footer a:hover,
.topPage a img:hover,
.topPage a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

img {
    vertical-align: bottom;
}

/*-----------------------------------------------------

汎用スタイル

-----------------------------------------------------*/

.bdb-n {
    border-bottom: none !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.bdb-1dash {
    border-bottom: 1px dashed #e8e6e1;
}

/*-----------------------------------------------------

ヘッダー

-----------------------------------------------------*/

#header.onlyLogo {
    width: 100%;
    height: 140px;
    padding: 0;
    background: url(../images/bg_wrapper01.png) center bottom no-repeat;
    z-index: 10000;
    position: absolute;
    top: 0;
    text-align: left;
}

#header .headerInWrap {
    padding: 27px 0 10px 0;
    width: 100%;
    height: 117px;
    background-color: #fff;
}

#header .headerIn {
    display: block;
    width: 980px;
    margin: 0 auto;
}

#header .headerIn #topSpecialBnr {
    display: inline-block;
    float: right;
}

#header .headerIn .nav {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 27px 0 10px 0;
}

#header .headerIn .nav li {
    display: block;
    float: left;
}

#header .headerIn .nav li a {
    display: block;
    height: 46px;
    background: url(../images/gnav01.jpg) left center no-repeat;
    text-indent: -9999px;
}

#header .headerIn .nav li.nav01 a {
    display: block;
    width: 251px;
    height: 46px;
}

#header .headerIn .nav li.nav02 a {
    display: block;
    width: 249px;
    height: 46px;
    background-position: -251px;
}

#header .headerIn .nav li.nav03 a {
    display: block;
    width: 251px;
    height: 46px;
    background-position: -500px;
}

#header .headerIn .nav li.searchBox {
    width: 229px;
    overflow: hidden;
}

.nav04 .searchWrap {
    display: block;
    width: 210px;
    border: 1px solid #7d7357;
    overflow: hidden;
    float: right;
    margin: 9px 0 0 0;
}

.sf-menu ul li ul {
    display: none;
}

.sf-menu ul {
    /*	padding-top:9px;*/
}

.sf-menu ul li {
    width: 249px;
}

.searchWrap .form,
.searchWrap .searchBox {
    display: block;
    width: 168px;
    float: left;
    padding: 5px;
    font-size: 12px;
    border: none;
}

.sf-menu ul li .arrow {
    position: absolute;
    right: 10px;
}

/*-----------------------------------------------------

メインコンテンツ

-----------------------------------------------------*/

#wrapper {
    width: 980px;
    margin: 10px auto 0;
    position: relative;
}

#container {
    display: block;
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
}

p.btn_pageTop {
    display: none;
}

/*-----------------------------------------------------

サイドバー

-----------------------------------------------------*/

#sidebar {
    display: block;
    width: 200px;
    float: right;
    margin-bottom: 15px;
}

#sidebar .sideNav {
    width: 100%;
    display: block;
    padding: 5px;
    margin: 0 0 10px 0;
    background-color: #e8e6e1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#sidebar .sideNav .kaiinMenu {
    text-align: center;
    padding: 5px 0 15px;
}

#sidebar .sideNav a img {
    display: block;
    margin-bottom: 5px;
}

#sidebar .sideNav .sideCart {
    display: block;
    background-color: #FFF;
    padding: 17px 10px 15px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
}

#sidebar .sideNav .sideCart .goukeiNum {
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 5px;
    text-align: left;
}

#sidebar .sideNav .sideCart .goukeiPrice {
    font-size: 15px;
    color: #a50319;
    margin-bottom: 14px;
    margin-left: 5px;
    text-align: left;
}

#sidebar .sideNav .sideCart .souryo {
    font-size: 13px;
    text-align: center;
    margin-top: 11px;
}

#sidebar .sideNav ul {
    display: block;
    background-color: #FFF;
    padding: 1px;
    margin-bottom: 5px;
}

#sidebar .sideNav ul li {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e8e6e1;
    background: url(../images/icon_arrow01.jpg) 10px center no-repeat;
    line-height: 1.5em;
}

#sidebar .recommendContent {
    width: 100%;
    display: block;
    padding: 5px;
    margin: 0 0 10px 0;
    background-color: #e8e6e1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#sidebar .recommendContent ul {
    display: block;
    background-color: #FFF;
    padding: 1px;
}

#sidebar .recommendContent ul li {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e8e6e1;
    background: url(../images/icon_arrow01.jpg) 10px center no-repeat;
}

#sidebar .recommendContent h4 {
    text-align: center;
    margin: 10px 0;
}

#sidebar .sideSubNav {
    display: table;
}

#sidebar .sideSubNav li {
    display: table-cell;
    background: url(../images/icon_arrow01.jpg) left center no-repeat;
    padding: 0 15px 0 10px;
}

#sidebar ul li a {
    color: #666666;
    text-decoration: none;
}

#sidebar a img {
    display: block;
    margin-bottom: 10px;
}

#sidebar img.useMap {
    display: block;
    margin-bottom: -4px;
}

#sidebar .sideNav .guideList {
    background-color: #7d7357;
    border-bottom: 1px solid #FFF;
}

#sidebar .sideNav .guideList li {
    background: url(../images/icon_arrow05.png) 10px center no-repeat;
    padding: 10px 15px 10px 20px;
}

#sidebar .sideNav .guideList a {
    color: #fff;
}

#sidebar .sideNav dl {
    margin-bottom: 5px;
}

/*-----------------------------------------------------

フッター

-----------------------------------------------------*/

#footer {
    background-color: #f3f2f0;
    display: block;
    width: 100%;
}

#footer .footerIn {
    display: block;
    width: 980px;
    margin: 0 auto;
    padding: 50px 0 10px 0;
    position: relative;
}

#footer .second {
    padding-top: 0;
}

#footer .footerIn table.footerNav {
    width: 100%;
    margin-bottom: 15px;
}

#footer .footerIn table.footerNav td a {
    text-decoration: none;
    color: #000;
}

#footer .footerIn table.footerNav td ul {
    display: block;
    overflow: hidden;
}

#footer .footerIn table.footerNav .footerAbout {
    width: 560px;
    padding: 17px 22px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #f9f9f8;
    height: 154px;
}

#footer .footerIn table.footerNav .footerAbout h4 {
    font-size: 20px;
    color: #a50319;
    margin-bottom: 8px;
}

#footer .footerIn table.footerNav .topFooterAbout {
    width: 980px;
    padding: 17px 22px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #f9f9f8;
}

#footer .footerIn table.footerNav .topFooterChooseTrouble {
    width: 510px;
    height: 138px;
    padding: 17px 22px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #f9f9f8;
    margin: 0 20px 20px 0;
}

#footer .footerIn table.footerNav .trouble {
    width: 450px !important;
}

#footer .footerIn table.footerNav td li {
    display: block;
    float: left;
}

#footer .footerIn table.footerNav td li a {
    text-decoration: none;
    font-size: 14px;
    color: #6699cc;
    line-height: 1.5;
}

#footer .footerIn table.footerNav td ul.liNone li:before {
    content: normal;
}

#footer .footerIn table.footerNav td ul.liNone li a {
    font-size: 12px;
}

#footer .footerIn table.footerNav td li:before {
    content: "｜";
}

#footer .footerIn table.footerNav td div.shopinfo {
    display: block;
    border: 1px solid #d1cec4;
    background-color: #FFF;
    padding: 3px;
    width: 191px;
    height: 154px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-right: 8px;
}

#footer .footerIn table.footerNav td div.shopinfo p {
    padding: 10px 0 0 10px;
    text-align: center;
}

#footer .footerIn table.footerNav td div.contactUs {
    display: block;
    border: 1px solid #d1cec4;
    background-color: #FFF;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px;
    height: 154px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#footer .footerIn table.footerNav td div.contactUs a,
#footer .footerIn .footerCredit li a {
    color: #6699cc;
    text-decoration: none;
}

#footer .footerIn table.footerNav td div.contactUs img {
    margin-bottom: 12px;
}

#footer .footerIn .footerCredit li {
    margin-bottom: 15px;
    font-size: 12px;
}

#footer .footerIn .footerCredit .fancl {
    padding: 5px 0 10px 0;
    height: 10px;
}

#footer .footerIn .footerCredit .fancl img {
    vertical-align: -1px;
}

#footer .footerIn .footerCredit .onlineMark {
    height: 35px;
    padding: 2px 0 0 0;
    line-height: 20px;
}

#footer .footerIn .footerCredit .onlineMark img {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}

#footer .copyright {
    width: 100%;
    display: block;
    background-color: #7d7357;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 10px 0;
}

#footer .brand {
    font-weight: bold;
    color: #920e21 !important;
    margin-left: 1.5em;
    padding-top: 0.2%;
    display: inline-block;
}

/*-----------------------------------------------------

追記

-----------------------------------------------------*/

#content section h3 {
    color: #333333;
}

#content section h4 {
    color: #333333;
    font-weight: bold;
    margin-top: 1em;
}

/*-----------------------------------------------------

base.cssより

-----------------------------------------------------*/

.left {
    float: left;
}

.right {
    float: right;
}

.rightgoods {
    float: right;
    padding-bottom: 15px
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

hr.clear {
    clear: both;
    visibility: hidden;
}

.pospack {
    /* このブロックで囲まれた要素を position:absolute; で絶対位置指定させるための属性 */
    position: relative;
    overflow: auto;
}

.small {
    font-size: 0.8em;
}

.rollover {}

/* **************************
 *
 * カートへ追加関連
 *
 * ************************* */

.chipDomTop {
    width: 272px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    background: url('../images/common/incart_top.gif') no-repeat top left;
}

.chipDomBottom {
    width: 272px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background: url('../images/common/incart_bottom.gif') no-repeat top left;
}

.chipDomCenter {
    width: 240px;
    background: url('../images/common/incart_center.gif') repeat-y top left;
    padding: 10px 16px;
    font-size: 1.2em;
    min-height: 1px;
}

.cartbtn {
    cursor: pointer;
}

#msg {
    display: none;
}

/* **************************
 *
 * 各エリアの区分け設定
 *
 * ************************* */

#breadcrumbs {}

#keyvisual {
    float: left;
    width: 803px;
    padding-bottom: 18px;
}

#main {
    width: 625px;
    float: left;
    margin-left: 13px;
    _margin-left: 10px;
}

/* **************************
 *
 * 税込表記変更
 *
 * ************************* */

#main .spec .detailelem .price ul li span.tax {
    font-size: 0.8em;
}

/* **************************
 * 完売対応
 * ************************* */

.soldout0 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.soldout5 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.soldout10 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 5px;
}

.soldout15 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: 5px;
}

.soldout20 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 5px;
}

.soldout25 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 25px;
    margin-bottom: 5px;
}

.soldout30 {
    color: #D32013;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 5px;
}

/*-----------------------------------------------------

viral.cssより

-----------------------------------------------------*/

/* **************************
 *
 * トップページ用
 *
 * ************************* */

#main {
    width: 750px;
    float: none;
    margin: 0 auto;
}

#main #top_viral {
    background: url(../images/top/viral/viral_bg.jpg) no-repeat center bottom;
}

#main #top_viral h2 {}

#main #top_viral #viralslide {
    padding-top: 21px;
    padding-bottom: 13px;
    overflow: auto;
    _height: 141px;
    _position: relative;
}

#main #top_viral #viralslide .prev {
    padding-top: 47px;
    float: left;
    cursor: pointer;
    _position: absolute;
    _left: 0;
}

#main #top_viral #viralslide .next {
    padding-top: 47px;
    float: right;
    cursor: pointer;
    _position: absolute;
    _right: 0;
}

#main #top_viral #viralslide .viralmask {
    float: left;
    width: 593px;
    overflow: hidden;
    _position: absolute;
    _left: 16px;
}

#main #top_viral #viralslide .viralmask ul {
    width: 5000px;
}

#main #top_viral #viralslide .viralmask ul li {
    padding-left: 17px;
    float: left;
}

#main #top_viral #viralslide .viralmask ul li div.pack {
    height: 140px;
    width: 283px;
    background: url(../images/top/viral/sepline.jpg) no-repeat right center;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.itemimg {
    float: right;
    padding-right: 12px;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.itemimg img {
    width: 64px;
    height: 64px;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.left {}

#main #top_viral #viralslide .viralmask ul li div.pack div.left h3 {
    background: url(../images/top/viral/listicon_viral.jpg) no-repeat left center;
    padding-left: 18px;
    margin-bottom: 13px;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.left h3 a {
    font-size: 1.4em;
    font-weight: bold;
    color: #333;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.left h3 a:hover {
    color: #999;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.left p.name {
    color: #D8AD21;
    font-size: 1.2em;
    font-weight: bold;
}

#main #top_viral #viralslide .viralmask ul li div.pack div.left p.type {
    font-size: 1.0em;
}

#main #top_viral #viralslide .viralmask ul li div.pack p.copy {
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 8px;
}

#main #top_viral #viralslide .viralmask ul li div.pack p.wom {
    font-size: 1.2em;
    padding-right: 20px;
    line-height: 1.2;
}

/*-----------------------------------------------------

header.cssより

-----------------------------------------------------*/

/* **************************
 *
 * パンくずリスト
 *
 * ************************* */

#breadcrumbs {
    _clear: both;
    _height: 3ex;
    overflow: auto;
    padding-bottom: 5px;
}

#breadcrumbs ul {}

#breadcrumbs ul li {
    float: left;
    padding-right: 10px;
    margin-right: 5px;
    background: url(../images/header/breadsep.jpg) no-repeat right center;
    color: #A50319;
}

#breadcrumbs ul li a {
    color: #333;
}

#breadcrumbs ul li a:hover {
    color: #999;
}

#breadcrumbs ul li.last {
    padding-right: 0;
    margin-right: 0;
    background: none;
}

#breadcrumbs_cp {
    _clear: both;
    _height: 3ex;
    overflow: auto;
    padding-bottom: 5px;
    _zoom: 1;
}

#breadcrumbs_cp ul {}

#breadcrumbs_cp ul li {
    float: left;
    padding-right: 10px;
    margin-right: 5px;
    background: url(../images/header/breadsep.jpg) no-repeat right center;
    color: #A50319;
}

#breadcrumbs_cp ul li a {
    color: #333;
}

#breadcrumbs_cp ul li a:hover {
    color: #999;
}

#breadcrumbs_cp ul li.last {
    padding-right: 0;
    margin-right: 0;
    background: none;
}

/* **************************
 *
 * 買い物カゴ
 *
 * ************************* */

#cartTable {
    border: 1px solid #666;
    font-size: 1.2em;
    position: absolute;
    right: 0;
    top: 131px;
    z-index: 35;
    background-color: #fff;
    padding: 2px;
    display: none;
    width: 623px;
}

#cartTable table {
    border-collapse: collapse;
    width: 623px;
}

#cartTable table tr {}

#cartTable table tr th {
    background-color: #666;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 3px 1ex;
    text-align: center;
}

#cartTable tr td {
    height: 30px;
    border-top: 1px dashed #666;
    padding: 3px 1ex;
}

#cartTable .l_number {
    white-space: nowrap;
}

#cartTable .l_id {
    white-space: nowrap;
}

#cartTable .l_name {
    line-height: 1;
}

#cartTable .l_price {
    white-space: nowrap;
}

#cartTable .l_num {
    white-space: nowrap;
}

#cartTable .l_sum {
    white-space: nowrap;
}

/* **************************
 *
 * 150313 PCTOP specialバナー
 *
 * ************************* */

.topSpecial1 {
    margin-bottom: 30px;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}