@charset "Shift_JIS";
body{
	font-family:sans-serif, Helvetica !important;
}
/* ------------------------------------------------------------------------
 body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {
	color: #333;
/*	background-color: #F8F6F0;
*/}

/*#taishi_header {
	background: url(/btc/beer/premium/cp1403052/img/headerBG02_2012.gif) repeat-x scroll 0 0 transparent;
}

#taishi_navi {
	background: url(/btc/beer/premium/cp1403052/img/naviBG.gif) repeat-x;
	height: 60px;
}

#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;
}

@media screen and (max-width: 767px) {
	#suntory_contents {
		background: none;
	}

	#taishi_header, #taishi_navi {
		background: none;
		height: auto;
	}

	#taishi_navi_inner, #taishi_header h1 {
		width: 100%;
		margin: 0;
	}

	#taishi_header img {
		width: 100%;
		height: auto;
	}

	#taishi_navi li {
		width: 20%;
	}
		#taishi_navi li img {
			width: 100%;
			height: auto;
		}
}
*/

#suntory_contents .cl_red_bold{
	color:#ff0000;
	font-weight: bold;
}
#suntory_contents .cl_red_bold span{
	color:#000;
	font-weight: normal;
}

#suntory_contents .box .zip input[type=text],#suntory_contents .box .email input[type=email] {
	width:240px;
}


@media screen and (max-width: 767px){
#suntory_contents .box .cnt input.w90{
	width:95%;
}
}



/* ------------------------------------------------------------------------
 body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container {
	width: 900px;
	padding: 30px 0 30px;
}

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

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

	#container h2.title {
		padding-top: 3%;
		margin-bottom: 3%;
	}
		#container h2.title img {
			width: 100%;
			height: auto;
		}
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents
------------------------------------------------------------------------ */
#contents {
	margin: 0px auto;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > #notes
------------------------------------------------------------------------ */
#notes h3.first {
	margin-top: 0;
}
#notes h3 {
	margin-top: 1em;
	color: #D4890C;
	font-weight: bold;
}

#notes p.mt1em {
	margin-top: 1em;
}

#notes p.kome span.dot {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > form
------------------------------------------------------------------------ */
#suntory_contents .box h2, #suntory_contents #form_area h2, #suntory_contents #form_area h2.h2_1st {
	background-color: #F7F2EA;
	border-color: #DEC59E;
}

h2#h2-form-box, h2#h2-serial-box, h2#h2-visit-box, h2#h2-report-box, h2#h2-enquete-box {
	background-color: #DEC59E;
	padding: 9px 0 6px 10px;
	font-size: 80%;
	color: #000;
	font-weight: bold;
}

#suntory_contents #quiz_area div.cnt, #suntory_contents #form_area div.cnt, #suntory_contents #enquete div.cnt, #suntory_contents #visit div.cnt, #suntory_contents #report div.cnt, #suntory_contents #kantanriyou .cnt {
	border-color: #DEC59E;
}

#suntory_contents #enquete div.cnt_err, #suntory_contents #enquete div.cnt_err_err {
	border-left: 2px solid #f00;
	border-right: 2px solid #f00;
	border-bottom: 2px solid #f00;
	background-color: #ffdeef;
}

#suntory_contents #form_area div.cnt_wrap h2.first, #suntory_contents #form_area div.cnt_wrap div.first {
	border-top: 1px solid #DEC59E;
}

#suntory_contents .box .cnt ul.inline {
	padding-bottom: 0;
}
	#suntory_contents .box .cnt ul.inline li {
		padding-right: 20px;
	}

#suntory_contents #contents .box div.cnt p.font_s {
	padding: 0;
}

#suntory_contents #quiz_area div.cnt p, #suntory_contents #enquete div.cnt p {
	padding: 0;
}

.column2 .repo_l {
	text-align: center;
	width: 25%;
}

.column2 .repo_r {
	width: 75%;
}

#suntory_contents #visit .cnt ul.inline li {
	display: inline-block;
	padding-right: 0;
}

#suntory_contents #quiz_area div.cnt_err, #suntory_contents #visit div.cnt_err, #suntory_contents #visit div.cnt_err_err, #suntory_contents #report div.cnt_err {
	border-left: 2px solid #f00;
	border-right: 2px solid #f00;
	border-bottom: 2px solid #f00;
	background-color: #ffdeef;
}

#suntory_contents #visit h2.h2_err, #suntory_contents #visit h2.h2_err_err, #suntory_contents #report h2.h2_err {
	background-color: #ff99cc;
	border: 2px solid #f00;
}

#suntory_contents #report img {
	margin-bottom: 10px;
}

#suntory_contents #quiz_area.conf div.cnt p, #suntory_contents #visit.conf div.cnt p, #suntory_contents #report.conf div.cnt p, #suntory_contents #enquete.conf div.cnt p {
	margin: 0;
	padding: 10px 0;
	line-height: normal;
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
}

#suntory_contents form div.emp {
	border: 3px double #f00;
	padding: 1px;
	margin-bottom: 16px;
}
	#suntory_contents #visit, #suntory_contents #report, #suntory_contents #enquete {
		margin-bottom: 0;
	}
	h2#h2-enquete-box {
		margin-top: 0;
	}

@media screen and (max-width: 767px) {
	h2#h2-form-box, h2#h2-enquete-box {
		margin: 0;
	}

	#suntory_contents #form_area div.cnt_wrap h2.first, #suntory_contents #form_area div.cnt_wrap div.first {
		border: none;
	}

	#suntory_contents #visit div.zip span.example {
		display: none;
	}

	.column2 .repo_l, .column2 .repo_r {
		width: 100%;
	}

	#suntory_contents #quiz_area {
		margin: 0;
	}

	#suntory_contents #form_area div.cnt_wrap h2.h2_err {
		border: solid 2px #f00;
	}

	#suntory_contents form div.emp {
		padding: 0;
		margin-bottom: 2px;
	}
		#suntory_contents form div.emp_last {
			margin-bottom: 0;
		}
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > #formthanks
------------------------------------------------------------------------ */
#formthanks h2 {
	color: #D4890C;
}

#formthanks .brand_top a, #formthanks .campetc a {
	background-image: url("/btc/CP201305/img/yj2.gif");
}

#suntory_contents a:link {
	color: #06c;
}

#suntory_contents a:visited {
	color: #579ab9;
}

@media screen and (max-width: 768px) {
	#formthanks h2 {
		margin-top: 10px;
	}
}

/* ------------------------------------------------------------------------
�@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;
	}
/* ----------------- */