@import "/css/common.css";

/*==================================================================*/

/* company css  (class=company)*/

/*==================================================================*/
/* reset */
.company *{margin:0;padding:0;}

.company h1{
	margin-bottom:1em;
	padding:0;
}

.company p.comment{
	width:570px;
	margin:1.5em auto;
}

/* リンクテキストの→ */
.company ul.link{
	width:570px;
	margin:1.5em auto 0;

}

.company ul.link li{
	padding-left:15px;
	background:url('../image/arrow_black.gif') no-repeat left 0.3em;
	list-style:none;
}
/* ------------------------------------------------------- */
/* 会社案内（index.html） */
/* ------------------------------------------------------- */
/* 会社概要 */
.company .top-area{
	width:615px;
	margin:0 auto 2em;
	padding-right:1.2em;
}
/* clear hack */
.company .top-area{zoom:1;}
.company .top-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.company .top-area img{
	float:left;
}

.company .top-area table{
	float:right;
	width:380px;
	border-collapse:collapse;
}

.company .top-area table th{
	width:110px;
	background:#fff url('../image/headback.gif') repeat-y 1px 0;
	color:#666;
	text-align:left;
}

.company .top-area table td{
	width:280px;
	text-align:left;
}

.company .top-area table,
.company .top-area table th,
.company .top-area table td{
	border:#ccc 1px solid;
}

.company .top-area table th,
.company .top-area table td{
	padding:6px 0 6px 10px;
}

.company .top-area table th.top,
.company .top-area table td.top{
	border-top:#ccc 3px solid;
	padding:8px 0 6px 10px;
}

/* 沿革、マップタイトル */
.company #history h2,
.company #map h2{
	margin-bottom:1em;
}

/* 沿革 */
.company #history table{
	width:600px;
	margin:0 auto 3em;
	border-collapse:collapse;
}

.company #history th{
	width:100px;
	padding:10px;
	background:#f5f9fc;
	text-align:right;
	color:#666666;
}

.company #history td{
	width:464px;
	padding:10px 15px 10px 10px;
}

.company #history table,
.company #history th,
.company #history td{
	border:#ccc 1px solid;
}

.company #history th.top,
.company #history td.top{
	border-top:#ccc 3px solid;
	padding:12px 15px 10px 10px;
}

.company #history tr.even th{
	background:#ebeff2;
}

.company #history tr.even td{
	background:#f5f5f5;
}

/* マップ */
.company #map div{
	width:601px;
	margin:0 auto 3em;
}

.company #map iframe{
	width:595px;
	height:405px;
	margin-bottom:0.3em;
	padding:2px;
	border:#999 1px solid;
}

.company #map p{
	font-size:0.9em;
	text-align:center;
}

/* ------------------------------------------------------- */
/* 加工工場のご紹介（factory.html） */
/* ------------------------------------------------------- */

/* title */
.company h1.factory{
	width:657px;
	margin:0;
	padding:0;
	background:url('../image/t_factory_back.gif') repeat-x left top;
}

/* clear hack */
.company h1.factory{zoom:1;}
.company h1.factory:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.company h1.factory img{
	float:left;
	width:272px;
}

.company h1.factory span{
	float:right;
	width:340px;
	margin:10px 0 10px 0;
	font-size:12px;
	text-align:right;
}

.company h1.factory span strong{
	color:#a40000;
}
/*-------------------------*/

.company #catch-area{
	margin:0 auto 2em;
}

/*  設備・機器一覧 */
/* -------------------- */
.company #setsubi h2{
	margin-bottom:1em;
}

.company #setsubi table,.company #setsubi th,.company #setsubi td{
	padding:2px;
	border:1px #999 solid;
	border-collapse:collapse;
}

.company #setsubi table{
	width:600px;
	margin:0 auto 3.0em;
}

.company #setsubi th{
	background:#d0d0d0;
}

.company #setsubi .name{
	background:#cde3ee;
}
.company #setsubi .maker{
	background:#e4f2f9;
}
.company #setsubi .model{
	background:#f5f5f5;
}

