/* form.cssは【大会参加お申し込み、会員登録、お問い合わせなどフォーム】のみで使用するCSSです。
　 共通のレイアウトや汎用classなどはcommon.cssに記述しています。
--------------------------------------------------------------------------------
*/



/* ■ お問い合わせ ■ */

/* ご注意 */
#red {
	width:760px;
	margin: 12px 0px 12px 0px;
}
#red ul{
	font-size:75%;
	line-height:1.4;
}
#red .red{
	font-size:16px;
	line-height:1.4;
	font-weight: bold;
	color: #CC0000;
}
#red .rgt{
	margin: 12px 0px 0px 0px;
float:right;
}

/* お問い合わせ内容を選択してください */
#contact {
	width:760px;
	margin: 0px 0px 0px 0px;
}
#contact .bg{
	height:31px;
	padding:  12px 6px 3px 48px;
	background: #DEDEDE url(../images/topics_backimg.gif) no-repeat;
}
#contact h2{
	font-size:14px;
	line-height:1.4;
}
#contact .lead{
	font-size:10px;
	line-height:1.2;
	color: #666666;
}
#contact .pad{
	padding:3px 0px 0px 0px;
}
#contact .area{
	padding:  10px 18px 6px 46px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#contact .nbr{
	width:33px;
	padding: 0px 12px 0px 0px;
	float:left;
}
#contact .comment{
	font-size:100%;
	line-height:1;
	font-weight: bold;
	padding: 9px 0px 0px 0px;
}

/* 大会・イベントに関する事務アルバイト募集のお知らせ */
#recruit {
	margin: 30px 0px 0px 0px;
}
#recruit ul{
	text-align: center;
	padding:  28px;
	background: #DEE9F2;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#recruit li{
	font-size:88%;
	line-height:1;
}
#recruit a{
	font-weight: bold;
	color: #CC0000;
}
#recruit a:hover {
	font-weight: bold;
	color: #0099FF;
}



/* ■ 入力エリア ■ */
#formin {
	margin: 0px 0px 0px 16px;
}
#formin .flow{
	margin: 14px 0px 14px 0px;
}
/* エラーメッセージ */
#formin dl {
	width:744px;
	margin: 12px 0px 12px 0px;
	background: #FFED9F;
}
#formin dt {
	padding: 12px;
	width: 80px;
	float: left;
	color: #333;
}
#formin dd {
	margin-left:92px;
	width: 580px;
	padding: 12px;
}
#formin .ttl{
	font-size: 113%;
	line-height: 1.4;
	font-weight: bold;
}
#formin .msn{
	margin: 0px 0px 0px 4px;
	font-size: 88%;
	line-height: 1.4;
	font-weight: bold;
	color: #CC0000;
}



/* 表組設定 */
#formin table{
	font-size:75%;
	line-height:1.5;
	border: 1px #B3B3B3 solid;
	border-collapse: collapse;
	margin: 0px 0px 24px 0px;
}
#formin td,th{
	border: 1px solid #B3B3B3;
	padding:12px;
}
#formin th{
	width: 150px;
	background:#EBEBEB;vertical-align:top;
}
#formin .place{
	width: 418px;float:left;
}
#formin .btn{
	width: 139px;float:left;
}
#formin .bttl{
	font-size:16px;
	background:#DEE9F2;
	font-weight: bold;
}
#formin .cmt{
	text-align: center;
	font-size:88%;
	line-height:1.4;
	color: #CC0000;
	margin: 0px 0px 24px 16px;
	font-weight: bold;
}
#formin .msg{font-size:88%; line-height:1.5; margin: 12px 0px 12px 0px;}

/* 完了 */
#formin .bmsg{
	font-size:150%;
	color:#0051C5;
	line-height:1.4;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#formin .kpad{
	padding: 55px 0px 55px 0px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
#formin .arrw{
	margin: 3px 0px 14px 0px;
}

/* ■ フォーム設定 ■ */

