@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,
.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;
}
h3{
		margin: 0 0 10px 0;
}

.title_type01,
.post h3{
	padding:5px 5px 5px 15px;
	border:#CCC solid 1px;
	font-size:14px;
}
	
.post h4{
	color:#000;
	font-weight: bold;
	border-bottom: dotted 1px #676767;
	padding-bottom: 3px;
	margin: 0 0 20px 0;
}

.post h4:before{
	content:"■ "
}

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

 テーブル 
 
 ***********************/



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

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

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

.table_type01 th,
.table_type01 td,
.table_type02 th,
.table_type02 td,
.table_type05 th,
.table_type05 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;
}

.table_type05 {
	margin-bottom: 15px;
}

.table_type05 th,
.table_type05 td {
	text-align: left;
}

.table_type05 th {
	width:35%;
	padding: 5px 10px;
	box-sizing: border-box;
}

.table_type05 td {
	width:65%;
	padding: 5px 10px;
	box-sizing: border-box;
}

/*テーブル（試料台タイプ）*/

.table_type03 table{}

.table_type03 tr{
	padding:15px 0;
	border-bottom: #F3CF72 solid 1px;}


.table_type03 th{
	padding:15px 0;
	text-align:left;
	}

.table_type03 td{
	padding:15px 0px 15px 12px;}


/* リスト */

.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;
	}

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

.hgroup{
	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-right: none;
	border-bottom: none;
	padding: 0 0 0 10px;
	margin: 0;
	width: 40%;
	float: left;
	font-size: 16px;
	font-weight: bold;
}

.sub-title,
#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;
}

.section_in-body table{
	border: solid 1px #DDD;
	border-collapse: collapse;
}

.section_in-body 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 30px 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;
}


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

コンセプト(トップ、中共通)

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

/*上のメニュー*/
.problems_menu ul{
	margin:0 0 0px 85px;
	width:633px;
	}

.problems_menu li{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
	}

.problems_menu li img{
	float:left;
	width:100px;	}

.problems_menu li span{
	float:right;
	width:520px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:34px;
	margin:0;
}
.problems_menu li span a{
	color:#000;
}

.problems_menu li span a:hover{
	color:#EB7E3D;
}
.problems_text_two{
	line-height:20px!important;}


/*枠*/

.problems_box{
	border:#F9E380 5px solid;}


.problems_box_in{
	padding:13px;}



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

#problems h2 span{
	display:table-cell;
	vertical-align:middle;
	width:100%;	

}

#problems h2 img{
	margin-right:8px;
}

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

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

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

.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;
}


/* --------------------
FAQ
-------------------- */

#faq_menu {
  padding:10px;
  background:#f2f2f2;
  border:dotted 1px #999;
  font-size:1.2em
}

#btn_faq {
  text-align:right;
  margin:0 0 15px
}

#faq_menu p,
#faq_menu form {
  margin:0;
  padding:0
}

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

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

.faq_tech_list h3{
	background: #FC6;
}

.faq_list ul,
.faq_tech_list ul{
	margin: 15px;
}


.faq_list li,
.faq_tech_list li{
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	line-height: 15px;
}

.faq_list li{
	background: url(../images/faq/faq_q.gif) no-repeat left top;
}

.faq_tech_list li{
	background: url(../images/faq/faq_tech.gif) no-repeat left top;
}

.faq h3,
.faq_tech h3{
	color: #012884!important;
	line-height:1.5;
	border: solid 1px #14215F!important;
}

.faq h3{
	padding: 10px 8px 10px 25px!important;
	background: #FFC url(../images/faq/faq_q.gif) no-repeat left top;
}

.faq_tech h3{
	padding: 10px 8px!important;
}

.faq_tech_list h2, 
.faq_tech_list h3 {
	background: #FC6;
    border: none;
    color: #000;
}

.faq_tech_list h2 a, 
.faq_tech_list h3 a{
    color: #000!important;
}

.faq .section_body,
.faq_tech .section_body{
	margin-top: 7px;
	line-height:1.5;
	border: solid 1px #14215F;
}

.faq .section_body{
	padding: 15px 12px 15px 25px;
	background: url(../images/faq/faq_a.gif) no-repeat left top;
}

.faq_tech .section_body{
	padding: 15px 12px;
}

.to-list{
	text-align: right;
	margin: 0 0 10px 0;
}

.qa_menu_type01{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
.qa_menu_type01 ul{
	margin-bottom:9px!important;
	clear:both;
	overflow:hidden;
}

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

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

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


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

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


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

.or{
    color: #E66418;
}

.td_ul{
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.cp_rental_inq img{
    display: block;
    margin: 0 auto;
}

/* 202408 卒論製作応援キャンペーン */

.campaign_01{
    background: #FFF2DD;
    padding: 20px;
    border: solid 2px #ffa000;
    border-radius: 15px;
    color: #080A5E;
}

.campaign_01 .heading p{
    font-weight: 700;
    font-size: 1.0rem;
}

.campaign_01 .heading p img{
    vertical-align: middle;
}

.campaign_01 .heading p.h1_style{
    font-size: 1.5rem;    
}

.campaign_01 .heading p.h2_style{
    font-size: 1.1rem;    
}

.campaign_01 .h1_style .small{
    font-size: 0.75rem;
}

.campaign_01 .period{
    background: #E0E0E0;
    display: inline-block;
    padding: 10px;
    margin: 0 auto;
}

.campaign_01 .period img{
    margin-bottom: 3px;
}

.campaign_01 .layout_01{
    background: #E0E0E0;
    padding: 20px;
    border-radius: 15px; 
}

.campaign_01 .layout_01 ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.campaign_01 .layout_01 ul li{
    width: 32%;
}

.campaign_01 .layout_01 ul li img{
    width: 100%;
    height: auto;
    margin-bottom: 8px;
}

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

.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;}