.company #setsubi .capacity{
	background:#f5f5f5;
}
.company #setsubi .amount{
	background:#e4f2f9;
	text-align:right;
}

/*  設備・機器画像 */
/* -------------------- */
.company .setsubi-photo{
	width:600px;
	margin:0 auto 1.0em;
}

.company .setsubi-photo h3{
	width:570px;
	margin:0 auto 1.0em;
	padding-left:10px;
	border-left:3px #1a79ae solid;
	font-size:14px;
}

.company .setsubi-photo h3 span{
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
}

/* clear hack */
.company .setsubi-photo{zoom:1;}
.company .setsubi-photo:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.company .setsubi-photo dl{
	float:left;
	width:180px;
	margin-left:15px;
}

.company .setsubi-photo dd{
	padding:2px 0;
	text-align:center;
}

/*  加工材料と加工内容 */
/* -------------------- */
.company #kakou{
	margin:0 0 0.5em;
}

.company #kakou h2{
	margin-bottom:1em;
}

.company #kakou h3{
	width:550px;
	margin:0 auto 0.5em;
	padding-left:10px;
	border-left:3px #1a79ae solid;
	font-size:14px;
}

.company #kakou table,.company #kakou th,.company #kakou td{
	padding:2px;
	border:1px #999 solid;
	border-collapse:collapse;
}

.company #kakou table{
	width:530px;
	margin:0 auto 2em;
}

.company #kakou th{
	width:100px;
	background:#e4f2f9;
}
.company #kakou td{
	background:#efefef;
}

/* 工場の流れ（factory_flow.html） */
/* ------------------------------------------------------- */

.company #flow h2{
	margin-bottom:1em;
}


.company #flow{
	margin-bottom:3em;
}

.company #flow p{
	margin-left:1.5em;
}

.company #flow .flow-area-top{
	width:581px;
	margin-left:1.5em;
	padding:10px 10px 0;
	background:url('../image/flowback.gif') repeat-y 0 0;
}

.company #flow .flow-area{
	width:581px;
	margin-left:1.5em;
	padding:0 10px;
	background:url('../image/flowback.gif') repeat-y 0 0;
}

.company #flow .flow-area-last{
	width:581px;
	margin-left:1.5em;
	padding:0 10px 10px;
	background:url('../image/flowback.gif') repeat-y 0 0;
}

.company #flow .flow-area-top div,
.company #flow .flow-area .inner,
.company #flow .flow-area-last .inner{
	padding:13px;
	background:#fff;
}
/* clear hack */
.company #flow .flow-area .inner{zoom:1;}
.company #flow .flow-area .inner:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/* clear hack */
.company #flow .flow-area-last .inner{zoom:1;}
.company #flow .flow-area-last .inner:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.company #flow .flow-area dl,
.company #flow .flow-area-last dl{
	float:left;
	width:360px;
}

.company #flow .flow-area .photo,
.company #flow .flow-area-last .photo{
	float:right;
}

.company #flow dt{
	margin-bottom:0.8em;
}


/* ------------------------------------------------------- */
/* プライバシーポリシー（privacy.html） */
/* ------------------------------------------------------- */
.company #privacy-read{
	width:617px;
	margin:0 auto 2em;
	padding:0 10px 20px 3px;
	border-bottom:#ccc 1px solid;
}

.company #policy-area{
	margin:0 auto 3em;
}

.company #policy-area dl{
	width:620px;
	margin:0 auto 2em;
	padding-right:1em;
}

.company #policy-area dt{
	margin-bottom:0.1em;
	padding:0 0 3px 7px;
	font-size:1em;
	font-weight:bold;
	color:#3a91c5;
}

.company #policy-area dd{
	margin-left:1.5em;
}

.company #policy-area dd ul{
	list-style:none;
}

.company #policy-area dd ul.indent{
	margin-left:1em;
}

.company #policy-area dd li{
	padding-left:12px;
	background:url('../image/mark_company.gif') no-repeat left 5px;
}

