@charset "utf-8";
/* ===== 共通 ===== */
* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	text-align: left;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: #050505;
}

body {
	color: #303030;
	font: 16px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(/jp/beltec/img/body_bg.gif);
}

h3{
	font-size: 18px;
  border-bottom: solid 1px #565656;
}

.container {
	max-width:  960px;
	margin: 0 auto;
	padding: 0 10px;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
  height:0px;
}

.img100 {
	max-width: 100%;
}
.about h2, .greeting h2, .activity h2, .policy h2{
	width:100%;
	margin-top: 10px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #565656;
}
/* ===== ヘッダー ===== */

header{
	background-image: url("../img/head_bk.png");
	background-position:bottom;
	background-repeat: repeat-x;
}
header img{
	margin-top: 15px;
	float:left;
}
header ul{
	padding:18px 0;
	float:right;
}
header li{
	display: block;
	float:left;
	text-decoration:none;
	text-align: center;
	margin-left: 30px;
}
header a {
	text-decoration:none;
}
header p{
	color: #ffffff;
}
header a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.container img {
	transition: 0.3s ;
}
header li:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
header li {
	transition: 0.3s ;
}

/* =====トップ画像===== */
.top_img{
	background-color:#070303;
	width:100%;
	  text-align: center;
}

.bottom{
	margin-top:-2px;
	height: 38px;
	background-image: url("../img/head_02.png");
	  background-repeat: repeat-x;
}

/* ===== detail ===== */
.detail{margin-top: 20px;}

.detail img{
	display: block;
	margin: 20px auto 10px auto;
}

