@charset "utf-8";
/* CSS Document */

/*05.campaignContainer
------------------------------------------------------------ */
#suntory_contents #campaignContainerWrapper {
	margin:0 auto 40px;
	padding-bottom:4px;
	width:960px;
	background:url(../img2012/top_bg_cp_container_btm.gif) no-repeat 0 bottom;
	position:relative;
}
#suntory_contents #campaignContainer {
	background:url(../img2012/top_bg_cp_container_rt.gif) repeat-y 0 0;
}
#suntory_contents #campaignContainerInner {
	background:url(../img2012/top_bg_cp_container.jpg) no-repeat 0 0;
}
#suntory_contents #campaignContainerInner { /zoom : 1; }
#suntory_contents #campaignContainerInner:after { content : ''; display : block; clear : both; }


/* campaign */
#suntory_contents #campaign {
	width:713px;
	float:left;
}
#suntory_contents #campaignTitle {
	width:713px;
	height:41px;
	position:relative;
}
#suntory_contents #campaignTitle h2 {
	width:221px;
	height:36px;
	background:url(../img2012/top_tl_campaign.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:2px;
	left:14px;
}
#suntory_contents #campaignTitle p a {
	width:67px;
	height:26px;
	background:url(../img2012/top_btn_cp_list.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:8px;
	left:269px;
}
#suntory_contents #campaignTitle p a:hover {
	background:url(../img2012/top_btn_cp_list.gif) no-repeat 0 -26px;
}


#suntory_contents #carousel {
	margin:0 0 0 14px;
	width:699px;
	min-height:175px;
	position:relative;
}


/* caroucel
---------------------------------------------------- */

#suntory_contents #carousel_wrap{
	width:694px;
	height:190px;
	position:relative;
	margin-left:17px;
}

#carousel_wrap #cal_prev{
	width:36px;
	height:175px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	background:url(../img2012/carousel/prev_off.gif) no-repeat;
}

#carousel_wrap #cal_next{
	width:36px;
	height:175px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	background:url(../img2012/carousel/next_off.gif) no-repeat;
}


#carousel_wrap #carousel_body{
	margin:0 auto;
	width:624px;
	height:175px;
	overflow:hidden;
}

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

#carousel_wrap ul.car_list{
	height:175px;
	list-style-type:none;
}

#carousel_wrap ul.car_list li{
	display:block;
	width:190px;
	height:174px;
	float:left;
	padding:1px 9px 0;
	font-size:12px;
	white-space:normal;
}

#carousel_wrap ul.car_list li a{
	display:block;
	width:208px;
	_width:190px;
	height:175px;
}

#carousel_wrap ul.car_list li a:hover{
	opacity: 0.8;
  	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:underline;
}

#carousel_wrap ul.car_list li .car_txt{
	margin-top:6px;
	line-height:1.4;
	color:#0066aa;
	white-space:normal;
	width:190px;
}

#carousel_wrap ul.car_list li a{
	text-decoration:none;
}

#carousel_wrap #preload{
	 width: 0px;
     height: 0px;
     display: inline;
     background-image: url(../img2012/carousel/next_off.gif);
     background-image: url(../img2012/carousel/next_on.gif);
     background-image: url(../img2012/carousel/prev_off.gif);
     background-image: url(../img2012/carousel/prev_on.gif);
}



/* town */
#suntory_contents #town {
	width:229px;
	height:231px;
	float:right;
	position:absolute;
	top:-9px;
	left:712px;
}
#suntory_contents #town h2,
#suntory_contents #town h3 {
	text-indent:-9999px;
}
#suntory_contents #town p a {
	width:200px;
	height:60px;
	background:url(../img2012/top_btn_town_login.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:159px;
	left:9px;
}