@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(/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("/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("/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("/products/titanium/img/pdf_link_marker.png"); margin-left: 10px;}
/*----------- リンク／カタログダウンロード ここまで-----------*/

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

/*--リンク--*/
#li_kankyo {
    list-style: none;
    background: url(/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;
}