/* インポート */
@import "/css/common.css";

/* =============================== contact =============================== */
/* --------------------- 定員達成のお知らせ --------------------- */
p.message{
	font-weight:bold;
	color:#0055a2;
}

/* --------------------- 枠調節 --------------------- */
#ssl #wrapper{
	margin:0 auto;
	padding:20px 0 0;
	width:640px;
}

/* --------------------- form --------------------- */
/* フォーム：リセット */
#form *{margin:0;padding:0;}

/* フォーム： */
#form{
	margin:0 auto 20px;
	border:1px solid #aaa;
	background:url('../image/back.jpg') no-repeat -4px 0;
}

#form dl{
	margin:0;
	padding:0 10px 1px;
	border:1px #fff;
	border-style:solid solid none;
	background:url('/common_img/line_dot_red.gif') repeat-x 0 100%;
}
/* clear hack */
#form dl{zoom:1;}
#form dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* フォーム：最下項目 */
#form dl.end{margin:0;background:none;}

/* フォーム：項目 */
#form dt{
	float:left;
	width:160px;
}

/* フォーム：必須 */
#form dt span{
	padding-left:5px;
	color:#8f2431;
	font-weight:bold;
	letter-spacing:0;
}

/* フォーム：入力エリア */
#form dd{
	border-left:1px solid #aaa;
	float:right;
	width:440px;
	text-align:left;
}

#form dd span{
	margin-left:10px;
	color:#555;
	letter-spacing:0;
}

/* --------------------- 共通指定 --------------------- */
/* 間隔調整 */
#form dt,#form dd{padding:10px 0;}

/* 間隔調整 */
#form p{margin-left:20px;}

/* 間隔調整：セレクト */
#form select{margin-bottom:5px;}

/* 間隔調整：郵便 */
#form input.post{margin-left:5px;}

/* 間隔調整：チェックボックス */
#form dd.radio input{margin-right:5px;}

/* 入力エリア：色指定 */
#form input.long,
#form input.base,
#form input.short,
#form input.post,
#form select,
#form textarea{
	border:1px solid #7f9db9;
	background-color:#f7f7f7;
}

/* 入力エリア：幅指定 */
#form input.long{width:300px;}
#form input.base{width:200px;}
#form input.short{width:140px;}
#form input.post{width:77px;}
#form textarea{width:410px;}


/* --------------------- btn --------------------- */
/* ボタン */
#btn *{margin:0;padding:0;}

#btn{
	width:600px;
	margin:0 auto 60px;
	text-align:center;
}
/* clear hack */
#btn ul{zoom:1;}
#btn ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#btn li{list-style-type:none;}

/* ボタン：左右 */
#btn li.left{float:left;}
#btn li.right{float:right;}




/* --------------------- thanks・error --------------------- */
/* 共通 */

.error #text-area, .thanks #text-area{margin:0 0 40px;}
.error #text-area h2, .thanks #text-area h2{margin:50px 0 30px;}
.error #text-area p, .thanks #text-area p{margin-left:20px;}


/* --------------------- error --------------------- */
/* error-list */
#error-list{
	margin:0 auto 50px;
	border:1px solid #990f1f;
	width:500px;
}

#error-list ul{
	margin:0 auto;
	padding:20px 30px;
}

#error-list li{
	padding:3px 0 3px 16px;
	list-style-type:none;
	background:url('../image/mark_error.gif') no-repeat 0 4px;
	text-align:left;
}




/* thanks */
#thanks #text-area{
	text-align:center;
	margin-bottom:48px;
}

#thanks #btn{
	margin:0 0 180px;
	padding-top:1px;
	background:url('../image/back_home.gif') no-repeat 48% 0;
}






/* ---------------------  --------------------- */