@charset "utf-8";

@import url(https://);

/* ___________________________________ 　全ページ共通リセット ___________________________________
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-family:'Noto Sans Japanese', serif,Arial!important;
} */

#contents article  {
  line-height:1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height:1.2;
}


#titanium-nv-wrap {
	display: block;
	margin-top: 5px;
	height: 72px;
	background:#fff;
}

#titanium-nv {
	width:100%;
}

#titanium-nv.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	background: #fff;
	height: 40px;
}

#titanium-nv ul.titanium-nv-inner {
	width:1024px;
	margin:0px auto 0 auto;
	padding:0px;
	height:34px;
	letter-spacing:-0.4em;
	clear:both;
}

#titanium-nv ul.titanium-nv-inner>li {
	border-left:1px solid#fff;
	background-color:#B6B6B6;
	display:block;
	list-style:none;
	letter-spacing:normal;
	float:left;
	height:37px;
	text-align:center;
	padding:7px 10px;
	text-align:center;
	font-size:90%;
	font-weight:400;
	background-position:1px 40px;
	cursor:pointer;
	-webkit-transition:background-position 0.3s linear,font-weight 0.3s linear; 
	-ms-transition:background-position 0.3s linear,font-weight 0.3s linear; 
	transition:background-position 0.3s linear,font-weight 0.3s linear; 

}

#titanium-nv ul.titanium-nv-inner>li:nth-of-type(1){width:481px;}
#titanium-nv ul.titanium-nv-inner>li:nth-of-type(2){width:481px;}
/*#titanium-nv ul.titanium-nv-inner>li:nth-of-type(3){width:180px;}
#titanium-nv ul.titanium-nv-inner>li:nth-of-type(4){width:180px;}
#titanium-nv ul.titanium-nv-inner>li:nth-of-type(5){width:180px;}
#titanium-nv ul.titanium-nv-inner>li:nth-of-type(6){width:178px;}*/


#titanium-nv ul.titanium-nv-inner>li:hover,
#titanium-nv ul.titanium-nv-inner>li.here {
/*	background: url(/en/products/titanium/images/titanium_nv_bg.png) no-repeat;
*/
	background:#fff;
	background-position:1px 0px;
	color:#fff;
	font-weight:400;
}

#titanium-nv ul.titanium-nv-inner>li:hover a,
#titanium-nv ul.titanium-nv-inner>li.here a {
	color:#333333;	
}

#titanium-nv ul.titanium-nv-inner>li > a {
	box-sizing: border-box;
	display:block;
	text-decoration:none;
	line-height:30px;
	height:100%;
	width:100%;
	color:#fff;
	magin-top:3px;
	position:relative;
	-webkit-transition:color 0.5s linear;
}

#titanium-nv ul.titanium-nv-inner>li>a::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width:99.5%;
	height: 3px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color:#00BFFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#titanium-nv ul.titanium-nv-inner>li:hover>a:hover::after,
#titanium-nv ul.titanium-nv-inner>li.here>a::after{
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
/* ___________________________________ 　全ページ共通リセット ここまで___________________________________ */

/*article { border: 1px solid #000; width: 1024px; height: auto; min-height: 500px; margin: 0 auto; }*/

/* ___________________________________ 　全ページ共通 ___________________________________ */

