@charset "shift_jis";
/* CSS Document */

body{
/*	background:url("/btc/beer/premium/common/img2014/bg_body.jpg") repeat-x center 179px #F3F2E0;
*/	background:url("/btc/beer/premium/common/img2014/bg_suntory-contents.png") no-repeat center 258px #F3F2E0;

}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

@media screen and (max-width: 767px) {
body{
	background: #FFF;
}
}
/* ------------------------------------------------------------------------
 body > #suntory_contents >#taishi_header
------------------------------------------------------------------------ */
#taishi_header {
	background: url("/btc/beer/premium/common/img2014/vis_bg1.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
}

#taishi_navi {
	background: url(/btc/beer/premium/common/img2014/bg_navi.gif) repeat-x;
}

* html .clearfix{height:1px}
#taishi_inner,#taishi_navi ul,#taishi_contents,#taishi_header h1{width:890px;margin:0 auto;text-align:left}
#taishi_navi ul{width:892px}
#taishi_navi li{float:left}
#taishi_navi .parentNavi{background:url(/beer/premium/taishikan/common/img/nav_bg1.jpg) repeat-x top left;height:60px}
#taishi_navi .childNavi{width:890px;margin:0 auto;overflow:scroll;height:67px;line-height:0;font-size:0}
#taishi_navi .childNavi div{width:100%}
#taishi_navi .childNavi ul{background:#e2dbb9;width:auto;padding:0}
#taishi_navi .childNavi li a{display:block;padding:0 }
#taishi_navi li a:hover .alpha{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70}

#taishi_navi .close{background:#e2dbb9;text-align:right;width:100%}



#suntory_contents p {
    margin: 0;
}


@media screen and (max-width: 767px) {
	#taishi_header,
	#taishi_contents,#taishi_header h1 {
		width:100%;
	}
	#taishi_contents,#taishi_header h1 img{
		width:100%;
		display:block;
	}

	#taishi_navi .parentNavi{
		height:100%;
	}
	#taishi_navi ul{
		width:100%;
	}

	#taishi_navi li {
		width: 20%;
	}
		#taishi_navi li img {
			width: 100%;
			height: auto;
		}
	#taishi_navi .childNavi{
		width:100%;
		height:100%;
	}
	#taishi_navi .childNavi li{
}
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container {
	width: 890px;
	min-height:325px;
	padding: 30px 0 30px;
}

#container h2.title {
	margin: 0 0 30px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#container {
		width: 100%;
		min-height:0;
		padding: 0;
		background-size:contain;
	}

	#container h2.title {
		padding-top: 3%;
		margin-bottom: 3%;
	}
		#container h2.title img {
			width: 100%;
			height: auto;
		}
}
/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > form > #submit_box
------------------------------------------------------------------------ */
@media screen and (min-width: 768px){
	#suntory_contents #submit_box a.confirm:link, #suntory_contents #submit_box a.confirm:visited {
		background: url("/btc/CP201305/img/submit_btn6_bg.gif") no-repeat scroll center top transparent;
	}
	#suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
		background-position:0 -40px;
	}
}

/* -----for IE8----- */
	.ie8 #suntory_contents #submit_box a.confirm:link, #suntory_contents #submit_box a.confirm:visited {
		background: url("/btc/CP201305/img/submit_btn6_bg.gif") no-repeat scroll center top transparent; 
	}
	.ie8 #suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
		background-position:0 -40px;
	}
/* ----------------- */
@media screen and (max-width: 767px) {
.ie8 #suntory_contents #submit_box a.confirm:link,#suntory_contents #submit_box a.confirm:visited {
	display:block;
	height:auto;
	margin:0 15px;
	padding:10px 0;
	background-image:none;
	background-color:#C00;
	text-indent:0; border-radius:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background: #ffb76b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffb76b', endColorstr='#ffff7f04',GradientType=0 ); /* IE6-9 */
}

.ie8 #suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
	background-color:#e00;
}

}

/*
bkup �폜

#taishi_navi_inner, #taishi_header h1 {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
}
	#taishi_navi_inner {
		width: 890px;
	}*/

/*#taishi_navi li {
	float: left;
}*/