@charset "utf-8";

/************************************************
 ブラウザリセット
************************************************ */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
}

table,
caption,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: left;
    font-weight: normal;
}

a img,
iframe {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}

input,
textarea,
select,
button {
    font-size: 100%;
    font-family: inherit;
}

/************************************************
 共通設定
************************************************ */

body {
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f5f5f5;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
}

/* 写真 */

img.picture {
    border: 1px solid #ccc;
}

/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */

.frame_outer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

/* コンテンツ */

#container {
    margin: 0 auto;
    padding: 0 0 30px;
    width: 980px;
    background: #fff;
    text-align: left;
}

/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */

#main_column {
    padding: 10px 0 0;

    /* 1カラム時 */
    &.colnum1 {
        margin: 0 auto;
        width: 93%; /*kazz modified, original:width: 80%;*/
    }

    /* 2カラム時 (共通) */
    &.colnum2 {
        width: 78%;

        /* 2カラム時 (メイン部が左) */
        &.left {
            padding-left: 1.5%;
            float: left;
        }

        /* 2カラム時 (メイン部が右) */
        &.right {
            padding-right: 1.5%;
            float: right;
        }
    }

    /* 3カラム時 */
    &.colnum3 {
        padding-left: 0.5%;
        width: 59%;
        float: left;
    }
}

/* サイドカラム
----------------------------------------------- */

.side_column {
    padding: 10px 0 0;
}

#leftcolumn {
    float: left;
    width: 20%;
}

#rightcolumn {
    float: right;
    width: 20%;
}

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */

#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
    margin: 0px;
    background: #fff;
    text-align: left;
    clear: both;
}

/* 下層コンテンツ */

#undercolumn {
    width: 100%;
    margin: 0 0 30px 0;
}

/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */

.clearfix {
    &:after {
        display: block;
        clear: both;
        height: 0px;
        line-height: 0px;
        visibility: hidden;
        content: ".";
    }
}

.clear {
    clear: both;
}

/* リンク指定
----------------------------------------------- */

a {

    &:link,
    &:visited {
        color: #39c;
        text-decoration: none;
    }

    &:link:hover,
    &[href]:hover {
        color: #f60;
        text-decoration: underline;
    }
}

/* フォント
----------------------------------------------- */

h1,
h2,
h3,
h4,
h5 {
    font-size: 100%;
    line-height: 150%;
}

.sale_price {
    color: #f00;
}

.normal_price {
    font-size: 90%;
}

.point {
    color: #f00;
    font-weight: bold;
}

.user_name {
    font-weight: bold;
}

.recommend_level {
    color: #ecbd00;
}

.attention {
    color: #f00;
}

.attentionSt {
    color: #f00;
    font-weight: bold;
}

.st {
    font-weight: bold;
}

.mini {
    font-size: 90%;
}

/* 行揃え
----------------------------------------------- */

.alignC {
    text-align: center;
}

.alignR {
    text-align: right;
}

.alignL {
    text-align: left;
}

.pricetd em {
    font-weight: bold;
}

/* フォーム
----------------------------------------------- */

select {
    border: solid 1px #ccc;
}

input {

    &[type='text'],
    &[type='password'] {
        border: solid 1px #ccc;
        padding: 2px;
    }
}

.box40 {
    width: 40px;
}

.box60 {
    width: 60px;
}

.box100 {
    width: 100px;
}

.box120 {
    width: 120px;
}

.box140 {
    width: 140px;
}

.box145 {
    width: 145px;
}

.box150 {
    width: 150px;
}

.box240 {
    width: 240px;
}

.box300 {
    width: 300px;
}

.box320 {
    width: 320px;
}

.box350 {
    width: 350px;
}

.box380 {
    width: 380px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
/* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */

.top {
    margin-bottom: 5px;
}

/* タイトル
----------------------------------------------- */

h2.title {
    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%;
}

#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3 {
    margin: 0 0 10px 0;
    padding: 5px 0 10px;
    color: #f60;
    background: url("img/background/line_01.gif") repeat-x left bottom;
    font-size: 120%;
}

#undercolumn_login .login_area h4 {
    padding-left: 15px;
    background: url("img/icon/ico_arrow_05.gif") no-repeat left;
}

/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */

#header_wrap {
    border-top: solid 3px #f90;
    min-height: 82px;
    background: url("img/common/bg_header.gif") repeat-x bottom #fffaf0;
}

#header {
    margin: auto;
    width: 980px;
}

#header_utility {
    float: right;
    width: 580px;
}

#errorHeader {
    color: #F00;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 5px;
}

/* ロゴ
----------------------------------------------- */

#logo_area {
    padding-left: 10px;
    float: left;
    width: 390px;
    text-align: left;
}

#site_description {
    font-size: 90%;
}

/* ヘッダーナビ
----------------------------------------------- */

#header_navi {
    float: right;
    width: 409px;
    height: 38px;

    ul li {
        display: block;
        float: left;

        &.mypage,
        &.entry {
            margin-top: 6px;
        }
    }
}

/* ==============================================
 フッター
=============================================== */

#footer_wrap {
    margin: 0 auto;
    width: 980px;
    height: 80px;
    background: #fff;
}

#footer {
    margin: auto;
    padding-top: 10px;
    border-top: solid 1px #ccc;
    width: 950px;
}

