@charset "Shift_JIS";

/* ------------------------------------------------------------------------
　body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {
	color: #333;
/*	background-color: #F8F6F0;
*/}

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

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

#taishi_navi_inner, #taishi_header h1 {
	width: 892px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
}

#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: 25%;
	}
		#taishi_navi li img {
			width: 100%;
			height: auto;
		}
}
*/

#suntory_contents span.required {
	display: inline-block;
    vertical-align: middle;
    background: #f00;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.2px;
    line-height: 1.72em;
    padding: 0 4px 0 20px;
}


/* ------------------------------------------------------------------------
　body > #suntory_contents >#container
------------------------------------------------------------------------ */
#container {
	width: 900px;
	color: #333;
/*	background: url(/btc/beer/premium/cp1403043/img/contentsBG.gif) repeat-y;
*/	padding: 38px 0 50px;
}

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

#container p.lead_reg {
	margin: 0 50px 20px;
	padding: 10px 15px;
	color: #B67308;
	font-size: 90%;
	line-height: 130%;
	background: #FEF9ED;
}

#container p.lead_reg.ssi {
    padding: 10px;
    color: #d83649;
    font-size: 90%;
    background: #FFF;
	border: 1px solid #d83649;
}

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

	#container p.lead_reg {
		margin: 0 20px 20px;
	}

	#container h2.title {
		padding-top: 5%;
		margin-bottom: 5%;
		width:100%;
	}
		#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.mgt1em {
	margin-top: 1em;
}

#notes p.dot {
	text-indent: -0.5em;
	margin-left: 0.6em;
}

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

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

#quiz_area h2#h2-serial-box {
	border: none;
	background-color: #DEC59E;
	padding: 9px 0 6px 10px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
}

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

#suntory_contents #quiz_area .cnt ul li {
	float: left;
	margin-right: 1em;
}

#suntory_contents .box .cnt ul.inline {
	padding-bottom: 0;
}

p#atten {
	font-size: 80%;
	margin-bottom: 10px;
}

#suntory_contents #kantanriyou .cnt {
	border-color: #DEC59E;
}

#suntory_contents #form_area div.mm_read {
	background-color: #F7F2EA;
}

#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 #quiz_area div.cnt_err {
	border-color: #f00;
}

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

	#suntory_contents #form_area div.mm_read {
		background-color: #e5e5e5;
	}

	#suntory_contents #form_area div.mm_read {
		background-color: #F3ECBC;
	}
}

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

#formthanks .inquiry {
	margin: 20px 60px;
	padding: 15px 15px;
	color: #000;
	line-height: 130%;
	background: #FDF5E3;
	font-size: 80%;
}
	#formthanks .inquiry h3 {
		margin-bottom: 1em;
	}

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

#formthanks .gorenraku {
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	#formthanks .inquiry {
		margin: 20px 15px;
	}

	#suntory_contents #formthanks #brand_banner {
		width: 270px;
	}

	#suntory_contents #formthanks #brand_banner div.lastchild {
		width: 270px;
	}
}

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