.h_txt p{
	font: 16.5px/1.6 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* ===== 会社概要 ===== */
.box01, .box02, .corp_history {
	color: #303030;
	font-size: 14px;
	line-height: 1.5rem;
	max-width: 100%;
}

.box_01{
	width:430px;
	float: left;
}

.box_01 dt, .box_01 dd,.corp_history dt, .corp_history dd{
	float:left;
}

.box_01 dt{
	width:95px;
	clear:left;
}

.box_01 dd{
	width:320px;
}

.box_01 dd.invest{
	float:none;
}

.info_company{
	margin-top:10px;
}

.pc_fac{
	 margin-top:10px;
	 margin-left: -5px;
 }
.pc_fac td{
	width:197px;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
}

.info_company dt.small{
	font-size: 0.8em;
}
/* ===== アクセス ===== */
.box_02{
	width:430px;
	float: right;
}

.info_map{
	margin-top: 10px;
}

iframe {
	width: 430px;
	height: 410px;
	margin-top: 16px;
}

/* ===== 沿革 ===== */
.corp_history{
	margin: 50px auto 100px;
	width:960px;
}

.corp_history dl{
	margin-top: 10px;
}

.corp_history dt{
	width:120px;
	clear:left;
}

.corp_history dd{
	width:800px;
}

.corp_history dd.his_02{
	margin-left: 120px;
	float:left;
	text-align:left;
}
/* ===== フッター ===== */
footer{
	background-image: url(../img/footer.png);
	height:49px;
}
footer p{
	padding-top:20px;
	text-align: center;
	color: #ffffff;
	font-size: 0.6rem;
}

/* ===== その他 ===== */
.mb20 {
	margin-bottom: 20px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
/* ===== about ===== */

.about h3, .activity h3, .policy h3{
	margin-top: 15px;
	font-size: 18px;
	font-weight: normal;
	border-left: 10px solid #a40000;
	border-bottom: none;
}
.about p{
	margin-top:10px;
	padding:2px 0 2px 6px;
}
.facility{
	margin-top: 20px;
}
.main_facility{
	margin-top: 20px;
}
.facility .img2{
	margin-top: 35px;
	float:right;
	width:60%;
	max-width: 556px;
}
.facility ul{
	width: 36.6%;
	float: left;
	margin:0 auto;
}
.facility li{
	width: 100%;
	font-size: 14px;
	height:40px;
	padding-top: 12px;
	padding-bottom:2px;
	list-style: none;
	border-bottom: 1px dashed #565656;
}
/* ===== 生産製品 ===== */
.product{
	margin: 50px 0 100px;
}
.product_list{
	max-width: 100%;
	margin: 0 auto;
}
.product_imgbox{
	width: 50%;
	max-width: 530px;
	height:200px;
	float: right;
	margin-top: 20px;
	padding-top:10px;
	vertical-align: middle;
	text-align: center;
}
.product_imgbox img{
	vertical-align:middle;
}
.product dl{
 float: left;
	width: 360px;
	margin-top: 20px;
	margin-right: 44px;
	border: 1px solid #e8e8e8;
}
.product dt,.product dd{
	float: left;
	height: 50px;
	border-bottom: 1px solid #565656;
}
.product dt{
	width:106px;
	padding:12px 0 0 8px;
}
.product dd{
	width:252px;
	padding:12px 0 0 10px;
	background-color: #e8e8e8;
}
.product dt:last-of-type, .product dd:last-of-type {
	border-bottom: none;
}
/* ===== greeting ===== */
.photo_pres{
	float: right;
	margin-top: 60px;
}
.g_1{
	margin:40px auto 100px;
	float: left;
 width: 600px;
	font-size: 14px;
}
.img_sign{
	float: right;
 margin-top: 20px;
}

.img_main{
 margin: 20px 0;
 float: right;
}
/* ===== activity ===== */
.activity_01 h3 p, .activity_02 h3 p, .policy h3 {
	margin-top:10px;
	padding:2px 0 2px 6px;
}
.activity_01{
	margin-top:20px;
}
.activity_01 img{
	float: right;
	width: 60%;
	max-width: 564px;
 margin-bottom: 20px;
}
.main_act{
	margin-top: 20px;
	width:36.6%;
	float:left;
}
.activity_02{
	margin: 50px auto 100px;
}
.activity_02 section{
	margin-top:20px;
}
.activity_02 h4{
	color:#3a9cbc;
	font-size: 1.2rem;
	font-weight: normal;
	padding-bottom: 5px;
}
.act_sec02{
	padding-top:45px;
}
.act_sec02 li{
	padding-top: 10px;
	list-style-type: decimal;
	list-style-position: inside;
}
.sign_activity{
	padding-top: 40px;
	text-align: right;
}

/*policy*/
.policy{
	margin-bottom: 100px;
}
.policy h4{
  float: left;
}
.top_policy{
	margin-top: 50px;
}
.policy_01, .policy_03{
	margin-top:20px;
	width: 36.6%;
	float: left;
	font-size: 14px;
}
.policy_01 p, .policy_03{
	margin-top: 10px;
}
.photo_policy, .photo_policy_03{
	float: right;
	width: 58%;
	max-width: 564px;
}
.photo_policy_02{
	margin-top: 60px;
	float: right;
	width: 58%;
	max-width: 564px;
}
.policy_02 img{
	float: right;
	padding-top:70px;
}
.item, .item_02{
	margin-top:20px;
	font-size: 14px;
}
.policy_02 ul{
	width: 36.6%;
	padding-bottom: 20px;
	float: left;
	border: 1px solid #d5d5d5;
	margin-top: 20px;
}
.policy_02 li{
	margin: 0 auto;
	width: 90%;
	font-size: 14px;
	height:35px;
	padding:8px 0 2px 5px;
	list-style: none;
	border-bottom: 1px dashed #565656;
}
.item_02 li{
	list-style-type: square;
	margin-bottom: 8px;
	margin-left: 20px;
}
.item_02 li p{
	padding-left: 3px;
}
.p_line{
	margin-top: 80px;
}
.policy_program{
	margin-bottom: 80px;
}
.system{
	border-top: 1px solid ;#565656;
	padding-top: 40px;
}
.MIPS p{
		margin-top:20px;
		width: 36.6%;
		float: left;
		font-size: 14px;
}
.MIPS_02{
	border: 1px solid #d5d5d5;
	width:940px;
	margin-top: 20px;
	padding:20px;
}
.MIPS_02 img{
	float: left;
}
.MIPS_02 h5 img{
	margin-left: 70px;
}
.MIPS_02 p{
	margin-top: 20px;
	width:540px;
	float: right;
	font-size: 14px;
	line-height: 2.5;
}
.productivity {
	margin-top: 40px;
}
.productivity h3, .productivity h4{
	margin-top: 60px;
	float: left;
}