#pagetop {
    width: 210px;
    float: right;
    text-align: right;
}

#copyright {
    width: 740px;
    float: left;
    text-align: left;
    font-size: 97%;
}

/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */

.btn_area {
    margin-top: 10px;
    width: 100%;
    text-align: center;

    li {
        padding-right: 10px;
        display: inline;
    }
}

/* 完了メッセージ
----------------------------------------------- */

div {
    &#complete_area {
        margin-bottom: 20px;

        .message {
            margin-bottom: 20px;
            line-height: 150%;
            font-weight: bold;
            font-size: 120%;
        }
    }

    &#undercolumn_entry .message {
        margin-bottom: 20px;
        line-height: 150%;
        font-weight: bold;
        font-size: 120%;
    }

    &#complete_area .shop_information {
        margin-top: 40px;
        padding: 20px 0 0 0;
        border-top: solid 1px #ccc;

        .name {
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 140%;
        }
    }
}

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */

#main_image {
    margin-bottom: 10px;
    text-align: center;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
#undercolumn_aboutus {
}

/* 特定商取引法
----------------------------------------------- */
#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}

.zipimg img {
    vertical-align: middle;
}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */

#mypagecolumn {
    width: 100%;
}

#mynavi_area {
    width: 100%;
}

#mycontents_area {
    width: 100%;
}

#mynavi_area {
    .mynavi_list {
        margin-bottom: 20px;
        width: 100%;

        li {
            margin: 0 15px 5px 0;
            padding-left: 15px;
            float: left;
            background: url('img/icon/ico_arrow_01.gif') no-repeat left;
            font-size: 120%;
        }
    }

    div.point_announce {
        margin-bottom: 30px;
        padding: 10px;
        border: solid 1px #ffcc62;
        background-color: #fffaf0;

        p {
            padding-left: 20px;
            background: url('img/icon/ico_point.gif') no-repeat left;
        }
    }
}

#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}

#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}

/* 購入履歴一覧/詳細
----------------------------------------------- */

#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #f9f9f9;

    p {
        float: left;
    }

    .btn {
        width: 160px;
        margin-top: 15px;
        float: right;
    }
}

.add_address {
    margin-bottom: 20px;
}

/* 会員登録内容変更/退会
----------------------------------------------- */

#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;

    p {
        margin-bottom: 20px;
    }
}

/* ==============================================
▼会員登録
=============================================== */

#undercolumn_entry {
    width: 100%;

    .kiyaku_text {
        margin: 20px auto;
        padding: 10px;
        border: solid 1px #ccc;
        width: 94%;
        background: #fff;
    }
}

/* ==============================================
▼ログイン
=============================================== */

#undercolumn_login {
    margin: 0 auto;
    width: 100%;

    .login_area {
        margin-bottom: 30px;

        .inputbox {
            margin: 15px auto 15px auto;
            padding: 15px 20px 10px 20px;
            background: #f0f0f0;

            .btn_area {
                margin-top: 0;
            }
        }
    }
}

/* ==============================================
▼エラー
=============================================== */

#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;

    .error {
        padding: 120px 0;
    }
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */

.pagenumber_area {
    padding-bottom: 10px;
    background: url("img/background/line_dot_01.gif") repeat-x bottom;
}

.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}

.pagenumber_area {
    margin: 20px 0;
}

.pagecond_area {
    border: 1px solid #ccc;
}

.pagenumber_area {
    .navi {
        width: 100%;
        text-align: left;

        li {
            display: inline;
        }
    }

    .change {
        float: right;
        text-align: right;
        white-space: nowrap;
    }
}

/* レイアウト
----------------------------------------------- */

div.list_area {
    padding: 0 0 30px 0;
    width: 100%;
    overflow: auto;
}

div.listphoto {
    float: left;
}

/* メインカラム */

#main_column {

    /* 1カラム時 */
    &.colnum1 div.listrightbloc {
        float: right;
        width: 74%;
    }

    /* 2カラム時 */
    &.colnum2 div.listrightbloc {
        float: right;
        width: 80%;
    }

    /* 3カラム時 */
    &.colnum3 div.listrightbloc {
        float: right;
        width: 74%;
    }
}



/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */

