@charset "utf-8";
/* CSS Document */

/* top
-------------------------*/
/**スライダー**/
#image-navigation {
	width: 980px;
	height: 430px;
	position:relative;
	margin: 0 auto 40px;
}
#image-navigation .navi-image{
	height: 340px;
}
#image-navigation .navi-image a { 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

.navi{
	position:absolute;
	left: 0px;
	top: 350px;
	height: 80px;
}
.navi ul li{
	float: left;
	margin-right: 10px;
}
.navi ul li:last-child{
	margin-right: 0;
}
.navi ul li img{
	width:320px;
	height:80px;
}
/**ショッピングモール**/
#mall_bn{
	width: 980px;
	margin: 0 auto 40px;
}
#mall_bn #mall_list{
	padding-top: 10px;
}
#mall_bn #mall_list li{
	float: left;
	width: 320px;
	margin-right: 10px;
}
#mall_bn #mall_list li:last-child{
	margin-right: 0;
}
#mall_bn a:hover img{
	opacity: 0.85;
}
/**モノ作りの流れ**/
#production_cont{
	width: 980px;
	margin: 0 auto 70px;;
}
#production_cont h3{
	margin-bottom: 20px;
}
#production_cont #production_flow{
	width: 960px;
	margin: 0 auto;
}
#production_flow .flowchart{
	margin-bottom: 25px;
}
.flow_blc{
	margin-bottom: 30px;
}
.flow_blc .flow_capt{
	float: left;
	width: 640px;
	margin-right: 20px;
}
.flow_blc .flow_capt h4{
	font-size: 20px;
	font-weight: bold;
	color: #0344be;
	height: 34px;
	line-height: 36px;
	background: #e6e6e6;
	margin-bottom: 20px;
}
@media all and (-ms-high-contrast:none){
}
.flow_blc .flow_capt h4 span{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 25px;
	background: #0344be;
	text-align: center;	
	margin: 0 8px 0 10px;
}
.flow_blc .flow_capt p{
	padding-left: 20px;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
}
.flow_blc .flow_capt a.contact_link{
	font-size: 18px;
	text-decoration: underline;
}
.flow_blc .flow_capt span.tel_text{
	font-size: 20px;
}
.flow_blc .flow_capt span.tel_number{
	font-size: 26px;
	font-weight: bold;
	color: #008df2;
}
.flow_blc .flow_img{
	float: left;
	width: 300px;
}

/* factory
-------------------------*/
#fact_tb{
	width: 960px;
	border-collapse: collapse;
	font-size: 16px;
	margin: 0 auto 40px;
}
#fact_tb tr{
	border-bottom: 1px solid #c7d2da;
}
#fact_tb th{
	width: 180px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 20px 0;
	vertical-align: middle;
}
#fact_tb th span{
	font-size: 10px;
}
#fact_tb th.hassui{
	background: #008df2;
}
#fact_tb th.bousui{
	background: #0061f2;
}
#fact_tb th.toushitsu{
	background: #0040bf;
}
#fact_tb td{
	width: 780px;
	background: #f9f9f9;
	padding: 20px 0 20px 25px;
	line-height: 1.7;
}

#factory_cont{
	width: 980px;
	margin: 0 auto 70px;;
}
#factory_cont h3{
	margin-bottom: 20px;
}
#factory_cont #factory_line{
	width: 960px;
	margin: 0 auto;
}
.line_blc{
	margin-bottom: 30px;
}
.line_blc .line_capt{
	float: left;
	width: 640px;
	margin-right: 20px;
}
.line_blc .line_capt h4{
	font-size: 20px;
	font-weight: bold;
	color: #0344be;
	height: 34px;
	line-height: 36px;
	background: #e6e6e6;
	padding-left: 18px;
	margin-bottom: 20px;
}
@media all and (-ms-high-contrast:none){
}
.line_blc .line_capt p{
	padding-left: 20px;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
}
.line_blc .line_img{
	float: left;
	width: 300px;
}
.line_blc .line_2img{
	float: left;
	width: 430px;
}

/* product
-------------------------*/
#product_cont{
	width: 980px;
	margin: 0 auto 50px;
}
#product_cont h3{
	margin-bottom: 20px;
}
#product_cont #product_list{
	width: 960px;
	margin: 0 auto;
}
#product_list h4{
	font-size: 20px;
	font-weight: bold;
	color: #0344be;
	height: 34px;
	line-height: 36px;
	background: #e6e6e6;
	padding-left: 18px;
	margin-bottom: 20px;
}
#product_list ul li{
	float: left;
	width: 230px;
	margin: 0 13px 20px 0;
}
#product_list ul li p{
	padding: 7px;
	font-size: 15px;
	line-height: 1.4;
}
#product_list ul li.right0{
	margin-right: 0;
}

/* company
-------------------------*/
#company_tb{
	width: 940px;
	border-collapse: collapse;
	font-size: 15px;
	margin: 0 auto 40px;
}
#company_tb tr{
	border-bottom: 1px solid #e8e8e8;
}
#company_tb th{
	width: 25%;
	background: #f4f4f4;
	text-align: left;
	padding: 20px 0 20px 20px;
}
#company_tb td{
	width: 75%;
	padding: 20px 0 20px 25px;
	line-height: 1.7;
}
#company_tb td .blue{
	color: #008df2;
}
#map_area{
	width: 940px;
	margin: 0 auto 70px;
}

/* contact
-------------------------*/
input,textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
#form_area{
	width: 880px;
	margin: 0 auto 70px;
}
#form_area h3{
	font-size: 24px;
	font-weight: bold;
	color: #2a2828;
	padding-top: 5px;
	margin-bottom: 30px;
}
#form_area h4{
	margin-bottom: 30px;
}
#form_area .complete{
	line-height: 1.8;
}
#form_tb{
	width: 100%;
	margin-bottom: 20px;
}
#form_tb th{
	width: 25%;
	text-align: left;
	vertical-align: top;
	padding-top: 25px;
}
#form_tb td{
	width: 75%;
	height: 45px;
	padding: 10px 0;
}
#form_tb td input[type="text"]{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d3d3d3;
	padding: 5px 10px;
	height: 45px;
	color: #333;
	font-size: 14px;
}
#form_tb td label{
	display: inline-block;
	padding-top: 11px;
	color: #333;
	margin-right: 20px;
}
#form_tb td label input{
	margin-right: 10px;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}
#form_tb td select{
	height: 40px;
    padding: 0 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
#form_tb td textarea{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d3d3d3;
	padding: 5px 10px;
	height: 250px;
	color: #333;
	font-size: 14px;
}
input[type="submit"],input[type="reset"],input[type="button"],.complete_btn{
	float: left;
	width: 320px;
	height: 60px;
	margin-right: 40px;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	background: #008df2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	vertical-align: middle;
}
input[type="reset"],input[type="button"],.complete_btn{
	background: #ddd;
	color: #333;
	margin: 0;
}
.form_btn_area{
	width: 680px;
	margin: 0 auto;
}
.complete_btn{
	line-height: 60px;
	display: block;
	margin: 0 auto;
	float: none;
}
input[type="submit"]:hover{
	background: #00d075;
}
input[type="reset"]:hover,input[type="button"]:hover,.complete_btn:hover{
	background: #bbb;
}
input.single{
	margin: 0 auto;
	float: none;
}