@charset "utf-8";

/****************************
* #general_contents form style
****************************/

#general_contents .formframe {
	margin: 10px 10px 30px 0px;
	padding:10px;
	background-color: #eee;
	display: block;
	}
#general_contents .formtitles {
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	padding:0px;
	}
#general_contents .explanation {
	font-size: 100%;
	margin: 5px 0px 15px 0px;
	padding:0px;
	}
#general_contents .fieldExpla{
	margin: 0px 10px 5px 0px;
	padding: 2px;
	font-size:90%;
	line-height:1.1em;
	}
#general_contents .labeltext {
	font-weight: bold;	
	margin: 0px 10px 5px 0px;
	padding: 2px;
	width: 200px;
	float:left;
	text-align: left;
	}
#general_contents .labeltext100{
	font-weight: bold;	
	margin: 0px 10px 5px 0px;
	padding: 0px;
	width: 100px;
	float: left;
	text-align: left;
	}
#general_contents .field {
	margin-bottom: 10px;
 	clear: both;
	}
#general_contents form.inline {
	display: inline;
	}
#general_contents input,
#general_contents select,
#general_contents textarea {
	color: #333;
	background-color: #fff;
	border: solid 1px #ccc;	
	}
#general_contents .button {
	margin-top: 10px;
	color: #333;
	background-color: #ccc;
	border: solid 1px #999;	
	font-size: 100%;
	}
#general_contents .buttonInvalid {
	margin-top: 10px;
	color: #999;
	background-color: #ddd;
	border: solid 1px #aaa;	
	font-size: 100%;
	}
#general_contents .fieldbottn {
	margin-top: 10px;
	margin-bottom: 10px;
	 clear: both;
	width: auto;
	text-align: center;
	}
#general_contents .showInput {
	margin: 0px 10px 5px 0px;
	padding: 0px;
	width: 250px;
	text-align: left;
	float:left;
	background-color:#fff ;
	}
#general_contents .showInput400 {
	margin: 0px 10px 5px 0px;
	padding: 0px;
	width: 400px;
	text-align: left;
	float:left;
	background-color:#fff ;
	}

/****************************
*  form_block
****************************/
#form_block {
	display:block;
	margin:10px 0 0 0px;
	padding:15px 0;
	width:100%;
	background:#e9e9e9;
}
#form_block p {
	display:block;
	margin:10px 15px 0 15px;
	padding:0px;
	font-size:12px;
	line-height:16px;
}
#form_block span {
	color: #f40000;
}
#form_block h4 {
	display:block;
	margin:5px 15px;
	padding:0 0 5px 0;
	color: #f40000;
	font-size:14px;
	line-height:16px;
	border-bottom:2px solid #f40000;
}
#form_block dl {
	display:block;
	margin:0px 15px;
	padding:0px;
	list-style:none;
}
#form_block dt {
	display:block;
	float:left;
	margin:10px 5px 0 0;
	padding:5px 0 0 0;
	list-style:none;
	font-size:12px;
	line-height:14px;
	text-align:right;
	width:230px;
}
#form_block dd {
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0px;
	font-size:12px;
	line-height:14px;
	list-style:none;
	text-align:left;
	width:340px;
}
#form_block dd p {
	margin:0px 0 0 0;
	padding:4px;
/*	white-space : pre ;*/
	white-space : -moz-pre-wrap; /* Mozilla */
	white-space : -pre-wrap;     /* Opera 4-6 */
	white-space : -o-pre-wrap;   /* Opera 7 */
	white-space : pre-wrap;      /* CSS3 */
	line-break : strict ;
	word-break : break-all ;
	word-wrap : break-word;      /* IE 5.5+ */
}
#form_block dd input {
	margin:0px 0 0 0;
	padding:4px;
	font-size:12px;
	line-height:14px;
	text-align:left;
	border:1px solid #cccccc;
}
#form_block dd textarea {
	margin:0px 0 0 0;
	padding:4px;
	font-size:12px;
	line-height:14px;
	text-align:left;
	border:1px solid #cccccc;
	width:300px;
	height:100px;
}
#form_block dd input.genre {
	display:inline;
	margin:5px 5px 0 0;
	padding:0px;
	font-size:12px;
	line-height:14px;
	text-align:left;
}
#form_block h5 {
	display:block;
	clear:both;
	margin:0px 15px;
	padding:5px 0 0 0;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#f40000;
}
#form_block strong a {
	display:block;
	margin:0px 0 0 0px;
	padding:0px 0 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	background:none;
}
#form_block p.send_button,
.form_block p.send_button {
	margin:10px 0 0 0;
	text-align:center;
}
#form_block p.send_button,
.form_block p.send_button {
	margin:10px 0 0 0;
	text-align:center;
}
#form_block p.send_button input,
.form_block p.send_button input {
	margin:0px 2px;
	text-align:center;
}
#form_block dd input#lastname,
#form_block dd input#firstname,
#form_block dd input#sei,
#form_block dd input#mei,
#form_block dd input#firstnamekana,
#form_block dd input#lastnamekana {
	margin-right:5px;
	width:100px;
}
#form_block dd span {
	display:block;
	margin:0px;
	padding:4px 0 0 0;
	color:#333;
}
#form_block dd select {
	margin:0px 0 0 0;
	padding:4px;
	border:1px solid #cdcdcd;
	background:#ffffff;
}
#form_block p.send_button input.button,
.form_block p.send_button input.button {
	margin:0px 2px 0 2px;
	padding:5px 10px;
	text-align:center;
	border:1px solid #929292;
	background:#929292;
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
}
#form_block p.send_button input.button,
.form_block p.send_button input.button { margin-top:10px; }
#form_block p.send_button input:disabled,
.form_block p.send_button input:disabled {
	margin:0px 2px 0 2px;
	padding:5px 10px;
	text-align:center;
	border:1px solid #929292;
	background:#e9e9e9;
	color:#929292;
	font-size:14px;
	cursor:default;
} 