.company #policy-area dd li.note{
	background:url('../image/mark_privacy_note.gif') no-repeat left 4px;
}

/* ------------------------------------------------------- */
/* ご注文から納品までの流れ（flow.html） */
/* ------------------------------------------------------- */

.company #order-flow{
	width:620px;
	margin:0 auto 2.5em;
}
.company #order-flow dl{
	width:100%;
	margin:0 auto ;
	background:url('../image/dotline.gif') no-repeat right top;
}

/* clear hack */
.company #order-flow dl{zoom:1;}
.company #order-flow dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.company #order-flow dt{
	float:left;
	width:283px;
}

.company #order-flow dd{
	float:right;
	width:315px;
	padding:1.5em 0;
}

.company #order-flow ul.link{
	width:315px;
}

.company #order-flow dd strong{
	color:#a40000;
}

/* ------------------------------------------------------- */
/* 加工技術のご紹介（technology.html） */
/* ------------------------------------------------------- */
#technology *{margin:0;padding:0;}

#technology{
	margin:1em auto 2.5em;
	width:620px;
}
#technology div{
	margin:0 0 1em;
	padding:1em 20px 0.5em;
}

#technology .aluminum{border:1px solid #5a83c4;}
#technology .stainless{border:1px solid #b0d562;}

#technology dl{
	margin:0 0 0.5em;
	font-size:1.2em;
}
/* clear hack */
#technology dl{zoom:1;}
#technology dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#technology dt{
	padding:2px 0 0;
	float:left;
	width:110px;
}
#technology dd{
	float:right;
	width:440px;
	font-weight:bold;
}
#technology dd span{font-size:12px;}

#technology .kakou{
	padding:0.5em 0;
	background:#fff;
}
#technology .aluminum .kakou{background:#dfecff;}
#technology .stainless .kakou{background:#faffdf;}

#technology .kakou dt img{margin:0 0 0 14px;}
#technology .kakou dd{font-weight:normal;}

#aluminum h2{margin:0 0 1em;}

/* 加工の紹介 */
.tec-block *{margin:0;padding:0;}

.tec-block{
	margin:1em auto 2.5em;
	padding:5px 0;
	width:620px;
	background:url('../image/tecback.gif') repeat 0 0;
}

.tec-block h3{
	margin:0 5px;
	padding:8px 0;
	width:260px;
}
.tec-block h3 img{margin:0 0 0 10px;}

#aluminum h3{background:#144fab;}
#stainless h3{background:#8fc31f;}

.tec-block div{
	margin:0 5px;
	padding:10px;
	background:#fff;
}

.tec-block h4{
	margin:0 5px 1em;
	padding:0 0 0 10px;
	font-size:1.2em;
}

#aluminum h4 {border-left:6px double #3b92c5;}
#stainless h4{border-left:6px double #5eae77;}

#aluminum h4.sub,#stainless h4.sub{
	border:none;
	padding:0;
}
.tec-block h4 span{
	margin:0 10px 0 0;
	padding:5px;
	color:#fff;
}

#aluminum h4 span{background:#3b92c5;}
#stainless h4 span{background:#5eae77;}


.tec-block ul{
	margin:0 0 1em;
	text-align:center;
}
/* clear hack */
.tec-block ul{zoom:1;}
.tec-block ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.tec-block li{
	padding:0 5px;
	display:inline;
	list-style:none;
}
.tec-block li.other{float:right;}

.tec-block div p{
	line-height:28px;
	text-align:center;
	font-size:1.2em;
}

.tec-block div p img{margin-right:5px;}

/* 加工最小寸法*/
.tec-block table{
	margin:0 auto 1em;
	border:solid 1px #999;
	border-collapse:collapse;
}
.tec-block th,
.tec-block td{
	padding:5px 10px;
	border:solid 1px #999;
	text-align:center;
}

#aluminum tr.headline th{color:#fff;background:#3b92c5;}
#aluminum th{background:#e4f2f9;}

#stainless tr.headline th{color:#fff;background:#5eae77;}
#stainless th{background:#f0f9e4;}