@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: 48%;
}
.layout3 {
    float: left;
    width: 33%;
}
.layout4 {
    float: left;
    width: 24%;
}
.layout5 {
    float: left;
    width: 19%;
}
.clearfix {
	clear: both;
	height: 1;
}
.clearfix span {
	display: none;
}
ul.inline li {
	display: inline;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents
--------------------------------------------------------------------------------*/
#suntory_contents {
	background-image: url(./img/ind_bg_cwp_01.jpg);
	background-position: 50% top;
	background-repeat: repeat-x;
	color: #333;
	text-align: center;
}
#suntory_contents a:link {
	color: #927F35;
	text-decoration: none;
}
#suntory_contents a:visited {
	color: #927F35;
	text-decoration: none;
}
#suntory_contents a:hover {
	color: #927F35;
	text-decoration: underline;
}
#suntory_contents table{
	margin:0 auto;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container
--------------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	padding: 35px 0 50px;
	text-align:center;
    width: 960px;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents
--------------------------------------------------------------------------------*/
#contents {
	background-color:#FFFFFF;
    margin: 0 auto;
    padding: 10px 0;
    width: 960px;
	text-align:center;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #topicPath
--------------------------------------------------------------------------------*/
#topicPath {
	padding: 6px 0;	
}
#topicPath ul {
}
#topicPath ul li {
	display: block;
	float: left;
	font-size: 75%;
}
#topicPath ul li .tpSepa {
	background-attachment: scroll;
	background-color: transparent;
    background-image: url(/btc/flower/cp1206111/img/cmn_sepa_topicpath_01.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
    display: inline-block;
    padding: 0 10px;
    width: 5px;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-form-box
--------------------------------------------------------------------------------*/
h2#h2-form-box {
    background-color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
    margin: 0 90px;
    padding: 10px 8px;
	text-align:left;
}
h2#h2-form-box span{
	color:#7F574A;
	font-size:100%;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h3-form-box
--------------------------------------------------------------------------------*/
h3#h3-form-box {
    background-color: #FFFFFF;
    color: #B42129;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #inner
--------------------------------------------------------------------------------*/
#inner {
	padding: 0 80px;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #inner > #notes
--------------------------------------------------------------------------------*/
#notes {
    font-size: 81%;
    line-height: 131%;
    margin: 0 auto;
    padding: 15px 90px;
	text-align: left;
}
#notes dt {
	color: #7f574a;
	font-weight: bold;
	padding: 5px 0;
}
#notes dd.tel {
	font-size: 131%;
	font-weight: bold;
}
#notes dd .cl_red2 {
	color: #d94c6f;
	font-size: 75%;
	font-weight: normal;
}
#notes h2 {
    color: #7F574A;
    font-size: 100%;
    font-weight: bold;
    margin: 1em 0 0;
    padding: 0;
}
#notes h3 {
    font-size: 100%;
    font-weight: normal;
    margin: 0px;
	padding: 15px 0;
}
#notes .lead {
	color:#927F35;
	background-color: #f7f2df;
	line-height: 30px;
	margin-bottom:30px;
	text-align:center;
        line-height: 144%;
        padding:10px;
}
#notes p.list {
	line-height: 144%;
    margin: 0;
    padding: 0;
}
#notes p.kome {
	line-height: 144%;	
    margin: 0 0 0 1em;
    padding: 0;
    text-indent: -1em;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formkakunin
--------------------------------------------------------------------------------*/
#formkakunin {
    padding: 30px 0 10px;
}
#formkakunin p {
    font-size: 81%;
    line-height: 131%;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formthanks
--------------------------------------------------------------------------------*/
#formthanks {
    padding: 30px 85px;
	text-align: center;
}
#formthanks h3 {
    color: #666;
    line-height: 138%;
}
#formthanks p.lead {
    margin-top: 1em;
	padding: 0px;
	text-align: center;
}
#formthanks a {
	font-size: 88%;
}
#formthanks .brand_top a {
	background-image: none;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantan
--------------------------------------------------------------------------------*/
#kantan {
    background-color:#FBE9E2;
    border-color: #E6C9BD;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    width:780px;
}

