@charset "UTF-8";
/* ====================================== */


/*画像左、文字右*/
p.tii_imgleft{width: 100%; float: left; margin-left: 2em;}
img.tii_imgleft { float: left; margin-right: 2em; }

/*画像右、文字左*/
p.tii_imgright{width: 100%; float: right; margin-right: 2em;}
img.tii_imgright { float: right; margin-left: 2em;}


p.tii_clear{clear: both;} /*最後に記入必要あり。*/

div.tii_imgcenter{width: 100%; text-align: center;}



/* ====================================== */
/* ====================================== */

hr.tii_border1{
border-width: 1px 0px 0px 0px;
border-style :dashed none none none;
color: gray;
width: 100%;
margin:40px 0px 40px 0px;
}


/* ====================================== */
/* ====================================== */


.body_detail .body > section table tbody.tii_listcolor td,
.body_detail .body > section table tbody.tii_listnocolor td
{
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.body_detail .body > section table tbody.tii_listnocolor td
{
  background-color: #ffffff;
}

/* ====================================== */
.tii_fc_name{
	color:#004c9f;
	border-left:9px solid #004c9f;}
/* ====================================== */
/*概要*/

.tii_gaiyou {
	border-bottom: 1px solid #004c9f;
}

.tii_gaiyou span{display: block;
	margin-bottom: 3px;
	color: #004c9f;
	font-size: .9em;
}


/* ====================================== */
/*リストの●用途（tii_list_circle）と■特長（tii_list_square）に使用*/

.tii_list_circle,
.tii_list_square,
.tii_list_normal{
color: #004c9f;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 2;/*行高*/
vertical-align: middle;/*上下中央*/
}

.tii_list_circle li,
.tii_list_circle dt,
.tii_list_square li,
.tii_list_square dt{
	margin-bottom:0.5em;
}

.tii_list_circle li:before,
.tii_list_circle dt:before{
content: '・';
color:#004c9f;
margin-right: 8px;

}

.tii_list_circle a {
text-decoration: underline;
}


/* ====================================== */
/*リストに使用*/


.tii_list_square li:before,
.tii_list_square dt:before,
.tii_list_normal li:before,
.tii_list_normal dt:before{
content: '・';
color:#004c9f;
margin-right: 8px;
}

/* ====================================== */
/*ニュース記事のh2, h3*/
html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body h2.tii_newsbar3,
html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body h2.tii_newstitle{
	position: relative;
	line-height:20px;
	margin:15px -5px 10px -5px;
	padding: 10px 12px 10px 0px;
	color: #004c9f;
	font-weight:bold;
	font-size: 1.2em;
}
/*ニュース記事のh4*/
.tii_newsbar4{
	line-height:20px;
	margin-top:10px;
	margin-bottom:10px;
	color: #004c9f;
	font-size: 1.2em;
	font-weight:normal;
}

html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body h3{
	font-weight:bold;
}

html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body ul.tii_list_normal
{	font-size: 0.8em;
}




/* ====================================== */
/*カタログダウンロードページへ*/
/*参考文献へ*/

.tii_cdl {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 220px;
    margin: 0 auto;
    padding: .7em 1.5em;
    border: none;
    border-radius: 30px;
    background-color: #2a7bc2;
    color: #fff;
    font-weight: 200;
    font-size: 0.9em;
	box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
	cursor: pointer;
	margin-top: 40px;
}

.tii_cdl:hover {
	background-color: #0450a2;
	animation: anima-tii_cdl 3s linear infinite;
}

.tii_cdl::before {
    width: 1em;
    height: 1em;
    margin-right: 10px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.6%208.4V1.2H8.4v7.198h-6l9.6%209.6%209.6-9.6h-6zM0%2020.4h24v2.4H0v-2.4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    content: '';
}

@keyframes anima-tii_cdl {
    7% {
        transform: translateY(-15px);
    }
    15% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-7px);
    }
    25% {
        transform: translateY(0);
    }
}

/* ====================================== */

