@charset "utf-8";

/*==========================================
File name: category.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2012.12.04
========================================== */

h1{
	margin: 0 0 13px 0;
	border-bottom:#999 1px solid;
	padding:4px 0 2px 18px;
	background:url(../images/common/h01.jpg) left 3px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

h2{
	margin: 0 0 13px 0;
	padding:7px 0 5px 15px;
	border-left: solid 3px #676767;
	border-right: solid 1px #676767;
	border-top: solid 1px #676767;
	border-bottom: solid 1px #676767;
	background:#929292;
	font-size:14px;
	color:#FFF;
}


.faq_tech h2{
	border-left: solid 3px #F46F20;
	border-right: solid 1px #F46F20;
	border-top: solid 1px #F46F20;
	border-bottom: solid 1px #F46F20;
	background: #F58A49; 
}

h3{
		margin: 0 0 13px 0;
}

.title_type01,
.post h3,
.faq_list h3,
.faq_tech_list h3{
	padding:5px 5px 5px 15px;
	font-size:14px;
}

.title_type01,
.post h3,
.faq_list h3{
	border:#CCC solid 1px;
}


.faq_tech_list h3{
	background: #FC6;
}
	
.post h4,
.category-tester h4{
	color:#000;
	font-weight: bold;
	border-bottom: dotted 1px #676767;
	padding-bottom: 3px;
	margin: 0 0 20px 0;
}

.post h4:before,
.category-tester h4:before{
	content:"■ "
}



.title_type_orange{
	margin: 0 0 13px 0;
	padding:7px 0 5px 15px;
	border-left: solid 3px #E66418;
	border-right: solid 1px #E66418;
	border-top: solid 1px #E66418;
	border-bottom: solid 1px #E66418;
	background:#EB7E3D;
	font-size:14px;
	color:#FFF;
}


/* テーブル */


.table_type01,
.table_type01_01,
.table_type02{
	margin: 0px;
	}

.table_type01 th,
.table_type01 td,
.table_type01_01 th,
.table_type01_01 td,
.table_type02 th,
.table_type02 td{
	border: solid 1px #CCC;
	text-decoration:none;
	border-collapse: collapse;
}

.table_type01 th,
.table_type01_01 th,
.table_type02 th{
	background-color: #F6F6F6;
	color:#333333;
}

.table_type01 th,
.table_type01 td,
.table_type02 th,
.table_type02 td{
	padding: 5px;
}

.table_type01_01 th,
.table_type01_01 td
{
	padding: 2px;
}

.table_type01_01 th,
.table_type02 th{
	white-space: nowrap;
	text-align: center;
}

.table_type02 td{
	text-align: center;
}


/* リスト */

.list_type01 ul{
	margin:0 0 0 0;}

.list_type01 li{
	background:url(../images/common/li.gif) no-repeat top left;
	padding-left:18px;
	line-height:1.8;
	}


.list_type01 li + li{
	margin:15px 0 0 0;
	}

/*==========================================
製品案内
==========================================*/

.pro_type01{
	border:#CCC solid 1px;
	padding:9px;}

.hgroup,
.hgroup_type2{
	border-bottom: solid 1px #000;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.hgroup h3{
/*	border-left: solid 5px #CCC;*/
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding: 0 0 0 0px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.hgroup h3.add_model,
.hgroup_type2 h3.add_model{
	float: left;
}

.hgroup h3.add_model{
	width: 40%;
}

.hgroup_type2 h3{
/*	border-left: solid 5px #CCC;*/
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding: 0 0 0 0px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.hgroup_type2 h3.add_model{
	width: 60%;
}

.hgroup h3:before,
.hgroup_type2 h3:before {
	content: "■ ";
}

#sub-title{
	float: right;
	padding: 0 8px;
	background: #666;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}

.hd-or{
	border-bottom: solid 1px #E66418;
}

.hd-bl{
	border-bottom: solid 1px #4E72C4;
}

.hd-gr{
	border-bottom: solid 1px #58944C;
}

.hd-or h3{
	color: #E66418;
/*	border-left: solid 5px #E66418;*/
}

.hd-bl h3{
	color: #4E72C4;
/*	border-left: solid 5px #4E72C4;*/
}

.hd-gr h3{
	color: #58944C;
/*	border-left: solid 5px #58944C;*/
}

.hd-or #sub-title{
	background: #E66418;
	color: #FFF;
}

.hd-bl #sub-title{
	background: #4E72C4;
	color: #FFF;
}

.hd-gr #sub-title{
	background: #58944C;
	color: #FFF;
}

.section_in-body{
	padding: 0 15px;
	margin: 0 0 20px 0;
}

.section_in-body img{
	margin: 0 0 15px 0;
}

.tablepress{
	border: solid 1px #DDD!important;
	border-collapse: collapse;
}

.tablepress td{
	padding: 3px!important;
}

.section_in-body .column-1{
	background: #EFEFEF;
	border-right: solid 1px #DDD;
	width: 38%!important;
}

.section_in-body .element-01{
	width: 300px;
	margin: 0 20px;
	float: left;
}

.product-image-body{
	text-align: center;
	margin: 0 0 20px 0;
}

.unittype01,
.unittype02,
.unittype03,
.unittype01 .element_01,
.unittype02 .element_01,
.unittype03 .element_01,
.unittype01 .element_02,
.unittype02 .element_02,
.unittype03 .element_02{
	overflow: hidden;
}

.unittype01,
.unittype02,
.unittype03{
	width: 688px;
	margin: 0 0 50px 0;
}

.unittype01 img,
.unittype02 img,
.unittype03 img{
	margin: 0 0 15px 0;
	width: 100%;
	height: auto;
}

.unittype01 table,
.unittype02 table,
.unittype03 table{
	width: 100%;
}