/* textarea */
#formin .input1 {
	width:480px;background-color: #ffffff;border: 1px solid #7f9db9; font-size:113%; margin: 0px 0px 0px 6px;
}
#formin .input2 {
	width:48px;background-color: #ffffff;border: 1px solid #7f9db9; font-size:113%; margin: 0px 6px 0px 6px;
}
#formin .input3 {
	width:48px;background-color: #ffffff;border: 1px solid #7f9db9; font-size:113%; margin: 0px 6px 0px 6px;
}
#formin .input4 {
	width:300px;background-color: #ffffff;border: 1px solid #7f9db9; font-size:113%; margin: 0px 0px 0px 6px;
}
#formin .input5 {
	width:48px;background-color: #ffffff;border: 1px solid #7f9db9; font-size:113%; margin: 0px 6px 0px 50px;
}
#formin .input6 {
	width:50px;margin: 0px 6px 0px 4px; font-size:100%; float:left;
}
#formin .input7 {
	width:24px;margin: 0px 6px 0px 0px; font-size:113%; float:left;
}
#formin .input8 {
	width:100px;background-color: #ffffff;border: 1px solid #7f9db9; font-size:113%; ime-mode: inactive; margin: 0px 6px 0px 6px;
}
/* check */
#formin .check {
	width:20px;
	padding: 14px 0px 0px 0px;
	vertical-align:middle;
}

/* select */
#formin .select1{
	width:200px;background-color: #ffffff;border: 1px solid #7f9db9;
}
#formin .select2 {
	width:200px;background-color: #ffffff;border: 1px solid #7f9db9;
}
#formin .select3 {
	width:64px;background-color: #ffffff;border: 1px solid #7f9db9;
}
#formin .select4 {
	width:120px;background-color: #ffffff;border: 1px solid #7f9db9;
}

/* form layout */
#formin ul.inbox {
	width:500px;
}
#formin ul.inbox2 {
	padding: 0px 0px 0px 12px;
	width:500px;
	background: url(../images/importance.gif) no-repeat 0px 23px;
}
#formin ul.inbox3 {
	padding: 0px 0px 6px 12px;
	width:500px;
	background: url(../images/importance.gif) no-repeat 0px 6px;
}
#formin ul.inbox4 {
	padding: 0px 0px 0px 13px;
}
#formin ul.inbox5 {
	padding: 6px 0px 0px 34px;
	width:500px;
}
#formin ul.inbox6 {
	padding: 0px 0px 6px 12px;
	width:500px;
	background: url(../images/importance.gif) no-repeat 0px 14px;
}
#formin ul.inbox7 {
	padding: 0px 0px 6px 12px;
	width:500px;
}
#formin ul.inbox8 {
	padding: 0px 0px 6px 12px;
	width:500px;
}
#formin ul.inbox9 {
padding: 0px 0px 6px 12px;
width:500px;
background: url(../images/importance2.gif) no-repeat 0px 6px;
}
#formin .inmgn1 {
	padding: 8px 0px 0px 34px;
}
#formin .inmgn2 {
	font-size: 10px;
	padding: 8px 0px 0px 66px;
}
#formin .inmgn3 {
	padding: 8px 0px 0px 28px;
}
#formin .inmgn4 {
	padding: 0px 0px 8px 18px;
}
#formin .inmgn5 {
	padding: 8px 0px 0px 0px;
}
#formin .inmgn6 {
	font-size: 10px;
	padding: 8px 0px 0px 28px;
}
#formin .inmgn7 {
	padding: 0px 0px 8px 0px;
}
#formin .inmgn8 {
	width:40px;
	margin: 0px 12px 8px 0px;
	float:left;
}
#formin .inmgn9 {
	font-size: 10px;
	padding: 0px 0px 0px 83px;
}
#formin .inmgn10 {
	padding: 6px 0px 0px 24px;
}
#formin .inmgn11 {
	font-size: 10px;
	padding: 8px 0px 0px 4px;
}
/* form error */
#formin .ferror {
	padding: 4px;
	border: 4px solid #FF0000;
}

/* ■ 確認ボタン設定 ■ */
#btn {
	margin: 0px 0px 0px 16px;
	text-align: center;
	width:744px;
	background: #DEE9F2;
}
#btn ul{
	padding: 14px 0px 14px 0px;
	width:744px;
}
#btn li{
	font-size:88%;
	width:148px;
	margin-right: auto;
	margin-left: auto;
}
#btn .pad1{
	padding: 14px 0px 0px 0px;
}
#btn a{display:block;}
#btn a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b01.gif) no-repeat;
	height:33px;
}
#btn a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b01.gif) no-repeat;
	height:33px;
}
#btn .cmt{
	text-align: center;
	font-size:88%;
	line-height:1.4;
	color: #CC0000;
	padding: 16px 0px 0px 0px;
	font-weight: bold;
}

