@charset "utf-8";

/*
/ form.css
/ 190305
/ 140120
/ 140107
/ 
/*/




#header .title
{
	border-bottom:none;
	margin-bottom:10px;
}
.s #header .title{margin-bottom:0;}
.s #header .title .logo img {width:180px; height:38px;}


/* フォームタイトル */
#page 
{
	width: 100%;
	min-width: 960px;/*横スクロールバー用*/
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}
.s #page 
{
	min-width: 100%;
	min-width: 320px;
	padding: 0;
}
#page .formheader
{
	background:url(../img/base_form.png) center repeat-y;
}
#page .formheader .data
{
	border-top:10px solid #eee;
	padding:30px 0;
}
#page .formheader .text
{
	padding:0 35px;
}
#page .formheader .text.title
{
	padding-top:25px;
	padding-bottom:5px;
	background:url(../img/border_form.png) top center no-repeat;
}

#page .formheader .frame
{
	border:1px solid #bbb;
	padding:10px;
}

.s #page .formheader {border-top:5px solid #eee;}
.s #page .formheader .data{border-top:none;}
.s #page .formheader .text{padding:0;}
.s #page .formheader .text.title{padding-top:0;padding-bottom:5px;background:none;line-height:1.4;}
.s #page .formheader .text.note{padding-left:10px;}

.s #page .formheader .loose-table table {display:block;}
.s #page .formheader .loose-table table tr {display:block; padding:10px 0; border-top:1px dotted #bbb;}
.s #page .formheader .loose-table table td {display:block;}



/* フォーム */
#page .form
{
	background:url(../img/base_form.png) center repeat-y;
}


#page .ileft
{
	float:left;
	margin-right:5px;
}



#page .form .row
{
	padding:10px 0;/* .border .row を上書き */
	background:url(../img/border_form3.png) top center no-repeat;
}
.s #page .form .row {background:none; border-top:1px solid #bbb;}


#page .form .data
{
	padding-top:5px;
}
#page .form .formgroup{padding-left:30px;}
.s #page .form .formgroup{padding-left:0;}




#page .form .item{margin-bottom:15px;}
.s #page .form .item{padding-left:10px;}



#page .form .field{	width:460px;float:left;margin-right:20px;}
.s #page .form .field {width:100%; padding:5px 0;}

#page .form .field span{
	padding:0 5px;
}
#page .form .label
{
	font-weight:bold;
	line-height:1.5em;
}
#page .form .field input
{
	width:438px;
	padding:2px 10px;
	border:1px solid #bbb;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius:0;
}
.s #page .form .field input {width:100%;}


#page .form .field input.mistake
{
	border:1px solid #a12830;
	background:#f6e9e9;
}
#page .form .field textarea
{
	width:438px;
	height:80px;
	padding:2px 10px;
	border:1px solid #bbb;
}
.s #page .form .field textarea{width:100%;}

#page .form .field textarea.mistake
{
	border:1px solid #a12830;
	background:#f6e9e9;
}

/* セレクトボックス */
#page .form .field .select
{
	float:left;
	position: relative;
}
#page .form .field .select .cover
{
	padding:2px 10px;
	border:1px solid #bbb;
	position: absolute;
	background:#fff url(../img/select_down.png) right center no-repeat;
	-webkit-box-sizing:content-box;
	-moz-box-sizing   :content-box;
	-o-box-sizing     :content-box;
	-ms-box-sizing    :content-box;
	box-sizing        :content-box;
}
/*
.s #page .form .field .select .cover {
	-webkit-box-sizing:content-box;
	-moz-box-sizing   :content-box;
	-o-box-sizing     :content-box;
	-ms-box-sizing    :content-box;
	box-sizing        :content-box;
}
*/

#page .form .field .select div.mistake
{
	border:1px solid #a12830;
	background-color:#f6e9e9;
}
#page .form .field .select .nonselect
{
	color:#888;
}
#page .form .field .select select
{
	cursor:pointer;
	padding:2px 10px;
	border:1px solid #bbb;
	position: relative;
	margin:0 10px 0 0;
	height:30px;
}

.s #page .form .field .select select {margin-bottom:2px;}



/* ラジオボタン */
#page .form .field .radio
{
	padding-top:5px;
}