/*四角にチェックのマークなし*/
.tii_mark_n {
	font-size: 16px;
	font-weight:normal;
	margin: 5px 0px;
	padding: 5px 0px;
	color: #333;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* ====================================== */
/*other-詳細ページ*/

/*ブルーの太マーカー*/
.tii_blue_line{
	background:linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}

/*title*/
.tii_other_title{color: #004C9F;font-size: 120%;margin: 0 0 15px;
padding: 10px 15px;
color: #004c9f;
font-size: 1.4em;
background: #eef3f8;}

/*subtitle*/
.tii_other_subtitle{color: #004c9f;font-size: 120%;margin: 40px 0 15px;
padding: 10px 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #004c9f;}

/*komidashi*/
.tii_komidashi{color: #004c9f;font-size: 110%;margin: 60px 0 10px;padding-left:10px;}


/*photo*/
.photo {
    margin: 20px 0;
    text-align: center;
}

/*number*/
.number
{display: inline-block;
color: #7F7F7F;
background: #F2F2F2;
padding: 3px 6px;
font-weight: 400;
margin-right: 5px;}


/* ====================================== */
/*tii-box*/
.tii_body p {
    text-align: left;
}

.tii_box {
background: #fff;
display: flex;
flex-direction: column;
width: 100%;
border: 1.3px solid #aad0ed;
margin-bottom:30px;
}

.tii_header {
    display: flex;
    flex-direction: column;
    align-items: center;
	padding: 21px 0px;
	font-weight:bold;
	font-size:1.2em;
	color:#0059b3;
}

.tii_body{
padding: 0 10px;
font-size:0.9em;
}



.tii_body a{
    text-decoration: none;
    color: #000;
background: #ececf9;
    position: relative;
    display: block;
    padding: 10px 15px 10px 10px;
}


.tii_footer{border-top: 1.3px solid #aad0ed;
padding: 15px 0px 0px 0px;
margin-bottom:5px;
margin-top:20px;}

html body.body_detail div#container.mod_container div.mod_main div.contents.with-menu.product_info article.body section#page_specification.page_specification section.specification div.vp_specifications section#page_specification.page_specification div.clearfix div.fl_left p{margin-left:20px;}



html body.en div#container.mod_container.body_detail div.mod_main div.contents.with-menu.product_info article.body section#page_info.page_info div.vp_related_reference_manual_disp,
html body.body_detail div#container.mod_container div.mod_main div.contents.with-menu.product_info article.body section#page_info.page_info div.vp_related_reference_manual_disp,
html body.en div#container.mod_container.body_detail div.mod_main div.contents.with-menu.product_info article.body section#page_info.page_info div.vp_related_doc_technical_info_disp,
html body.body_detail div#container.mod_container div.mod_main div.contents.with-menu.product_info article.body section#page_info.page_info div.vp_related_doc_technical_info_disp{margin-top:40px;}

/* ====================================== */
/*右下固定ボタン*/
html body.body_detail div#container.mod_container div.mod_pagetop_tii,
html body.en div#container.mod_container div.mod_pagetop_tii,
html body.body_list.body_maker div#container.mod_container div.product_info.mod_pagetop_tii.vp_contact{
	 display:block;
position:fixed;
right:0px;
bottom:10px !important;
transition:6s;
	opacity:0.8;
	z-index:100;
}
html body.body_detail div#container.mod_container div.mod_pagetop_tii2,
html body.en div#container.mod_container div.mod_pagetop_tii2{
 display:block;
	position:fixed;
left:0px;
bottom:10px !important;
transition:6s;
	opacity:0.8;
	z-index:100;
}
.upper:hover{
	 display:block;
opacity:1;
}

/* ====================================== */
/*tiiboxのテキスト位置*/


.tii_body .photo p {
    text-align:center;
}


/* ====================================== */
/*広告、展示会から探すの枠*/

html body.body_append div#container.mod_container div.mod_main div.contents_tii
{
    position: relative;
    padding: 10px;
    background: #fff;
    border: 1px solid #b2c9e2;
        border-bottom-color: rgb(178, 201, 226);
        border-bottom-style: solid;
        border-bottom-width: 1px;
}

/* ====================================== */
/*個別製品ページ　概要文内の下線の色*/

html body.body_detail div#container.mod_container div.mod_main div.contents.with-menu.product_info article.body section#page_summary.page_summary section.summary div.vp_summary section.summary p ins{
color: #004c9f;
}


/* ====================================== */
/*other photo*/
html body.body_idea div#container.mod_container div.mod_main div.contents.with-menu article.body.clearfix section.section01 div.photo{
margin: 20px 0;
    text-align: center;
}

/*other 上に戻るボタン*/
.mod_pagetop_other{
display: block;
position:fixed;
right:20px;
bottom: 40px !important;
transition:1s;
opacity:0.7;
	height: 60px;
	width:60px;
	z-index:1000;
}