div.listrightbloc {
    ul.status_icon {
        margin-bottom: 10px;
        width: 100%;

        li {
            margin-right: 5px;
            float: left;
        }
    }

    /* 商品名 */
    h3 {
        font-weight: bold;
        font-size: 120%;
    }

    /* コメント */
    .listcomment {
        margin: 0 0 10px 0;
        text-align: left;
    }

    /* 商品詳細を見る */
    .detail_btn {
        margin-bottom: 20px;
    }

    /* 価格 */
    .pricebox {
        margin: 0 0 10px 0;
    }

    /* 買い物カゴ */
    .cart_area {
        padding: 10px;
        border: 1px solid #cef0f4;
        background-color: #ecf5ff;
        width: 94%;
    }

    /* 規格 */
    .classlist {
        margin-bottom: 10px;
        padding-bottom: 10px;
        background: url("img/background/line_dot_02.gif") repeat-x bottom;
    }

    dl {
        width: 100%;
    }

    dt {
        display: inline-block;
        vertical-align: top;
    }

    dd {
        padding-bottom: 10px;
        display: inline-block;

        p.attention {
            margin-top: 5px;
        }
    }

    /* カゴに入れる */
    .cartin {
        margin: 0;
        float: right;

        .quantity {
            padding: 3px 10px 0 0;
            width: 150px;
            float: left;
            text-align: right;

            .box {
                width: 70px;
            }
        }
    }

    .cartin_btn {
        width: 160px;
        float: left;
    }
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

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

#detailarea,
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */

#main_column {

    /* 1カラム用 */
    &.colnum1 {
        #detailphotobloc {
            width: 37%;
            float: left;
        }

        #detailrightbloc {
            width: 63%;
            float: right;
        }

        div {
            &.subtext {
                margin-bottom: 20px;
                float: left;
                width: 69%;
            }

            &.subphotoimg {
                float: right;
                width: 25%;
                text-align: right;
            }
        }

        p.subtext {
            margin-bottom: 20px;
        }
    }

    /* 2カラム用 */
    &.colnum2 {
        #detailphotobloc {
            float: left;
            width: 37%;
        }

        #detailrightbloc {
            float: right;
            width: 63%;
        }

        div.subtext {
            margin-bottom: 20px;
            float: left;
            width: 73%;
        }

        p.subtext {
            margin-bottom: 20px;
        }

        div.subphotoimg {
            float: right;
            width: 25%;
            text-align: right;
        }
    }

    /* 3カラム用 */
    &.colnum3 {
        #detailphotobloc {
            float: left;
            width: 49%;
        }

        #detailrightbloc {
            float: right;
            width: 50%;
        }

        div.subtext {
            margin-bottom: 20px;
            float: left;
            width: 63%;
        }

        p.subtext {
            margin-bottom: 20px;
        }

        div.subphotoimg {
            float: right;
            width: 35%;
            text-align: right;
        }
    }
}

/* 商品情報 各種設定
----------------------------------------------- */

#detailrightbloc {
    h2 {
        margin: 0 0 10px 0;
        padding: 0 0 15px 0;
        color: #666;
        background: url("img/background/line_dot_01.gif") repeat-x bottom;
        font-weight: bold;
        font-size: 160%;
    }

    .point,
    .relative_cat {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        background: url("img/background/line_dot_01.gif") repeat-x bottom;
    }

    .main_comment {
        margin-bottom: 20px;
    }

    /* 商品コード */
    .product_code {

        dt,
        dd {
            display: inline;
        }
    }

    /* 商品ステータス */
    ul.status_icon {
        margin-bottom: 10px;
        width: 100%;

        li {
            margin-right: 5px;
            margin-bottom: 3px;
            float: left;
        }
    }

    /* 通常価格 */
    .normal_price {

        dt,
        dd {
            display: inline;
        }
    }

    /* 販売価格 */
    .sale_price {

        dt,
        dd {
            display: inline;
        }
    }

    /* ポイント */
    .point {

        dt,
        dd {
            display: inline;
        }
    }

    /* 規格 */
    div.classlist {
        margin-bottom: 10px;
        padding-bottom: 10px;
        width: 100%;
        background: url("img/background/line_dot_02.gif") repeat-x bottom;
    }

    .classlist {
        margin-bottom: 5px;
    }

    ul {
        margin-bottom: 10px;
        width: 100%;

        li {
            vertical-align: top;
            float: left;
        }
    }

    /* メーカー */
    .maker {

        dt,
        dd {
            display: inline;
        }
    }

    /* メーカーURL */
    .comment1 {

        dt,
        dd {
            display: inline;
        }
    }

    /* 関連カテゴリ */
    .relative_cat dd {
        margin-left: 1em;
    }

    /* 買い物カゴ */
    .cart_area {
        padding: 10px;
        background-color: #ecf5ff;
        border: 1px solid #cef0f4;
    }

    .quantity {

        dt,
        dd {
            display: inline;
        }
    }

    .cartin,
    .cartin_btn {
        text-align: center;
    }

    .favorite_btn {
        text-align: center;
        margin-top: 10px;
    }
}

/* お客様の声
----------------------------------------------- */

#customervoice_area {
    clear: both;
    padding: 35px 0 0 0;

    h2 {
        margin-bottom: 20px;
        padding: 6px 0 8px 10px;
        border-top: solid 1px #f90;
        background: url('img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
    }

    .review_bloc {
        margin-bottom: 20px;
        padding: 10px;
        background-color: #f6f6f6;

        p {
            padding-top: 3px;
            margin-right: 10px;
            float: left;
        }

        .review_btn {
            float: right;
            width: 160px;
        }
    }

    ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
        background: url("img/background/line_dot_01.gif") repeat-x bottom;
    }

    .voicetitle {
        margin-bottom: 5px;
        color: #333;
        font-weight: bold;
    }

    .voicedate {
        margin-bottom: 10px;
    }
}

/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
#whobought_area {
    clear: both;
    padding: 35px 0 0 0;

    h2 {
        border-top: solid 1px #f90;
        background: url('img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
        padding: 5px 0 8px 10px;
        font-size: 14px;
    }
}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
#undercolumn_cart {
    .point_announce {
        padding: 20px;
        margin-bottom: 20px;
        border: solid 1px #ffcc62;
        background: #fffaf0;
        font-size: 120%;
        text-align: center;
        line-height: 140%;
    }

    .totalmoney_area {
        margin-bottom: 20px;
    }

    p {
        margin: 10px 5px;
    }
}