#page .form .field .radio input
{
	cursor:pointer;
	width:14px;
	border:none;
	padding:0;
	position:absolute;
}
#page .form .field .radio label
{
	padding-left:24px;
	position:relative;
	cursor:pointer;
	margin-right:20px;
	display:inline-block;/* 140131 */
	background:url(../img/radio_off.png) left center no-repeat;
}
#page .form .field .radio label.mistake
{
	background-image:url(../img/radio_wine.png);
}
#page .form .field .radio label.selected
{
	background-image:url(../img/radio_on.png);
}


/* チェックボックス */
#page .form .field .checkbox
{
	padding-top:5px;
}
#page .form .field .checkbox input
{
	cursor:pointer;
	width:14px;
	border:none;
	padding:0;
	position:absolute;
}
#page .form .field .checkbox label
{
	padding-left:24px;
	position:relative;
	cursor:pointer;
	margin-right:20px;
	display:inline-block;/* 140131 */
	background:url(../img/checkbox_off.png) left center no-repeat;
}
#page .form .field .checkbox label.mistake
{
	background-image:url(../img/checkbox_wine.png);
}
#page .form .field .checkbox label.selected
{
	background-image:url(../img/checkbox_on.png);
}




#page .form .field .s50{width:30px;}
#page .form .field .s65{width:45px;}
#page .form .field .s100{width:100px;}
#page .form .field .s200{width:180px;}
#page .form .field .s300{width:280px;}
#page .form .field .s400{width:380px;}
.s #page .form .field .s50{width:50px;}
.s #page .form .field .s65{width:65px;}
.s #page .form .field .s100{width:100px;}
.s #page .form .field .s200{width:180px;}
.s #page .form .field .s300{width:164px;}
.s #page .form .field .s400{width:380px; max-width:100%;}


#page .form .desc
{
	color:#a12830;
	width:195px;
	float:left;
	line-height:1.3em;
}
.s #page .form .desc{width:100%; padding:3px 0 3px 10px;}







/* フォームフッター */
#page .formfooter
{
	background:url(../img/base_form.png) center repeat-y;
}
#page .formfooter .data
{
	background:url(../img/border_form.png) top center no-repeat;
	border-bottom:10px solid #eee;
	padding:30px 0 40px 0;
	text-align:center;
}

.s #page .formfooter {border-bottom:5px solid #eee; border-top:1px solid #bbb;}
.s #page .formfooter .data{border-bottom:none; background:none;}









/* 確認 */
#page .confirm
{
	background:url(../img/base_form.png) center repeat-y;
}


#page .confirm .item
{
	background:url(../img/border_form_dot.png) bottom center no-repeat;
	margin-bottom:10px;
	padding:0 35px;
}
#page .confirm .field.label
{
	width:220px;
	margin-right:20px;
	float:left;
}
#page .confirm .field.value
{
	width:500px;
	float:left;
}
.s #page .confirm .item{padding:10px;}
.s #page .confirm .field.label{width:100%; color:#888; font-weight:bold; font-size:0.94em;}
.s #page .confirm .field.value{width:100%; padding-left:10px;}




/* 確認フッター */
#page .confirmfooter
{
	background:url(../img/base_form.png) center repeat-y;
}
#page .confirmfooter .data
{
	border-bottom:10px solid #eee;
	padding:30px 0 40px 0;
	text-align:center;
}
.s #page .confirmfooter {border-bottom:5px solid #eee;}
.s #page .confirmfooter .data {border:none;}


#confirm,
#send
{
	color:#fff;
	background:#a12830;
	border:none;
	padding:5px 24px;
	cursor:pointer;
}
#confirm:hover,
#send:hover
{
	background:#a5453d;
}
#cancel,
#close
{
	color:#fff;
	background:#505050;
	border:none;
	padding:5px 20px;
	cursor:pointer;
}
#cancel:hover,
#close:hover
{
	background:#666;
}


#page input[type="button"],input[type="submit"]{-webkit-appearance: none;}

/* フォーカスリング用（プルダウン、ラジオボックス、チェックボックス） */
#page .form .field .focusbox {
	-webkit-outline:1px solid rgb(59, 153, 252, 0.7);
	-moz-outline   :none;
	-o-outline     :none;
	-ms-outline    :none;
	outline: 1px solid rgb(59, 153, 252, 0.7);
	box-shadow: 0 0 4px #3b99fc;
	}

/* ie用フォーカスリング */
input[type="text"]:focus {
  box-shadow: 0 0 4px #3b99fc;
}
#page .form .field .radio.focusbox {
	outline: 1px dashed #ddd;
	box-shadow: none;
}
#page .form .field .checkbox.focusbox {
	outline: 1px dashed #ddd;
	box-shadow: none;
}