@charset "UTF-8";

/* ========================================
	wrapper


=========================================== */


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

/* ---------------------------------- */
#suntory_contents{
/*text-align:center;*/
border-bottom:solid 1px #dbe1e4;
background-color:#000f2a;
}
#inSpTtl,
h2,
#breadCrumb ul,
#footer,
#header,
.inContents{
width:960px;
margin:0 auto;
text-align:left;
}


/* -- headerGabgabWrap */
#headerGabgabWrap{
width:868px;
padding-top:4px;
padding-bottom:4px;
margin:0 auto;
text-align:left;
}
#headerGabgabWrap p{
float:left;
width:198px;
}
#headerGabgabWrap dl{
float:right;
width:181px;
}
#headerGabgabWrap dd,
#headerGabgabWrap dt{
float:left;
}
#headerGabgabWrap dd{
padding-top:3px;
width:93px;
}
#headerGabgabWrap dt{
width:88px;
}
/* header
------------------------------------------- */
#suntory_contents{
/* position:relative;*/
background-image:url(../../img/bg.gif);
background-position:0 0;
background-repeat:repeat-x;
}
.indexs#suntory_contents{
position:relative;
}
#suntory_contents .logo{
position:absolute;
z-index:999999;
width:209px;
height:77px;
top:0;
left:50%;
margin-left:-445px;
}
/* IE6 \*/
*html #suntory_contents .logo a{
display:block;
text-indent:-9999px;
background-image:url(../../images/logo_boss_ie6.gif);
height:75px;
}
*html #suntory_contents .logo img{
height:75px;
}
/* end */


#globalNav,
#headRight{
float:right;
}
#globalNav{
width:636px;
}
#headRight{
width:505px;
}
.fontLarge #headRight{
width:525px;
}


#header{
padding-top:5px;
position:relative;
}
.indexs #header{
border-bottom:none;
}



/* ---- headRight */
#headerMenu{
padding-bottom:2px;
}
#headerMenu,
#changeFont{
float:left;
position:relative;
}
#headerMenu{
width:405px;
z-index:10;
}
#changeFont{
width:95px;
z-index:11;
}



/* -- headerMenu */
#headerMenu ul{
text-align:right;
}
#headerMenu li{
display:inline;
}
#headerMenu li a{
margin-left:10px;
margin-right:8px;
}

/* dot */
#headerMenu ul,
#headerMenu li{
background-image:url(../../img/head_dot.gif);
background-repeat:repeat-y;
}
#headerMenu ul{
background-position:100% 0;
}
#headerMenu li{
background-position:0 0;
}

/* -- fontSize */
#changeFont p,
#changeFont li{
float:left;
}
#changeFont p{
width:56px;
text-align:right;
}
#changeFont ul{
float:right;
width:36px;
margin-top:2px;
}

#changeFont li{
width:18px;
text-align:right;
}
#changeFont li a{
display:block;
width:18px;
height:14px;
background-repeat:no-repeat;
background-position:100% 0;
}
#changeFont li.f01 a{
background-image:url(../../images/h_icon_b_c.gif);
}
#changeFont li.f02 a{
background-image:url(../../images/h_icon_s_c.gif);
}

#changeFont li a.active{
text-indent:-999999px;
text-align:left;
}
/* hide macIE5 \*/
#changeFont li a.active{
overflow:hidden;
}
/* end */

/* largeFont */
.fontLarge #changeFont{
width:120px;
}
.fontLarge #changeFont p{
width:81px;
}
.fontLarge #changeFont ul{
margin-top:5px;
}


/* ---- globalnav */
#globalNav{
margin-top:-22px;
height:62px;
z-index:1;
}
#globalNav li{
float:left;
width:127px;
}

/* bg */
#globalNav{
background-image:url(../../images/gnav_line.gif);
background-repeat:no-repeat;
background-position:100% 100%;
}
#globalNav ul{
padding-left:1px;
background-image:url(../../images/gnav_line.gif);
background-repeat:no-repeat;
background-position:0 100%;
}


/* wrapper
------------------------------------------- */
#contents{
padding-top:13px;
background-image:url(../../img/contents_bg.gif);
background-repeat:repeat-x;
background-position:50% 0;
}
*html #spTtlWrap,
*html #contents{
height:1%;
}
body.campaignIndex .inContents,
.inContents{
	
}
.indexs .inContents{
margin-top:0;
padding-top:0;
}
.campaign .inContents,
.sp .inContents{
margin-top:0;
}

.inConPosi{
padding:45px 60px 30px 60px;
border: solid 1px #dbdbdb;
border-radius:4px;
background-color:#fff;
margin-bottom: 30px;
}
.inConPosi object {
	vertical-align: bottom;
}
.indexs .inConPosi{
padding-bottom:42px;
}
.inConPosi2{
padding:45px 49px 30px 49px;
border: solid 1px #dbdbdb;
border-radius:4px;
background-color:#fff;
margin-bottom: 30px;
}

#keyBg{
padding-top:23px;
background-repeat:no-repeat;
background-position:50% 0;
}

/* #contents, #keyBg over */
.sp #contents{
padding-top:23px;
}
#spSp #keyBg,
#spSp #contents{
padding-top:0;
}
.indexs #contents{
padding-top:0;
background:none;
}
#spSp #keyBg{
background:none;
}
/* cyou */
.cyou #contents{
padding-top:0;
background-image:url(../../../cyou/images/bg02.jpg);
}
.cyou #keyBg{
background-image:url(../../../cyou/images/bg01.jpg);
}
.cyou#spSp #contents{
background-image:url(../../../cyou/images/bg_sp.gif);
}
.cyou#spSp #keyBg{
background:none;
}

