@charset "Shift_JIS";





#suntory_contents{


background-color:#ffffff;


text-align:center;


}





#container{


width:891px;


text-align:left;


color:#444444;


margin-right:auto;


margin-left:auto;


/*position:relative;*/


padding-top:8px;


}





#container:after{


display:block;


margin-top:-1px;


height:1px;


content:"";


clear:both;


}





*+html #container{


min-height:1%;


}





*html #container{


height:1%;


overflow:visible;


}





#contents:after{


display:block;


margin-top:-1px;


height:1px;


content:"";


clear:both;


}





*+html #contents{


min-height:1%;


}





*html #contents{


height:1%;


overflow:visible;


}








/* searchbar


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


#searchbar{


background:url(../img/bg_searchbar.gif) repeat-x top;


height:68px;


text-align:center;


z-index:90;


}





#searchbar div{


width:900px;


text-align:left;


margin-right:auto;


margin-left:auto;


position:relative;


}





#searchbar p.top{


float:left;


}





#searchbar form{


position:absolute;


top:14px;


left:111px;


}





#searchbar input.textbox{


vertical-align:middle;


background:url(../img/hd_searchbar_input.gif) no-repeat;


width:155px;


height:28px;


border:none;


font-size:20px;


padding:3px 0 3px 25px;


_padding-top:3px;


}





*html #searchbar input.textbox{


padding:3px 0 0 25px;


}





*+html #searchbar input.textbox{


padding:3px 0 0 25px;


}





#searchbar .submitBtn{


vertical-align:top;


}





#searchbar p.new{


position:absolute;


top:15px;


left:330px;


}





#searchbar p.category{


float:right;


}





#searchbar dl{


width:275px;


position:absolute;


top:20px;


left:450px;


color:#ffffff;


font-size:80%;


line-height:140%;


}





#searchbar dt{


display:inline;


font-weight:bold;


}





#searchbar dd{


display:inline;


}





#suntory_contents #searchbar a:link{


color:#ffffff;


text-decoration:underline;


}





#suntory_contents #searchbar a:visited{


color:#ffffff;


text-decoration:underline;


}





#suntory_contents #searchbar a:hover{


text-decoration:underline;


color:#0066aa;


}





#suntory_contents #searchbar a:active{


text-decoration:underline;


color:#0066aa;


}








/* prdTopicPath


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


ol.topicPath{


clear:both;


margin-bottom:5px;


}





.topicPath:after{


display:block;


margin-top:-1px;


height:1px;


content:"";


clear:both;


}





*+html .topicPath{


min-height:1%;


}





*html .topicPath{


height:1%;


overflow:visible;


}





ol.topicPath li{


float:left;


font-size:10px;


line-height:24px;


}





ol.topicPath li a{


font-weight:bold;


margin-right:0.5em;


}





ol.topicPath li img{


vertical-align:middle;


margin-right:5px;


}











/* header


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


#header{


background-image:url("../img/bg_head_01.gif");


background-repeat:no-repeat;


background-position:top;


height:71px;


margin-top:5px;


z-index:1;


}





#header h1{


padding:22px 0 0 26px;


z-index:1;


}














/* hdSearch


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


#hdSearch{


}





#hdSearch .hdSearchTl{


position:absolute;


top:12px;


left:338px;


cursor:pointer;


}





#hdSearch .hdSearchTop{


position:absolute;


top:48px;


left:338px;


cursor:pointer;


}





#hdSearch span{


position:absolute;


top:13px;


left:435px;


}





#hdSearch .hdSearchTxtbox{


position:absolute;


top:33px;


left:433px;


border-top:1px solid #8d9ea7;


border-bottom:1px solid #8d9ea7;


border-left:1px solid #8d9ea7;


border-right:none;


width:184px;


height:28px;


font-size:16px;


padding:3px;


}





*html #hdSearch .hdSearchTxtbox{


width:185px;


height:28px;


font-size:18px;


}





#hdSearch .hdSearchBtn{


position:absolute;


top:33px;


left:613px;


}





#hdSearch p.hdSearchToNew{


position:absolute;


top:1px;


left:727px;


}





#hdSearch p.hdSearchOpen{


position:absolute;


top:33px;


left:688px;


}























/* categories


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


#categories{


background:url(../img/bg_categories.gif) repeat-x top #8f9da4;


margin-top:10px;


padding-top:25px;


padding-bottom:50px;


}





#categories img{


line-height:0;


}





#categories img{


line-height:0;


}





#categories div{


width:890px;


text-align:left;


margin-right:auto;


margin-left:auto;


}





#categories div{


line-height:0;


}





#categories div dl{


}





#categories div dl dt{


margin-bottom:14px;


}





#categories div dl .ftSearchTxt{


margin-bottom:5px;


}





#categories div dl .textbox{


border:1px solid #8d9ea7;


width:262px;


height:28px;


font-size:20px;


}





#categories div dl .ftSearchBtn{


vertical-align:top;


margin:0 0 0 0;


}





#categories table{


margin-top:27px;


}





#categories table caption{


text-align:left;


margin-bottom:5px;


}





#categories table th,


#categories table td{


vertical-align:top;


text-align:left;


background-image:url("../img/ft_search_line.gif");


background-repeat:repeat-x;


background-position:bottom;


padding:10px 0 5px 0;


}





#categories table tr.lastChild th,


#categories table tr.lastChild td{


background-image:none;


}





*html #categories table th,


*html #categories table td{


padding:10px 0 10px 0;


}





*+html #categories table th,


*+html #categories table td{


padding:10px 0 10px 0;


}





#categories table tr.lastChild th,


#categories table tr.lastChild td{


border:none;


}





#categories table th{


width:125px;


}





#categories table td ul{


margin-top:5px;


}





#categories table td li{


float:left;


width:170px;


font-size:80%;


line-height:110%;


margin-bottom:8px;


}





#categories table td li a{


background-image:url("../img/ft_search_arrow.gif");


background-repeat:no-repeat;


background-position:0 0.3em;


padding-left:10px;


}





#categories a:link{


color:#ffffff;


}





#categories a:visited{


color:#ffffff;


}





#categories a:hover{


color:#ffffff;


}





#categories a:active{


color:#ffffff;


}











body{


}





/* openSearchContainer


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


#openSearchContainer{


width:896px;

/* 120528追加 */
/* 121016追加 */
height:616px;


