@charset "Shift_JIS";
/*
px 	%
8px 	50%
9px 	56%
10px 	63%
11px 	69%
12px 	75%
13px 	81%
14px 	88%
15px 	94%
16px 	100%
17px 	106%
18px 	113%
19px 	119%
20px 	125%
21px 	131%
22px 	138%
23px 	144%
24px 	150%
25px 	156%
26px 	163%
27px 	169%
28px 	175%
29px 	181%
30px 	188%
31px 	194%
32px 	200%
33px 	206%
34px 	213%
35px 	219%
16px = 100%とした場合
*/
/* ------------------------------------------------------------------------
html > body
------------------------------------------------------------------------ */
.layout2 {
	float: left;
	width: 50%;
}
.layout3_1 {
	float: left;
	width: 30%;
}
.layout3_2 {
	float: left;
	width: 38%;
}
.clearfix {
	clear: both;
}
.clearfix span {
	display: none;
}
/* ------------------------------------------------------------------------
html > body > #toBeerTopPage2
------------------------------------------------------------------------ */
#toBeerTopPage2 {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
    text-align: center;
    width: 100%;
}
/* ------------------------------------------------------------------------
html > body > #toBeerTopPage2 > #goto_beertop
------------------------------------------------------------------------ */
#goto_beertop {
    margin: 0 auto;
    text-align: left;
    width: 760px;
}
#goto_beertop img {
	border: none;	
	margin: 5px 0px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {
	background: #FFFFFF;
}
#suntory_contents ul.inline {
	margin: 0px;
	padding: 0px;
}
#suntory_contents ul.inline li {
	display: inline;
	margin: 0 10px 0 0;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #header
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container {
	margin-top: 15px;
	width: 760px;
}
#container h1 {
    height: 100px;
    width: 760px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#contents {
	margin: 0px;
	padding: 0px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formkakunin
------------------------------------------------------------------------ */
#formkakunin {
	padding: 10px 0;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formthanks
------------------------------------------------------------------------ */
#formthanks {
	padding: 10px 0;
}
#formthanks h2 {
	color: #333;	
	line-height: 140%;
}
#formthanks .lead {
	margin-top: 1em;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes {
	font-size: 81%;
	line-height: 131%;
	margin: 0px;
	padding: 0 20px 10px;
}
#notes .product {
	float: right;
	padding: 30px 30px 0 0;
	width: 37px;
}
#notes h2 {
	color: #b57f26;	
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0;
}
#notes .list {
	margin: 0;	
	padding: 0;
}
#notes .kome {
	margin: 0 0 0 1em;
	padding: 0;
	text-indent: -1em;		
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-quiz-box
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #quiz
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-enquete-box
------------------------------------------------------------------------ */
h2#h2-enquete-box {
    background-color: #242D33;
    color: #FFFFFF;
    font-size: 81%;
    margin: 0px;
    padding: 7px 0 6px 10px;	
}
h2 span {
	color: #000000;	
	display: block;
	font-size: 81%;
	font-weight: bold;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #enquete
------------------------------------------------------------------------ */
#enquete table {
	background-color:#ffffff;
	margin: 0px;
	width: 760px;
}
#enquete table th {
	background-color: #F1F2EA;
	border: 1px solid #161B1F;
	padding: 5px 8px 4px;
}
#enquete table td {
	background-color: #ffffff;
	border: 1px solid #161B1F;
	padding: 5px 8px 4px;	
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-form-box
------------------------------------------------------------------------ */
h2#h2-form-box {
    background-color: #242D33;
    color: #FFFFFF;
    font-size: 81%;
    margin: 20px 0 0;
    padding: 7px 0 6px 10px;	
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantan
------------------------------------------------------------------------ */
#kantan {
	background-color: #FFF;
	border: 1px solid #161B1F;
	border-bottom: none;
	margin: 0px;
	width: 760px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #form_area
------------------------------------------------------------------------ */
#form_area {
	padding: 0px;
}
#form_area table {
	background-color:#ffffff;
	width: 760px;	
}
#form_area table th {
	background-color: #F1F2EA;	
	border: 1px solid #161B1F;
	padding: 5px 0 4px 8px;
}
#form_area table td {
	background-color: #ffffff;	
	border: 1px solid #161B1F;
	padding: 5px 0 4px 8px;	
}
#form_area table tr.mail_magazine_list td {
	padding: 5px;
}
#form_area table tr.mail_magazine_list td dl dt {
	float: left;
    padding-top: 3px;
	width: 81%;
}
#form_area table tr.mail_magazine_list td dl dd {
	float: left;
    padding-top: 3px;
	width: 81%;
}
#form_area table td ul {
	margin: 0px;
	padding: 0px;
}
#form_area table td ul.inline li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 0;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantanriyou
------------------------------------------------------------------------ */
#kantanriyou table {
	background-color:#ffffff;
	width: 760px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #datahenko
------------------------------------------------------------------------ */
#datahenko table {
	background-color:#ffffff;
	width: 760px;
}

dt.mm_kakunin {
       width: 400px !important;
}