/* rainbow */
.rainbow #contents{
padding-top:0;
background-image:url(../../../rainbow/images/rainbow_bg_2.jpg);
}
.rainbow #keyBg{
background-image:url(../../../rainbow/images/rainbow_bg.jpg);
}
.rainbow#spSp #contents{
background-image:url(../../../rainbow/images/bg_sp.gif);
}
.rainbow#spSp #keyBg{
background:none;
}


/* bitou */
.bitou #contents{
padding-top:0;
background-image:url(../../../bitou/images/bg02.gif);
}
.bitou #keyBg{
background-image:url(../../../bitou/images/bg01.jpg);
}

.bitou#spSp #contents{
background-image:url(../../../bitou/images/bg_sp.jpg);
}

/* black */
.black #contents{
background-image:url(../../../black/images/black_bg.gif);
}
.black#spSp #contents{
background-image:url(../../../black/images/bg_sp.gif);
}

/* premium */
.premium #contents{
background-image:url(../../../premium/images/premium_bg.jpg);
}

/* premium_black */
.premium_black #contents{
background-image:url(../../../premium_black/images/premium_bg.jpg);
}

/* lnav */
#lnav{
margin-top:10px;
}
#lnav li{
float:left;
padding-top:1px;
padding-bottom:1px;
background-image:url(../../images/dot_y.gif);
background-repeat:repeat-y;
background-position:0 0;
text-align:center;
line-height:1;
}
#lnav li.n01{
background:none;
}

#lnav li.n01{
width:81px;
text-align:left;
}
#lnav li.n02{
width:88px;
}
#lnav li.n03{
width:160px;
}
#lnav li.n04{
width:172px;
}
#lnav li.n05{
width:89px;
}
#lnav li.n06{
width:124px;
}
.bitou #lnav li.n06{
width:114px;
}
#lnav li.n07{
width:82px;
}
#lnav li.n08{
width:115px;
}

#lnav li.n09{
width:137px;
}
#lnav li.n10{
width:200px;
}
#lnav li.n11{
width:229px;
}


#lnav li.n01 img{
margin-left:2px;
}
/*
#lnav li.n07 img{
margin-right:5px;
}
*/
#lnav li.n08 img{
}

/* main */
#main{
width:100%;
float:left;
}


/* side */
#sidebar{
width:192px;
float:right;
}
.indexs #sidebar{
padding-top:0;
} 



/* footer
------------------------------------------- */
#footer{
padding-bottom:35px;
background-color:#eee;
}

/* #footTop */
#footNav,
#footTop{
padding-left:50px;
padding-right:50px;
}
#footNav{
margin-left:58px;
}
#footTop{
padding-right:30px;
}
#footer .pageTop{
text-align:right;
float:right;
width:160px;
}
#footer .fLeft{
float:left;
width:630px;
}
#footer .fLeft{
padding-top:17px;
}

/* fLogo */
#footer .fLeft #fLogo,
#footer .fLeft ul{
float:left;
}
#footer .fLeft #fLogo{
width:58px;
}
#footer .fLeft ul{
margin-top:15px;
width:165px;
}
#footer .fLeft ul li{
background-image:url(../../img/f_icon.gif);
background-repeat:no-repeat;
background-position:0 0.5em;
padding-left:18px;
}
/* footNav */
#footNav li{
float:left;
width:200px;
}
#footNav li.fnav01{
width:120px;
}


#footNav li li{
width:auto;
float:none;
}
#footNav li ul{
margin-right:5px;
}
#footNav{
padding-top:20px;
}

#footNav li {
background-image:url(../../img/f_icon.gif);
background-repeat:no-repeat;
background-position:0 0.5em;
}
#footNav li a{
padding-left:18px;
}

#footNav li li{
background:none;
}
#footNav li li a{
padding-left:0;
}

/* pop footer */
#popup .closeBtn{
width:850px;
margin:0 auto -1px auto;
padding-top:25px;
text-align:right;
}
#popup #footer{
width:890px;
margin:0 auto;
text-align:left;
background-color:#fff;
text-align:right;
}
#popup #footer address{
padding:10px 0;
}
/* clear
------------------------------------------- */
#globalNav ul:after,
#headerGabgabWrap dl:after,
#headerGabgabWrap:after,
.fLeft:after,
.inContents:after,
#lnav:after,
.inConPosi:after,
#footNav:after,
#footTop:after,
#changeFont ul:after,
#changeFont:after,
#headRight:after,
#header:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
*html #globalNav ul,
*html #headerGabgabWrap dl,
*html #headerGabgabWrap,
*html .fLeft,
*html .inContents,
*html #lnav,
*html .inConPosi,
*html #footNav,
*html #footTop,
*html #changeFont ul,
*html #changeFont,
*html #headRight,
*html #header{
height:1%;
}
*html #keyBg,
*html #keyWrap{
height:1%;
}
*:first-child+html #globalNav ul,
*:first-child+html #headerGabgabWrap dl,
*:first-child+html #headerGabgabWrap,
*:first-child+html .fLeft,
*:first-child+html .inContents,
*:first-child+html #lnav,
*:first-child+html .inConPosi,
*:first-child+html #footNav,
*:first-child+html #footTop,
*:first-child+html #changeFont ul,
*:first-child+html #changeFont,
*:first-child+html #headRight,
*:first-child+html #header{
display:inline-block;
}
*:first-child+html #keyWrap{
height:1%;
}
/* macIE \*//*/
#globalNav ul,
#headerGabgabWrap dl,
#headerGabgabWrap,
.fLeft,
.inContents,
#lnav,
.inConPosi,
#footNav,
#footTop,
#changeFont ul,
#changeFont,
#headRight,
#header{
display:inline-block;
}
/* end */
/* for DW \*/
#breadCrumb,
#footer,
#wrapper{
clear:both;
}
/* end */