


/* =========================================================
		dia products
========================================================= */
#dia_fv .products{
	background-image: url(../../img/diasalt/company/company_fv.jpg);
	
}

/* =========================================================
		company1
========================================================= */
#company{
	width: 980px;
	margin: 60px auto 55px;
	
	
	
}


#company .com_menu{
margin: 0 auto 50px;
	text-align: center;
}
#company .com_menu li{
	display: inline-block;
float: none;
width: auto;
margin: 0 0 20px;
padding: 0 5px;
letter-spacing: .06em;
	
}
#company .com_menu li a{
	    min-width: 100px;
    height: 46px;
    padding: 0 20px;
    border-radius: 2px;
    font-size: 100%;
	display: table-cell;


border: 1px solid #b8dff1;
color: #00a6e6;

line-height: 1.2;
text-align: center;
vertical-align: middle;
}
	

	


#company .com_menu li a span{
		padding: 0 24px 0 0;
	display: inline-block;
position: relative;
	}
	



#company .com_menu li a span::after{
	  width: 12px;
height: 10px;
margin-top: -4px;

-webkit-transition: .2s linear;
transition: .2s linear;
	position: absolute;
top: 50%;
right: 0;

background: url(../../img/diasalt/icon_arrow03_blue.png) no-repeat 50% 50%;
background-size: 13px auto;
content: '';
}


#company .com_menu li a:hover span::after{
		margin-top: 0px;
	}


/* =========================================================
		company2
========================================================= */


#company2{
	
	margin-bottom:75px;
	padding-bottom: 85px;
	border-bottom: 1px #ddd solid;
	margin-top: -70px;
padding-top: 70px;
	
	
}


#company2 .greeting{
	width: 980px;
	margin: 0 auto;
	
	
	
}

.compnay_title{
	font-size: 28px;
color: #00a6e6;
font-weight: 500;
margin-bottom: 20px;
letter-spacing: 1.5px;
text-align: left;
	
	
}
#company2 .greeting .daihyou{
	float: right;
	width: 240px;
	
	
	
}

#company2 .greeting .daihyou p{
	font-size: 13px;
	padding-top: 13px;
	
	
	
}

#company2 .greeting .greeting_txt{
	float: left;
	width: 650px;
	font-size: 14px;
	line-height: 2.1;
	letter-spacing: 1.5px;
	
	
	
}


/* =========================================================
		company3
========================================================= */


#company3{
	
	margin-bottom:75px;
	padding-bottom: 85px;
	border-bottom: 1px #ddd solid;
	margin-top: -70px;
padding-top: 70px;
	
	
}

.company_pic1{
	margin-bottom: 35px;
	
	
	
}
#company3 .gaiyou{
	
	width: 980px;
	margin: 0 auto;
	
	
}
#company3 .gaiyou table{
	
	
	width: 100%;
	margin: 5px 0 10px;
	
}

#company3 .gaiyou th{
	padding: 22px 40px 23px;
text-align: left;
vertical-align: top;
	min-width: auto;
width: 140px;
font-size: 107%;
	background: #e9f8ff;
	
	border: 1px solid #ccc;

border-width: 1px 0;
}

#company3 .gaiyou td{
	padding: 22px 40px 23px;
text-align: left;
vertical-align: top;
	line-height: 1.9;
	border: 1px solid #ccc;

border-width: 1px 0;
	
	
}

#company3 .gaiyou .company_logo{
	padding-bottom: 5px;
	width: 160px;
	
	
}
.group_company_caption{
	
	padding-bottom: 16px;
	
}

/* =========================================================
		company4
========================================================= */


#company4{
	
	margin-bottom:75px;
	padding-bottom: 85px;
	border-bottom: 1px #ddd solid;
	
	margin-top: -70px;
padding-top: 70px;
	
}
#company4 .history{
	
	width: 980px;
	margin: 0 auto;
	
	
}


#company4 .history .his_copy1{
	padding-bottom: 20px;
	line-height: 1.9;
	letter-spacing: 1.5px;
	
	
	
	
}

