@charset "shift_jis";
/* top.css */
/* TOPページレイアウト */
/* 2009/07/21 evol-ni */
/* /index.html */

@import url(default.css);
@import url(layout.css);

#eyecatch .movie:after,
#main .block .inner:after,
#main .section#store_contents:after,
#main .section#store_contents li.edge:before,
#main .section#store_contents li dl:after,
#main .section#store_contents li dl dd:after,
#main .section#store_contents ul:after,
#main .section#store_made li:after {
    content:"";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

#contents #main {
    width:739px;
    padding-top:0;
    margin-top:0;
    margin-right:5px;
    background-image:none;
}

#main #eyecatch {
    width:739px;
    height:404px;
    margin-bottom:1px;
    background-image:url(../images/top/bg_eyecatch.gif);
    background-position:0 0;
    background-repeat:no-repeat;
}
#eyecatch ul {
    float:left;
    width:207px;
    padding-top:7px;
    margin-right:2px;
}
#eyecatch li {
    padding:0 0 3px 7px;
    font-size:1px;
    line-height:0;
}
/*
#eyecatch li#btn_shop_viva {
    padding-bottom:0;
}*/

#eyecatch li a {
    width:200px;
/*  height:95px;*/
}
#eyecatch li#btn_net_order a {
    background-image:url(../images/top/btn_eyecatch01_p.jpg);
    height:95px;
}
#eyecatch li#btn_check_menu a {
    background-image:url(../images/top/btn_eyecatch02_p.jpg);
    height:95px;
}
#eyecatch li#btn_shop_search a {
    background-image:url(../images/top/btn_eyecatch03_p.jpg);
    height:95px;
}
/*
#eyecatch li#btn_shop_viva a {
    background-image:url(../images/top/btn_eyecatch04_p.jpg);
}
*/
#eyecatch .movie {
    float:left;
    width:523px;
    padding-top:7px;
}

#main .section {
    width:739px;
    background-position:left top;
    background-repeat:repeat-y;
}
#main .section#store_contents {
    background-image:url(../images/top/bg_contents_body.jpg);
}

#main .section h2 {
    width:739px;
    height:36px;
    background-position:left top;
    background-repeat:no-repeat;
    font-size:1px;
    line-height:0;
    outline:none;
    text-decoration:none;
    text-indent:-9999px;
}
#main .section#pick_up h2 {
    width:204px;
    margin-bottom:4px;
    background-image:url(../images/top/title_pickup.jpg);
}
#main .section#store_made h2 {
    width:534px;
    margin-bottom:4px;
    background-image:url(../images/top/title_made.jpg);
}
#main .section#store_contents h2 {
    margin-bottom:10px;
    background-image:url(../images/top/title_contetns.jpg);
}

#main .block {
    width:739px;
    margin-bottom:1px;
    background-image:url(../images/top/bg_2col_body.jpg);
    background-position:left top;
    background-repeat:repeat-y;
}
#main .block .inner {
    width:739px;
    background-image:url(../images/top/bg_2col_bottom.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
}
#main .block .section {
    position:relative;
}
#main .section#pick_up {
    float:left;
    width:204px;
    padding-bottom:10px;
    line-height:1.3;
}
#main .section#pick_up dl {
    padding:0 16px;
}
#main .section#pick_up dl dt {
    padding-bottom:4px;
    color:#0E6A27;
    font-size:84%;
    letter-spacing:1px;
}
#main .section#pick_up dl dd {
    padding-bottom:5px;
    margin-bottom:6px;
    background-image:url(../images/common/line_dot_cfc692.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
}
#main .section#pick_up a {
    color:#5A594C;
    text-decoration:none;
}
#main .section#pick_up a:hover {
    color:#CC0000;
    text-decoration:underline;
}

#main .section#store_made {
    float:right;
    width:534px;
}
#main .section#store_made ul {
    width:500px;
    padding-bottom:10px;
    margin-left:18px;
}
#main .section#store_made li {
    width:500px;
    padding-bottom:9px;
    margin-bottom:9px;
    background-image:url(../images/common/line_dot_cfc692.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
}
#main .section#store_made li .image {
    float:left;
    width:123px;
    margin-right:9px;
}
#main .section#store_made li .image a {
    display:block;
    border:3px solid #D9D3C8;
}
#main .section#store_made li .image a:hover {
    border:3px solid #CC0000;
}
#main .section#store_made li .image img {
    display:block;
    border:1px solid #FFFFFF;
}

#main .section#store_made li dl {
    float:left;
    width:367px;
}
#main .section#store_made li dt {
    padding-top:1px;
    font-weight:bold;
    color:#CC0000;
}
#main .section#store_made li dt a {
    text-decoration:none;
}
#main .section#store_made li dt a:hover {
    text-decoration:underline;
}

#main .block .section .btn {
    position:absolute;
    width:79px;
    height:16px;
    top:10px;
    right:7px;
}
#main .block .section .btn a {
    width:79px;
    height:16px;
    background-image:url(../images/common/btn_list_sec_head.gif);
}

#main .section#store_contents .list {
    width:739px;
    padding:0 0 10px 0;
    background-image:url(../images/top/bg_contents_bottom.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
}
#main .section#store_contents .list ul {
    display:block;
    width:719px;
    margin-left:20px;
}
#main .section#store_contents li {
    float:left;
    width:225px;
    padding-bottom:15px;
    margin-right:10px;
}
#main .section#store_contents li .image {
    float:left;
    width:83px;
    margin-right:8px;
}
#main .section#store_contents li .image a {
    display:block;
    border:3px solid #D9D3C8;
}
#main .section#store_contents li .image a:hover {
    border:3px solid #CC0000;
}

#main .section#store_contents li .image img {
    display:block;
    border:1px solid #FAF7F3;
    font-size:1px;
    line-height:0;
}