.unittype01 .element_01{
	width: 500px;
	margin: 0 auto;
}

.unittype02 .element_01,
.unittype02 .element_02{
	width: 336px;
}

.unittype03 .element_01,
.unittype03 .element_02{
	width: 220px;
}

.unittype02 .element_01,
.unittype03 .element_01{
	float: left;
	margin-right: 14px;
}

.unittype02 .element_02,
.unittype03 .element_02{
	float: right;
}


#single-menu-01{
}

#single-menu-01 .element_01,
#single-menu-01 .element_02{
	width: 50%;
}

#single-menu-01 .element_01{
	float: left;
}


#single-menu-01 .element_02{
	float: right;
}

.category-etching .section_in ul li:before {
	content: "■ ";
}


/*==========================================
コンセプト
==========================================*/

.concept_box{
	border:#ccc 5px solid;}


.concept_box_in{
	padding:13px;}


#concept h2{	
	margin: 0 0 13px 0;
	padding:0px;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	background:none;
	font-size:14px;
	display:table;
	font-weight:bold;
	color:#000;
}

#concept h2 span{
	display:table-cell;
	vertical-align:middle;	

}

#concept h2 img{
	margin-right:8px;	

}


.concept_menu ul{
	margin:0 0 0 93px;
	}


.concept_menu ul li{
	margin:0 0 7px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:34px;
	}

.concept_menu a{
	color:#000;
	}


.concept_menu ul li img{
	margin:0 10px 0 0;
	}

/*==========================================
サイトマップ
==========================================*/

.sitemap li{
	margin: 0 0 7px 0;
	list-style: none;}

.sitemap li:before{content:"■"}
.sitemap li ul{margin-top: 7px;}
.sitemap li li{margin-left: 10px;}
.sitemap li li:before{content:"□"}

.sitemap a{ color:#333;}

.title_blue{
	margin: 0 0 13px 0;
	padding:7px 0 5px 15px;
	border-left: solid 3px #4066BF;
	border-right: solid 1px #4066BF;
	border-top: solid 1px #4066BF;
	border-bottom: solid 1px #4066BF;
	background:#6886CC;
	font-size:14px;
	color:#FFF;
}
.title_orange{
	margin: 0 0 13px 0;
	padding:7px 0 5px 15px;
	border-left: solid 3px #E66418;
	border-right: solid 1px #E66418;
	border-top: solid 1px #E66418;
	border-bottom: solid 1px #E66418;
	background:#EB7E3D;
	font-size:14px;
	color:#FFF;
}


/*******************************

ＱＡメニュー

********************************/
.qa_menu_type01,
.qa_menu_type02,
.qa_menu_type03{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
.qa_menu_type01 ul,
.qa_menu_type02 ul,
.qa_menu_type03 ul{
	margin-bottom:9px!important;
	clear:both;
	overflow:hidden;
}

.qa_menu_type01 li,
.qa_menu_type02 li,
.qa_menu_type03 li
{
	float: left;
	text-align: center;
}

.qa_menu_type01 li a,
.qa_menu_type02 li a,
.qa_menu_type03 li a{
	display:block;
	height: 32px;
	text-decoration: none;
	line-height: 32px;

}
.qa_menu_type01 li a,
.qa_menu_type02 li a,
.qa_menu_type03 li a{
	width: 231px;
	font-size: 12px;
}
.qa_menu_type01 li + li,
.qa_menu_type02 li + li,
.qa_menu_type03 li + li{
	margin-left:15px;
	}


/*オレンジ線*/
.qa_menu_type01 li a{
	color: #000;
	border:#FC6 solid 2px;
}

.qa_menu_type01 li a:hover{
	background-color: #FFF1D6;
}	

/*青線*/
.qa_menu_type02 li a{
	color: #000;
	border:#4E72C4 solid 2px;
}

.qa_menu_type02 li a:hover{
	background-color: #D2E0FF;
}	


/*オレンジ塗りつぶし*/
.qa_menu_type_ore{
	color: #000;
	background-color: #FC6;
}
.qa_menu_type02 .qa_menu_type_ore a{
	color: #000;
	background-color: #FC6;
	border:#FC6 solid 2px;
}
.qa_menu_type02 .qa_menu_type_ore a:hover{
	background-color: #FFF1D6;
	border:#FC6 solid 2px;
}


/*グレー*/
.qa_menu_type03 li a{
	color: #fff;
	background: #929292;
	border:#676767 solid 2px;
}

.qa_menu_type03 li a:hover{
color: #fff;
	background: #737373;
}

/* 非接触膜厚測定機 */
.attn td{
	vertical-align: top;
}

.feature h4{
	color: #58944C;
	font-weight: bold;
	font-size: 1.2em;
}

.feature ul li::before{
	content: "■ ";
	color: #58944C;
}

.spac table{
	width: 100%;
}

.fx_table table{
	table-layout: fixed;
}

.single-body img{
	width: 100%;
	height: auto;
}

.btxt{
	color: #014EA9;
	font-size: 1.2em;
	font-weight: bold;
}

.hacho, .maku{
	display: inline-block;
	color: #FFF;
	padding: 2px;
	width: 75px;
	text-align: center;
}

.hacho{
	background: #014EA9;
	margin-bottom: 2px;
}

.maku{
	background: #000;
}

.title_type05,
.title_type06{
	font-weight: bold;
}


.title_type05::before{
	content: "□ ";
}

.title_type06::before{
	content: "◎ ";
}

.unittype_ex,
.unittype_ex .element_01,
.unittype_ex .element_02{
	overflow: hidden;
}

.unittype_ex img{
	width: 100%;
	height: auto;
}

.unittype_ex .element_02{
	width: 200px;
	float: right;
}

.unittype_ex .element_01{
	width: 420px;
	float: left;
}