#company4 .history ul{
	
	
	padding-bottom: 15px;
	
}

#company4 .history li{
	
	
	padding-bottom: 5px;
	
}

#company4 .history table {
    width: 980px;
    margin: 35px auto 0;
    border-bottom: 1px solid #ccc;
}
#company4 .history th{
	
	display: table-cell;
width: 230px;
padding: 25px 30px;
background: 0 0;

line-height: 2.2;
box-sizing: border-box;
	border-top: 1px solid #ccc;
	vertical-align: top;
text-align: left;
}

#company4 .history th span{
	font-weight: normal;
	font-size: 93%;
	vertical-align: top;
}

#company4 .history td{
	
	display: table-cell;
padding: 25px 30px 25px 0;
border-top: 1px solid #ccc;

line-height: 2.2;
	
	
}

/* =========================================================
		company5
========================================================= */


#company5{
	
	margin-bottom:75px;
	padding-bottom: 85px;
	border-bottom: 1px #ddd solid;
	
	margin-top: -70px;
padding-top: 70px;
	
}
#company5 .regist{
	
	width: 980px;
	margin: 0 auto;
	
	
}
#company5 .regist h4{
	
	color: #333;
	font-size: 18px;
	padding: 10px 0 15px;
	font-weight: 500;
	
	
}


#company5 .regist table{
	width: 100%;
	
	
}


#company5 .regist th{
	padding: 22px 40px 23px;
text-align: left;
vertical-align: top;
	min-width: auto;
width: 220px;

	background: #eee;
	
	border: 1px solid #ccc;

border-width: 1px 0;
	font-weight: 500;
	
}

#company5 .regist td{
	
	padding: 22px 40px 23px;
text-align: left;
vertical-align: top;
	line-height: 1.9;
	border: 1px solid #ccc;

border-width: 1px 0;
	
}


#company5 .regist dt{
	float: left;
	width: 390px;
	
}

#company5 .regist dd{
	float: left;
	
	
}

#company5 .salt_mark{
	margin: 55px 0 0 120px;
	
	
	
}

#company5 .salt_mark .mark{
	float: left;
	margin-right: 40px;
	
	
	
}

#company5 .salt_mark .mark_copy{
	float: left;
	padding-top: 20px;

	
	
}
#company5 .salt_mark .mark_copy p{
	padding-bottom: 25px;
	line-height: 1.9;
	
	
	
}


/* =========================================================
		company6
========================================================= */
#company6{
	

	margin-top: -70px;
padding-top: 70px;
	
}

#company6 .companymap{
	
	width: 980px;
	margin: 0 auto 120px;

	
}


.googlemap{
	background:  #eee;
	height: 731px;
	margin-bottom: 25px;
	
	
	display: none;
	
}

.companymap h5{
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 3px;
	
	
}

.companymap .ofiice_detail{
	line-height: 1.7;
	padding-bottom:25px;
	
	
}

.companymap p.distribution {
	line-height: 1.7;
	padding-bottom:5px;
}
.companymap p.distribution_base {
	line-height: 1.7;
	padding-bottom:5px;
}

.salesarea {
/*	position: absolute;
*/	height: 731px;
	margin-bottom: 25px;
	display: none;
}
.map_a, .map_b {
	cursor: pointer;
}

.map_a, .map_b {
padding: 6px 23px;
border: 1px solid #ccc;
color: #666;
margin: 0 5px 17px 0;
border-radius: 4px;
display: inline-block;
	
	
	
	
}

/* =========================================================
		company7
========================================================= */

#company7{
	
	margin-bottom:75px;
	padding-bottom: 85px;
	border-bottom: 1px #ddd solid;
	margin-top: -70px;
padding-top: 70px;
	
	
}
#company7 .rinen{
	
	width: 980px;
	margin: 0 auto;
	
	
}
#company7 .rinen img{
	
	width: 100%;
	
	
}