/*----------- タイトル -----------*/
.titanium-title-main, .titanium-title-main-gazo, .titanium-title-main-tu, .titanium-title-sub, .titanium-title-smull, .titanium-title-smull-tu { width: 984px; margin: 0 auto 0 25px; margin-bottom: 32px;font-size:40px; }
.titanium-title-middle-top {font-size:16px;position:relative;bottom:12.5px;padding:5px 20px 5px 20px;color:white;background-color:#2786B0;}
.titanium-title-middle {font-size:14px;position:relative;bottom:5px;padding:0px 20px 3px 20px;color:white;background-color:#2786B0;}
.titanium-title-smull {font-size:30px;height:35px!important;}
.titanium-title-smull-tu {font-size:30px;height:35px!important;}
.titanium-title-main {font-size:50px;}
.titanium-title-sub {color:#757575;}
.titanium-title-subtitle {font-size:35px;}
h2.titanium-title-main, h2.titanium-title-main-tu, .titanium-feature h4, .titanium-title-subtitle, .titanium-title-main, .titanium-title-smull, .titanium-title-smull-tu{
	border-left: 6px solid #2786B0!important;
    padding-left: 10px;
    margin-left: 25px;
    color: #2786B0;
    height:55px;
}
div.link.link-a h4, div.link h4{
	border-left: 6px solid #1855A4!important;
	padding-left: 10px;
	height:35px;
}
/*----------- タイトル ここまで-----------*/

/*----------- 解説 -----------*/
.titanium-commentary {
  display: block;
  position: relative;
  width:895px;
  min-height:20px;
  background-color: #edeeee;
  border-radius:6px;
  padding: 18px 15px 18px 15px;
/*  padding: 18px 15px 25px 15px;
*/}
.titanium-commentary h4 {
  font-size: 28px;
  margin: 0 0 25px 0;
}
.titanium-commentary p {
  font-size: 15px;
/*  width: 555px;
*/  line-height: 1.8em;
}
.titanium-commentary-image {
  position: absolute;
  right: 35px;
  top: 18px;
}
.titanium-commentary-image span {
  display: block;
  font-size: 11px;
  line-height: 0.5em;
  width: 100%;
  text-align: right;
}
.use-commentary p { width: 934px; }

.titanium-commentary .titanium-commentary-left{
	width:650px;
	float:left;
	margin:0 20px 0 0;
}
.titanium-commentary .titanium-commentary-right{
	width:180px;
	float:right;
}
/*----------- 解説 ここまで -----------*/

.titanium-feature h4, .titanium-topics h4 {
  display: block;
  width: 899px;
  height: 30px;
  font-size: 26px;
  line-height: 1.2em;
  border-left: 6px solid #2786B0;
  padding-left: 25px;
  margin:50px 0 28px 0;
}

.titanium-topics h4 {
  border-left: 6px solid #1855A4;
}

.super {
	position:relative;
	top:-2px;
	font-size: 8px;
	vertical-align:middle;
}
.super2 {
	position:relative;
	top:-6px;
	font-size: 16px;
	vertical-align:middle;
}
/*----------- 特長／製品特性例 -----------*/
.titanium-feature, .titanium-use, .titanium-inquiry, .titanium-top { display: block; width: 924px; margin: 0 auto; clear: both;}
.titanium-feature p, .titanium-inquiry p { line-height: 1.8em; /*margin-bottom: 30px;*/ }
.titanium-feature div p span { font-size: 10px; }
.titanium-feature img, .titanium-use img {}
.titanium-feature h5 {
  display: block;
  vertical-align: middle;
  width: 909px;
  height: 25px;
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 17px;
  font-weight: normal;
  border: none;
  color:white;
  background: #2786B0;
  padding: 5px 0 0 15px;
}

.titanium-feature h6 { 
  padding:3px 0 3px 0px;
  margin:20px 0 15px 0;
  font-size: 16px;
  font-weight:bold;
  border: none;
 }
 
.titanium-feature div h6 { 
  padding:3px 0 10px 0px;
  margin:0;
  font-size: 20px;
  font-weight:bold;
  border: none;
 }
 
.title_sp{
	font-size:23px !important;
	color:#555;
	padding-left:0 !important;
}

.half-box ul,.full-box>ul,.auto-box ul{
	margin-bottom:25px;
}

.titanium-feature .half-box p{ 
  width:380px; 
  padding:3px 0 3px 25px;
  font-size: 14px;
  font-weight:normal;
  border: none;
 }


.full-box ul{
	margin-left:25px;
}
.titanium-feature ul li {
  list-style-image: url("/en/products/titanium/img/list_style_marker_01.png");
  margin-left: 17px;
  font-size: 12pt;
  line-height: 1.4em;
  margin-bottom: 5px;
}
.titanium-feature ul li>ul{margin-bottom:10px;}
.titanium-feature ul li>ul>li{
	list-style-image:none;
	margin: 5px 0 0 -20px;
}
.titanium-feature .full-box{}
.titanium-feature .full-box>ul { margin-bottom: 30px; }
.titanium-feature .half-box { margin: 0; margin-bottom:20px;padding: 0;width: 450px; display: inline-block; vertical-align: top; float:right;}
.titanium-feature .first-half-box { margin-right: 20px;float:none;}
.titanium-feature .third-half-box { margin-right: 58px; }
.titanium-feature .fifth-half-box { margin-right: 58px; }
.titanium-feature .seventh-half-box { margin-right: 58px;}
.titanium-feature .half-box ul { margin-bottom: 25px; }
.titanium-feature .half-box h5 { width: auto; }

.titanium-feature  img.fullimg{ width: 100%; }
.titanium-feature  img.center_img{ margin:0 auto 20px auto; display:block; }

.titanium-feature-hr { width: 924px; border-top: 1px solid #000; margin: 0 auto; margin-top: 40px; margin-bottom: 48px; }
.titanium-feature .quarter_box{width:315px; display:inline-block;}
.titanium-feature .three-quarter_box{width:565px; display:inline-block;vertical-align:top;margin-right:27px;}
.titanium-feature .three-quarter_box h4{margin-top:0;}
.titanium-feature .three-quarter_box h5{width:auto;}
.titanium-feature .quarter_box h5{width:auto;}

.titanium-feature .equal_box{width:250px; display:inline-block;}
.titanium-feature .equal_box h5{width:auto;}
/*----------- 特長／製品特性例 ここまで-----------*/

/*----------- 用途 -----------*/
.titanium-use p {
  font-size: 16px;
  line-height: 1.8em;
}
.titanium-use .full-box {}
.titanium-use .half-box { margin: 0; padding: 0;margin-top: 67px; width: 430px; display: inline-block; vertical-align: top; }
.titanium-use .half-box h4 {
  display: block;
  width: 430px;
  height: 30px;
  font-size: 26px;
  line-height: 1.2em;
  margin: 0px 0 28px 0;
}
.use-link { display: block; height: 106px; }
.use-link ul { display: block; height: 106px; }
.use-link ul li { float: left; height: 38px; }
/*----------- 用途 ここまで-----------*/


/*----------- リンク／カタログダウンロード -----------*/
.link { display: table; width: 924px; margin: 0 auto; }
.link h4 {
  display: block;
  width: 924px;
  height: 30px;
  font-size: 26px;
  line-height: 1.2em;
  margin: 80px 0 28px 0;
}
.link h4 span { font-size: 12pt; line-height: 40px; margin-left: 20px;}
.link ul li {
  list-style-image: url("/en/products/titanium/img/list_style_marker_02.png");
  font-size: 14pt;
  line-height: 2em;
  margin-left:2%;
  border-bottom: 1px dotted gray;
  list-style-position: outside;
  width:99%;
  padding-bottom:5px;
  padding-top:5px;
}
.link ul li a { color: #1855A4; text-decoration: none; }
.link ul li a:hover { color: #1855A4; text-decoration: underline; }
.pdf-download ul li a:after { content: url("/en/products/titanium/img/pdf_link_marker.png"); margin-left: 10px;}
/*----------- リンク／カタログダウンロード ここまで-----------*/

/* ___________________________________ 　全ページ共通 ここまで ___________________________________ */

/*--リンク--*/
#li_kankyo {
    list-style: none;
    background: url(/en/products/titanium/img/list_style_marker_02.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 0px 50%;
    position: relative;
    top: 20px;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 0 0 -28px;
    padding: 0;
}
/*--画像,テキストの整列--*/
.img_center,.txt_center{
	text-align: center;
}
.img_right,.txt_right{
	text-align: right;
}
.img_left,.txt_left{
	text-align: left;
}

/*--レイアウト関係--*/
.left_block{
	float:left;
	width:450px;
	margin: 0 0 20px 0;}
.right_block{
	float:right;
	width:450px;
	margin: 0 0 20px 0;}

/*--margin--*/	
.m_t10{
	margin:10px 0 0 0;
}
.m_t20{
	margin:20px 0 0 0;
}
.m_t30{
	margin:30px 0 0 0;
}
.m_l10{
	margin:0 0 0 10px;
}
/*--テキスト--*/	
.int {
    text-indent: 1.3em;
}
/*--お問い合わせボタン--*/
.toiawase_box{
 border:solid 1px #333;
 padding:20px;
 margin:20px 0;
}
.toiawase_box h4{
margin: 0px 0 28px 0;
border-left: 6px solid #00429A;
color:#333;
}

.toiawase_left_block{
float: left;
width: 440px;
margin: 0 0 20px 0;
	}	
a.contact_btn{
 display:block;
 width:250px;
 padding:20px 30px;
 background:#00429A;
 color:#fff;
 text-align:center;
 margin:0 auto;
 text-decoration:none;
 position: relative;
 font-size:18px;
}
a.contact_btn:after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 50px;
  margin-top: -8px;
}
a.contact_btn:hover{
 background:#2786B0;
}