#undercolumn {
    ul#quantity_level li {
        padding: 3px;
        display: inline;
    }

    .empty {
        text-align: left;
    }
}

div.form_area {
    margin-bottom: 30px;
}

/* お客様情報入力
----------------------------------------------- */

#undercolumn_customer {
}

.flow_area {
    margin: 0 0 20px 0;
}

#undercolumn_customer th em {
    color: #000;
    font-weight: bold;
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */

#undercolumn_shopping {
    .pay_area {
        margin: 0 auto 30px;
        width: 100%;
    }

    .pay_area02 {
        margin: 40px auto 30px auto;

        .txtarea {
            margin: 5px 0 0 0;
            padding: 2px;
            border: 1px solid #ccc;
            width: 99%;
            height: 150px;
        }

        .select-msg {
            margin-bottom: 10px;
        }
    }

    .point_area {
        margin: 40px auto 0 auto;

        .point_announce {
            padding: 20px;
            border: 1px solid #ccc;
        }

        p {
            margin-bottom: 20px;
        }

        .point_announce li {
            margin-bottom: 5px;
        }
    }
}

/* お届け先の指定
----------------------------------------------- */

#address_area {
    margin-bottom: 10px;
    width: 100%;

    .information {
        width: 65%;
        float: left;
    }
}

#undercolumn_shopping .information {
    margin-bottom: 15px;
}

#address_area {
    .add_multiple {
        padding: 15px 10px;
        border: 1px solid #ffcc62;
        float: right;
        width: 30%;
        color: #555;
        background: #fffaf0;
        text-align: center;
        font-weight: bold;

        p {
            margin-bottom: 10px;
        }
    }

    p.addbtn {
        font-weight: bold;
        font-size: 10px;
    }
}

/* ==============================================
▼検索結果
=============================================== */

p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/************************************************
 tables
************************************************ */
/* デフォルトテーブル
----------------------------------------------- */

table {
    margin: 15px auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;

    th {
        padding: 8px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #333;
        background-color: #f0f0f0;
        font-weight: normal;
    }

    td {
        padding: 8px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}

/* 見出し
----------------------------------------------- */

#undercolumn_shopping table {
    th[scope=col] {
        text-align: center;
    }

    &.delivname th {
        width: 155px;
    }
}

/* MYページ */

#mycontents_area table {
    th {
        text-align: left;

        &.alignR {
            text-align: right;
        }

        &.alignL {
            text-align: left;
        }

        &.alignC {
            text-align: center;
        }

        &.resulttd {
            text-align: right;
        }
    }

    caption {
        padding: 8px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        color: #000;
        background-color: #f0f0f0;
        text-align: left;
        font-weight: bold;
    }
}

/* その他
----------------------------------------------- */

table select {
    margin-bottom: 7px;
    border: solid 1px #ccc;
}

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    * 商品詳細のオススメ商品   [whobought_area]
*/

/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */

.side_column {
    overflow-x: hidden;
    /* IE6 表示乱れ防止 */

    .block_body {
        border: solid 1px #ccc;
        border-top: none;
    }
}

#main_column .block_body {
    border: solid 1px #ccc;
    border-top: none;
}

.side_column .block_body .box {
    border: solid 1px #ccc;
    width: 145px;
}

/* 外枠
----------------------------------------------- */

#container {
    .block_outer {
        /* #container の背景色を欠けさせないため敢えて padding */
        padding: 0 15px 10px;
    }

    #main_column .block_outer {
        padding: 0 0 20px;
    }

    .side_column .block_outer {
        padding: 0 7% 10px;
    }

    /* リスト
    ----------------------------------------------- */
    /* ログイン 検索条件 */
    .block_outer .block_body dl.formlist {
        margin-bottom: 8px;

        dd {
            margin-bottom: 5px;
        }

        dt {
            margin-bottom: 3px;
            padding-left: 15px;
            background: url("img/icon/ico_arrow_03.gif") no-repeat left;
            font-size: 90%;
        }

        span {
            vertical-align: top;
        }
    }
}


/* タイトル
----------------------------------------------- */

h2 {
    /* タイトルの背景 白 */

    #login_area &,
    #search_area &,
    #calender_area &,
    #cart_area &,
    #cart & {
        padding: 5px 0 8px 10px;
        border-style: solid;
        border-color: #f90 #ccc #ccc;
        border-width: 1px 1px 0;
        background: url('img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
        font-size: 14px;
    }

    #category_area & {
        border-top: solid 1px #f90;
        background: url('img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
        padding: 5px 0 8px 10px;
        font-size: 14px;
    }

    /* タイトルの背景 オレンジ */
    #top_product_list &, /*kazz add*/
    #user_block_area &, /*kazz add*/
    #recipe_area &, /*kazz add*/
    #recommend_area &,
    #news_area & {
        padding: 5px 0 8px 10px;
        border-style: solid;
        border-color: #f90 #ccc #ccc;
        border-width: 1px 1px 0;
        background: url('img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8;
    }
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼新着情報
=============================================== */
#news_area {
    .news_contents {
        padding: 10px;
        max-height: 260px;
        height: auto !important;

        /* hack? */
        height: 260px;

        /* hack? */
        overflow: auto;
        overflow-y: scroll;
    }

    dl.newslist {
        background: url("img/background/line_dot_01.gif") repeat-x bottom;

        &:last-child {
            background: none;
        }

        dt {
            margin-bottom: 5px;
        }

        dd {
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
    }
}

/* ===============================================
▼現在のカゴの中
=============================================== */

#cart_area {
    .information {
        padding: 10px;
    }

    .postage {
        margin-top: 10px;
        padding-top: 10px;
        background: url("img/background/line_dot_01.gif") repeat-x top;

        .point_announce {
            padding: 2px 0 2px 20px;
            background: url("img/icon/ico_price.gif") no-repeat left top;
        }
    }

    .btn {
        padding: 10px 0;
        background: url("img/background/line_dot_01.gif") repeat-x top #f7f7e6;
        text-align: center;
    }
}

