
.require{
	display: inline-block;
	padding: 3px;
	line-height: 1em;
	font-size: 11px;
	vertical-align: baseline;
	margin: 0 4px;
	background-color: #f33;
	color: #fff;
}

/*----------------------------------------
 php 
 ---------------------------------------*/


.contact-form h1{
	font-size: 19px;
	margin: 0 0 15px 0;
}

.contact-form .input,
.contact-form .textarea{
	font-size: 13px;
	line-height: 1.4em;
	vertical-align: baseline;
	width: 98%;
	margin: 0;
	padding: 2px;
	border-width: 0px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fcfcfc, #fff);
	background: linear-gradient(to bottom, #fcfcfc, #fff);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.23) inset, 0 0 0 1px rgba(0,0,0,0.21) inset;	
}
.contact-form .select{
	color: #444;
	font-size: 13px;
	line-height: 1.4em;
	width: 140px;
	margin: 0;
	padding: 2px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent: .01px; /*Firefox*/
	text-overflow: ""; /*Firefox*/
	border-width: 0px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #FFF url(/sp/image/common/arrow_bk_down.png) no-repeat 97%;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
	background-size: 12px 8px;
}
.contact-form .input-notice{
	background: #fdd;
	background: -webkit-linear-gradient(top, #fdd, #fdd);
	background: linear-gradient(to bottom, #fdd, #fdd);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1) inset, 0 0 0 1px rgba(255,0,0,0.3) inset;	
}
.contact-form{
	padding: 15px;
	
}
.contact_form_dl,
.contact_form_dt,
.contact_form_dd{
	color: #444;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}
.contact-form i{
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	padding: 3px 5px;
}
.tag_imperative{
	margin: 3px 0 0 5px;
	vertical-align: top;
	background-color: #f33;
}
.tag_example{
	margin: 0 5px 0 0;
	background-color: #FF3300;
}


/*----------------------------------------
	form dl
----------------------------------------*/
.contact_form_dl{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #999;
	padding: 15px;
}
.dl_last{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #999;
}

/*----------------------------------------
	form dt
----------------------------------------*/
.contact_form_dt{
	font-weight: bold;
	width:190px;
	float:left;
	text-align:right;
}
/*----------------------------------------
	form dd
----------------------------------------*/
.contact_form_dd{
margin-left: 220px;
}
.contact_form_dd span{
font-size:15px;
line-height:1.4em;
}

.radio_dd{
padding:10px 10px 10px 0;
}

.contact_form_dl .cb label {
font-size:15px;
margin-right: 18px;
display:inline-block;
cursor: pointer;
}

.contact_form_dl .cb label input[type=checkbox] {
margin: 0 4px 0 0;
padding:0;
height:13px;
width:13px;
}

/*----------------------------------------
	form button
----------------------------------------*/
.contact_form_register{
	text-align: center;
}
.contact_form_register .button{
	display: inline-block;
	padding: 25px 40px;
	margin: 15px 0;
	background-color: #FF8800;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: none;
	box-shadow: rgba(0,0,0,0.1) 0 3px 0 0;
}


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

----------------------------------------*/
span.style_backorder_label{
	display: inline-block;
	width: 4em;
	padding: 2px 0;
}
.contact-form .input.style_backorder_id{
	width: 70%;
}
.contact-form .select.style_backorder_maker{
	width: 71%;
	padding: 4px 2px;
}
.contact-form .select.style_backorder_qty{
	width: 3em;
	padding: 4px 2px;
}


/*----------------------------------------
 form_last
----------------------------------------*/


ul.form_last{
clear:both;
display:block;
width:89%;
border:1px solid #666;
margin: 20px 0;
padding: 5%;
}

ul.form_last li {
list-style-type:none;
border-bottom: 1px dotted #bbb;
}

ul.form_last li span.contact_form {
font-weight:bold;
display:block;
margin: 5px 5px 5px 0;
padding:1px;
}


/*----------------------------------------
 center
----------------------------------------*/

#center {}

#center h3{
margin-bottom: 30px;
}

#center p{
	line-height:1.6em;
	margin: 5px 0 10px;
}


/*----------------------------------------
 notice
----------------------------------------*/

.notice {
width:89%;
margin:0 0 30px;
padding: 30px 5% 28px;
text-align:center;
border:3px dotted #ff0000;
font-size:23px;
color:#ff0000;
}