/*height:0;


display:none;*/


/*position:expression('absolute');


top: expression(documentElement.scrollTop + -460px + 'px');*/


z-index:90;


opacity:0;


filter:alpha(opacity=0);


background-image:url("../img/bg_search.png");


background-repeat:no-repeat;


background-position:left top;


position:absolute;


/*position:fixed;*/


top:-600px;/* -460px */


}





*html #openSearchContainer{


background-image:url("../img/bg_search.gif");
/* 120528追加 */
height:589px;

}





*+html #openSearchContainer{


background-image:url("../img/bg_search.gif");
/* 120528追加 */
height:589px;

}





/* safari only \*/


body:first-of-type #openSearchContainer{


/*top:117px;*/


}





#openSearchContainer img{


font-size:1px;


line-height:0;


vertical-align:top;


overflow:hidden;


}





#openContainerLeft p img{


font-size:0;


line-height:0;


vertical-align:top;


}





#openSearchContainer form{


margin:0;


padding:0;


line-height:0;


vertical-align:top;


overflow:hidden;


}





#openContainerLeft{


float:left;


width:203px;


padding-top:50px;


}





#openContainerLeft p{


margin:0;


padding:0;


font-size:0;


line-height:0;


overflow:hidden;


}





#openContainerLeft .left01{


margin:0 0 0 28px;


padding:0;


height:13px;


}





#openContainerLeft .left02{


margin:18px 0 0 28px;


padding:0;


height:10px;


}





*html #openContainerLeft .left02{


margin-top:15px;


}





*+html #openContainerLeft .left02{


margin-top:15px;


}





#openContainerLeft .left03 input{


border:1px solid #8d9ea7;


width:143px;


height:25px;


font-size:18px;


margin:7px 0 0 28px;


padding:0;


}





