@charset "utf-8";

@import url(bg.css);

/*#suntoryCommonFooter{
margin-top:0;
}*/

html{
overflow-y:scroll;
}

body.bgPress #suntory_contents{
	background-image:url("../img/bg/bg_info.gif");
/*background-size:cover;
background-position:center center;*/
background-repeat:repeat;
/*background-attachment:fixed;
*/font-size:14px;
line-height:1.5;
}

*html #suntory_contents{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
html #suntory_contents{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrapper{
text-align:center;
/*background:url(../img/bg/louver.png) repeat left top;
*//*_background:url(../img/bg/blank.gif);*/
}

#container{
width:960px;
background:url(../img/bg/bg_contents.png) repeat center top;
/*_background:#ffffff;*/
text-align:left;
margin:0 auto;
}

#container:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #container{
min-height:1%;
}

*html #container{
height:1%;
overflow:visible;
}



/* #headbar
--------------------------------------------------*/
#headbar{
background:#000000;
z-index:10;
height:12px;
}



p#english{
position:fixed;
top:115px;
right:0;
}

*html p#english{
position:absolute;
top:115px;
right:0;
}




/* #contents
--------------------------------------------------*/
#contents{
padding:0 52px 0 19px;
}

#contents:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #contents{
min-height:1%;
}

*html #contents{
height:1%;
overflow:visible;
}






/* #main
--------------------------------------------------*/
#main{
float:right;
width:640px;
color:#333333;
padding:15px 0 20px 0;
}

#main .socialbutton_suntory{
float:right;
}

#main p.toPagetop{
float:right;
}








/* #topicpath
--------------------------------------------------*/
ol#topicpath{
text-align:right;
margin-bottom:25px;
}

#topicpath li{
display:inline;
font-size:10px;
line-height:130%;
color:#666666;
margin:0 0 0 5px;
}

#topicpath li a{
margin:0 5px 0 0;
}











/* #aside
--------------------------------------------------*/
#aside{
float:left;
width:180px;
}

#aside a{
display:block;
width:180px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:top;
outline:none;
}

#aside p a{
background-image:url(../img/common/aside_sma.png);
_background-image:url(../img/common/aside_sma.gif);
height:74px;
}

#aside dt a{
background-image:url(../img/common/aside_exhibit.png);
_background-image:url(../img/common/aside_exhibit.gif);
height:50px;
}

#aside .current a{
background-image:url(../img/common/aside_current.png);
_background-image:url(../img/common/aside_current.gif);
height:24px;
}

#aside .future a{
background-image:url(../img/common/aside_future.png);
_background-image:url(../img/common/aside_future.gif);
height:24px;
}

#aside .history a{
background-image:url(../img/common/aside_history.png);
_background-image:url(../img/common/aside_history.gif);
height:30px;
}

#aside .map a{
background-image:url(../img/common/aside_map.png);
_background-image:url(../img/common/aside_map.gif);
height:52px;
}

#aside .shopxcafe a{
background-image:url(../img/common/aside_shopxcafe.png);
_background-image:url(../img/common/aside_shopxcafe.gif);
height:51px;
}

#aside .program a{
background-image:url(../img/common/aside_program.png);
_background-image:url(../img/common/aside_program.gif);
height:51px;
}

#aside .collection a{
background-image:url(../img/common/aside_collection.png);
_background-image:url(../img/common/aside_collection.gif);
height:51px;
}

#aside .magazine a{
background-image:url(../img/common/aside_magazine.png);
_background-image:url(../img/common/aside_magazine.gif);
height:56px;
}

#aside .membersclub a{
background-image:url(../img/common/aside_membersclub.png);
_background-image:url(../img/common/aside_membersclub.gif);
height:30px;
}

#aside .rental a{
background-image:url(../img/common/aside_rental.png);
_background-image:url(../img/common/aside_rental.gif);
height:28px;
}

#aside .basicinfo a{
background-image:url(../img/common/aside_basicinfo.png);
_background-image:url(../img/common/aside_basicinfo.gif);
height:29px;
}

#aside dl dt a:hover{
background-position:bottom;
}

