/* [ver:2.31 Update:04-05-10] */
form{margin:0;padding:0}

#suntory_contents{
	text-align:center;
}

/*［必須］のスタイル*/
.star{ color: #ff0000;}

/*エラータイトルのスタイル*/
.caution{
	font-weight:bold;
	font-family:HiraKakuPro-W6;
	color:#ff0000;
	margin:0;
	padding:0;
	font-size: 130%;
}

/*エラーメッセージのスタイル*/
.error{
	color:#ff0000;
	margin:0;padding:0
}

/*確認画面のメッセージのスタイル*/
.caption{
	font-size:80%;
	font-weight:normal;
	text-align:center;
	margin:1.5em 0;
}

/*完了画面のメッセージのスタイル*/
.thanks{
	font-size:100%;
	font-weight:bold;
	font-family:"HiraKakuPro-W6"; 
	text-align:center;
	margin:1.5em 0;
}

#contents h1{
	font-size:110%;
	margin:1.5em 0;
}


/*説明部分全体のスタイル*/
#notes{
	padding:0 0 1em 0;
	text-align:left;
	width:100%;
}


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

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

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

.bold{
	font-weight:bold;
	font-family:"HiraKakuPro-W6";  
}

.padding{
	padding-top: 15px;
}

.padding2{
	padding-bottom: 15px;
}

.form-title{
	font-size:80%;
	font-weight:bold;
	font-family:"HiraKakuPro-W6"; 
	background-color:#16868F;
	color:#ffffff;
}


/*フォームのテーブル全体のスタイル*/
table#form-table{
	width:640px;
	/*枠の設定*/
	background-color:#999;
	border:1;
}

/* テーブル内td要素のスタイル */
#form-table td,
#form-table th{
	padding:10px;
	border:0;
}

/*フォームの項目のスタイル*/
.form-item{
	width:35%;
	background-color:#DFF2F0;
	vertical-align:top;
}

/*フォームの入力部分のスタイル*/
.form-input{
	width:65%;
	background-color:#ffffff;
	vertical-align:top;
}


/*アンケート部分*/
table#enquete-table{
	width:100%;
	/*枠の設定*/
	background-color:#000000;
	border:0;
}

#enquete-table td,
#enquete-table th{
	border:0;
}

.enquete-title{
	background-color:#000000;
	padding:10px;
}

.enquete-item{
	background-color:#FBF2D7;
	padding:10px;
	width:50%;
}

.enquete-input{
	background-color:#ffffff;
	padding:10px;
	width:50%;
}


.q_no{
color:#58B918;
font-weight:bold;
margin:0;
}

.q_tx{
color:#3d3d3d;
font-weight:bold;
margin:0 0 1ex;
}

.q_table td{
padding:0 0.6em 0 0.3em;
height:1.4em;
font-size:80%;
}

.q_table02 td{
font-size:80%;
}

.q_table03 td{
padding:2px 2px 2px 2px;
font-size:80%;
}

.a_table{
margin:0.4em 0 0;
width:100%;
}

.a_table td{
padding:0 0.5em 0 1em;
height:1.2em;
text-indent:-0.4em;
font-size:80%;
}




/*フォーム内のテキスト*/
#notes,
.form-item,
.form-input,
.enquete-title,
.enquete-item,
.enquete-input{
	font-size:80%;
	color:#333;
}

.enquete-item,
.enquete-input{
	font-size:80%;
	color:#666;
}


/*フォームの送信ボタンのスタイル*/
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 #FFE3BB;
	background-color:#FFF3E3;
}

#kantan-contents td,
#kantan-contents th{
	padding:10px;
	border:0;
}

#kantan-table{
	width:100%;
	border:0;
	background-color:#DFF2F0;
}

.kantan-btn{
	width:20%;
	text-align:center;
}

.kantan-text{
	width:80%;
	font-size:80%;
}

.kantan-area{
	background-color:#ffffff;
	padding:5px;
}


.square{
color:#FA81A0;
}

/*クイズのスタイル*/
#form-table td.form-quiz{
	padding: 0px;
	font-size:90%;
	color:#333;
}

p.quiz-q{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #DFF2F0;
	margin: 0px;
}

p#iconq1{background-image: url(/btc/company2008/mizu/common/img/q1.gif);}
p#iconq2{background-image: url(/btc/company2008/mizu/common/img/q2.gif);}
p#iconq3{background-image: url(/btc/company2008/mizu/common/img/q3.gif);}

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

p.hint{
}
p.hint a{
	background-image: url(/btc/company2008/mizu/common/img/hint.gif);
	height: 24px;
	width: 69px;
	display: block;
	float: left;
	margin-right: 5px;
}
p.hint a:hover{
	background-position: 0px 24px;
}

p.hint span{display: none;}

#mizuBody #form-table p.hint-txt a{
	line-height: 200%;
}

#form-table td.form-evaluation{
	padding: 0px;
	font-size:80%;
	color:#333;
}

p.evaluation{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #DFF2F0;
	margin: 0px;
	font-weight: bold;
}

div.evaluation-class{
	background-color: #FFFFFF;
	margin: 0px;
	height: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}