#openContainerLeft .left04{


margin:3px 0 0 28px;


padding:0;


}





#openContainerLeft .left04 img{


vertical-align:top;


margin:5px 0 0 3px;


}





#openContainerLeft .left05{


margin:6px 0 0 28px;


padding:0;


}





#openContainerLeft .left06{


margin:43px 0 0 28px;


padding:0;


}





*html #openContainerLeft .left06{


margin-top:35px;


}





*+html #openContainerLeft .left06{


margin-top:35px;


}





#openContainerLeft .left07{


margin:15px 0 0 28px;


padding:0;


}





#openContainerLeft .left08{


margin:7px 0 0 28px;


padding:0;


}





#openContainerLeft .left08 input{


border:1px solid #8d9ea7;


width:143px;


height:25px;


font-size:18px;


padding:0;


}





#openContainerLeft .left09{


margin:9px 0 0 28px;


padding:0;


}





#openContainerRight{


float:right;


width:685px;


/* height:472px; */
height:616px;

position:relative;


}





#openContainerRight img{


vertical-align:top;


border:0;


line-height:0;


margin:0;


padding:0;


}





#openContainerRight #closeBtn{


position:absolute;


top:9px;


right:18px;


cursor:pointer;


}





#openContainerRight p.newBtn{


position:absolute;


top:9px;


right:138px;


}





#openContainerRight p.newBtn a{


display:block;


width:132px;


height:25px;


text-indent:-9999px;


font-size:0;


background-image:url("../img/open_btn_new.gif");


background-repeat:no-repeat;


}





#openContainerRight p.newBtn a:hover{


background-image:url("../img/open_btn_new_on.gif");


}





#openContainerRight dl.catList01{


position:absolute;


top:42px;


left:0;


width:547px;


margin:0;


padding:0;


}





#openContainerRight.catList01 dt{


line-height:0;


margin-bottom:7px;


}
#opencontainerright dl.catlist01 dt.right_tl {
position: absolute;
top: 4px;
right: 12px;
}



#openContainerRight dl.catList02{


position:absolute;


top:42px;


left:559px;


margin:0;


padding:0;


}


#openContainerRight dl.catList02 dd#cat12 a{


margin-left:12px;


}





#openContainerRight dl.catList02 dd#cat13 a{


margin-left:12px;


}





#openContainerRight.catList02 dt{


line-height:0;


margin-bottom:7px;


}





#openContainerRight dl.catList03{


position:absolute;


top:313px;


left:0;


width:547px;/* width:630px; */


margin:0;


padding:0;


}

#openContainerRight dl.per01 {
top:369px;	
}



#openContainerRight.catList03 dt{


line-height:0;


margin-bottom:7px;


}

#openContainerRight dl.catList03 dt.right_tl01,
#openContainerRight dl.catList03 dt.right_tl02 {
width: 265px;
height: 23px;
float: none;
padding-bottom: 2px;
position: absolute;
right: 12px;
}

#openContainerRight dl.catList03 dt.right_tl01 {
top: 3px;
}





#openContainerRight dd{


list-style:none;


float:left;


margin:0 5px 8px 0;


padding:0;


}





#openContainerRight dd a{


display:block;


width:85px;


height:105px;


text-indent:-9999px;


font-size:0;


background-repeat:no-repeat;


}





#openContainerRight dd#cat01 a{


background-image:url("../img/cat_01.gif");


}





#openContainerRight dd#cat01 a:hover{


background-image:url("../img/cat_01_on.gif");


}





#openContainerRight dd#cat02 a{


background-image:url("../img/cat_02.gif");


}





#openContainerRight dd#cat02 a:hover{


background-image:url("../img/cat_02_on.gif");


}





#openContainerRight dd#cat03 a{


background-image:url("../img/cat_03.gif");


}





#openContainerRight dd#cat03 a:hover{


background-image:url("../img/cat_03_on.gif");


}





#openContainerRight dd#cat04 a{


background-image:url("../img/cat_04.gif");


}





#openContainerRight dd#cat04 a:hover{


background-image:url("../img/cat_04_on.gif");


}





