@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%とした場合
*/
.layout2 {
    float: left;
    width: 48%;
}
.layout3 {
    float: left;
    width: 33%;
}
.layout4 {
    float: left;
    width: 24%;
}
.layout5 {
    float: left;
    width: 19%;
}
.inline {
}
.inline li {
    display: inline;
    margin: 0 2em 0 0;
}
.clearfix {
    clear: both;
}
.clearfix span {
    display: none;
}
#suntory_contents {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    padding-top: 10px;
}
#container {
    width: 731px;
}
#header {
    border-bottom: 1px solid #CCCCCC;
    border-style: solid none;
    border-top: 1px solid #CCCCCC;
    height: 56px;
    padding: 1px 0;
}
#header p#logo {
    float: left;
}
#header p#flower_top {
    float: right;
}
#suntory_contents h1 {
    clear: both;
    margin: 30px 0 40px;
    text-align: center;
}
#contents {
    margin: 0 0;
}
#form_area table, #enquete table, #kantanriyou table, #datahenko table {
    background-color: #FFFFFF;
    width: 731px;
}
#notes {
    font-size: 81%;
    line-height: 131%;
    margin: 0;
    padding: 0 25px 2em;
}
#notes h2 {
    color: #666666;
    font-size: 100%;
    font-weight: bold;
    margin: 1em 0 0;
    padding: 0;
}
#notes h2.first {
    margin: 5px 0 0;
}
#notes p.list {
    margin: 0;
    padding: 0;
}
#notes p.kome {
    margin: 0 0 0 1em;
    padding: 0;
    text-indent: -1em;
}
h2#h2-form-box, h2#h2-enquete-box {
    background-color: #FFFFFF;
    color: #B42129;
    font-size: 100%;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 4px 0;
}
h2#h2-form-box {
    margin: 0;
}
#kantan {
    background-color: #F1F9F9;
    border-color: #C0C0C0 #C0C0C0 -moz-use-text-color;
    border-color: #C0C0C0 #C0C0C0;	
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
#suntory_contents table#kantan {
    margin: 0;
}
#form_area table th, #form_area table td, #enquete table th, #enquete table td {
    border: 1px solid #C0C0C0;
}
#form_area table th, #enquete table th {
    background-color: #F1F9F9;
}
#form_area table td, #enquete table td {
    background-color: #FFFFFF;
}
#form_area {
    padding: 0 0 8px;
}
#enquete table {
    margin: 0;
}
#enquete table td ul.row {
    display: inline;
}
#enquete table td ul.row li {
    float: left;
    line-height: 131%;
    margin: 0 2em 0 0;
}
#enquete table td ul.row li.last {
    margin-right: 0;
}
#enquete table.layout {
    width: auto;
}
#enquete table.layout th, #enquete table.layout td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    font-size: 100%;
}
#enquete table.layout th, #enquete table.layout td {
    padding: 4px;
}
#enquete table.layout th {
    color: #F64570;
}
#enquete .caution {
    color: #5F5F5F;
}
#enquete table th.enq1, #enquete table th.enq2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #C0C0C0;
    border-color: #C0C0C0;	
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #4EAAAE;
    font-weight: bold;
    line-height: 150%;
    padding: 12px 0 3px 0;
}
#enquete table th.enq2 {
    padding-top: 12px;
}
#enquete table th.enq2 strong {
    color: #F64570;
}
div.layout {
    padding: 8px 0;
}
#enquete .layout table {
    width: auto;
}
#enquete .layout th {
    background-color: #FFFFFF;
}
#enquete .layout table td.emp {
    border-style: none;
    width: 20%;
}
#enquete .layout table tr.step1, #enquete .layout table tr.step1 td.wid_td {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 100%;
    text-align: center;
}
#enquete .layout table tr.step1 th.wid_th {
    font-size: 100%;
    text-align: left;
}
#enquete .layout table tr.step2 th.wid_th {
    background: none repeat scroll 0 0 #F1F9F9;
    font-size: 100%;
    text-align: left;
}
#enquete .layout table tr.step2, #enquete .layout table tr.step2 td.wid_td {
    background: none repeat scroll 0 0 #F1F9F9;
    font-size: 100%;
    text-align: center;
}
#enquete .layout table th.fre {
    background: none repeat scroll 0 0 #F1F9F9;
    font-size: 106%;
    padding: 5px 3px 4px;
    text-align: center;
    width: 70px;
}
#formkakunin {
    padding: 0 0 20px;
}
div#formthanks.bnr {
    padding: 0 0 20px;
}
#formthanks h2 {
    color: #666666;
    line-height: 138%;
}
#formthanks p.lead {
    margin-top: 1em;
}
#enquete .step1 th.wid_th_err, #enquete .step2 th.wid_th_err {
    font-size: 100%;
}