#main .section#store_contents li dl {
    float:left;
    width:134px;
    height:83px;
    overflow:hidden;
}
#main .section#store_contents li dt {
    font-weight:bold;
    color:#CC0000;
        /* 表示文字数オーバーのための暫定対処 */
    font-size:11px;
}
#main .section#store_contents li dt a {
    text-decoration:none;
}
#main .section#store_contents li dt a:hover {
    text-decoration:underline;
}
#main .section#store_contents li dd {
    line-height:1.3;
        /* 表示文字数オーバーのための暫定対処 */
    font-size:11px;
}

#eyecatch li#btn_shop_viva {padding-bottom:3px; height:55px!important;}
#eyecatch li#btn_shop_viva a {background-image:url(../Images/Top/btn_eyecatch04_ps.jpg); height:55px!important;}
#eyecatch li#btn_shop_sushi {padding-bottom:0;　height:37px;　width:200px;}
#eyecatch li#btn_shop_sushi a {background-image:url(../Images/Top/btn_eyecatch05_sushi.jpg); height:37px;}

/* ADD:20100609 */
#main .section#store_recommend .campaigns:after {
    content:"";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#main .section#store_recommend .campaigns {
    /zoom:1;
}

#main .section#store_recommend {
    position:relative;
    margin-bottom:3px;
    background-image:url(../Images/top/bg_store_recommend_body.gif);
    background-position:0 0;
    background-repeat:repeat-y;
}
#main .section#store_recommend h2 {
    background-image:url(../Images/top/bg_store_recommend_top.jpg);
}
#main .section#store_recommend .recommendList {
    width:79px;
    height:16px;
    position:absolute;
    top:10px;
    right:7px;
    _right:12px; /* 20120914 imai ADD #8012 */
}
#main .section#store_recommend .recommendList a {
    width:79px;
    height:16px;
    background-image:url("../images/common/btn_list_sec_head.gif");
}

#main .section#store_recommend .inner {
    width:739px;
    padding-bottom:19px;
    background-image:url(../Images/top/bg_store_recommend_bottom.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
}
#main .section#store_recommend .campaigns {
    width:721px;
    padding:8px 0;
    margin-left:18px;
}
#main .section#store_recommend .campaign {
    float:left; 
    width:168px;
    margin-right:10px;
    _margin-right:5px; /* 20120914 imai #8012 DOCTYPE */
}
/*#main .section#store_recommend .campaign .thumb {
    padding:1px;
    margin-bottom:5px;
    border:3px solid #D9D3C8;
}*/
#main .section#store_recommend .campaign .thumb a {
    display:block;
    padding:1px;
    margin-bottom:5px;
    border:3px solid #D9D3C8;
}
/* 2010.06.16 リンク先なしのRecommend画像 start */
#main .section#store_recommend .campaign .thumb a.nolink:hover {
    border-color: #D9D3C8;
}
/* 2010.06.16 リンク先なしのRecommend画像 end */

#main .section#store_recommend .campaign .thumb a:hover {
    border-color:#C00;
}
#main .section#store_recommend .campaign h3 {
    padding:0 3px 1px;
    font-size:100%;
    font-weight:bold;
    color:#B71318;
    letter-spacing:0;
}
#main .section#store_recommend .campaign h3 a {
    text-decoration:none;
}
#main .section#store_recommend .campaign h3 a:hover {
    text-decoration:underline;
}

#main .section#store_recommend .campaign .explanation {
    padding:0 3px;
    width:167px;
}

#main .section#store_recommend .otherBenefit {
    width:700px;
    padding-bottom:5px;
    margin-left:19px;
    background-image:url(../Images/top/other_benefit_info_bottom.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
}
#main .section#store_recommend .otherBenefit h3 {
    width:700px;
    height:28px;
    background-image:url(../Images/top/other_benefit_info_top.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:1px;
    line-height:0;
    text-decoration:none;
    text-indent:-9999px;
}
#main .section#store_recommend .otherBenefit .dateList {
    padding:3px 8px 0;
    border-left:2px solid #D8D1A8;
    border-right:2px solid #D8D1A8;
}
#main .section#store_recommend .otherBenefit .dateList table {
    width:681px;
}
#main .section#store_recommend .otherBenefit .dateList th,
#main .section#store_recommend .otherBenefit .dateList td {
    padding:3px 0 5px;
    background-image:url(../Images/top/line_dot_cfc692.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
    text-align:left;
    vertical-align:top;
    font-weight:normal;
}

#main .section#store_recommend .otherBenefit .dateList .last th,
#main .section#store_recommend .otherBenefit .dateList .last td {
    padding-bottom:4px;
    background-image:none;
}

#main .section#store_recommend .otherBenefit .dateList th {
    padding-left:3px;
    background-position:right bottom;
    color:#B71518;
}
#main .section#store_recommend .otherBenefit .dateList td {
    width:598px;
}
#main .section#store_recommend .otherBenefit .dateList td a {
    color:#5B594C;
    text-decoration:none;
}
#main .section#store_recommend .otherBenefit .dateList td a:hover {
    color:#B71518;
    text-decoration:underline;
}

/* 110318 Matsukane ADD */
#main .section#information {
    position:relative;
    margin-top:4px;
    background-image:url(../Images/top/top_information_body.jpg);
    background-position:0 0;
    background-repeat:repeat-y;
}
#main .section#information h3 {
    position:relative;
    background-repeat:no-repeat;
    padding-top: 4px;
    background-image:url(../Images/top/top_information_top.jpg);
}
#main .section#information .inner {
    width:739px;
    padding-bottom:5px;
    background-image:url(../Images/top/top_information_bottom.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
}
#main .section#information .text {
    padding-left: 9px;
    width: 728px;
}