/* ■ 送信ボタン設定 ■ */
#kbtn {
	margin: 0px 0px 0px 16px;
	padding: 14px 14px 14px 224px;
	text-align: center;
	width:508px;
	background: #DEE9F2;
	overflow: hidden;
}
#kbtn ul{
	width:510px;
}
#kbtn li{
	margin: 0px 10px 0px 0px;
	font-size:88%;
	width:148px;
	float:left;
}
#kbtn .pad1{
	padding: 14px 0px 0px 0px;
	background: url(../images/btn_b03.gif) no-repeat;
	height:33px;
}
#kbtn .pad2{
	padding: 14px 0px 0px 0px;
	background: url(../images/btn_b02.gif) no-repeat;
	height:33px;
}
#kbtn a{display:block;}
#kbtn a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	height:33px;
}
#kbtn a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	height:33px;
}

/* ■ 大会ページにもどる ■ */
#backt { margin: 0px 0px 0px 0px;}
#backt .area { text-align: center;width:702px; padding: 16px 12px 16px 40px;}
#backt li.link {
	display:inline;
	font-weight: bold;
	font-size:75%;
	line-height:21px;
	padding: 0px 13px 6px 14px;
	background: url(../images/arrow01.gif) no-repeat;
}

/* ■ 会員登録をする ■ */
#mbr {
	margin: 0px 0px 0px 16px;
	text-align: center;
	width:744px;
	background: #DEE9F2;
}
#mbr .cmt{
	text-align: center;
	font-size:88%;
	line-height:1.4;
	color: #CC0000;
	padding: 16px 0px 0px 0px;
	font-weight: bold;
}
#mbr .mbtn{
	text-align: center;
	padding: 16px 0px 16px 0px;
}

/* ■ 会員ログイン ■ */
#login {
	margin: 0px 0px 0px 16px;
	width:744px;
	background: #DEE9F2;
}
#login .line{
	padding: 6px 16px 10px 16px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#login input{
	font-size:16px;
	ime-mode: inactive;
}
#login ul.inbox7 {
	padding: 0px 0px 6px 220px;
	width:270px;
}
#login .input6 {
	width:60px;margin: 0px 6px 0px 4px;	font-size:75%; line-height:2; float:left;
}
#login .input4 {
	width:180px;background-color: #ffffff;border: 1px solid #7f9db9;margin: 0px 0px 0px 6px;
}
#login .cmt{
	text-align: center;
	font-size:88%;
	line-height:1.4;
	color: #CC0000;
	padding: 6px 0px 12px 0px;
	font-weight: bold;
}
#login .btn{
	text-align: center;
	padding: 10px 0px 4px 0px;
}

#login .txt{
	text-align: center;
	font-size:63%;
	line-height:1;
	padding: 6px 0px 0px 0px;
}

/* ■ 無料会員登録 ■ */
#freembn {
	margin: 30px 0px 0px 16px;
	width:744px;
	background: #FFFFFF;
}
#freembn .line{
	padding: 6px 16px 10px 16px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#freembn input{
	font-size:16px;
	ime-mode: inactive;
}
#freembn ul.inbox7 {
	padding: 0px 0px 6px 220px;
	width:270px;
}
#freembn ul.inbox8 {
	padding: 12px 0px 0px 274px;
	font-size:75%;
	width:270px;
}
#freembn ul.inbox9 {
	margin: 0px 0px 0px 24px;
	font-size:75%;
	width:650px;
}
#freembn .input6 {
	width:200px;margin: 0px 6px 0px 4px;	font-size:75%; line-height:2;
}
#freembn .input4 {
	width:180px;background-color: #ffffff;border: 1px solid #7f9db9;margin: 0px 0px 0px 6px;
}
#freembn .cmt{
	text-align: center;
	font-size:88%;
	line-height:1.4;
	color: #666666;
	padding: 6px 0px 4px 0px;
	font-weight: bold;
}
#freembn .btn{
	text-align: center;
	padding: 10px 0px 4px 0px;
}

#freembn .txt{
	text-align: center;
	font-size:63%;
	line-height:1;
	padding: 6px 0px 0px 0px;
}