@charset "utf-8";

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

body {
	background-color:#fff;
	color:#333;
}

#wrapper {
	width:650px;
	margin:10px auto 10px;
	text-align:left;
}

#header-form {
	width:650px;
	height:146px;
	background:url('../images/form/header-form.png') top center no-repeat;
	text-indent:-9999px;
	position:relative;
}

#footer-form {
	width:650px;
	height:54px;
	background:url('../images/form/footer-form.png') bottom center no-repeat;
	text-indent:-9999px;
	clear:both;
}

#form-contents {
	width:620px;
	padding:15px;
}

#form-contents h2 {
	color:#8c7042;
	text-align:center;
}
#form-contents.recruit h2 {
	color:#099;
	text-align:center;
}

#form-flow {
	margin:10px auto;
}

#form-flow ol li {
	display:table-cell;
	float:left;
	width:200px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:108%;
	font-weight:bold;
	background:url('../images/form/flowbg-off.png') center center no-repeat;
}

#form-flow ol li.flow-on {
	color:#fff;
	background:url('../images/form/flowbg-on.png') center center no-repeat;
}

/*スタッフ募集フロー画像*/
.recruit #form-flow ol li {
	background:url('../images/form/flowbg-recruit-off.gif') center center no-repeat;
}
.recruit #form-flow ol li.flow-on {
	background:url('../images/form/flowbg-recruit-on.gif') center center no-repeat;
}

#form-flow ol li a {
	color:#fff;
}

#form-contents h3 {
	text-align:center;
	margin:10px auto;
}

#form-contents #form-note {
	color:#e60033;
	border:1px dotted #999;
	margin:10px auto 30px;
	padding:5px 5px 0;
}

#form-contents #form-note ul {
	margin-left:2em;
	margin-bottom:1em;
	line-height:1.5em;
	font-size:77%;
	text-indent:-1em;
}

#form-contents dl {
	width:620px;
	margin:0 auto;
}

#form-contents dt {
	clear: left;
	float: left;
	width:15em;
	text-align:right;
}

#form-contents dd {
	margin-left:15em;
	margin-bottom:1em;
}

#form-contents dt.hl , #form-contents dd.hl {
/*	border-bottom: 1px dotted #999;*/
	text-align:left;
	color:#099;
	font-weight:bold;
	background-color:#e5f3ea;
	padding:4px 0 0 15px;
}

#form-contents dl span.form-note{
	font-size:77%;
	margin-left:3px;
}

#form-contents dl sup{
	font-size:77%;
	color:#e60033;
	font-weight: bold;
	vertical-align:top;
}

textarea,
input {
	color: #999;
	padding:0.2em;
}
#sendrest_btn {
	margin:10px 0;
	text-align:center;
	padding:5px;
}

#sendrest_btn input {
	color: #333;
}

select {
	padding:0.1em;
}

.is_focus {
	background-color: #ccffff;
}