@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++
CSS Information

 Site URL:     http://shigoto.digiaca.com/
 File Name:    form.css
 Created:      2008/03/28
 Last update:  2008/08/08
 Author:       shigoto@digiaca.com
 Copyright:    (C)2008 K2I.,All Rights Reserved.

Summary
 お問い合わせ、求人登録フォームなどの共通テンプレート

Contents

 __Basic Style
 __Plane Button
 __Radio Button & Check Box
 __Mail Form Setting
 __inputlength

++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
 __Basic Style
----------------------------------------------------*/
form{
	margin:0;
	padding:0;
}

input + label{
	padding-right:10px;
}

/*
 __Plane Button
----------------------------------------------------*/
input.stbtn{
	margin:5px;
}

/*
 __Radio Button & Check Box
----------------------------------------------------*/

input[type="radio"],input[type="checkbox"]{
	vertical-align:middle;
}


/*
 __Mail Form Setting
----------------------------------------------------*/

h3#caution{
	margin:0 auto;
	width:auto;
	height:28px;
	background:#eee url(../../images/box_haikei.gif) repeat-x top;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-top:#ccc solid 1px;
}

p#cautionInner{
	font-size:1em;
	margin:0 auto 10px auto;
	padding-top:5px;
	width:auto;
	background:#eee;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}

p#cautionInner textarea{
	width:708px;
	height:100px;
	font-size:0.8em;
	background:#fff;
}

div#formFlow{
	text-align:right;
}

#mailform{
	padding:10px 0;
}

#mailform .form-group dl{
	padding:15px 25px;
	margin:0px;
	font-size:1.1em;
	float:left;
	background:url(../../images/formarea_body.gif) repeat-y;
	width:684px;
	border-top:#d0d0d0 solid 1px;
}

#mailform .form-group dt{
	float:left;
	width:200px;
	clear:left;
	padding:10px 0px;
	font-weight:bold;
	position:relative;
	border-top:#d0d0d0 solid 1px;
}

#mailform .form-group dd{
	float:left;
	width:480px;
	padding:10px 0px;
	border-top:#d0d0d0 solid 1px;
}

#mailform .form-group dt img{
	position:absolute;
	right:10px;
	top:12px;
}

#mailform h3{
	font-size:2em;
	font-weight:normal;
	background:url(../../images/formtitle_haikei.gif) no-repeat;
	text-indent:1em;
	text-align:left;
	color:#fff;
	width:734px;
	height:49px;
	line-height:1.9em;
}

#mailform #company-group h3{
	background:url(../../images/formtitle_haikei02.gif) no-repeat;
}

#mailform #company-group h3 span{
	font-size:0.5em;
}

#mailform .form-group .first{
	border-top:none;
}

#mailform #company-group{
	position:relative;
	top:-20px;
}

#mailform fieldset.form-group{
	margin:0px 0px 15px 0px;
	padding:0px 0px 13px 0px;
	width:734px;
	background:url(../../images/formarea_bottom.gif) no-repeat bottom;
}

#mailform fieldset.form-group fieldset{
	border:none;
	padding-left:10px;
	background:none;
	margin:0px;
	padding:0px;
}

#mailform fieldset input{
	margin:0;
	font-size:1.1em;
	width:200px;
}

#mailform input.longTextfield{
	width:450px;
}

#mailform input#file{
	width:auto;
	_width:400px;
}

#mailform input.checkbox{
	width:auto;
	border:none;
}

#mailform input.radio{
	width:auto;
	border:none;
}

#mailform textarea{
	margin:0;
	font-size:1em;
	width:440px;
	height:94px;
	padding:3px;
}

#mailform textarea.textareaL{
	margin:0;
	font-size:1em;
	width:440px;
	height:194px;
	padding:3px;
}

#mailform select{
	margin:0;
	width:205px;
}

#mailform select option{
	padding-left:5px;
}

#form-button{
	text-align:center;
	padding-top:15px;
	background:#dbdbdb;
	margin-top:15px;
}

#form-button span{
	display:block;
	padding-bottom:10px;
}

#mailform #form-button #submit-button{
	width:239px;
	height:65px;
}

#mailform #form-button #rtn-button{
	width:239px;
	height:65px;
}

#how{
	margin:10px auto;
	width:560px;
	padding:10px;
	background:#eee url(../../images/box_haikei.gif) repeat-x top;
	border:#ccc solid 1px;
}

/*
 __inputlength
----------------------------------------------------*/

#mailform .form-group dd .counter{
	text-align:right;
	margin:0px 30px 0px 0px;
	paddding:0px;
	font-size:0.8em;
}