#openContainerRight dd#cat05 a{


background-image:url("../img/cat_05.gif");


}





#openContainerRight dd#cat05 a:hover{


background-image:url("../img/cat_05_on.gif");


}





#openContainerRight dd#cat06 a{


background-image:url("../img/cat_06.gif");


}





#openContainerRight dd#cat06 a:hover{


background-image:url("../img/cat_06_on.gif");


}





#openContainerRight dd#cat07 a{


background-image:url("../img/cat_07.gif");


}





#openContainerRight dd#cat07 a:hover{


background-image:url("../img/cat_07_on.gif");


}





#openContainerRight dd#cat08 a{


background-image:url("../img/cat_08.gif");


}





#openContainerRight dd#cat08 a:hover{


background-image:url("../img/cat_08_on.gif");


}





#openContainerRight dd#cat09 a{


background-image:url("../img/cat_09.gif");


}





#openContainerRight dd#cat09 a:hover{


background-image:url("../img/cat_09_on.gif");


}





#openContainerRight dd#cat10 a{


background-image:url("../img/cat_10.gif");


}





#openContainerRight dd#cat10 a:hover{


background-image:url("../img/cat_10_on.gif");


}





#openContainerRight dd#cat11 a{


background-image:url("../img/cat_11.gif");


}





#openContainerRight dd#cat11 a:hover{


background-image:url("../img/cat_11_on.gif");


}





#openContainerRight dd#cat12 a{


background-image:url("../img/cat_12.gif");


}





#openContainerRight dd#cat12 a:hover{


background-image:url("../img/cat_12_on.gif");


}





#openContainerRight dd#cat13 a{


background-image:url("../img/cat_13.gif");


}





#openContainerRight dd#cat13 a:hover{


background-image:url("../img/cat_13_on.gif");


}





#openContainerRight dd#cat14 a{


background-image:url("../img/cat_14.gif");


}





#openContainerRight dd#cat14 a:hover{


background-image:url("../img/cat_14_on.gif");


}





#openContainerRight dd#cat15 a{


background-image:url("../img/cat_15.gif");


}





#openContainerRight dd#cat15 a:hover{


background-image:url("../img/cat_15_on.gif");


}





#openContainerRight dd#cat16 a{


background-image:url("../img/cat_16.gif");


}





#openContainerRight dd#cat16 a:hover{


background-image:url("../img/cat_16_on.gif");


}





#openContainerRight dd#cat17 a{


background-image:url("../img/cat_17.gif");


}





#openContainerRight dd#cat17 a:hover{


background-image:url("../img/cat_17_on.gif");


}





#openContainerRight dd#cat18 a{


background-image:url("../img/cat_18.gif");


}





#openContainerRight dd#cat18 a:hover{


background-image:url("../img/cat_18_on.gif");


}





#openContainerRight dd#cat19 a{


background-image:url("../img/cat_19.gif");


}





#openContainerRight dd#cat19 a:hover{


background-image:url("../img/cat_19_on.gif");


}





#openContainerRight dd#cat20 a{


background-image:url("../img/cat_20.gif");


}





#openContainerRight dd#cat20 a:hover{


background-image:url("../img/cat_20_on.gif");


}


#openContainerRight dd#cat21 a{
	background-image:url("../img/cat_nonal.gif");
}

#openContainerRight dd#cat21 a:hover{
	background-image:url("../img/cat_nonal_on.gif");
}




#openContainerRight dd#catbrandy a{


background-image:url("../img/cat_brandy.gif");


}





#openContainerRight dd#catbrandy a:hover{


background-image:url("../img/cat_brandy_on.gif");


}













/* ふきだし


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





#floatWindow{


display:none;


}





*html #floatWindow{


display:block;


}





*+html #floatWindow{


display:block;


}





p#fukidashi{


position:absolute;


top:40px;


right:0;


z-index:100;


}





#searchbar p.visible{


display:block;


}





#searchbar p.hidden{


display:none;


}





* html p#fukidashi img{ /* IE-expression (fix png alpha) */


behavior: expression(


this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,


this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,


this.style.behavior = "none"


);


}