#current #aside dt a,
#current #aside .current a,
#aside .current a:hover{
background-position:bottom;
}

#future #aside dt a,
#future #aside .future a,
#aside .future a:hover{
background-position:bottom;
}

#history #aside dt a,
#history #aside .history a,
#aside .history a:hover{
background-position:bottom;
}

#map #aside .map a,
#aside .map a:hover{
background-position:bottom;
}

#shopxcafe #aside .shopxcafe a,
#aside .shopxcafe a:hover{
background-position:bottom;
}

#program #aside .program a,
#aside .program a:hover{
background-position:bottom;
}

#collection #aside .collection a,
#aside .collection a:hover{
background-position:bottom;
}

#magazine #aside .magazine a,
#aside .magazine a:hover{
background-position:bottom;
}

#membersclub #aside .membersclub a,
#aside .membersclub a:hover{
background-position:bottom;
}

#rental #aside .rental a,
#aside .rental a:hover{
background-position:bottom;
}

#basicinfo #aside .basicinfo a,
#aside .basicinfo a:hover{
background-position:bottom;
}

#news #aside dl dd,
#map #aside dl dd,
#shopxcafe #aside dl dd,
#program #aside dl dd,
#collection #aside dl dd,
#program #aside dl dd,
#magazine #aside dl dd{
display:none;
}










/* #exhibitInfo
--------------------------------------------------*/
#exhibitInfo{
background:url(../img/bg/bg_exhibitInfo.png) repeat-y center top;
_background:#dbdbdb;
padding:30px;
position:relative;
}

#exhibitInfo:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #exhibitInfo{
min-height:1%;
}

*html #exhibitInfo{
height:1%;
overflow:visible;
}

#exhibitInfo .left{
float:left;
width:425px;
}

#exhibitInfo .right{
float:right;
width:425px;
}

#exhibitInfo #current dt{
border-bottom:1px solid #c0c0c0;
height:25px;
}

#exhibitInfo #current p{
font-size:100%;
padding:10px 0;
}

#exhibitInfo #current p a{
display:block;
background:url(../img/common/exb_arrow.gif) no-repeat left 0.3em;
padding:0 0 0 20px;
}

#exhibitInfo #current p a span{
}

#exhibitInfo #current span.image{
float:left;
width:169px;
}

#exhibitInfo #current ul{
float:right;
width:240px;
}

#exhibitInfo #current ul li{
float:left;
}

#exhibitInfo #whatsnew dt{
height:25px;
}

#exhibitInfo #whatsnew dt a{
float:right;
}

#exhibitInfo #whatsnew dd li{
font-size:100%;
border-top:1px solid #c0c0c0;
padding:10px 0;
}

#exhibitInfo #whatsnew dd li span{
}

#exhibitInfo #whatsnew dd li a{
display:block;
background:url(../img/common/whatsnew_arrow.gif) no-repeat 4px 0.5em;
padding-left:16px;
}

#exhibitInfo #feed{
position:absolute;
bottom:30px;
right:30px;
width:422px;
}

#exhibitInfo #feed dt{
float:left;
}

#exhibitInfo #feed dd{
float:left;
}






/* #footer
--------------------------------------------------*/
#footer{
height:102px;
background:url(../img/bg/bg_footer.gif) repeat-y center top;
position:relative;
}

#footer #logo{
position:absolute;
top:28px;
left:45px;
}

#footer ul{
position:absolute;
top:53px;
right:159px;
height:21px;
}

#footer li{
float:left;
}

#footer p#press_info a{
position:absolute;
top:53px;
right:32px;
}







/* fixed parts
--------------------------------------------------*/
.fixedheader{
width:100%;
position:fixed;
top:0;
left:0;
}

.fixedaside{
position:fixed;
top:12px;
}






/* link
---------------------------------------------------- */
a:link{
text-decoration:none;
color:#1e1c5e;
}

a:visited{
text-decoration:none;
color:#1e1c5e;
}

a:hover{
text-decoration:underline;
color:#1e1c5e;
}

a:active{
text-decoration:none
color:#1e1c5e;
}




.cf:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html .cf{
min-height:1%;
}

*html .cf{
height:1%;
overflow:visible;
}