@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
----------------------------------------------------------------------*/
#suntory_contents div.id_other {
    margin-left: 25px;
}
/*----------------------------------------------------------------------
html > body > #toBeerTopPage2
----------------------------------------------------------------------*/
#toBeerTopPage2 {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
    text-align: center;
    width: 100%;
}
#goto_beertop {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 890px;
}
#goto_beertop img {
    border: medium none;
    margin: 10px 0;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents
----------------------------------------------------------------------*/
#suntory_contents {
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container
----------------------------------------------------------------------*/
#container {
    background-color: #FFFFFF;
    color: #333333;
	margin-top: 15px;
	width: 820px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents
----------------------------------------------------------------------*/
#contents {
    margin: 30px 0 0;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formthanks
----------------------------------------------------------------------*/
#formthanks {
    padding: 15px 0;
    text-align: center;
}
#formthanks h2 {
    color: #E6A519;
    line-height: 138%;
}
#formthanks p.lead {
    margin-top: 1em;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #notes
----------------------------------------------------------------------*/
#notes {
    font-size: 81%;
    line-height: 131%;
    padding: 0 0 1em;
}
#notes h2 {
    color: #B90900;
    font-size: 100%;
    margin: 1em 0 0;
    padding: 0;
}
#notes h2.first {
    margin: 0;
}
#notes p.list {
    margin: 0;
    padding: 0;
}
#notes p.kome {
    margin: 0 0 0 1em;
    padding: 0;
    text-indent: -1em;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-quiz-box
----------------------------------------------------------------------*/
h2#h2-quiz-box {
    background-color: #E6B13F;
    color: #FFFFFF;
    font-size: 81%;
    margin: 20px 0 0;
    padding: 7px 0 6px 10px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #quiz
----------------------------------------------------------------------*/
#quiz table {
    margin: 0;
	width: 820px;
}
#quiz table th {
    background-color: #F5F3ED;	
    border: 1px solid #E6B13F;
    font-size: 75%;
    font-weight: normal;
    line-height: 131%;
    padding: 5px 0 4px 8px;
    text-align: left;
    vertical-align: middle;
	width: 234px;
}
#quiz table th span.ico {
    float: right;
    margin-right: 4px;
}
#quiz table td {
    border: 1px solid #E6B13F;
    font-size: 75%;
    font-weight: normal;
    line-height: 131%;
    padding: 5px 0 4px 8px;
    text-align: left;
    vertical-align: middle;	
}
#quiz table .color-gold {
	color: #F5C748;
}
#quiz table th.wid_l_err {
    background-color: #FF99CC;
    border: 2px solid #FF0000;
}
#quiz table td.wid_td_err {
    border: 2px solid #FF0000;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-form-box
----------------------------------------------------------------------*/
h2#h2-form-box {
    background-color: #E6B13F;
    color: #FFFFFF;
    font-size: 81%;
    margin: 20px 0 0;
    padding: 7px 0 6px 10px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantan
----------------------------------------------------------------------*/
#kantan {
    background-color: #F5F3ED;
    border-color: #E6B13F #E6B13F -moz-use-text-color;
    border-color: #E6B13F #E6B13F;	
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
#suntory_contents table#kantan {
    margin: 0;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #form_area
----------------------------------------------------------------------*/
#form_area {
    padding: 0;
}
#form_area table {
	width: 820px;
}
#form_area table th {
    background-color: #F5F3ED;	
    border: 1px solid #E6B13F;
}
#form_area table td {
    border: 1px solid #E6B13F;
}
#form_area table td .mailmag_r {
    float: left;
    padding: 0 5px 0 10px;
    width: 430px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-enquete-box
----------------------------------------------------------------------*/
h2#h2-enquete-box {
    background-color: #E6B13F;
    color: #FFFFFF;
    font-size: 81%;
    margin: 20px 0 0;
    padding: 7px 0 6px 10px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #enquete
----------------------------------------------------------------------*/
#enquete table {
    margin: 0;
	width: 820px;
}
#enquete table th {
    background-color: #F5F3ED;	
    border: 1px solid #E6B13F;
}
#enquete table td {
    border: 1px solid #E6B13F;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantanriyou
----------------------------------------------------------------------*/
#kantanriyou table {
	width: 820px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #datahenko
----------------------------------------------------------------------*/
#datahenko table {
	width: 820px;
}
/*----------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #submit_box2
----------------------------------------------------------------------*/
#submit_box2 {
    padding: 20px 95px;
    text-align: left;
}