@charset "utf-8";
/*------------------------------------------------------------
common
------------------------------------------------------------ */
@import url(/wine/css/common.css);
#winery #suntory_contents #container{
width: 960px;
margin: 0 auto;
text-align: left;
}
#suntory_contents #container #main{
width: 700px;
margin: 0;
float: left;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/*------------------------------------------------------------
map
------------------------------------------------------------ */
#suntory_contents #map{
margin: 0 0 30px;
height: 476px;
overflow: hidden;
}
#suntory_contents #euro,#suntory_contents #france,#suntory_contents #deutscheland,#suntory_contents #italy,#suntory_contents #spain,#suntory_contents #portugal,#suntory_contents #austria,#suntory_contents #america,#suntory_contents #chile,#suntory_contents #australia,#suntory_contents #japan{
display: none;
}
/*------------------------------------------------------------
tlWorldMap
------------------------------------------------------------ */
#suntory_contents #tlWorldMap{
margin: 0 0 10px;
padding: 0 0 0 60px;
background: url(../img/icon_world.gif) no-repeat 0 0;
min-height: 66px;
}
#suntory_contents #tlWorldMap h2{
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
color: #004031;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#suntory_contents #tlWorldMap p{
font-size: .75em;
font-weight: bold;
line-height: 1.5;
color: #f2ce18;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/*------------------------------------------------------------
world
------------------------------------------------------------ */
#suntory_contents #world{
width: 700px;
height: 400px;
background: url(../img/map_world.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #world li a{
height: 50px;
display: block;
text-indent: -9999px;
position: absolute;
}
#suntory_contents #world .btn01 a{
width: 129px;
background: url(../img/btn_world.gif) no-repeat 0 0;
top: 85px;
left: 36px;
}
#suntory_contents #world .btn02 a{
width: 130px;
background: url(../img/btn_world.gif) no-repeat -129px 0;
top: 115px;
left: 255px;
}
#suntory_contents #world .btn03 a{
width: 130px;
background: url(../img/btn_world.gif) no-repeat -259px 0;
top: 115px;
left: 485px;
}
#suntory_contents #world .btn04 a{
width: 130px;
background: url(../img/btn_world.gif) no-repeat -389px 0;
top: 245px;
left: 255px;
}
#suntory_contents #world .btn05 a{
width: 139px;
height: 40px;
background: url(../img/btn_world.gif) no-repeat -519px 0;
top: 281px;
left: 464px;
}
#suntory_contents #world .btn06 a{
width: 139px;
height: 40px;
background: url(../img/btn_world.gif) no-repeat -658px 0;
top: 321px;
left: 464px;
}
#suntory_contents #world .btn01 a:hover{
background: url(../img/btn_world.gif) no-repeat 0 -50px;
}
#suntory_contents #world .btn02 a:hover{
background: url(../img/btn_world.gif) no-repeat -129px -50px;
}
#suntory_contents #world .btn03 a:hover{
background: url(../img/btn_world.gif) no-repeat -259px -50px;
}
#suntory_contents #world .btn04 a:hover{
background: url(../img/btn_world.gif) no-repeat -389px -50px;
}
#suntory_contents #world .btn05 a:hover{
background: url(../img/btn_world.gif) no-repeat -519px -40px;
}
#suntory_contents #world .btn06 a:hover{
background: url(../img/btn_world.gif) no-repeat -658px -40px;
}
/*------------------------------------------------------------
back2world
------------------------------------------------------------ */
#suntory_contents #map .back2world a{
width: 149px;
height: 40px;
background: url(../img/btn_back2world.png) no-repeat 0 0;
display: block;
text-indent: -9999px;
position: absolute;
top: 5px;
left: 5px;
}
#suntory_contents #map .back2world a:hover{
background: url(../img/btn_back2world.png) no-repeat 0 -40px;
}
/*------------------------------------------------------------
euro
------------------------------------------------------------ */
#suntory_contents #euro{
width: 700px;
height: 400px;
background: url(../img/map_euro.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #euro li a{
width: 130px;
height: 50px;
display: block;
text-indent: -9999px;
position: absolute;
}
#suntory_contents #euro .btn01 a{
background: url(../img/btn_euro.gif) no-repeat 0 0;
top: 58px;
left: 375px;
}
#suntory_contents #euro .btn02 a{
background: url(../img/btn_euro.gif) no-repeat -130px 0;
top: 148px;
left: 255px;
}
#suntory_contents #euro .btn03 a{
background: url(../img/btn_euro.gif) no-repeat -260px 0;
top: 128px;
left: 445px;
}
#suntory_contents #euro .btn04 a{
background: url(../img/btn_euro.gif) no-repeat -390px 0;
top: 218px;
left: 405px;
}
#suntory_contents #euro .btn05 a{
background: url(../img/btn_euro.gif) no-repeat -520px 0;
top: 248px;
left: 95px;
}
#suntory_contents #euro .btn06 a{
background: url(../img/btn_euro.gif) no-repeat -650px 0;
top: 288px;
left: 165px;
}
#suntory_contents #euro .btn01 a:hover{
background: url(../img/btn_euro.gif) no-repeat 0 -50px;
}
#suntory_contents #euro .btn02 a:hover{
background: url(../img/btn_euro.gif) no-repeat -130px -50px;
}
#suntory_contents #euro .btn03 a:hover{
background: url(../img/btn_euro.gif) no-repeat -260px -50px;
}
#suntory_contents #euro .btn04 a:hover{
background: url(../img/btn_euro.gif) no-repeat -390px -50px;
}
#suntory_contents #euro .btn05 a:hover{
background: url(../img/btn_euro.gif) no-repeat -520px -50px;
}
#suntory_contents #euro .btn06 a:hover{
background: url(../img/btn_euro.gif) no-repeat -650px -50px;
}
/*------------------------------------------------------------
back2euro
------------------------------------------------------------ */
#suntory_contents #map .back2euro a{
width: 149px;
height: 40px;
background: url(../img/btn_back2euro.png) no-repeat 0 0;
display: block;
text-indent: -9999px;
position: absolute;
top: 5px;
left: 5px;
}
#suntory_contents #map .back2euro a:hover{
background: url(../img/btn_back2euro.png) no-repeat 0 -40px;
}
/*------------------------------------------------------------
france
------------------------------------------------------------ */
#suntory_contents #france{
width: 700px;
height: 400px;
background: url(../img/map_france.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #france h3{
text-indent: -9999px;
}
#suntory_contents #france .area01{
width: 190px;
height: 108px;
background: url(../img/france_area01.gif) no-repeat 0 0;
position: absolute;
top: 165px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #france .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area01.gif) no-repeat 0 0;
position: absolute;
top: 34px;
left: 15px;
}
#suntory_contents #france .area01 .btn01 a:hover{
background: url(../img/btn_france_area01.gif) no-repeat -160px 0;
}
#suntory_contents #france .area01 .btn02 a{
width: 160px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area01.gif) no-repeat 0 -16px;
position: absolute;
top: 52px;
left: 15px;
}
#suntory_contents #france .area01 .btn02 a:hover{
background: url(../img/btn_france_area01.gif) no-repeat -160px -16px;
}
#suntory_contents #france .area01 .btn03 a{
width: 160px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area01.gif) no-repeat 0 -37px;
position: absolute;
top: 73px;
left: 15px;
}
#suntory_contents #france .area01 .btn03 a:hover{
background: url(../img/btn_france_area01.gif) no-repeat -160px -37px;
}
#suntory_contents #france .area02{
width: 190px;
height: 157px;
background: url(../img/france_area02.gif) no-repeat 0 0;
position: absolute;
top: 252px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #france .area02 .btn01 a{
width: 163px;
height: 25px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area02.gif) no-repeat 0 0;
position: absolute;
top: 41px;
left: 15px;
}
#suntory_contents #france .area02 .btn01 a:hover{
background: url(../img/btn_france_area02.gif) no-repeat -163px 0;
}
#suntory_contents #france .area02 .btn02 a{
width: 163px;
height: 24px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area02.gif) no-repeat 0 -16px;
position: absolute;
top: 60px;
left: 15px;
}
#suntory_contents #france .area02 .btn02 a:hover{
background: url(../img/btn_france_area02.gif) no-repeat -163px -16px;
}
#suntory_contents #france .area02 .btn03 a{
width: 163px;
height: 25px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area02.gif) no-repeat 0 -37px;
position: absolute;
top: 83px;
left: 15px;
}
#suntory_contents #france .area02 .btn03 a:hover{
background: url(../img/btn_france_area02.gif) no-repeat -163px -37px;
}
#suntory_contents #france .area02 .btn04 a{
width: 163px;
height: 25px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area02.gif) no-repeat 0 -56px;
position: absolute;
top: 106px;
left: 15px;
}
#suntory_contents #france .area02 .btn04 a:hover{
background: url(../img/btn_france_area02.gif) no-repeat -163px -56px;
}
#suntory_contents #france .area02 .btn05 a{
width: 160px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area02.gif) no-repeat 0 -76px;
position: absolute;
top: 114px;
left: 15px;
}
#suntory_contents #france .area02 .btn05 a:hover{
background: url(../img/btn_france_area02.gif) no-repeat -163px -76px;
}
#suntory_contents #france .area03{
width: 190px;
height: 89px;
background: url(../img/france_area03.gif) no-repeat 0 0;
position: absolute;
top: 5px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #france .area03 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area03.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #france .area03 .btn01 a:hover{
background: url(../img/btn_france_area03.gif) no-repeat -160px 0;
}
#suntory_contents #france .area03 .btn02 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area03.gif) no-repeat 0 -16px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #france .area03 .btn02 a:hover{
background: url(../img/btn_france_area03.gif) no-repeat -160px -16px;
}
#suntory_contents #france .area04{
width: 190px;
height: 110px;
background: url(../img/france_area04.gif) no-repeat 0 0;
position: absolute;
top: 148px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #france .area04 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area04.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #france .area04 .btn01 a:hover{
background: url(../img/btn_france_area04.gif) no-repeat -160px 0;
}
#suntory_contents #france .area04 .btn02 a{
width: 160px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area04.gif) no-repeat 0 -17px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #france .area04 .btn02 a:hover{
background: url(../img/btn_france_area04.gif) no-repeat -160px -17px;
}
#suntory_contents #france .area04 .btn03 a{
width: 160px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area04.gif) no-repeat 0 -37px;
position: absolute;
top: 79px;
left: 15px;
}
#suntory_contents #france .area04 .btn03 a:hover{
background: url(../img/btn_france_area04.gif) no-repeat -160px -37px;
}
#suntory_contents #france .area05{
width: 190px;
height: 72px;
background: url(../img/france_area05.gif) no-repeat 0 0;
position: absolute;
top: 259px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #france .area05 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area05.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #france .area05 .btn01 a:hover{
background: url(../img/btn_france_area05.gif) no-repeat -160px 0;
}
#suntory_contents #france .area06{
width: 286px;
height: 83px;
background: url(../img/france_area06.gif) no-repeat 0 0;
position: absolute;
top: 309px;
left: 195px;
text-indent: -9999px;
}
#suntory_contents #france .area06 .btn01 a{
width: 80px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area06.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 10px;
}
#suntory_contents #france .area06 .btn01 a:hover{
background: url(../img/btn_france_area06.gif) no-repeat -265px 0;
}
#suntory_contents #france .area06 .btn02 a{
width: 106px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area06.gif) no-repeat 0 -16px;
position: absolute;
top: 55px;
left: 10px;
}
#suntory_contents #france .area06 .btn02 a:hover{
background: url(../img/btn_france_area06.gif) no-repeat -265px -16px;
}
#suntory_contents #france .area06 .btn03 a{
width: 123px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area06.gif) no-repeat -118px 0;
position: absolute;
top: 39px;
left: 125px;
}
#suntory_contents #france .area06 .btn03 a:hover{
background: url(../img/btn_france_area06.gif) no-repeat -383px 0;
}
#suntory_contents #france .area06 .btn04 a{
width: 146px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area06.gif) no-repeat -118px -19px;
position: absolute;
top: 59px;
left: 125px;
}
#suntory_contents #france .area06 .btn04 a:hover{
background: url(../img/btn_france_area06.gif) no-repeat -383px -19px;
}
#suntory_contents #france .area07{
width: 190px;
height: 69px;
background: url(../img/france_area07.gif) no-repeat 0 0;
position: absolute;
top: 78px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #france .area07 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area07.gif) no-repeat 0 0;
position: absolute;
top: 38px;
left: 15px;
}
#suntory_contents #france .area07 .btn01 a:hover{
background: url(../img/btn_france_area07.gif) no-repeat -160px 0;
}
#suntory_contents #france .area08{
width: 190px;
height: 69px;
background: url(../img/france_area08.gif) no-repeat 0 0;
position: absolute;
top: 327px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #france .area08 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_france_area08.gif) no-repeat 0 0;
position: absolute;
top: 38px;
left: 15px;
}
#suntory_contents #france .area08 .btn01 a:hover{
background: url(../img/btn_france_area08.gif) no-repeat -161px 0;
}
/*------------------------------------------------------------
deutscheland
------------------------------------------------------------ */
#suntory_contents #deutscheland{
width: 700px;
height: 400px;
background: url(../img/map_deutscheland.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #deutscheland h3{
text-indent: -9999px;
}
#suntory_contents #deutscheland .area01{
width: 190px;
height: 70px;
background: url(../img/deutscheland_area01.gif) no-repeat 0 0;
position: absolute;
top: 325px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #deutscheland .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_deutscheland_area01.gif) no-repeat 0 0;
position: absolute;
top: 38px;
left: 15px;
}
#suntory_contents #deutscheland .area01 .btn01 a:hover{
background: url(../img/btn_deutscheland_area01.gif) no-repeat -160px 0;
}
#suntory_contents #deutscheland .area02{
width: 190px;
height: 70px;
background: url(../img/deutscheland_area02.png) no-repeat 0 0;
position: absolute;
top: 252px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #deutscheland .area02 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_deutscheland_area02.png) no-repeat 0 0;
position: absolute;
top: 38px;
left: 15px;
}
#suntory_contents #deutscheland .area02 .btn01 a:hover{
background: url(../img/btn_deutscheland_area02.png) no-repeat -160px 0;
}
/*------------------------------------------------------------
italy
------------------------------------------------------------ */
#suntory_contents #italy{
width: 700px;
height: 400px;
background: url(../img/map_italy.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #italy h3{
text-indent: -9999px;
}
#suntory_contents #italy .area01{
width: 190px;
height: 67px;
background: url(../img/italy_area01.gif) no-repeat 0 0;
position: absolute;
top: 207px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #italy .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #italy .area01 .btn01 a:hover{
background: url(../img/btn_italy_area01.gif) no-repeat -160px 0;
}
#suntory_contents #italy .area01 .btn02 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area01.gif) no-repeat -160px 0;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #italy .area01 .btn02 a:hover{
background: url(../img/btn_italy_area01.gif) no-repeat -160px -16px;
}
#suntory_contents #italy .area02{
width: 190px;
height: 101px;
background: url(../img/italy_area02.gif) no-repeat 0 0;
position: absolute;
top: 274px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #italy .area02 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area02.gif) no-repeat 0 0;
position: absolute;
top: 41px;
left: 15px;
}
#suntory_contents #italy .area02 .btn01 a:hover{
background: url(../img/btn_italy_area02.gif) no-repeat -161px 0;
}
#suntory_contents #italy .area02 .btn02 a{
width: 160px;
height: 29px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area02.gif) no-repeat 0 -32px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #italy .area02 .btn02 a:hover{
background: url(../img/btn_italy_area02.gif) no-repeat 0 -61px;
}
#suntory_contents #italy .area03{
width: 189px;
height: 167px;
background: url(../img/italy_area03.gif) no-repeat 0 0;
position: absolute;
top: 158px;
left: 506px;
text-indent: -9999px;
}
#suntory_contents #italy .area03 .btn01 a{
width: 110px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area03.gif) no-repeat 0 0;
position: absolute;
top: 38px;
left: 14px;
}
#suntory_contents #italy .area03 .btn01 a:hover{
background: url(../img/btn_italy_area03.gif) no-repeat -161px 0;
}
#suntory_contents #italy .area03 .btn02 a{
width: 110px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area03.gif) no-repeat 0 -20px;
position: absolute;
top: 58px;
left: 14px;
}
#suntory_contents #italy .area03 .btn02 a:hover{
background: url(../img/btn_italy_area03.gif) no-repeat -161px -20px;
}
#suntory_contents #italy .area03 .btn03 a{
width: 110px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area03.gif) no-repeat 0 -40px;
position: absolute;
top: 78px;
left: 14px;
}
#suntory_contents #italy .area03 .btn03 a:hover{
background: url(../img/btn_italy_area03.gif) no-repeat -161px -40px;
}
#suntory_contents #italy .area03 .btn04 a{
width: 110px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area03.gif) no-repeat 0 -60px;
position: absolute;
top: 98px;
left: 14px;
}
#suntory_contents #italy .area03 .btn04 a:hover{
background: url(../img/btn_italy_area03.gif) no-repeat -161px -60px;
}
#suntory_contents #italy .area03 .btn05 a{
width: 110px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area03.gif) no-repeat 0 -80px;
position: absolute;
top: 118px;
left: 14px;
}
#suntory_contents #italy .area03 .btn05 a:hover{
background: url(../img/btn_italy_area03.gif) no-repeat -161px -80px;
}
#suntory_contents #italy .area03 .btn06 a{
width: 110px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area03.gif) no-repeat 0 -100px;
position: absolute;
top: 138px;
left: 14px;
}
#suntory_contents #italy .area03 .btn06 a:hover{
background: url(../img/btn_italy_area03.gif) no-repeat -161px -100px;
}
#suntory_contents #italy .area04{
width: 190px;
height: 70px;
background: url(../img/italy_area04.gif) no-repeat 0 0;
position: absolute;
top: 324px;
left: 506px;
text-indent: -9999px;
}
#suntory_contents #italy .area04 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_italy_area04.gif) no-repeat 0 0;
position: absolute;
top: 38px;
left: 15px;
}
#suntory_contents #italy .area04 .btn01 a:hover{
background: url(../img/btn_italy_area04.gif) no-repeat -160px 0;
}
/*------------------------------------------------------------
spain
------------------------------------------------------------ */
#suntory_contents #spain{
width: 700px;
height: 400px;
background: url(../img/map_spain.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #spain h3{
text-indent: -9999px;
}
#suntory_contents #spain .area01{
width: 190px;
height: 80px;
background: url(../img/spain_area01.gif) no-repeat 0 0;
position: absolute;
top: 234px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #spain .area01 .btn01 a{
width: 160px;
height: 28px;
display: block;
text-indent: -9999px;
background: url(../img/btn_spain_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #spain .area01 .btn01 a:hover{
background: url(../img/btn_spain_area01.gif) no-repeat -160px 0;
}
#suntory_contents #spain .area02{
width: 190px;
height: 81px;
background: url(../img/spain_area02.gif) no-repeat 0 0;
position: absolute;
top: 314px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #spain .area02 .btn01 a{
width: 160px;
height: 28px;
display: block;
text-indent: -9999px;
background: url(../img/btn_spain_area02.gif) no-repeat 0 0;
position: absolute;
top: 40px;
left: 15px;
}
#suntory_contents #spain .area02 .btn01 a:hover{
background: url(../img/btn_spain_area02.gif) no-repeat -160px 0;
}
#suntory_contents #spain .area03{
width: 191px;
height: 123px;
background: url(../img/spain_area03.gif) no-repeat 0 0;
position: absolute;
top: 172px;
left: 504px;
text-indent: -9999px;
}
#suntory_contents #spain .area03 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_spain_area03.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #spain .area03 .btn01 a:hover{
background: url(../img/btn_spain_area03.gif) no-repeat -160px 0;
}
#suntory_contents #spain .area03 .btn02 a{
width: 160px;
height: 28px;
display: block;
text-indent: -9999px;
background: url(../img/btn_spain_area03.gif) no-repeat 0 -20px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #spain .area03 .btn02 a:hover{
background: url(../img/btn_spain_area03.gif) no-repeat -160px -20px;
}
#suntory_contents #spain .area04{
width: 191px;
height: 82px;
background: url(../img/spain_area04.gif) no-repeat 0 0;
position: absolute;
top: 291px;
left: 504px;
text-indent: -9999px;
}
#suntory_contents #spain .area04 .btn01 a{
width: 160px;
height: 32px;
display: block;
text-indent: -9999px;
background: url(../img/btn_spain_area04.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #spain .area04 .btn01 a:hover{
background: url(../img/btn_spain_area04.gif) no-repeat -160px 0;
}
#suntory_contents #spain .area04 .btn02 a{
width: 160px;
height: 28px;
display: block;
text-indent: -9999px;
background: url(../img/btn_spain_area04.gif) no-repeat 0 -20px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #spain .area04 .btn02 a:hover{
background: url(../img/btn_spain_area04.gif) no-repeat -160px -20px;
}
/*------------------------------------------------------------
portugal
------------------------------------------------------------ */
#suntory_contents #portugal{
width: 700px;
height: 400px;
background: url(../img/map_portugal.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #portugal h3{
text-indent: -9999px;
}
#suntory_contents #portugal .area01{
width: 190px;
height: 70px;
background: url(../img/portugal_area01.gif) no-repeat 0 0;
position: absolute;
top: 325px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #portugal .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_portugal_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #portugal .area01 .btn01 a:hover{
background: url(../img/btn_portugal_area01.gif) no-repeat -160px 0px;
}
/*------------------------------------------------------------
austria
------------------------------------------------------------ */
#suntory_contents #austria{
width: 700px;
height: 400px;
background: url(../img/map_austria.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #austria h3{
text-indent: -9999px;
}
#suntory_contents #austria .btn01 a{
width: 190px;
height: 70px;
display: block;
text-indent: -9999px;
background: url(../img/btn_austria01.gif) no-repeat 0 0;
position: absolute;
top: 325px;
left: 5px;
}
#suntory_contents #austria .btn01 a:hover{
background: url(../img/btn_austria01.gif) no-repeat 0 -70px;
}
/*------------------------------------------------------------
america
------------------------------------------------------------ */
#suntory_contents #america{
width: 700px;
height: 400px;
background: url(../img/map_america.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #america h3{
text-indent: -9999px;
}
#suntory_contents #america .area01{
width: 190px;
height: 91px;
background: url(../img/america_area01.gif) no-repeat 0 0;
position: absolute;
top: 254px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #america .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_america_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #america .area01 .btn01 a:hover{
background: url(../img/btn_america_area01.gif) no-repeat -160px 0;
}
#suntory_contents #america .area01 .btn02 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_america_area01.gif) no-repeat -160px 0;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #america .area01 .btn02 a:hover{
background: url(../img/btn_america_area01.gif) no-repeat -160px -16px;
}
/*------------------------------------------------------------
chile
------------------------------------------------------------ */
#suntory_contents #chile{
width: 700px;
height: 400px;
background: url(../img/map_chile.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #chile h3{
text-indent: -9999px;
}
#suntory_contents #chile .area01{
width: 190px;
height: 110px;
background: url(../img/chile_area01.gif) no-repeat 0 0;
position: absolute;
top: 225px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #chile .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_chile_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #chile .area01 .btn01 a:hover{
background: url(../img/btn_chile_area01.gif) no-repeat -160px 0;
}
#suntory_contents #chile .area01 .btn02 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_chile_area01.gif) no-repeat 0 -20px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #chile .area01 .btn02 a:hover{
background: url(../img/btn_chile_area01.gif) no-repeat -160px -20px;
}
#suntory_contents #chile .area01 .btn03 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_chile_area01.gif) no-repeat -320px 0;
position: absolute;
top: 79px;
left: 15px;
}
#suntory_contents #chile .area01 .btn03 a:hover{
background: url(../img/btn_chile_area01.gif) no-repeat -320px -16px;
}
/*------------------------------------------------------------
argentina
------------------------------------------------------------ */
#suntory_contents #argentina{
width: 700px;
height: 400px;
background: url(../img/map_argentina.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #argentina h3{
text-indent: -9999px;
}
#suntory_contents #argentina .area01{
width: 190px;
height: 110px;
background: url(../img/argenina_area01.png) no-repeat 0 0;
position: absolute;
top: 280px;
left: 12px;
text-indent: -9999px;
}
#suntory_contents #argentina .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_argentina_area01.gif) no-repeat -160px 0;
position: absolute;
top: 35px;
left: 15px;
}
#suntory_contents #argentina .area01 .btn01 a:hover{
background: url(../img/btn_argentina_area01.gif) no-repeat -160px -16px;
}
/*------------------------------------------------------------
australia
------------------------------------------------------------ */
#suntory_contents #australia{
width: 700px;
height: 400px;
background: url(../img/map_australia.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #australia h3{
text-indent: -9999px;
}
#suntory_contents #australia .area01{
width: 190px;
height: 90px;
background: url(../img/australia_area01.gif) no-repeat 0 0;
position: absolute;
top: 305px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #australia .area01 .btn01 a{
width: 165px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_australia_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #australia .area01 .btn01 a:hover{
background: url(../img/btn_australia_area01.gif) no-repeat -165px 0;
}
#suntory_contents #australia .area01 .btn02 a{
width: 165px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_australia_area01.gif) no-repeat 0 -16px;
position: absolute;
top: 59px;
left: 15px;
}
#suntory_contents #australia .area01 .btn02 a:hover{
background: url(../img/btn_australia_area01.gif) no-repeat -165px -16px;
}
#suntory_contents #australia .area02{
width: 190px;
height: 70px;
background: url(../img/australia_area02.gif) no-repeat 0 0;
position: absolute;
top: 325px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #australia .area02 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_australia_area02.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #australia .area02 .btn01 a:hover{
background: url(../img/btn_australia_area02.gif) no-repeat -160px 0;
}
/*------------------------------------------------------------
japan
------------------------------------------------------------ */
#suntory_contents #japan{
width: 700px;
height: 400px;
background: url(../img/map_japan.jpg) no-repeat 0 0;
position: relative;
}
#suntory_contents #japan h3{
text-indent: -9999px;
}
#suntory_contents #japan .area01{
width: 190px;
height: 70px;
background: url(../img/japan_area01.gif) no-repeat 0 0;
position: absolute;
top: 255px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #japan .area01 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_japan_area01.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #japan .area01 .btn01 a:hover{
background: url(../img/btn_japan_area01.gif) no-repeat 0 -16px;
}
#suntory_contents #japan .area02{
width: 190px;
height: 70px;
background: url(../img/japan_area02.gif) no-repeat 0 0;
position: absolute;
top: 325px;
left: 5px;
text-indent: -9999px;
}
#suntory_contents #japan .area02 .btn01 a{
width: 163px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_japan_area02.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #japan .area02 .btn01 a:hover{
background: url(../img/btn_japan_area02.gif) no-repeat 0 -16px;
}
#suntory_contents #japan .area03{
width: 190px;
height: 70px;
background: url(../img/japan_area03.gif) no-repeat 0 0;
position: absolute;
top: 325px;
left: 505px;
text-indent: -9999px;
}
#suntory_contents #japan .area03 .btn01 a{
width: 160px;
height: 16px;
display: block;
text-indent: -9999px;
background: url(../img/btn_japan_area03.gif) no-repeat 0 0;
position: absolute;
top: 39px;
left: 15px;
}
#suntory_contents #japan .area03 .btn01 a:hover{
background: url(../img/btn_japan_area03.gif) no-repeat 0 -16px;
}
/*------------------------------------------------------------
list
------------------------------------------------------------ */
#suntory_contents #list{
margin: 0 0 30px;
}
/*------------------------------------------------------------
tlList
------------------------------------------------------------ */
#suntory_contents #tlList{
margin: 0 0 10px;
padding: 0 0 0 60px;
background: url(../img/icon_list.gif) no-repeat 0 0;
min-height: 62px;
}
#suntory_contents #tlList h2{
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
color: #004031;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#suntory_contents #tlList p{
font-size: .75em;
font-weight: bold;
line-height: 1.5;
color: #f2ce18;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/*------------------------------------------------------------
countryIndex
------------------------------------------------------------ */
#suntory_contents #countryIndex table{
margin: 0 0 20px;
border-collapse: collapse;
width: 100%;
}
#suntory_contents #countryIndex td{
padding: 35px 0 0;
text-align: center;
vertical-align: middle;
border: 1px #b8ccb8 solid;
background: #e6eee6 url(../img/icon_link.png) no-repeat right bottom;
}
#suntory_contents #countryIndex td.none{
background: none;
background-color: #e6eee6;
}
#suntory_contents #countryIndex td a{
display: block;
min-width: 5em;
padding: 50px 35px 35px 30px;
font-size: .75em;
left: 1.5;
color: #000000;
text-decoration: none;
}
#suntory_contents #countryIndex td a:hover{
text-decoration: underline;
}
#suntory_contents #countryIndex td.france a{
background: url(../img/flag_france.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.deutscheland a{
background: url(../img/flag_deutscheland.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.italy a{
background: url(../img/flag_italy.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.spain a{
background: url(../img/flag_spain.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.portugal a{
background: url(../img/flag_portugal.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.austria a{
background: url(../img/flag_austria.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.america a{
background: url(../img/flag_america.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.chile a{
background: url(../img/flag_chile.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.argentina a{
background: url(../img/flag_argentina.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.australia a{
background: url(../img/flag_australia.png) no-repeat center 0;
}
#suntory_contents #countryIndex td.japan a{
background: url(../img/flag_japan.png) no-repeat center 0;
}
/*------------------------------------------------------------
listCountry
------------------------------------------------------------ */
#suntory_contents .listCountry table{
margin: 0 0 20px;
border-collapse: collapse;
width: 100%;
}
#suntory_contents .listCountry table th.countryName{
background: #264d40;
border: 1px #b8ccb8 solid;
font-size: .75em;
line-height: 1.5;
font-weight: bold;
color: #fff;
padding: 10px 0 10px 35px;
vertical-align: middle;
}
#suntory_contents .listCountry table th.countryName a{
width: 24px;
height: 19px;
display: block;
float: right;
background: #264d40 url(../img/btn_back2index.png) no-repeat 0 0;
text-indent: -9999px;
}
#suntory_contents #listFrance table th.countryName{
background: #264d40 url(../img/icon_france.png) no-repeat 10px center;
}
#suntory_contents #listDeutscheland table th.countryName{
background: #264d40 url(../img/icon_deutscheland.png) no-repeat 10px center;
}
#suntory_contents #listItaly table th.countryName{
background: #264d40 url(../img/icon_italy.png) no-repeat 10px center;
}
#suntory_contents #listSpain table th.countryName{
background: #264d40 url(../img/icon_spain.png) no-repeat 10px center;
}
#suntory_contents #listPortugal table th.countryName{
background: #264d40 url(../img/icon_portugal.png) no-repeat 10px center;
}
#suntory_contents #listAustria table th.countryName{
background: #264d40 url(../img/icon_austria.png) no-repeat 10px center;
}
#suntory_contents #listAmerica table th.countryName{
background: #264d40 url(../img/icon_america.png) no-repeat 10px center;
}
#suntory_contents #listChile table th.countryName{
background: #264d40 url(../img/icon_chile.png) no-repeat 10px center;
}
#suntory_contents #listArgentina table th.countryName{
background: #264d40 url(../img/icon_argentina.png) no-repeat 10px center;
}
#suntory_contents #listAustralia table th.countryName{
background: #264d40 url(../img/icon_australia.png) no-repeat 10px center;
}
#suntory_contents #listJapan table th.countryName{
background: #264d40 url(../img/icon_japan.png) no-repeat 10px center;
}
#suntory_contents .listCountry table th.areaName{
background: #e6eee6;
border: 1px #b8ccb8 solid;
font-size: .75em;
line-height: 1.5;
font-weight: bold;
color: #000000;
padding: 10px;
vertical-align: top;
width: 20%;
white-space: nowrap;
}
#suntory_contents .listCountry table td{
background: #ffffff;
border: 1px #b8ccb8 solid;
font-size: .75em;
line-height: 1.5;
color: #000000;
padding: 10px;
vertical-align: top;
width: 80%;
}
#suntory_contents .listCountry table td ul{
/zoom: 1;
}
#suntory_contents .listCountry table td ul:after{
content: '';
display: block;
clear: both;
}
#suntory_contents .listCountry table td li{
float: left;
}
#suntory_contents .listCountry table td li a{
background: url(../img/marker.png) no-repeat 0 center;
margin: 0 10px 5px 0;
padding: 0 0 0 12px;
color: #000000;
text-decoration: none;
white-space: nowrap;
zoom: 1;
}
#suntory_contents .listCountry table td li a:hover{
text-decoration: underline;
}
/*------------------------------------------------------------
wrapper
------------------------------------------------------------ */
#suntory_contents #wrapper{
width: 100%;
margin: 0 auto;
}
#suntory_contents #wrapper2{
width: 960px;
margin: 0 auto;
position: relative;
}
/*------------------------------------------------------------
floatingBanner
------------------------------------------------------------ */
#suntory_contents #floatingBanner{
margin-left: 965px;
}