/* [ver:2.31 Update:04-05-10] */
body{
background-color:#ffffff;
}

form,p,h1,h2,h3,h4,h5,ul,ol,li{
margin:0;
padding:0
}

#suntory_contents{
	text-align:center;
}



/*コンテンツ全体のスタイル*/

#mainContents {
text-align:center;
}


#containar{
	width:615px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	padding-bottom:20px;
}

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

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

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

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


/*完了画面のメッセージのスタイル*/
#thanksHead {
width:615px;
height:65px;
overflow:hidden;
background-image:url(img/thanks_head.gif);
background-repeat:no-repeat;
margin-top:5px;
}

#thanksHead h1,#thanksHead ul,#thanksHead li {
text-indent:-9999px;
}

#thanksHead ul {
margin: 0;
list-style: none;
}

#thanksMsg {
width:615px;
height:65px;
overflow:hidden;
background-image:url(img/thanks_msg.gif);
background-repeat:no-repeat;
}

#thanksMsg p {
text-indent:-9999px;
}

#thanksBody {
width:615px;
height:182px;
overflow:hidden;
background-image:url(img/thanks_body.gif);
background-repeat:no-repeat;
position:relative;
}

#thanksBody p {
text-indent:-9999px;
}

#thanksBody img {
position:absolute;
top:0;
left:67px;
}

#thanksBody ul {
display:block;
margin: 0;
list-style: none;
}

#thanksBody li {
margin: 0;
padding: 0;
position:absolute;
top:107px;
left:215px;
width: 180px;
height: 37px;
background-image:url(img/btn_back.gif);
background-repeat:no-repeat;
text-indent: -9999px;
}

#thanksBody li a {
text-decoration: none;	 /* ■Firefox等で線が表示されないようにする */
display: block;
height: 37px;
}

#btnPageTop {
position:relative;
margin-bottom:20px;
}

#btnPageTop ul {
display:block;
margin: 0;
list-style: none;
}

#btnPageTop li {
margin: 0;
padding: 0;
position:absolute;
top:8px;
left:551px;
width: 64px;
height: 18px;
background-image:url(img/btn_page_top.gif);
background-repeat:no-repeat;
text-indent: -9999px;
}

#btnPageTop li a {
text-decoration: none;	 /* ■Firefox等で線が表示されないようにする */
display: block;
height: 10px;
}


/*元気のしるし！ヘッダー*/

#back2enjoy {
background-image:url(img/arrow01.gif);
background-repeat:no-repeat;
background-position:left center;
}

#back2enjoy p{
font-size:70%;
line-height:18px;
padding-left:10px;
}

#headTitle {
margin-top:5px;
padding:0;
width:615px;
height:132px;
overflow:hidden;
background-image:url(img/contents_head01.gif);
background-repeat:no-repeat;
position:relative;
}

#headTitle h1,#headTitle h2,#headTitle p{
text-indent:-9999px;
}


/* 一覧 */
#headTitle ul {
margin: 0;
list-style: none;
display:block;
}

#headTitle li {
margin: 0;
padding: 0;
text-indent:-9999px;
position:absolute;
top:106px;
left:317px;
width:84px;
height:24px;
background-image:url(img/btn_lineup.gif);
background-repeat:no-repeat;
}

#headTitle li a {
font-size:0px;
text-decoration: none;	 /* ■Firefox等で線が表示されないようにする */
display: block;
height: 24px;
}


#headImage {
width:615px;
height:259px;
overflow:hidden;
background-image:url(img/contents_head02.gif);
background-repeat:no-repeat;
position:relative;
}

#sceneImg img{
position:absolute;
top:17px;
left:20px;
}

#natchanImg img{
position:absolute;
top:68px;
left:335px;
}

#headImage p{
text-indent:-9999px;
font-size:0px;
}

#headMsg {
width:615px;
height:79px;
overflow:hidden;
background-image:url(img/contents_head03.gif);
background-repeat:no-repeat;
position:relative;
}

#headMsg h1,#headMsg h2,#headMsg p,#headMsg ul,#headMsg li {
text-indent:-9999px;
}

/* 過去の一覧 */

#headMsg ul {
margin: 0;
list-style: none;
display:block;
}

#headMsg li#backNumber {
margin: 0;
padding: 0;
position:absolute;
top:29px;
left:441px;
width:162px;
height:23px;
}

#headMsg li#backNumber a {
font-size:0px;
text-decoration: none;	 /* ■Firefox等で線が表示されないようにする */
display: block;
height: 23px;
}

#formTitle {
width:615px;
height:26px;
margin:20px 0 10px 0;
}

#formTitle h2{
width:615px;
height:26px;
background-image:url(img/title_form.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

/*説明部分のスタイル*/
#notes{
	padding:0;
	color:#454545;
}

#notes h3{
	font-size:80%;
	font-weight:bold;
	font-family:"HiraKakuPro-W6";
	padding:0;
	margin:0;
}

#notes h3.paddingTop {
padding-top:1em;
}

#notes p {
	font-size:80%;
	padding:0;
	margin:0;
}


#attention {
font-size:80%;
font-weight:bold;
font-family:"HiraKakuPro-W6"; 
color:#454545;
padding:1em 0;
}


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

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

p.komeRed{
	text-indent:-1em;
	padding:0;
	margin:0 0 0 1em;
	color:#FF0000;
}

.kantan{
	font-size:80%;
	font-weight:normal;
	margin:1.5em 0;
}



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

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

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

.form-item-middle{
	width:35%;
	background-color:#FFF4D2;
	vertical-align:middle;
}

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


/*フォーム内のテキスト*/
.form-item,.form-item-middle,
.form-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; }


/* 個人情報フォーム上の注意文 */
.noteData{
	background-color:#ffffff;
	font-size:80%;
	color:#ff0000;
}

/* かんたん応募セル */
.bgcol7{
	background-color:#fffff0;
}


/*氏名入力欄の横幅指定（改行対策）*/
#kanjisei{width:7.5em}
#kanjimei{width:7.5em}
#kanasei{width:7.5em}
#kanamei{width:7.5em}



/*エラーページのスタイル*/
#errorMsgContainar {
margin:100px auto 100px auto;
text-align:center;
}

#errorMsgContainar  p{
font-size:80%;
line-height:200%;
}

p.errorMsg {
font-weight:bold;
}