@charset "Shift_JIS";
/*全頁共通CSS
----------------------------------------------------------*/
/*reset*/
#suntory_contents{
margin:0;
padding:0;
}

html*div#suntory_contents{
font-family:Osaka,"ＭＳ Ｐゴシック";
}


#suntory_contents img{
border:0;
vertical-align:bottom;
}

#suntory_contents h1,
#suntory_contents h2,
#suntory_contents h3,
#suntory_contents h4,
#suntory_contents h5,
#suntory_contents h6,
#suntory_contents p,
#suntory_contents ol,
#suntory_contents ul,
#suntory_contents li,
#suntory_contents dl,
#suntory_contents dt,
#suntory_contents dd,
#suntory_contents table,
#suntory_contents th,
#suntory_contents td,
#suntory_contents form,
#suntory_contents br{
margin:0;
padding:0;
font-size:100%;
}

#suntory_contents table{
border-collapse:collapse;
text-align:left;
}


#suntory_contents input{
vertical-align:middle;
}

#suntory_contents ul,
#suntory_contents li{
list-style:none;
}





/*背景外枠　
----------------------------------------------------------*/
#suntory_contents{
background-color:#eeeeee;
text-align:center;
background-image:url("../img/common/bg.gif");
background-repeat:repeat-x;
background-position:left top;
}


#containar_bg{
background-image:url("../img/common/containar_bg.gif");
background-repeat:repeat-y;
background-position:center top;
margin:0 auto;
width:900px;
}

#containar{
background-image:url("../img/common/containar_ft.gif");
background-repeat:no-repeat;
background-position:left bottom;
color:#333333;
text-align:left;
}

#containar table{
color:#333333;
}


/*　header　
----------------------------------------------------------*/
#header{
background-image:url("../img/common/hd_bg.gif");
background-position:left top;
background-repeat:no-repeat;
}

#header:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}

*html #header{
height:0%;
}


#header #header_hd .hd_tit{
float:left;
}

#header .hd_navi{
float:right;
}

#header .hd_navi ul{
padding:15px 5px 0 0;
}

#header .hd_navi ul li{
float:left;
padding:0 20px 0 10px;
}

#header .hd_navi ul li a{
background-image:url("../img/common/ico_ar_r_gray.gif");
background-repeat:no-repeat;
background-position:left 0.1em;
padding:0 0 0 18px;
display:block;
font-size:73%;
line-height:125%;
min-height:15px;
}




/*　contents　
----------------------------------------------------------*/
#contents{
padding:17px 0 40px 36px;
}

#contents:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}

*html #contents{
height:0%;
}

#contents #main{
width:828px;

}

#contents #main_inner{
padding:15px 3px 0 3px;
}


/*　メインぱんくず　*/
#main #topicpath{
font-size:73%;
line-height:128%;
margin:0 5px 10px 5px;
}

/*　メインタイトル　*/
#main h1#main_tit{
}




/*　メインキストエリア　画像左右回込とか　*/
#main .txt_block{}

#main .txt_block:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}

*html #main .txt_block{
height:0%;
}

#main .image_right{
float:right;
margin:0 0 0 15px;
padding:0 0 10px 0;
}

#main .image_left{
float:left;
margin:0 15px 0 0;
padding:0 0 10px 0;
}

#main .txt_block .f_left,
#main .txt_block .f_right{
}


/*グレー矢印リンク*/
#main .link_list li{
background-image:url("../img/common/ico_ar_r_gray.gif");
background-repeat:no-repeat;
background-position:left 0.15em;
padding:0 0 0 20px;
margin:0 0 1px 0;
font-size:80%;
line-height:130%;
}



/*　get_adobe　*/
#main .get_adobe{
background-color:#e6e6e6;
border:1px solid #cccccc;
padding:15px;
margin:15px 0 0 0;
}
#main .get_adobe:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}
*html #main .get_adobe{
height:0%;
}


#main .get_adobe dl{
float:left;
width:460px;
font-size:80%;
line-height:125%;
}
#main .get_adobe dl dt{
margin:0 0 5px 0;
}

#main .get_adobe div.banner{
float:right;
}







/*　各ビール工場リンク　*/
#contents #fact_link{
background-image:url("../img/common/fl_block_bg.gif");
background-repeat:repeat-y;
background-position:left top;
margin:25px 3px 0 3px;
}

#contents #fact_link .block_hd{
background-image:url("../img/common/fl_block_hd_bg.gif");
background-repeat:repeat-y;
background-position:left top;
}

#contents #fact_link .block_hd .hd{
background-image:url("../img/common/fl_block_hd_hd.gif");
background-repeat:no-repeat;
background-position:left top;
}

#contents #fact_link .block_ft{
background-image:url("../img/common/fl_block_ft.gif");
background-repeat:no-repeat;
background-position:left bottom;
padding:20px 0 15px 20px;
}

#contents #fact_link ul{
background-repeat:repeat-y;
background-position:left top;
text-align:left;
}

#contents #fact_link ul.column02{
}

#contents #fact_link ul.column03{
background-image:url("../img/common/fl_block_line_column03.gif");
background-repeat:repeat-y;
background-position:left top;
}

#contents #fact_link ul:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}

*html #contents #fact_link ul{
height:0%;
}

#contents #fact_link ul li{
float:left;
}

#contents #fact_link ul.column02 li{
}

#contents #fact_link ul.column03 li{
width:248px;
margin:0 19px 0 0;
}


#contents #fact_link ul li h3 a{
background-image:url("../img/common/ico_ar_r_yellow.gif");
background-repeat:no-repeat;
background-position:left top;
padding:0 0 0 18px;
font-size:80%;
line-height:125%;
font-weight:normal;
}

#contents #fact_link ul li p.txt{
font-size:80%;
line-height:125%;
}

#contents #fact_link ul li p.txt span.ph{
float:left;
background-color:#c3c1b5;
padding:3px;
margin:0 5px 5px 0;
}

#contents #fact_link ul li p.txt span.ph img{
border:1px solid #ffffff;
}

#contents #fact_link ul li p.address{
font-size:70%;
line-height:130%;
margin:4px 0 5px 15px;
}









/*　ご来場に際してのお願い　*/
#contents #attention{
margin:25px 3px 15px 3px;
border:1px solid #cccccc;
}

#contents #attention h2{
padding:8px 15px;
font-size:80%;
line-height:120%;
color:#ff6600;
background-color:#f5f2e5;
}

#contents #attention .inner{
padding:15px;
}

#contents #attention li{
font-size:80%;
line-height:130%;
text-indent:-1em;
margin:0 0 2px 1em;
}

#contents #attention li.red{
color:#ff0000;
}

/* フッター 
----------------------------------------------------------*/
#factory_footer{
width:900px;
margin:0 auto;
text-align:center;
}

#factory_footer .inner{
text-align:center;
padding:20px 50px 20px 50px;
}


#factory_footer ul{
text-align:center;
margin:0 0 8px 0;
}

#factory_footer ul:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}

*html #factory_footer ul{
height:0%;
}

#factory_footer ul li{
display:inline;
text-align:left;
}

#factory_footer ul li a{
font-size:73%;
line-height:110%;
white-space:nowrap;
border-right:1px solid #333333;
padding:0 8px 0 4px;
}


#factory_footer ul li.last a{
border:none;
padding-right:4px;
}





/*リンク色*/
#suntory_contents a:link{color:#0066aa; text-decoration:none;}
#suntory_contents a:visited{color:#586f7e; text-decoration:none;}
#suntory_contents a:hover{color:#00d5e1; text-decoration:underline;}
#suntory_contents a:active{color:#00d5e1; text-decoration:underline;}