@charset "utf-8";





/*INDEX

  00.reset

  01.title

  02.shopName,prefName

  03.leftContainer

  04.rightContainer

  05.map

  06.prefIndex

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





/*00.common

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

@import url(common.css);





/*01.title

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

#title h1 {

    margin: 0 0 30px;

    width: 960px;

    text-indent: 100%;

    overflow: hidden;

    white-space: nowrap;

    height: 110px;

    background: url(../shop/img/title.jpg) no-repeat 0 0;

}



.bannerLocationsmart {

	margin: 0 auto 30px;

	text-align: center;

}



/*02.shopName,prefName

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

#shopName,

#shopNameKiccho,

#shopNamePersonal,

#shopNameDaikichi,

#prefName {

    margin: 0 0 30px;

    width: 960px;

    height: 60px;

    background: url(../shop/img/bg_shop_name.jpg) no-repeat 0 0;

}

#shopNameKiccho {

    background: url(../shop/img/bg_shop_name_kiccho.jpg) no-repeat 0 0;

}

#shopNamePersonal {

    background: url(../shop/img/bg_shop_name_personal.jpg) no-repeat 0 0;

}

#shopNameDaikichi {

    background: url(../shop/img/bg_shop_name_daikichi2.jpg) no-repeat 0 0;

}

#shopName h2,

#shopNameKiccho h2,

#shopNamePersonal h2,

#shopNameDaikichi h2,

#prefName h2 {

    padding: 0 0 0 25px;

    font-size: 1.375em;

    line-height: 60px;

    color: #fff;

    text-align: left;

}





/*03.leftContainer

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

#leftContainer {

    width: 430px;

    float: left;

    text-align: left;

}



#leftContainer p.img {

    margin: 0;

    padding: 0;

    line-height: 1;

}



#comment {

    padding: 25px;

    background: #ddd;

}

#comment p {

    font-size: .875em;

    line-height: 1.5;

    color: #000;

}



#menu {

    margin: 0 0 30px;

    width: 430px;

    background: #ddd;

}



.bnr_area{

    padding: 0 25px;

}



.bnr_area::after{

    content: "";

    display: block;

    clear: both;

}



.bnr_area P{

    float: left;

}



#bannerTarunama,#bannerLine {

    width: 188px;

    height: 80px;

    background: #ddd;

    position: relative;

}

#bannerTarunama a {

    width: 188px;

    height: 54px;

    background: url(../shop/img/banner_tarunama.gif) no-repeat 0 0;

    position: absolute;

    display: block;

    text-indent: -9999px;

}

#bannerTarunama a:hover {

    background: url(../shop/img/banner_tarunama.gif) no-repeat 0 -54px;

}



#bannerLine a {

    width: 186px;

    height: 54px;

    margin-left: 9px;

    background: url(https://gourmet.suntory.co.jp/webcommon/contents/mgc/dkc/banner_line.gif) no-repeat 0 0;

    position: absolute;

    display: block;

    text-indent: -9999px;

}

#bannerLine a:hover {

    background: url(https://gourmet.suntory.co.jp/webcommon/contents/mgc/dkc/banner_line.gif) no-repeat 0 -54px;

}



#bannerChotatsujin {

    width: 430px;

    height: 80px;

    background: #ddd;

    position: relative;

}



#bannerChotatsujin a {

    width: 190px;

    height: 55px;

    background: url(../shop/img/banner_chotatsujin.gif) no-repeat 0 0;

    position: absolute;

    top: 0;

    left: 215px;

    display: block;

    text-indent: -9999px;

	opacity:1;

}



#bannerChotatsujin a:hover {

	    width: 190px;

    height: 55px;

    background: url(../shop/img/banner_chotatsujin.gif) no-repeat 0 0;

    position: absolute;

    top: 0;

    left: 215px;

    display: block;

    text-indent: -9999px;

	opacity:0.5;

}





#menu ul {

	width: 430px;

	height: 97px;

	position: relative;

}

#menu li a {

    width: 190px;

    height: 36px;

    display: block;

    text-indent: -9999px;

    position: absolute;

}



#menu01 a {

    background: url(../shop/img/menu.gif) no-repeat 0 0;

    top: 0;

    left: 26px;

}

#menu01 a:hover {

    background: url(../shop/img/menu.gif) no-repeat 0 -72px;

}

#menu02 a {

    background: url(../shop/img/menu.gif) no-repeat -190px 0;

    top: 0;

    left: 215px;

}

#menu02 a:hover {

    background: url(../shop/img/menu.gif) no-repeat -190px -72px;

}



#menu03 a {

    background: url(../shop/img/menu.gif) no-repeat 0 -36px;

    top: 36px;

    left: 26px;

}

#menu03 a:hover {

    background: url(../shop/img/menu.gif) no-repeat 0 -108px;

}



#menu04 a {

    background: url(../shop/img/menu.gif) no-repeat -190px -36px;

    top: 36px;

    left: 215px;

}

#menu04 a:hover {

    background: url(../shop/img/menu.gif) no-repeat -190px -108px;

}



#menuPdf {

	padding: 0 0 25px;

}



#menuPdf a {

	margin: 0 0 0 26px;

	width: 380px;

	height: 35px;

	background: url(../shop/img/menu_pdf.gif) no-repeat 0 0;

	display: block;

	text-indent: -9999px;

}

#menuPdf a:hover {

	background: url(../shop/img/menu_pdf.gif) no-repeat 0 -35px;

}





#bannerDokuritsu {

    width: 430px;

    height: 165px;

    background: url(../shop/img/bg_banner_dokuritsu.jpg) no-repeat 0 0;

    position: relative;

}

#bannerDokuritsu01 a {

    width: 280px;

    height: 51px;

    background: url(../shop/img/banner_dokuritsu.gif) no-repeat 0 0;

    display: block;

    text-indent: -9999px;

    position: absolute;

    top: 68px;

    left: 0;

}

#bannerDokuritsu01 a:hover {

    background: url(../shop/img/banner_dokuritsu.gif) no-repeat 0 -97px;

}



#bannerDokuritsu02 a {

    width: 280px;

    height: 46px;

    background: url(../shop/img/banner_dokuritsu.gif) no-repeat 0 -51px;

    display: block;

    text-indent: -9999px;

    position: absolute;

    top: 119px;

    left: 0;

}

#bannerDokuritsu02 a:hover {

    background: url(../shop/img/banner_dokuritsu.gif) no-repeat 0 -148px;

}



/*04.rightContainer

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

#rightContainer {

    width: 500px;

    float: right;

    text-align: left;

}



#mapContainer {

    margin: 0 0 20px;

    height: 500px;

    overflow: hidden;

}



#dataTable {

    width: 500px;

    border-collapse: collapse;

}



#dataTable th {

    background: #f6f6f6;

    border-top: 1px #cccccc solid;

    border-bottom: 1px #cccccc solid;

    border-left: 1px #cccccc solid;

    font-size: .8125em;

    font-weight: bold;

    line-height: 1.5;

    padding: 10px;

    white-space: nowrap;

    width: 20%;

}

#dataTable td {

    border-top: 1px #cccccc solid;

    border-bottom: 1px #cccccc solid;

    border-right: 1px #cccccc solid;

    font-size: .8125em;

    line-height: 1.5;

    padding: 10px;

    width: 80%;

}



#dataTable td.tel {

    font-size: 1.125em;

    font-weight: bold;

    color: #e50012;

}





.linkGourumet {

    padding:10px 0 0;

    font-size: .8125em;

    line-height: 1.5;

    text-align:right;

}



/*05.map

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

#map {

    width: 390px;

    height: 395px;

    background: url(../shop/img/map.jpg) no-repeat 0 0;

    position: relative;

    float: left;

}

#map p {

    width: 390px;

    height: 395px;

    position: absolute;

    top: 0;

    left: 0;

}





/*06.prefIndex

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

#prefIndex {

    width: 550px;

    float: right;

}

#prefIndex table {

    border-collapse: collapse;

}

#prefIndex table th {

    background: #f6f6f6;

    border-bottom: 1px #fff solid;

    font-size: .8125em;

    line-height: 1.5;

    padding: 10px;

    white-space: nowrap;

}

#prefIndex table td {

    border-bottom: 1px #fff solid;

    font-size: .8125em;

    line-height: 1.5;

    padding: 10px;

}

#prefIndex table td ul {

    overflow: hidden;

}

#prefIndex table td li {

    display: inline;

    border-left: 1px #e8e8e8 solid;

    margin: 0 0 0 -1px;

    padding: 0 5px 0 5px;

}

#prefIndex table td li a {

    white-space: nowrap;

}

#prefIndex table td li span {

    white-space: nowrap;

}







/*07.shopInfo

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

#shopInfo {

    padding: 30px 0 8px;

    clear: both;

    background:url(../shop/img/bg_shop_info_btm.gif) no-repeat 0 bottom;

    text-align: left;

}

#shopInfo h2 {

    margin: 0 0 30px;

    width: 307px;

    height: 27px;

    background:url(../shop/img/tl_shop_info.gif) no-repeat 0 0;

    text-indent: -9999px;

}

#shopInfo ul {

    background:url(../shop/img/bg_shop_info.gif) repeat-y 0 0;  

    min-height: 400px;

}

#shopInfo ul { /zoom : 1; }

#shopInfo ul:after { content : ''; display : block; clear : both; }



#open {

    margin: 0 20px 0 0;

    width: 225px;

    float: left;

}

#daikichi {

    margin: 0 20px 0 0;

    width: 225px;

    float: left;

}

#kiccho {

    margin: 0 20px 0 0;

    width: 225px;

    float: left;

}

#locasma {

    width: 225px;

    float: left;

}



#open h3 {

    width: 225px;

    height: 64px;

    background:url(../shop/img/tl_open.gif) no-repeat 0 0;

    text-indent: -9999px;

}

#daikichi h3 {

    width: 225px;

    height: 150px;

    background:url(../shop/img/tl_daikichi.gif) no-repeat 0 0;

    text-indent: -9999px;

}

#kiccho h3 {

    width: 225px;

    height: 150px;

    background:url(../shop/img/tl_kiccho.gif) no-repeat 0 0;

    text-indent: -9999px;

}

#locasma h3 {

    width: 225px;

    height: 150px;

    background:url(../shop/img/tl_locasma_bg.jpg) no-repeat 0 0;

}



#locasma h3 a{

opacity:1;

filter: alpha(opacity=100);

-ms-filter: "alpha(opacity=100)";

-moz-opacity:1;

-khtml-opacity:1;

}



#locasma h3 a:hover{

opacity:0.5;

filter: alpha(opacity=50);

-ms-filter: "alpha(opacity=50)";

-moz-opacity:0.5;

-khtml-opacity: 0.5;

}



#shopInfo li p {

    padding: 15px 25px 15px 25px;

    font-size: .8125em;

    line-height: 1.5;

    text-align: left;

}



#shopInfo #openInfo {

    margin: 0 10px;

    height: 340px;

    overflow: auto;

}



#shopInfo table {

    margin: -2px auto 0;

    width: 100%;

    border-collapse: collapse;

    overflow: hidden;

}

#shopInfo table tr {

    background:url(../shop/img/line.gif) repeat-x 0 top;

}

#shopInfo table td {

    font-size: .78em;

    line-height: 18px;

    padding: 12px 5px 10px 11px;

}



#shopInfo span.iconNew {

	margin: 0 0 5px 5px;

    width: 50px;

    height: 18px;

    background:url(../img/new.jpg) no-repeat 0 0;

    text-indent: -9999px;

    display: inline-block;

}

#shopInfo span.iconRenewal {

	margin: 0 0 5px 5px;

    width: 50px;

    height: 18px;

    background:url(../img/rn.jpg) no-repeat 0 0;

    text-indent: -9999px;

    display: inline-block;

}





/*08.areaNav

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

#areaNav {

    margin: 0 0 30px;

    text-align: left;

}

#areaNav ul {

    overflow: hidden;

}

#areaNav li {

    display: inline;

    font-size: .8125em;

}

#areaNav li a {

    margin: 0 0 0 -1px;

    padding: 0 5px 0 5px;

    border-left: 1px #e8e8e8 solid;

}



/*09.areaName

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

#areaName {

    margin: 0 0 30px;

    text-align: left;

}

#areaName h3 {

    font-size: 1.375em;

    font-weight: bold;

}





/*10.section

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

.section {

    margin: 0 auto 40px;

    width: 960px;

    text-align: left;

    overflow: hidden;

}





.section h3 {

    margin: 0 0 30px;

    font-size: 1.5em;

    font-weight: bold;

}



.section ul {

    margin: 0 0 0 -20px;

}

.section ul { /zoom : 1; }

.section ul:after { content : ''; display : block; clear : both; }



.section li {

    margin: 0 0 20px 20px;

    padding: 0 0 5px;;

    width: 225px;

    background: #ece7de;

    float: left;

    position: relative;

}



.section .shopIcon {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1000;

    display: block;

}



.section li .label {

    margin: 0;

    padding: 15px 15px 0 15px;

    border-bottom: 1px #e60012 solid;   

}



.section li h3 {

    margin: 0 0 10px;

    font-size: .8125em;

    font-weight: bold;

    color: #e60012;

    

}



.section li p.announcement {

    margin: 0 0 10px;

    font-size: .75em;

    line-height: 1.5;

    font-weight: bold;

    color: #000;

}



.section li p.text {

    padding: 15px 15px 10px 15px;

    font-size: .75em;

    line-height: 1.5;

}

.section li p.tel {

    padding: 0 15px 10px 15px;

    font-size: 1em;

    font-weight: bold;

    line-height: 1.5;

}

.section li p.btnDetail {

    margin: 0;

    padding: 0 0 10px;

    text-align: right;

}

.section li p.btnDetail a {

    padding: 10px 10px 10px 0;

    font-size: .75em;

    line-height: 1.5;

}

.section li p.btnDetail span {

    margin: 0 5px 0 0;

    font-size: .75em;

    font-weight: bold;

    line-height: 1.5;

    color: #f00;

}



.icon {

    margin: 0 0 0 5px;

    width: 215px;

    height: 33px;

}

.icon { /zoom : 1; }

.icon { content : ''; display : block; clear : both; }



.icon p.iconCard {

    margin: 0;

    float: left;

}



.icon p.iconCard:nth-child(2){

    margin-left: 5px;

}



.icon p.iconTatsujin {

    margin: 0;

    float: right;

}