/* ===============================================
▼カテゴリ
=============================================== */

#container #category_area .block_body {
    background-color: #fffaf0;
}

#category_area li {
    padding-left: 5px;

    &.level1 {
        border-bottom: solid 1px #ccc;

        p {
            padding-left: 20px;
            margin: 7px 3px;
            background: url("img/icon/ico_arrow_01.gif") 2px 3px no-repeat;
        }

        li p {
            background: url("img/icon/ico_level.gif") 7px 7px no-repeat;
        }
    }

    a {
        display: block;
        padding: 0;
    }
}

a.onlink {
    &:link {
        color: #f00;
        text-decoration: underline;
    }

    &:visited,
    &:hover {
        color: #f00;
    }
}

/* ===============================================
▼ガイドリンク
=============================================== */

#guide_area {
    border: none;

    li {
        margin-bottom: 5px;
        letter-spacing: -0.05em;
    }
}

ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("img/background/bg_btn_list.jpg") bottom repeat-x;

    a {
        margin: 0;
        padding: 10px 15px 10px 10px;
        border: 1px solid;
        border-bottom: none;
        border-color: #ccc;
        display: block;
        background: url("img/icon/ico_arrow_02.gif") no-repeat right;
        text-decoration: none;
        outline: none;
    }
}

/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */

#container {
    #login_area .block_body {
        padding: 10px;

        p {
            margin-bottom: 5px;
        }

        .btn {
            text-align: center;
        }
    }

    .login_area dl.formlist {
        margin-bottom: 8px;
        width: 450px;

        dt {
            margin-bottom: 3px;
            padding-left: 15px;
            color: #333;
            background: url("img/icon/ico_arrow_03.gif") no-repeat left;
            width: 120px;
            float: left;
            font-size: 90%;
        }

        dd {
            margin-bottom: 5px;
            float: right;
            width: 300px;
            vertical-align: bottom;
            text-align: left;
        }
    }

    #login_area .block_body .mini {
        margin-top: 5px;
        letter-spacing: -0.01em;
    }

    /* ===============================================
    ▼検索
    =============================================== */

    #search_area .block_body {
        padding: 10px;

        .btn {
            text-align: center;
        }
    }
}

/* ===============================================
▼カレンダー
=============================================== */

#calender_area {
    background-color: transparent;
    border: none;

    .block_body {
        padding: 10px 0;
        background-color: #f1f9fc;
    }

    table {
        background: #fff;
        border: none;
        width: 150px;
        margin: 0 auto 5px;
        font-size: 90%;

        td {
            padding: 1px 3px;
            border-top: 1px solid #ccc;
            border-right: none;
            text-align: center;
        }
    }

    th {
        padding: 1px 3px;
        background: #fff;
        border: none;
        text-align: center;
    }

    table .month {
        margin-bottom: 5px;
        padding-left: 12px;
        background: url("img/icon/ico_arrow_04.gif") no-repeat left;
        font-size: 120%;
    }

    .off {
        color: #f00;
    }

    .today {
        background-color: #FFF99D;
        font-weight: bold;
    }

    .information {
        margin-left: 10px;
        font-size: 90%;
    }
}

/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */

#recommend_area .block_body,
#whobought_area .product_item {
    padding: 10px 0 10px;
    border: none;
    background: url("img/background/line_dot_01.gif") repeat-x bottom;
}

#recommend_area .block_body p,
#whobought_area .product_item p {
    margin: 0 0 5px 0;
}

#recommend_area .block_body img,
#whobought_area .product_item img {
    margin: 0 5px 0 0;
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
    font-size: 100%;
    font-weight: normal;
}

/* サイドカラム用 */

.side_column #recommend_area .product_item {
    margin-bottom: 10px;
}

/* 画像
----------------------------------------------- */
/* メインカラム用 */

#main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
    margin-bottom: 10px;
    float: left;
    width: 90px;
}

/* サイドカラム用 */

.side_column #recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}

/* 左右の振り分け
----------------------------------------------- */

#main_column #recommend_area .product_item,
#whobought_area .product_item {
    float: left;
    width: 47.5%;
    padding-left: 1%;
    padding-right: 1%;
}

/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム */

#main_column {

    /* 1カラム時 */

    &.colnum1 #recommend_area .block_body .productContents {
        float: right;
        width: 74%;
    }

    /* 2カラム時*/

    &.colnum2 {

        #recommend_area .block_body .productContents,
        #whobought_area .productContents {
            float: right;
            width: 74%;
        }
    }

    /* 3カラム時*/

    &.colnum3 {

        #recommend_area .block_body .productContents,
        #whobought_area .productContents {
            float: right;
            width: 67%;
        }
    }
}