/****************************
*  .form_exparea
*  フォームのグレー枠の外での説明箇所
****************************/
.form_exparea {
	display:block;
	margin:0px 0 0 5px;
	padding:0px 0;
}
.form_exparea h3 {
	display:block;
	margin:10px 0 0 0px;
	padding:5px 0 6px 10px;
	color:#323232;
	font-size:12px;
	line-height:14px;
	border-left:2px solid #929292;
	border-bottom:1px dotted #cacaca;
}

/****************************
*  #step1
*  #step2
*  #step3
*  #step4
*  #step5
*  stepの枠
****************************/
#step1,
#step2,
#step3,
#step4,
#step5 {
	display:block;
	margin:10px 0px 10px 0px;
	padding:0px;
}
#step1 ul, 
#step2 ul, 
#step3 ul, 
#step4 ul, 
#step5 ul {
	display:block;
	margin:0px 0 0 0px;
	padding:0px 0 0 0;
	list-style:none;
}
#step1 li, 
#step2 li, 
#step3 li, 
#step4 li, 
#step5 li {
	display:block;
	float:left;
	margin:0 0px 0 0;
	padding:0px;
	list-style:none;
	text-align:center;
}
#step1 span, 
#step2 span, 
#step3 span, 
#step4 span, 
#step5 span {
	display:block;
	margin:0 0px 0 0;
	padding:6px 15px;
	list-style:none;
	font-size:12px;
	line-height:16px;
	border:2px solid #e9e9e9;
	text-align:center;
	background:#ffffff;
}
#step1 .step1, 
#step2 .step2, 
#step3 .step3, 
#step4 .step4, 
#step5 .step5 {
	color:#f50000;
	border-color:#f50000;
}
#step1 p, 
#step2 p, 
#step3 p, 
#step4 p, 
#step5 p {
	display:block;
	clear:left;
	margin:0px 0 0 10px;
	padding:8px 0 0 0;
	_padding:0px;
}
#step1 li.next,
#step2 li.next,
#step3 li.next,
#step4 li.next {
	padding-right:16px;
	background:url("/sdp/img/steparrow.gif") no-repeat right center;
}

/****************************
*  .field
*  画像認証の箇所
****************************/
#form_block .field {
	display:block;
	margin:10px 0 0 0;
	padding:0px;
	text-align:center;
}
#form_block .field .imgnum,
#form_block .field p {
	display:block;
	margin:10px auto;
	padding:0px;
	text-align:center;
}
#form_block .field p input{
	display:block;
	margin:0 auto;
	padding:4px;
	border:1px solid #cdcdcd;
}
#form_block .form_info p {
	margin:10px 10px;
	padding:0 0 10px 10px;
	border-bottom:1px dotted #cdcdcd;
}

/****************************
*  .formMain
*  購入お問い合わせフォーム
****************************/
.formMain {
	display:block;
	margin:10px;
	padding:10px 20px;
	background:#eee;
}
.formMain h2 {
	display:block;
	margin:5px 0px;
	padding:0 0 5px 0;
	color: #f40000;
	font-size:14px;
	line-height:16px;
}
.formMain h3 {
	display:block;
	margin:5px 0px;
	padding:0 0 5px 0;
	color: #f40000;
	font-size:12px;
	line-height:16px;
}
.formMain h3 table {
	font-weight:normal;
}
.formMain label {
	line-height:20px;
}
.formMain input,
.formMain select,
.formMain textarea {
	margin:0px 0 0 0;
	padding:2px 4px;
	font-size:12px;
	line-height:14px;
	text-align:left;
	border:1px solid #cccccc;	
}
.formMain .fieldbottn {
	display:block;
	margin:0px 0px;
	padding:0 0 0px 0;
	text-align:center;
}
.formMain .fieldbottn input.button {
	margin:0px 2px 0 2px;
	padding:5px 10px;
	text-align:center;
	border:1px solid #929292;
	background:#929292;
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
}