@charset "Shift_JIS";

/* ------------------------------------------------------------------------
　全体のレイアウト
------------------------------------------------------------------------ */
#suntory_contents{
}

#container{
	width:750px;
	background: url(img/container_bg.gif) repeat-y;
}
#container_ft{
	width:750px;
	height: auto;
	background: url(img/container_ft.gif) no-repeat center bottom;
	padding: 0 0 54px;
}

/* header
---------------------------------------------------- */
#header{
	position: relative;
	z-index: 1;
	height: 102px;
	width: 750px;
	background: url(img/hdr_bg.gif) no-repeat;
	margin-bottom: 10px;
}
#header p#hdr_top{
	position: absolute;
	z-index: 2;
	left: 217px;
	top: 22px;
}
#header p#hdr_subtl{
	position: absolute;
	z-index: 2;
	left: 24px;
	top: 19px;
}
#header h1#hdr_title{
	position: absolute;
	z-index: 2;
	left: 12px;
	top: 42px;
}
/* ------------------------------------------------- */

#contents{
	color:#333;
	margin: 0 35px;
}

/*入力フォームテーブル*/
/*アンケートテーブル*/
/*かんたん応募利用テーブル*/
/*会員登録情報変更テーブル*/
#form_area table,
#enquete table,
#kantanriyou table,
#datahenko table{
	width:680px;
	background: #FFF;
}


/* ------------------------------------------------------------------------
　応募要項
------------------------------------------------------------------------ */
/*点線*/
.border {
	height:36px;
	font-size:0px;
	background:transparent url(img/line.gif) no-repeat center center;
}

#container p.info{
	font-size:80%;
	color: #666;
	width: 700px;
	margin: 0 25px;
}

/*説明部分全体のスタイル*/
#container #notes{
	font-size:80%;
	color: #666;
	width: 700px;
	background: url(img/present.jpg) no-repeat right top;
	margin: 0 25px;
	padding: 0;
}

/*説明部分h2要素のスタイル*/
#notes h2{
	font-size:100%;
	font-weight:bold;
	margin:1em 0 0 0;
	padding:0;
}
#notes h2.first{
	margin:0 0 0 0;
}

/*説明部分p要素のスタイル*/
#notes p.list{
	padding:0;
	margin:0;
}

#notes p.kome{
	text-indent:-1em;
	padding:0;
	margin:0 0 0 1em;
}


/* ------------------------------------------------------------------------
　応募フォーム
------------------------------------------------------------------------ */
/* 枠、背景色
---------------------------------------------------- */
/*アンケート見出し*/
h2#h2-present-box,
h2#h2-form-box,
h2#h2-enquete-box{
	margin:0;
	padding:10px 0 10px 10px;
	background-color:#008edb;
}
h2#h2-enquete-box{
	margin-top:10px;
}

h2 span{
	font-size:80%;
	font-weight:bold;
	color:#ffffff;
}

#form_area table th,
#form_area table td,
#enquete table th,
#enquete table td{
	border:1px solid #999;
}


#enquete table tr.border_top_none td.wid_td,
#enquete table tr.border_top_none th.wid_th{
	border-top: none;
}

#enquete table tr.border_none td.wid_td,
#enquete table tr.border_none th.wid_th{
	border-top: none;
	border-bottom: none;
}

#enquete table th.wid_th{
	border-bottom: none;
}

#form_area table th,
#enquete table th{
	background-color:#f5f2e6;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*かんたん応募テーブル*/
#kantan{
	border-top: none;
	border-right: 1px solid #999;
	border-bottom: none;
	border-left: 1px solid #999;
	background-color:#f5f2e6;
}


/* クイズ部分
---------------------------------------------------- */
#enquete th p.quiz-q,
#enquete th div.quiz-q{
	margin: 0px;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 10px 10px 80px;
}


#enquete table th div.quiz-q#iconq1,
#enquete table th div.quiz-q#iconq2,
#enquete table th div.quiz-q#iconq3{background-repeat: no-repeat; background-position: left center;}

#enquete table th div#iconq1{background: url(img/q1.png)}
#enquete table th div#iconq2{background: url(img/q2.png)}
#enquete table th div#iconq3{background: url(img/q3.png)}

#enquete th div.quiz-q h3{
	color:#008edb;
	margin: 0 0 5px;
	font-size: 120%;
}

#enquete th div.quiz-q p.pb{
	margin: 0 0 1em;
}

div.quiz-class{
	background-color: #FFFFFF;
	margin: 0px;
	height: 100%;
	padding: 15px 15px 15px 80px;
}

#enquete p.quiz-a{
	margin-bottom: 1em;
}

#enquete p.hint img{
	vertical-align: middle;
	margin-right: 10px;
}

#form_area table th p{clear:both;padding:0 0 0 0;}


/* 余白
---------------------------------------------------- */
/*入力フォームテーブル*/
#form_area{
	padding:0;
}

/*アンケートテーブル*/
#enquete table{
	margin: 0 0 20px;
}

/* メルマガパーミッション
---------------------------------------------------- */
#form_area table td .mailmag_r{
	float:left;
	width:360px;
	padding:0 0 0 10px;
}


/*サブミットボタン共通*/
#submit_box,
#submit_box2{
	padding-bottom:0;
}

/* ------------------------------------------------------------------------
　確認画面
------------------------------------------------------------------------ */
#formkakunin{
	margin:0 0 10px;
}


/* ------------------------------------------------------------------------
　完了/期間外/エラー
------------------------------------------------------------------------ */
/*サンクス画面説明*/
#formthanks{
	text-align:center;
	padding:10px 0 20px;
}

#formthanks h2{
	line-height: 140%;
	color:#008edb;
}

#formthanks p.lead1{
	font-size:80%;
	line-height:150%;
	margin-top: 1em;
}

#formthanks p.lead{
	margin-top: 1em;
}

/* 20歳未満
---------------------------------------------------- */
#suntory_contents div.caution-box p.caution-txt{
	width:auto;
}