/**************/
/* style */
/**************/
.radius				{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.box_shadow			{ box-shadow: 2px 4px 5px rgba(0,0,0,0.4); }
.circle_shadow		{ box-shadow: 1px 1px 2px rgba(0,0,0,0.6); }
.text_shadow		{ text-shadow: 1px 1px 3px #000; }
.sp_image img 		{ height: auto; width: 100%; }

/**************/
/* body */
/**************/
body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-size: 14px; color: #333333; width: 100%; }

/**************/
/* header */
/**************/
header			{ margin-bottom: 10px; }
#logo			{ margin-top: 3px; float: left; width: 50%; }
#gopc			{ margin-top: 5px; margin-right: 4px; float: right; width: 20%; }


/**************/
/* flow */
/**************/

.inquiry_flow {margin:10px auto 20px auto;;width:100%;text-align:center;}
.inquiry_flow li{width:32%;float:left;color:#999;font-weight:bold;}
.inquiry_flow div{display:inline-block;padding:0px 3px;}
.inquiry_flow span{color:#999;display:inline-block;margin:0px 5px 0px 0px;
background-color:#e6e6e6;padding:3px 6px;
-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

.inquiry_flow li .current{color:#333;}
.inquiry_flow .current span {color:#fff;background-color:#000;}



/**************/
/* footer */
/**************/
footer				{ text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #DFDFDF; }
#footer_logo		{ margin-right: auto; margin-left: auto; width: 60%; }
#copyright			{ font-size: 13px; color: #a0a0a0; }



/**************/
/*    title   */
/**************/
#main_index_copy 	{ color: #FFFFFF; padding: 6px 0 3px 6px; background-color: #009507; font-size:1.2em;font-weight:normal;}
#main_index_image	{ width: 100%; }


.must{display:inline-block;padding:1px 2px 1px 2px;background-color:#ed0000;font-weight:bold;color:#ffffff;border-radius:3px;font-size:0.8em;line-height:1.2em;margin-left:10px;vertical-align: top;

}

.introduction_text .must{display:inline;padding:0px 2px 0px 2px;background-color:#ed0000;font-weight:bold;color:#ffffff;border-radius:3px;font-size:0.8em;line-height:1em;margin:2px;vertical-align:middle;}

/**************/
/*   contact  */
/**************/



.contact_inquiry{margin:0 0 12px 0;}
.contact_inquiry dt{padding:2px 6px;line-height:1.2em;}
.contact_inquiry dd{padding:4px 6px 12px 6px;}
.questionnaire{display:block;text-indent:-1.5em;padding-left:1.5em;}



.introduction_text{line-height:1.3em;padding:5px;vertical-align:middle;}
.introduction_text span{font-weight:bold;}
.introduction_text2{line-height:1.3em;padding:5px;margin-bottom:20px;vertical-align:middle;}

.plan{margin:5px 5px 25px 0px;}
.plan_btn{width:100%;}
button.plan_action {
	font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	lin-height:1.2em;
	color: #333333;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 25%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.25, #ffffff),
		to(#cccccc));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #bdbdbd;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.6);
}


button.plan_action:after{
		background: -moz-linear-gradient(
		top,
		#cccccc,
		#ffffff 25%,
		#ffffff 0%);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cccccc),
		color-stop(0.25, #ffffff),
		to(#ffffff));
	
	}
	
	button.postal_code_action {
	font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
				display:block;margin:5px 0px;
	lin-height:1.2em;
	color: #333333;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 25%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.25, #ffffff),
		to(#cccccc));
	
	border: 1px solid #bdbdbd;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.6);
}


.text-company{width:70%;}
.text-person_in_charge{width:70%;}
.text-address{width:90%;}
.text-email{width:90%;}

textarea{margin:4px 6px;width:90%;height:50px;}

.select_gyousyu{display:block;margin-bottom:3px;}

.dmcheck{text-indent:-1.5em;padding-left:1.5em;margin:5px}
#verisign{margin: 10px auto; width: 25%;}
#inquiry{margin: 20px auto; width: 92%;}
#confirm_btn{margin: 20px auto; width: 92%;}
#no_confirm_btn{margin: 20px auto; width: 92%;}


.alert_a{
font-weight:bold;
display:inline-block;
color:#fff;padding:1px 6px;margin-right:3px;
	background: #f00;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;}
	
.alert_t{color:#f00;padding:8px 0px 0px 0px;margin:0px 0px 0px 3px;}
.alert_t_last{color:#f00;padding:10px 10px 0px 10px;text-align:right;margin:20px 0px 0px 0px;}


/**************/
/* contact_p  */
/**************/

.introduction_ot{font-size:1.2em;padding:10px;text-align:center;font-weight:bold;line-height:1.5em;}
.select{margin:10px 10px 20px 10px;}
.select label{width:45%;float:left;}
.question label{width:45%;float:left;}

/**************/
/*confirmatiom*/
/**************/

.confirmation_tone{padding: 0 0 0 3px; font-size:1.1em;font-weight:bold;margin:6px 0px 6px 0px;
border-left:3px solid #17c820;
}
.hr{border-top:1px solid #cccccc;padding-top:10px;margin-top:10px;}

.confirmation_some{border-bottom:1px solid #DFDFDF;margin:0 0 12px 0;}
.confirmation_some dt{background:#DFDFDF;border-top:1px solid #DFDFDF;padding:2px 6px;}
.confirmation_some dd{border-top:1px solid #DFDFDF;padding:10px 6px;line-height:1.4em;}

#confirmation_sometext{border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;padding:10px 6px;margin:0 0 12px 0;}


.dm_anser{padding:0 15px 5px 5px;line-height:1.2em;}


/**************/
/*   thanks   */
/**************/


#thanks_text{font-weight:bold;padding:0px 15px 5px 10px;line-height:1.5em;text-align:center;}
#thanks_codicil{padding:0 15px 5px 10px;line-height:1.5em;text-align:center;}
.link_buy{text-align:right;margin:0px 15px 0px 0px;line-height:1.5em;}



/**************/
/* form */
/**************/
#company 			{ font-size: 12px; margin-top: 10px; margin-bottom: 10px; display: none; }
#company dl			{ margin-right: auto; margin-bottom: 4px; margin-left: auto; padding-top: 3px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; width: 93%; }
#company dt			{ margin-right: 2%; float: left; width: 30%; }
#company dd			{ float: left; width: 67%; }

/**************/
/* form result*/
/**************/
#company 			{ font-size: 12px; margin-top: 10px; margin-bottom: 10px; display: none; }
#company dl			{ margin-right: auto; margin-bottom: 4px; margin-left: auto; padding-top: 3px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; width: 93%; }
#company dt			{ margin-right: 2%; float: left; width: 30%; }
#company dd			{ float: left; width: 67%; }

/**************/
/* contact */
/**************/
#contact a 			{ color : #ffffff; text-decoration : none ; text-align :center ; font-size :23px;  padding-top :18px; margin-right: auto; margin-left: auto;  margin-bottom :15px ; height: 42px; width: 90%; background-image: url('../images/contact_arrow.jpg'),url('../images/contact_bg.jpg'); background-repeat: no-repeat,repeat-x; background-position: 95% 22px,top center;}
.contact a 			{ color : #ffffff; text-decoration : none ; text-align :center ; font-size :23px;  padding-top :18px; margin-right: auto; margin-left: auto;  margin-bottom :15px ; height: 42px; width: 90%; background-image: url('../images/contact_arrow.jpg'),url('../images/contact_bg.jpg'); background-repeat: no-repeat,repeat-x; background-position: 95% 22px,top center;}
.emp-accent{
font-size:12px;
text-decoration: underline;
font-weight:bold;}

/**************/
/* index_select */
/**************/
#index_copy		{ font-size: 13px; font-weight: bold; line-height: 1.3em; padding: 3%; }

/**************/
/* index_select */
/**************/
#index_select				{ padding: 2%; background-color: #E9FBD3; }
#index_select a				{ text-decoration: none; }
#index_select .buy 			{ margin-left: 2%; border: 1px solid #DE0159; float: left; width: 45%; }
#index_select .buy .label	{ color: #FFFFFF; padding: 2px; background-color: #DE0159; }
#index_select .buy .text	{ font-size:15px; line-height: 1.2em; color: #DE0159; padding: 10px 0 0 2%; height: 50px; background-image: url('../images/index_select_buyarrow.jpg'),url('../images/index_select_buy.jpg'); background-repeat: no-repeat ,repeat-x; background-position: 95% 13px,top center;}
#index_select .sell 		{ margin-right: 2%; border: 1px solid #F08D00; float: right; width: 45%; }
#index_select .sell .label	{ color: #FFFFFF; padding: 2px;  background-color: #f08d00; }
#index_select .sell .text	{  font-size:15px; line-height: 1.2em; color: #f08d00; padding: 10px 0 0 2%; height: 50px; background-image: url('../images/index_select_sellarrow.jpg'),url('../images/index_select_sell.jpg'); background-repeat: no-repeat ,repeat-x; background-position: 95% 13px,top center; }

/*201612 更新*/
.h2_asp{border-left: 3px solid #2D67A3;}/*受発注*/
.bg_asp{background:#2D67A3 !important;}/*受発注*/
.h2_emp{border-left: 3px solid #d66860;}/*商談*/
.bg_emp{background:#d66860 !important;}/*商談*/
.h2_kikaku{border-left: 3px solid #E19140;}/*規格書*/
.bg_kikaku{background:#E19140 !important;}/*規格書*/
.h2_contract{border-left: 3px solid #934b81;}/*契約書*/
.bg_contract{background:#934b81 !important;}/*契約書*/
.inquiry_flow li{width:23%;}
.flow_w{width:31% !important;}
.col_title{display:inline-block;width:12em;}
.select_style{width:13em;}
.must{padding-top:0.5% !important;}/*android chrome 対応*/