@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%;
}
.layout2_1 {
	float: left;
	width: 40%;
}
.layout2_2 {
	float: left;
	width: 60%;
}
.layout3 {
	float: left;
	width: 33%;
}
.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%;
}
#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 {
    background-color: #FFF;
    color: #333;
}
#suntory_contents ul.inline {
	margin: 0px;
	padding: 0px;
}
#suntory_contents ul.inline li {
	display: inline;
	margin: 0 10px 0 0;
}
#suntory_contents sub {
	margin: 0px;
	padding: 0px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #header
------------------------------------------------------------------------ */
#header {
	background-image: url(img/hdr.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 320px;
	width: 760px;
}
#header h1 {
	display: block;
	float: left;
	height: 150px;
	width: 760px;
}
#header h2 {
	display: block;	
	float: left;	
	height: 120px;
	width: 760px;
}
#header h3 {
	display: block;	
	float: left;	
	height: 50px;
	width: 760px;
}
#header span {
	display: none;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container {
	padding: 0 65px;
	width: 760px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#contents {
    margin: 0px;
	width: 760px;	
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formkakunin
------------------------------------------------------------------------ */
#formkakunin {
	margin: 0px;
	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 {
	background-color: #FFF;
	font-size: 81%;
	line-height: 131%;
	margin: 0px;
	padding: 15px 0;
}
#notes h2.first {
    margin: 0;
}
#notes h2 {
    color: #E6A519;
    font-size: 100%;
    font-weight: bold;
    margin: 1em 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 > #course
------------------------------------------------------------------------ */
#course {
	padding: 0px;
}
#course table {
	background-color:#FFF;
	width: 760px;	
}
#course table th {
    background-color: #F5F3ED;
    border: 1px solid #E6B13F;
    font-size: 75%;
    font-weight: normal;
    line-height: 131%;
	padding: 5px 8px 4px;	
    text-align: left;	
}
#course table td {
	background-color: #FFF;	
    border: 1px solid #E6B13F;
    font-size: 75%;
    font-weight: normal;
    line-height: 131%;
	padding: 5px 8px 4px;	
    text-align: left;	
}
#course table th.wid_th_err {
    background-color: #FF99CC;
    border: 2px solid #FF0000;
}
#course table td.wid_td_err {
    border: 2px solid #FF0000;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-quiz-box
------------------------------------------------------------------------ */
h2 span {
	color: #FFF;
	display: block;
	font-size: 81%;
	font-weight: bold;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #quiz
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-form-box
------------------------------------------------------------------------ */
h2#h2-form-box {
    background-color: #E6B13F;
    color: #FFF;
    font-size: 80%;
    margin: 5px 0 0;
    padding: 7px 0 6px 10px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantan
------------------------------------------------------------------------ */
#kantan {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F3ED;
    border-color: #E6B13F #E6B13F -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 0;
    width: 760px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #form_area
------------------------------------------------------------------------ */
#form_area {
	padding: 0px;
}
#form_area table {
	background-color: #FFF;
	width: 760px;	
}
#form_area table th {
    background-color: #F5F3ED;
    border: 1px solid #E6B13F;
	padding: 5px 8px 4px;
}
#form_area table td {
	background-color: #FFF;	
    border: 1px solid #E6B13F;
	padding: 5px 8px 4px;	
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-enquete-box
------------------------------------------------------------------------ */
h2#h2-enquete-box {
    background-color: #E6B13F;
    color: #FFF;
    font-size: 80%;
    margin: 20px 0 0;
    padding: 7px 0 6px 10px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #enquete
------------------------------------------------------------------------ */
#enquete {
}
#enquete table {
	margin: 0px;
	width: 760px;
}
#enquete table th {
    background-color: #F5F3ED;
    border: 1px solid #E6B13F;
	padding: 5px 8px 4px;
}
#enquete table td {
	background-color: #FFF;	
    border: 1px solid #E6B13F;
	padding: 5px 8px 4px;	
}
#enquete table th em {
	color: #C30;
	font-style: normal;
	font-weight: normal;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantanriyou
------------------------------------------------------------------------ */
#kantanriyou table {
	background-color:#FFF;
	width: 760px;
}
/* ------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #datahenko
------------------------------------------------------------------------ */
#datahenko table {
	background-color:#FFF;
	width: 760px;
}