/* サイドカラム用 */

.side_column #recommend_area .block_body .productContents {
    clear: both;
}

/************************************************
 インヘッダーブロック
************************************************ */

#headerInternalColumn {
    margin-top: 5px;
    float: right;
    width: 545px; //kazz modified,original 520px;
    height: 35px;
}

/* ログイン（ヘッダー用）
----------------------------------------------- */

#header_login_area {
    padding: 0 10px;
    border: solid 1px #ffc979;
    height: 30px;
    background: #fef3d3;
    letter-spacing: -0.075em;

    ul.formlist {
        margin-top: 5px;

        li {
            float: left;

            &.mail {
                padding-left: 28px;
                width: 155px;
                background: url("img/common/ico_arrow_login.gif") no-repeat left;
                font-size: 90%;
            }

            &.password {
                padding-right: 5px;
            }

            &.login_memory {
                padding-right: 5px;
                font-size: 90%;
            }

            &.forgot {
                margin-top: 3px;
                padding-right: 5px;
                font-size: 90%;
            }

            &.btn {
                padding-right: 5px;
                width: 53px;
            }
        }
    }

    p.btn {
        height: 20px;
        padding: 5px 0;
        vertical-align: middle;

        input[type=image] {
            vertical-align: middle;
        }
    }
}

/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */

#container .block_outer #banner_area .block_body {
    border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */

#main_column .block_outer #banner_area .block_body ul {
    width: 100%;

    li {
        float: left;

        &.sub_01 {
            padding-right: 8px;
        }
    }
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */

#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li {
    margin-bottom: 8px;
}

/************************************************
 ポップアップウィンドウ
************************************************ */
/* 共通
----------------------------------------------- */

#windowcolumn {
    border-top: solid 3px #f90;
    width: 560px;
    height: 100%;
    margin: 15px 15px 0 15px;
    background: #fff;

    h2 {
        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%;
    }
}

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

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

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

    table {
        width: 540px;
    }

    /* お客様の声の書き込み、新しいお届け先の追加・変更
    ----------------------------------------------- */

    #forgot {
        margin: 0 auto;
        padding: 20px;
        width: 440px;
        border: 1px solid #ccc;
        text-align: left;

        .mailaddres {
            margin-bottom: 10px;
        }

        p {
            text-align: center;
        }
    }
}


/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */

#bigimage,
#cartimage {
    margin-top: 15px;
    background-color: #fff;
    text-align: center;
}

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

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

    h2 {
        margin: 0 0 15px 0;
        width: 460px;
    }
}

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

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

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

/************************************************
 印刷用
************************************************ */

@media print {
    body {
        zoom: 75%;
    }
}

/* ==============================
旧bloc.cssの追加分 kazz 2025.8.1
============================== */
/* 商品誘導のためのライン */
/* kazz add 2015.1.17 */
#product_lead h2 {
    padding:1px 2px 1px;
    border-style: solid;
    border-color:#c0c0c0 #808080 #c0c0c0;
    border-width:1px 1px 2px 2px;
    margin-right:160px;
    /*	margin-bottom:5px;*/
    /*	margin-top:5px;*/
}

/* kazz add 2015.2.8 */
div.related_block {
    padding:3px 2px 3px;
    border-style: solid;
    border-color:#FACC2E #FE9A2E B18904 #FE9A2E;
    border-width:2px 2px 3px 3px;
    maragin-left:157px;
    maragin-top:5px;
}

/* ===============================================
▼材料でのレシピ検索 Kazz add, 2017.5.9
=============================================== */
#recipe_search_area .information {
    padding: 10px;
}
#recipe_search_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}

/* kazz add at 2021.11.1 */
.cart {
    position: relative;
}
.cart p {
    position: absolute;
    top:8px;
    left: 35px;
    font-size:130%;
    color: #FFF;
}

/* ==============================
旧common.cssの追加分  kazz 2025.8.1
============================== */
/************************************************
 共通設定
************************************************ */
body {
    /* kazz modified, 2021.11.1 */
    /*font-size: 72.5%;*/
    font-size: 90%;
}

/* ==============================
top画面のprodctlistのサイズ kazz 2025.8.15
=============================== */
.top_product_list_row {
    display:flex;
}
.top_product {
    width: 304px;
    height: 224px;
    text-align:center;
}
.top_product img{
        height:182px;
        width:182px;
}

#user_block_area .block_body{
    padding:10px 0
}

.guide_area {

}
#guide_area ul{
    justify-content: center;
    align-items: center;
    display : flex;
}
#guide_area li{
    padding:10px;
}
/* ==============================
旧contents.cssの追加分  kazz 2025.8.1
============================== */
/* kazz add, 2021.11.1 */
div.listphoto img{
    width:200px;
    hight:auto;
}
/* Kazz add, 2015.2.9 */
div.leadrightbloc h3 {
    font-weight: bold;
    font-size: 120%;
}
/* kazz add, 2015.2.9 */
div.leadrightbloc .detail_btn {
    margin-bottom: 5px;
}
/* kazz add, 2015.2.9 */
div.leadrightbloc .pricebox {
    margin: 0 0 10px 0;
}

/* ===============================
* Kazz add at 2015.9.21
@import url("./css/article.css");
=================================*/
div#article_undercolume{
    width: 100%;
    margin: 0 0 30px 0;
}

