/* [ver:2.31 Update:04-05-10] */
body{
background-color:#ffffff;
}

form{margin:0;padding:0}

img{border:0}

#suntory_contents{
	text-align:center;
}

/*コンテンツ全体のスタイル*/
#contents{
	width:725px;
	text-align:center;
	margin:10px auto 30px;
	margin-right:auto;
	margin-left:auto;
	background: url("img/c_bg.gif") repeat-y;
}

#hdr_img{
	position: relative;
	margin:0;
	padding:0;
}

#hdr_img h1{
	position: absolute;
	margin:0;
	padding:0;
	top: 21px;
	left: 32px;
}

#hdr_img h3{
	position: absolute;
	margin:0;
	padding:0;
	top: 132px;
	left: 32px;
}



#hdr_img #top_btn{
	position: absolute;
	width: 176px;
	height: 22px;
	left: 542px;
	top: 11px;
}

#main_contents{
	width: 652px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#contents_bottom{
	width:725px;
	height: 24px;
	margin-top:30px;
}

/*［必須］のスタイル*/
.star{ color: #ff0000;}

/*エラータイトルのスタイル*/
.caution{
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	margin:0;padding:0
}

/*エラーメッセージのスタイル*/
.error{
	color:#ff0000;
	margin:0;padding:0
}



/*確認画面のメッセージのスタイル*/
.caption{
	font-size:80%;
	font-weight:bold;
	text-align:center;
	margin:1.5em 0;
}

/*完了画面のメッセージのスタイル*/
.thanks{
	font-size:100%;
	font-weight:bold;
	text-align:center;
	margin:1.5em 0 80px;
}

.thanks p{
	font-weight:normal;
	margin-top:2em;
	font-size: 80%;
}

#t-contents{margin:80px auto 200px;line-height:140%;}
#t-contents h1{font-size:100%;margin-bottom:1em}
#t-contents p{font-size:80%;line-height:140%}


/*説明部分全体のスタイル*/
#notes{
	padding:0 0 2em 0;
}


/*説明部分h2要素のスタイル*/
#notes h2{
	font-size:100%;
	margin:1em 0 0 0;
	padding:0;
	color:#46272C;
}

#notes h2 span{
	color:#E02D6A;
}

/*説明部分p要素のスタイル*/
p.list{
	padding:0;
	margin:0;
}

p.kome{
	text-indent:-1em;
	padding:0;
	margin:0 0 0 1em;
}


/*フォームのテーブル全体のスタイル*/
table#form-table{
	width:100%;
	/*枠の設定*/
	background-color:#46272C;
	border:0;
}

/* テーブル内td要素のスタイル */
#form-table td,
#form-table th{
	padding:10px;
	border:0;
}

/*フォームの項目のスタイル*/
.form-title{
	color:#FFF;
	font-weight:bold;
	font-size: 80%;
}
.form-item{
	width:30%;
	background-color:#F0EAE1;
	vertical-align:top;
}

table#open_list td{
	padding: 2px;
}

/*フォームの入力部分のスタイル*/
.form-input{
	width:70%;
	background-color:#ffffff;
	vertical-align:top;
}


/*アンケート部分*/
table#enquete-table{
	width:100%;
	/*枠の設定*/
	background-color:#000000;
	border:0;
}
table#enquete-table .enquete-title{
	color:#FFF;
	font-weight:bold;
	font-size: 80%;
}

#enquete-table td,
#enquete-table th{
	padding:10px;
	border:0;
}

.enquete-title{
	background-color:#46272C;
}

.enquete-item{
	background-color:#F0EAE1;
}

.enquete-input{
	background-color:#ffffff;
}

table.doukou-table{
	border:0;
	width: 100%;
}

#form-table table.doukou-table td{
	padding: 5px;
}

.form-title2{
	font-weight:bold;
	text-align:left;
	margin-top:2em;
	margin-bottom:0px;
	background-color: #E8E4D3;
	padding: 0.5em;
}

/*フォーム内のテキスト*/
#notes,
.form-item,
.form-input,
.enquete-title,
.enquete-item,
.enquete-input{
	font-size:80%;
	color:#000;
}

/*フォームの送信ボタンのスタイル*/
input.form-submit{
	padding:3px 2em;
}

/*サブミットボタンの制御*/
p#submitButton{
	margin:1em 0;
	text-align:center;
}

/* フォームテキスト入力時のIME状態を指定します。 */
.zenkaku{ ime-mode: active; }
.hankaku{ ime-mode: inactive; }

/*氏名入力欄の横幅指定（改行対策）*/
#kanjisei{width:7.5em}
#kanjimei{width:7.5em}
#kanasei{width:7.5em}
#kanamei{width:7.5em}


/*かんたん応募ボタンのスタイル*/
#kantan-contents{
	text-align:center;
	margin:0 auto 1em;
	border:1px solid #000;
	background-color:#fffff0;
}

#kantan-contents td,
#kantan-contents th{
	padding:10px;
	border:0;
}

#kantan-table{
	width:100%;
	border:0;
	background-color:#F0EAE1;
}

.kantan-btn{
	width:20%;
	text-align:center;
}

.kantan-text{
	width:80%;
	font-size:80%;
}