/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #form_area
--------------------------------------------------------------------------------*/
#form_area {
    padding: 0 0 8px;
	text-align: center;
}
#form_area table {
    width: 780px;
}
#form_area table th {
    background-color: #fbe9e2;
    border: 1px solid #e6c9bd;
}
#form_area table td {
    background-color: #FFF;
    border: 1px solid #e6c9bd;	
}
#form_area table th span {
    float: left;
}
#form_area table th span.ico {
    float: right;
    margin-right: 4px;
}
#form_area table td .mailmag_r {
    float: left;
    padding: 2px 5px 0 8px;
    width: 450px;
}
#form_area table th.wid_th_err {
    background-color: #FF99CC;
    border: 2px solid #FF0000;
}
#form_area table td.wid_td_err {
    border: 2px solid #FF0000;
}
#form_area table td.wid_td_err .er_msg_point2 {
    color: #FF0000;
    font-weight: bold;
    margin-left: 3px;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #form_area .kakunin
--------------------------------------------------------------------------------*/
#form_area table.kakunin th {
/*	padding: 5px 8px;	
*/}
#form_area table.kakunin td {
	padding: 5px 8px;	
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #header > #contents > #h2-enquete-box
--------------------------------------------------------------------------------*/
h2#h2-enquete-box {
    background-color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
    margin: 0 90px;
    padding: 10px 8px;
	text-align:left;
}
h2#h2-enquete-box span{
	color:#7F574A;
	font-size:100%;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #header > #contents > #enquete
--------------------------------------------------------------------------------*/
#enquete table {
    background-color: #FFFFFF;
	margin: 0 auto;
    width: 780px;
}
#enquete table th {
    background-color: #FBE9E2;	
    border: 1px solid #E6C9BD;
}

#enquete table th .highlight {
    color:#927F35;
    float:none;
}

#enquete table th.enq {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E6C9BD;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #7F574A;
    font-weight: bold;
    line-height: 150%;
    padding: 12px 0 3px;
}
#enquete table td {
    background-color: #FFFFFF;	
    border: 1px solid #E6C9BD;
}
div.layout{
	padding: 0px;
	margin-right: 8px;
}

#enquete .layout table{
	width: auto;
}

#enquete .layout table th,
#enquete .layout table td{
	font-size: 100%;
	vertical-align: middle;
	border:1px solid #B3B3B3;
}

#enquete .layout table th{
	background: #FFFFFF;
	padding:5px 8px 4px;
}

#enquete .layout table th.wid_th_err{
    background-color: #FF99CC;
    border: 2px solid #FF0000;
}

#enquete .layout table td.wid_td_err{
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
}

#enquete .layout table td.wid_tdr_err{
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
}


/*必須マークの列*/
#enquete .layout table td.need{
	padding:5px 0px 4px;
	border-style: none;
	text-align: right;
	vertical-align: top;
	background: #FFFFFF;
}

/*空セル*/
#enquete .layout table td.emp{
	border-style: none;
}

/*飲料種類タイトル*/
#enquete .layout table th.drink{
	background: #CFE8FF;
}

/*飲用種類*/
#enquete .layout table th.wid_th{
}

/*飲用頻度*/
#enquete .layout table th.fre{
	background: #F2F2F2;
	padding:5px 3px 4px;
	/*width: 50px;*/
	text-align: center;
}

/*飲用頻度選択欄：入力画面（ラジオボタン）*/
#enquete .layout table td{
	padding:0;
	text-align: center;
}

/*飲用頻度選択欄：確認画面*/
#enquete table.kakunin .layout table td.wid_td{
	padding:5px 8px 4px;
	text-align: left;
}
#enquete .layout table.tbl01 th.fre{
	width: 150px;
}

#enquete .layout table.kakunin td{
	padding: 5px 8px 4px;
    text-align: left;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #h2-enquete-box
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #enquete
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #kantanriyou
--------------------------------------------------------------------------------*/
#kantanriyou {
	text-align:left;
}
#kantanriyou table {
	width: 780px;
	margin:10px 0 0;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #datahenko
--------------------------------------------------------------------------------*/
#datahenko{
	text-align:left;
}
#datahenko table {
	width:780px;
	margin:10px 0 0;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #formthanks
--------------------------------------------------------------------------------*/
#formthanks .gorenraku {
	margin:20px 0 0;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #submit
--------------------------------------------------------------------------------*/
#submit {
	padding: 3px 2px;
	text-align: center;
}
#submit input {
	margin: 0px;
	padding: 3px 2em;
}
/*--------------------------------------------------------------------------------
html > body > #suntory_contents > #container > #contents > #submit2
--------------------------------------------------------------------------------*/
#submit_box2 {
	padding: 20px 170px;
}
#submit2 {
	padding: 3px 2px;
	text-align: center;
}
#submit2 input {
	margin: 0px;
	padding: 3px 2em;
}
/*--------------------------------------------------------------------------------
html > body > #suntoryCommonFooter
--------------------------------------------------------------------------------*/
#suntoryCommonFooter {
	margin: 0px;
}