@charset "utf-8";

/* CSS Document */

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
	line-height: 1.5;
	color: #333333;
	background-color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

* {
	font-size:100%;
}

/*table*/
table {
	text-align: left;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#container,#container02 {width: 890px}
#header,#contents,#footer,.navi,#main02 {
 width: 850px;
	margin: 0px 20px 0px 20px;
	padding: 0px;
}
#main,#container_popup {width:670px;}

.intro_box {
	width: 650px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

#side {width: 175px;}

/*link*/
a:link {
	color: #004388;
	text-decoration: underline;
}
a:visited {
	color: #002C59;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.clr {
	clear:both;
}

/*header tag*/
h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
h2 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
h3 {
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 10px 15px;
	background-image: url(../../images/title_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}
h4 {
	margin: 0px 0px 5px 20px;
	padding: 0px;
	color: #004388;
	font-size: 13px;
	font-weight: bold;
}
h5 {
	margin: 0px 0px 5px 20px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
}
h6 {
	margin: 0px 0px 5px 30px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
blockquote {}
ul {}
ol {}
li {}
p {
	margin: 0px 10px 10px 30px;
	padding: 0px;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
hr {}
sup {
	font-size: 8px;
	margin: 0px 2px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.photo_right {
	margin: 0px 10px 10px 10px;
	padding: 0px;
	float: right;
}
.photo_left {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
}
.font_red {
	color: #FF0000;
}
.font_copy {
	color: #000000;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
}
.font_caption {
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 5px 0px;
}
.table_border {
	border-left: 1px solid;
	border-top: 1px solid #666666;
}
.table_border td {
	border-right: 1px solid;
	border-bottom: 1px solid #666666;
}
.table_nomal {
	width: 630px;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.table_nomal th {
	margin: 0px;
	padding: 5px;
	font-weight: normal;
	background-color: #F3F3F3;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.table_nomal td {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.table_nomal02 {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.table_nomal02 th {
	margin: 0px;
	padding: 5px;
	font-weight: normal;
	background-color: #F3F3F3;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.table_nomal02 td {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/*レイアウト背景*/
#container {
	margin: 0px auto 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../../images/contents_bg02.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#container02 {
	margin: 0px auto 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../../images/contents_bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#container_popup {
	margin: 20px auto;
	padding: 0px;
	text-align: left;
}

/*ヘッダー*/
#header {
	background-image: url(../../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 109px;
}
.logo {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 400px;
	height: 109px;
	float: left;
}
.logo a {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 400px;
	height: 109px;
	text-indent: -9999px;
}
.header_info {
	width: 450px;
	float: left;
}
.header_menu {
	margin: 0px;
	padding: 0px;
}
.header_menu ul {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: right;
}
.header_menu li {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
.header_menu li a {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 12px;
	background-repeat: no-repeat;
	background-image: url(../../images/arrow_header_menu.gif);
	background-position: 0px 2px;
	color: #333333;
	text-decoration: none;
}
.header_menu li a:visited {
	color: #333333;
	text-decoration: none;
}
.header_menu li a:hover {
	background-image: url(../../images/arrow_header_menu_f2.gif);
	text-decoration: none;
	color: #FF6600;
}
.header_contact {}
.header_contact h4 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
.header_contact p {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
.header_contact_bt {
	margin: 10px 0px 0px 326px;
	padding: 0px;
	height: 30px;
	width: 103px;
	display: block;
	text-indent: -9999px;
}
.header_contact_bt a {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 103px;
	display: block;
}

/*ホーム*/
.top_title_plate {
	height: 25px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	background-image: url(../../images/top_title_plating.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
.top_plating_info {
	height: 230px;
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
	background-image: url(../../images/top_plating_info_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.top_plating_info h4 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
.top_plating_info_box {
	width: 300px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
}
.top_plating_info_box ul {
	margin: 0px 20px 10px 0px;
	padding: 0px;
}
.top_plating_info li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
	font-size: 12px;
	line-height: 15px;
	display: block;
}
.top_plating_info li a {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-repeat: no-repeat;
	background-image: url(../../images/arrow_plating.gif);
	background-position: 0px 3px;
	display: block;
}
.top_plating_info li a:hover {
	background-image: url(../../images/arrow_plating_f2.gif);
}
.top_title_topics {
	height: 25px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	background-image: url(../../images/top_title_topics.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
.top_topics {
	height: 100px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-image: url(../../images/top_topics_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.top_topics a:link {
	color: #333333;
	text-decoration: none;
}
.top_topics a:visited {
	color: #002C59;
	text-decoration: none;
}
.top_topics a:hover {
	color: #FF6600;
	text-decoration: none;
}
.top_topics dl {
	width: 640px;
	margin: 0px 15px;
	padding: 0px 0px 5px 0px;
	background-image: url(../../images/dotline_top_info.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.top_topics dt {
	width: 80px;
	min-height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	float: left;
	font-weight: bold;
	color: #C20000;
	background-image: url(../../images/arrow_info.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.top_topics dd {
	width: 540px;
	min-height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/*コンテンツ*/
#contents {}

.header_top_img {
	width: 850px;
	height: 250px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(../../images/header_top_img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.header_title_img_equip,.header_title_img_blog,.header_title_img_inspection,.header_title_img_research,.header_title_img_environment,
.header_title_img_recruit,.header_title_img_company,.header_title_img_history,.header_title_img_organi,.header_title_img_question,
.header_title_img_contact,.header_title_img_sitemap,.header_title_img_privacy,.header_title_img_plating,.header_title_img_topics,
.header_title_img_characteristic,.header_title_img_report,.header_title_img_history,.header_title_img_plating {
	width: 850px;
	height: 100px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.header_title_img_equip {background-image: url(../../images/header_title_img_equip.jpg);}
.header_title_img_blog {background-image: url(../../images/header_title_img_blog.jpg);}
.header_title_img_inspection {background-image: url(../../images/header_title_img_inspection.jpg);}
.header_title_img_research {background-image: url(../../images/header_title_img_research.jpg);}
.header_title_img_environment {background-image: url(../../images/header_title_img_environment.jpg);}
.header_title_img_recruit {background-image: url(../../images/header_title_img_recruit.jpg);}
.header_title_img_company {background-image: url(../../images/header_title_img_company.jpg);}
.header_title_img_question {background-image: url(../../images/header_title_img_question.jpg);}
.header_title_img_contact {background-image: url(../../images/header_title_img_contact.jpg);}
.header_title_img_sitemap {background-image: url(../../images/header_title_img_sitemap.jpg);}
.header_title_img_privacy {background-image: url(../../images/header_title_img_privacy.jpg);}
.header_title_img_plating {background-image: url(../../images/header_title_img_plating.jpg);}
.header_title_img_topics {background-image: url(../../images/header_title_img_topics.jpg);}
.header_title_img_characteristic {background-image: url(../../images/header_title_img_characteristic.jpg);}
.header_title_img_report {background-image: url(../../images/header_title_img_report.jpg);}
.header_title_img_history {background-image: url(../../images/header_title_img_history.jpg);}
.header_title_img_plating {background-image: url(../../images/header_title_img_plating.jpg);}


/*メインコンテンツ*/
#main {
	margin: 0px;
	padding: 0px;
	float:left;
}
#main02 {
	margin: 0px;
	padding: 0px;
}
#main02 h3 {
	background-image: url(../../images/title_bg02.gif);
}
.intro_box {
	background-image: url(../../images/intro_box_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.intro_box h4 {
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 25px;
	background-image: url(../../images/intro_box_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 25px;
}
.intro_box h5 {
	margin: 0px 0px 5px 10px;
	color: #004388;
}
.intro_box h6 {
	margin: 0px 0px 5px 10px;
}
.intro_box p {
	margin: 0px 10px 10px 10px;
	padding: 0px;
}
.intro_box_btm {
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/intro_box_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.intro_box ul {
	margin: 0px 0px 10px 30px;
	padding: 0px;
}
.intro_box li {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.intro_box ol {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
.machinery {
	width: 630px;
	margin: 10px;
	padding: 0px;
}
.machinery h5 {
	margin: 0px 0px 5px 0px;
}
.machinery_img {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.machinery_info {
	width: 390px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}
.machinery_info dl {
	margin: 0px;
	padding: 0px;
}
.machinery_info dt {
	width: 80px;
	min-height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
	font-weight: bold;
	color: #004388;
}
.machinery_info dd {
	width: 310px;
	min-height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
}
.bt_movie {
	margin: 10px 0px 5px 0px;
	padding: 0px;
	float: right;
}
.bt_movie a {
	width: 133px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../images/bt_movie.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#side {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
}
#side h3 {
	margin: 0px 0px 2px 0px;
	padding: 0px;
	background-image: url(../../images/side_title_plating.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 25px;
}
#side h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
#side img {
	vertical-align: top;
}
.side_menu {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
	background-image: url(../../images/side_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.side_menu ul {
	margin: 0px 10px;
	padding: 0px;
}
.side_menu li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
	font-size: 12px;
	line-height: 15px;
	display: block;
}
.side_menu li a {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-repeat: no-repeat;
	background-image: url(../../images/arrow_plating.gif);
	background-position: 0px 3px;
	display: block;
}
.side_menu li a:hover {
	background-image: url(../../images/arrow_plating_f2.gif);
}
.side_bnr_area {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
.side_bnr_area ul {
	margin: 0px;
	padding: 0px 0px 5px 0px ;
}
.side_bnr_area li {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	list-style-type: none;
}



/*フッター*/
#footer {
	height: 60px;
	clear: both;
	background-image: url(../../images/footer_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.footer_menu {
	margin: 0px;
	padding: 5px 0px;
	font-size: 11px;
	text-align: center;
}
.footer_menu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}
.footer_menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
.footer_menu li a {
	padding: 0px;
	margin: 0px;
	color: #333333;
	text-decoration: none;
}
.footer_menu li a:visited {
	color: #002C59;
	text-decoration: none;
}
.footer_menu li a:hover {
	color: #FF6600;
	text-decoration: none;
}
.copyright {
	margin: 0px;
	padding: 10px 5px 0px 0px;
	color: #333333;
	font-size: 11px;
	text-align: right;
}
.copyright p {
	margin: 0px;
	padding: 0px;
}

/*パンクズ*/
.crum {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.crum ul {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.crum li {
	width: 130px;
	height: 35px;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
.crum li a {
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 35px;
}

/*会社案内*/
.crum_company a {background-image: url(../../images/crum_company.gif);}
.crum_company a:hover {background-image: url(../../images/crum_company_f2.gif);}
.crum_philosophy a {background-image: url(../../images/crum_philosophy.gif);}
.crum_philosophy a:hover {background-image: url(../../images/crum_philosophy_f2.gif);}
.crum_history a {background-image: url(../../images/crum_history.gif);}
.crum_history a:hover {background-image: url(../../images/crum_history_f2.gif);}
.crum_organization a {background-image: url(../../images/crum_organization.gif);}
.crum_organization a:hover {background-image: url(../../images/crum_organization_f2.gif);}
.crum_access a {background-image: url(../../images/crum_access.gif);}
.crum_access a:hover {background-image: url(../../images/crum_access_f2.gif);}

/*採用情報*/
.crum_recruit a {background-image: url(../../images/crum_recruit.gif);}
.crum_recruit a:hover {background-image: url(../../images/crum_recruit_f2.gif);}
.crum_entry a {background-image: url(../../images/crum_entry.gif);}
.crum_entry a:hover {background-image: url(../../images/crum_entry_f2.gif);}
.crum_manage a {background-image: url(../../images/crum_manage.gif);}
.crum_manage a:hover {background-image: url(../../images/crum_manage_f2.gif);}
.crum_manufacture a {background-image: url(../../images/crum_manufacture.gif);}
.crum_manufacture a:hover {background-image: url(../../images/crum_manufacture_f2.gif);}
.crum_research a {background-image: url(../../images/crum_research.gif);}
.crum_research a:hover {background-image: url(../../images/crum_research_f2.gif);}

/*研究開発*/
.crum_ideas a {background-image: url(../../images/crum_ideas.gif);}
.crum_ideas a:hover {background-image: url(../../images/crum_ideas_f2.gif);}
.crum_cooperate a {background-image: url(../../images/crum_cooperate.gif);}
.crum_cooperate a:hover {background-image: url(../../images/crum_cooperate_f2.gif);}
.crum_subject a {background-image: url(../../images/crum_subject.gif);}
.crum_subject a:hover {background-image: url(../../images/crum_subject_f2.gif);}

/*品質保証*/
.crum_sqm a {background-image: url(../../images/crum_sqm.gif);}
.crum_sqm a:hover {background-image: url(../../images/crum_sqm_f2.gif);}
.crum_inspection a {background-image: url(../../images/crum_inspection.gif);}
.crum_inspection a:hover {background-image: url(../../images/crum_inspection_f2.gif);}
.crum_education a {background-image: url(../../images/crum_education.gif);}
.crum_education a:hover {background-image: url(../../images/crum_education_f2.gif);}

/*環境への取り組み*/
.crum_environment a {background-image: url(../../images/crum_environment.gif);}
.crum_environment a:hover {background-image: url(../../images/crum_environment_f2.gif);}
.crum_performance a {background-image: url(../../images/crum_performance.gif);}
.crum_performance a:hover {background-image: url(../../images/crum_performance_f2.gif);}
.crum_green a {background-image: url(../../images/crum_green.gif);}
.crum_green a:hover {background-image: url(../../images/crum_green_f2.gif);}
.crum_plating a {background-image: url(../../images/crum_plating.gif);}
.crum_plating a:hover {background-image: url(../../images/crum_plating_f2.gif);}

/*印刷はこちら*/
.print {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	text-align: right;
}


/*ページトップ*/
.page_top {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	float: right;
}
.page_top a {
	width: 110px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../images/bt_pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.page_top a:hover {
	background-image: url(../../images/bt_pagetop_f2.gif);
}