div#article_area1{
    margin: 20px 0 20px 0;
    padding:0 15px 0 15px;
}

div#article_area2{
    margin: 20px 0 20px 20px;
    padding:0 15px 0 15px;
}

div#article_area1 .message,
div#article_area2 .message {
    margin-bottom: 20px;
    line-height: 150%;
    font-weight: bold;
    font-size: 120%;
}

div#article_area1 .graphic_area
div#article_area2 .graphic_area
div#article_area1 .photo_area,
div#article_area2 .photo_area {
    float:left;
}

div#article_area1 .photo_right,
div#article_area2 .photo_right {
    float:right;
    width:61%;
}

div#article_area1 .graphic_right,
div#article_area2 .graphic_right {
    float:right;
    width:35%;
}

/* ==============================
* Kazz add at 2016.11.9
@import url("./css/cooking_info.css");
=================================*/
/* CSS Document */
/* ▼ レシピ、料理の方法の記載 */
div#cooking_headbloc {
    display:block;
    width:100%
    margin-left:0;
    margin-bottom:10px;
    /*float:left;*/
}
div#cooking_list_title {
}
div#cooking_list_title h2 {
    margin: 0 10px 10px 0;
    padding: 0 0 15px 0;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}
div#cooking_list_main_comment{
    float:left;
    margin: 0 10px 20px 0;
}
div#cooking_head_left {
    float: left;
    width: 70%;
}
div#cooking_head_left h2 {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}
div#cooking_head_left .main_comment {
    float: left;
    margin: 0 0 20px 0;
}
div#cooking_main_comment{
    float: left;
    margin: 0 0 20px 0;
}
div#cooking_head_right{
    float:right;
    margin-right:20px;
    width:25%;
}
div#cooking_head_right img.cooking_photo {
    width:200px;
}
div#cooking_detail {
    margin-bottom: 20px;
    margin-left:30px;
    width: 95%;
}
div#cooking_detail div#cooking_detail_photo {
    float: left;
    width: 40%;
    padding-top:15px;
}
div#cooking_detail div#cooking_detail_png {
    float: left;
    padding-top:15px;
}
div#cooking_detail_photo img.cooking_photo{
    float:left;
    max-height:200px;
    max-width:280px;
}
div#cooking_detail_png img.cooking_png{
    float:left;
    /*max-height:300px;*/
    max-width:420px;
}
div#cooking_detail div#cooking_detail_right{
    width: 60%;
    float: right;
    margin:0;
}
div#cooking_detail_right .main_comment{
    margin-bottom: 20px;
}
div#cooking_detail div#cooking_detail_png_right{
    width: 40%;
    float: right;
    padding-top:20px;
}
div#cooking_detail_png_right .main_comment{
    margin-bottom: 20px;
}

/* ▲ レシピ、料理の方法の記載 */

/* ▼ 他ページ、誘導ページ */
/* kazz add, 2015.8.9 */
div#product_lead_area {
    padding: 18px 0 10px 10px;
    border-style: solid;
    border-color:#dadada #dadada #FBB03B #FBB03B;
    border-width:1px 1px 2px 18px;
    background-color:#FFFAF0;
    width:93%;
    　　 height:auto;
    margin-left:0;
    margin-bottom:10px;
    clear:both;
}
/* Kazz add, 2015.2.9 */
div#product_lead_area #leadrightbloc {
    float:right;
    width:73%;
    margin-left:0;
}
div#recipe_lead_area #leadrightbloc{
    float:right;
    width:81%;
    margin-left:0;
}

/* Kazz add, 2015.9.15 */
div.lead_POP {
    padding-bottom:10px
}
/* 商品に誘導する　*/
/* kazz add, 2015.1.17 */
/* kazz add,2015.2.9 */
div.lead_description {
    float:right;
    margin: 0 0 10px 0;
    text-align: left;
}
/* kazz add, 2015.8.9 */
div#recipe_lead_area {
    padding: 18px 0 10px 10px;
    border-style: solid;
    border-color:#dadada #dadada #b3c70d #b3c70d;
    border-width:1px 1px 2px 18px;
    background-color:#FFFAF0;
    width:93%;
    　　height:auto;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:10px;
}

/* kazz add, 2015.1.28 */
div.leadphoto {
    float: left;
    width: 140px;
}
img.cooking_to_summary {
    padding:0 0 5px 0;
    width:130px;
}
img.picture-lead {
    border: 1px solid #ccc;
    width:130px;
    height:130px;
}
/* ▲ 他ページ、誘導ページ */


/* ==============================================
▼調理関係のテーブル　kazz add 2015.6.17
=============================================== */
.cooking_t_dev{
    width:100%;
    float:left;
    margin:10px 0 10px 0;
    /*border:solid 1px #ff0000;*/
}

.cooking_t_text{
    clear:both;
    width:80%;
    float:right;
    margin:10px 0 10px 0;
    /*border:solid 1px #0000ff;*/
}

.cooking_t_text h2{
    font-size:16px;
    font-weight: bold;
}

.cooking_t table{
    border-collapse:collapse;
    table-layout: fixed;
}

.cooking_t th, td{
    border:solid 1px #FE9A2E;
    padding: 8px;
    font-size: 12px;
    vertical-align: top;}

.cooking_t th{
    text-align:center;
    background-color:#bbd10a;
}

.cooking_t td{
    background-color:#FFFAF0;
    border:solid 1px #F7BE81;
}

td.vinegar_kind{
    text-align:left;
    width:100px;
    box-sizing: border-box;
}

td.vinegar_profile{
    text-align:center;
}

.cooking_t caption{
    margin-bottom:3px;
    font-weight: bold;
    font-size: 100%;
    text-align:center;
    text-decoration:underline;
    text-transform:uppercase;
}

/*================
▼　基本技の目次
=================*/

div#cooking_contents{
    display: block;
    margin:0px 10px 20px 0px;
    border: 1px solid #00BFFF;
    padding: 10px 10px 10px 20px;
    width:93%;
}

.cooking_content1 span {
    color:#FF6347;
    display:inline;
    line-height:2;
    vertical-align: middle;
}
.cooking_content1 img{
    display:inline;
    vertical-align: middle;
}
.cooking_content0 span {
    display:inline;
    line-height:2;
    vertical-align: middle;
}
.cooking_content0 img{
    display:inline;
    vertical-align: middle;
}
.cooking_content-1 span {
    color:#C0C0C0;
    display:inline;
    line-height:2;
    vertical-align: middle;
}
.cooking_content-1 img{
    display:inline;
    vertical-align: middle;
}
.cooking_content10000 {
    display: block;
    font-size: 110%;
    font-weight: 700;
    margin : 0 0 5px 0;
}
.cooking_content9999 span {
}

div#cooking_subHeadLine {
    margin: 20px 0 0 0;
    font-size: 130%;
    font-weight: bold;
}

/*=================
▼　レシピ検索
===================*/
.search_recipe_result {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}

/*=================
▼ lead_productでのその場売り
 ==================*/
.lead_product_classlist{
    display:inline-block;
    width:160px;
//border: 1px solid black;
}

.lead_product_quantity {
    display:inline-block;
    width:70px;
//border: 1px solid black;
}

.lead_product_attention {
    display:block;
    color: red;
}
.lead_product_cartin{
    display: inline-block;
    width:160px;
    position:absolute;
    margin-left:20px;
    margin-top:5px;
//border: 1px solid black;
}

/*===========================
▼ snsボタン
 ============================*/
.sns_button_area {
    margin-top:0px;
    margin-bottom:10px;
}
.sns_button{
    display:inline-block;
    vertical-align: top;
    margin-right:2px;
}

/* ===========================
* kazz add at 2016.12.27
@import url("./css/maintenance.css");
==============================*/
/* CSS Document */

.maintenance {
    background-color: #fef3d8;
}

h2.maintenande {
    margin-bottom: 10px;
    padding: 8px;
    border-top: solid 1px #ebeced;
    color: #f60;
    font-size: 170%;
}

p.maintenance {
    font-size:130%;
}

/* =============================
* kazz add at 2021.10.25 *
@import url("./css/plg_menu_header_menu.css");
=============================== */
/************************************************
カスタムメニュー　横並び
************************************************ */
ul.ulNav {
    padding:0 0 0 0; /*original 0*/
    border-top:solid 1px #ccc; /* メニューの上線 */
    border-right:solid 1px #ccc; /* メニューの右線 */
    border-bottom:solid 1px #ccc; /* メニューの下線 */
    border-left:solid 1px #ccc; /* メニューの左線 */
}

/* メニューの表示スタイル */
ul.ulNav li {
    display: inline; /* 横に並べる */
    border-right:solid 1px #ccc; /* 区切り線 */
    line-height:40px; /* 文字の縦位置（メニューの縦幅と同じにする） */
    box-sizing:border-box;
    width:16.666%; /* メニューの横幅 original 158px */
    height:40px; /* メニューの縦幅 */
    position:relative;
    float:left;
    text-align:center;
    background: #ffffff; /* メニューの背景 以下グラデーションの設定*/
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

ul.ulNav li:last-child {
    border-right:none;/* 右端のメニューのボーダーを非表示 */
}

ul.ulNav li a{
    display:block;
    /* font-size:130%;*/
    color: #df5914/*original #666*/; /* メニューの文字色 */
}

ul.ulNav li a:hover{
    color:#39F; /* マウスオーバー時のメニューの文字色 */
    background: #efefef; /* マウスオーバー時のメニューの背景色 */
    text-decoration:none;
}

ul.ulNav ul.second {
    position: absolute;
    top: 40px;/*親メニューの高さと同じにする*/
    width: 200px;
    white-space:nowrap;
    z-index: 100;
}
ul.ulNav ul.second li {
    visibility: hidden;
    overflow: hidden;
    width: 200px;/*サブメニューの幅*/
    height: 0;
    border-bottom:solid 1px #ccc;
    background:#f5f5f5;/*サブメニューの背景色*/
    font-size: 0.9em /*0.8em*/;
    padding:0 10px;
}
ul.ulNav ul.second li:hover, ul.ulNav ul.second li a:hover {
    background:#dfdfdf;/*ホバー時のサブメニューの背景色*/
}
ul.ulNav li:hover ul.second li, ul.ulNav li a:hover ul.second li{
    visibility: visible;
    overflow: hidden;
    height:40px;/*サブメニューの高さ*/
    z-index: 10;
}
/*アニメーションの速度*/
ul.ulNav * {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}