@charset "UTF-8";

@import url("module.css");
@import url("thickbox.css");

/* reset */
body{
	margin:0;
	padding:0;
	border:0;
	line-height:1.3;
	font-family:sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
}
form{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
td{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
th{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
table{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
dd{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
dt{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
dl{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
li{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
ol{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
ul{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
img{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
a{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
p{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
h6{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
h5{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
h4{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
h3{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
h2{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
h1{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
div{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
ul{
	list-style:none;
}
img{
	vertical-align:bottom;
}

/* clearfix */
.clearfix:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.separate:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.cf:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.clearfix{
	/* _height:1px; */
	min-height:1px;
	/* height: auto;
	overflow: hidden; */
}

.separate{
	/* _height:1px; */
	min-height:1px;
	/* height: auto;
	overflow: hidden; */
}

.cf{
	/* _height:1px; */
	min-height:1px;
}
a:hover{
	color:#e00;
}
a:hover.alpha{
	filter: alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
img:hover.alpha{
	filter: alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
input:hover.alpha{
	filter: alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

/* フロート */
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}

.bg {
    background-color: #f6f6f6;
}

/* ======================================================
	3.全体/ヘッダー/フッター/サイドバー/メイン
   ====================================================== */
/* 全体 */
body{
	background:#151515;
}

/* ヘッダー */
#header-wrap{
	width:100%;
	height:110px;
	background:#fff url(../cmn-img/header-bg1.gif) no-repeat 50% 0%;
}
#header{
	margin:0 auto;
	width:940px;
}
#header-title{
	float:left;
	padding-top:35px;
	width:438px;
}
#header-contents{
	float:right;
	padding-top:25px;
	width:500px;
}
#header-nav{
	float:right;
}
#header-nav li{
	float:left;
	margin-left:17px;
	padding-left:5px;
	background:url(../cmn-img/arrow01.gif) no-repeat 0% 50%;
}
#header-nav li a{
	font-size:12px;
	color:#898989;
}
#header-nav li a:hover{
	color:#f00;
}
#header-tools{
	padding-top:20px;
}
#fontSize{
	float:right;
}
#google-search{
	padding-left:20px;
	float:right;
}
#google-search *{
	vertical-align:top;
}
/* 言語選択 */
#header-nav li.langNav{
	position:relative;
	margin-left:22px;
	padding-left:0;
	background:none;
}

.lang{
	display:none;
	position:absolute;
	padding:10px;
	top:12px;
	right:0px;
	width:104px;
}
.langInner{
	padding-bottom:10px;
	width:102px;
	background:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
#header-nav li.langNav .langInner ul li{
	float:none;
	margin-left:0;
	padding-left:0;
	background:none;
}
.langInner ul li a{
	padding-left:15px;
	display:block;
	height:23px;
	line-height:23px;
	font-size:12px;
	color:#999;
	text-decoration:none;
	background:url(../cmn-img/langArrow.gif) no-repeat 7px 50% #fff;
}
#header-nav li.langNav .langInner ul li a:hover{
	color:#fff;
	background:url(../cmn-img/langArrow_o.gif) no-repeat 7px 50% #e00012;
}

/* グローバルナビ */
#global-nav{
	width:100%;
	height:66px;
	background:url(../cmn-img/global-nav-bg.gif) repeat-x;
}
#global-nav-body{
	margin:0 auto;
	padding-top:8px;
	width:901px;
}
#global-nav-body li{
	float:left;
}

/* フッター */
#footer-wrap{
	width:100%;
	height:125px;
	background:url(../cmn-img/footer-bg.gif) repeat-x #151515;
}
#footer{
	margin:0 auto;
	width:940px;
}
#footer-pagetop{
	padding-top:32px;
	text-align:right;
}
#footer-nav{
	padding:1px 0 20px 0;;
	text-align:center;
	font-size:70%;
	color:#fff;
}
#footer-nav a{
	color:#fff;
	text-decoration:none;
}
#footer-nav a:hover{
	color:#f00;
}
#footer-logo{
	float:left;
	width:192px;
}
#copyright{
	float:right;
	padding-top:3px;
	font-size:70%;
	color:#fff;
	width:680px;
	text-align:right;
}
#footerBtmWrap{
	width:100%;
	background:#fff;
}
#footerBtm{
	margin:0 auto;
	padding:10px 0 0 0;
	width:940px;
}
#footerBtm p{
	float:left;
	padding-right:30px;
	font-size:12px;
}
#footerBtm p a{
	color:#333;
}
#footerBtm p a:hover{
	color:#d00;
}
.footerBtmLink1{
	padding-top:35px;
}

/* レイアウト */
#contents{
	width:100%;
	background:#fff;
}
.contents-layout-920{
	margin:0 auto;
	padding:30px 0 40px 0;
	width:920px;
}
.contents-layout-940{
	margin:0 auto;
	padding:50px 0 40px 0;
	width:940px;
}
.contents-layout-950{
	margin:0 auto;
	padding:50px 0 40px 0;
	width:950px;
}

.contents-layout-950-2{
	margin:0 auto;
	padding:20px 0 20px 0;
	width:950px;
}
.f-container {
	display: flex;
}

/* サイドバー */
#sidebar1{
	float:left;
	width:231px;
}
#products-sidebar1 li{
	border:1px solid #c4c4c4;
}
#products-sidebar1 li .products-sidebar2 li{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #c4c4c4;
}
#products-sidebar1 li .products-sidebar2 li a{
	display:block;
	padding:9px 20px 9px 15px;
	font-size:14px;
	font-weight:bold;
	color:#222;
	line-height:1.5;
	text-decoration:none;
	background:url(../cmn-img/products-sidebar/arrow1.gif) no-repeat 100% 50%;
}
#products-sidebar1 li .products-sidebar2 li a:hover{
	color:#666;
	background:url(../cmn-img/products-sidebar/arrow1.gif) no-repeat 100% 50% #eee;
}
#products-sidebar1 li .products-sidebar2 li span{
	display:block;
	padding:9px 20px 9px 15px;
	background:/*url(../cmn-img/sidebar-current1.gif) no-repeat */0% 50% #e54955;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}


.side-title{
	padding:9px 20px 9px 10px;
	color:#fff;
	line-height:1.5;
	/* background:#454545; */
	background:#3b3b3b;
	font-size:15px;
	font-weight: bold;
}

#products-sidebar1 .side-title a{
	display:block;
	color:#fff;
	background-color:#454545;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
}
.side-title-rb{
	border-left:2px solid #e00012;
	padding-left:12px;
}
.side-title2{
	font-size:90%;
	color:#fff;
	line-height:1.5;
	background:#898989;
}

#products-sidebar1 .side-title2 a{
	display:block;
	padding:9px 20px 9px 10px;
	font-size:15px;
	font-weight: bold;
	color:#fff;
	line-height:1.5;
	text-decoration:none;
	background-color:#898989;
	background: url('../cmn-img/products-sidebar/arrow-kari.gif') no-repeat 5% 50%;
}

#products-sidebar1 .side-title2 a:hover{
	color:#fff;
	background-color:#a1a1a1;
}

#products-sidebar1 .side-title-sub li{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #c4c4c4;
	font-weight: bold;
}

#products-sidebar1 li .side-title-sub li a{
	font-weight: bold;
	display:block;
	padding:9px 20px 9px 20px;
	font-size:14px;
	color:#222;
	line-height:1.5;
	text-decoration:none;
	/**/background: url('../cmn-img/products-sidebar/arrow1.gif') no-repeat 100% 50%;
}

#products-sidebar1 li .side-title-sub li a:hover{
	color:#666;
	background:#eee url('../cmn-img/products-sidebar/arrow1.gif') no-repeat 100% 50%;
}


#products-sidebar1 li .side-nl{
	font-weight:bold;
	display:block;
	padding:9px 20px 9px 20px;
	font-size:14px;
	line-height:1.5;
	text-decoration:none;
	background-color: #E54955;
	color:#fff;
}
#products-sidebar1 li .side-nl-dp{
	font-weight:bold;
	display:block;
	padding:9px 20px 9px 40px;
	font-size:14px;
	line-height:1.5;
	text-decoration:none;
	background-color: #E54955;
	color:#fff;
}


/* メイン */
#main1{
	float:right;
	width:668px;
	padding-right:10px;
}
#main2{
	float:right;
	width:707px;
}
.main-contents1{
	padding:15px 9px 35px 9px;
}
.main-contents2{
	padding:0 10px;
}

/* ======================================================
	4.見出し/本文/テーブル/リスト/囲み
   ====================================================== */
/* 見出し */
.cmnH3-1{
	padding-bottom:15px;
	font-size:170%;
	font-weight:bold;
	color:#333;
}
.cmnH4-1{
	margin-bottom:10px;
	padding:1px 0 1px 6px;
	border-left:4px solid #d10000;
	font-size:100%;
	font-weight:bold;
	color:#333;
}

/* 注釈印 */
html body .cmnSup1{
	font-size:10px !important;
	color:#f00 !important;
}

/* 本文 */
.cmn-t70-14{
	font-size:70%;
	color:#333;
	line-height:1.4;
}
.cmn-t70-15{
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.cmn-t70-16{
	font-size:70%;
	color:#333;
	line-height:1.6;
}
.cmn-t70-17{
	font-size:70%;
	color:#333;
	line-height:1.7;
}
.cmn-t80-14{
	font-size:80%;
	color:#333;
	line-height:1.4;
}
.cmn-t80-15{
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.cmn-t80-16{
	font-size:80%;
	color:#333;
	line-height:1.6;
}
.cmn-t80-17{
	font-size:80%;
	color:#333;
	line-height:1.7;
}

/* new */
.cmn-t85-14{
	font-size:85%;
	color:#333;
	line-height:1.4;
}
.cmn-t85-15{
	font-size:85%;
	color:#333;
	line-height:1.5;
}
.cmn-t85-16{
	font-size:85%;
	color:#333;
	line-height:1.6;
}
.cmn-t85-17{
	font-size:85%;
	color:#333;
	line-height:1.7;
}
/* //new */



.cmn-t90-14{
	font-size:90%;
	color:#333;
	line-height:1.4;
}
.cmn-t90-15{
	font-size:90%;
	color:#333;
	line-height:1.5;
}
.cmn-t90-16{
	font-size:90%;
	color:#333;
	line-height:1.6;
}
.cmn-t90-17{
	font-size:90%;
	color:#333;
	line-height:1.7;
}
.cmn-t100-17{
	font-size:100%;
	color:#333;
	line-height:1.7;
}
.red1{
	color:#e00;
}
/* テーブル */
.cmn-table1{
	width:100%;
	border-collapse:collapse;
}
.cmn-table1 tr th{
	padding:10px;
	border:1px solid #ddd;
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	background:#eee;
}
.cmn-table1 tr td{
	padding:10px;
	border:1px solid #ddd;
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.cmn-table2{
	width:100%;
	border-collapse:collapse;
}
.cmn-table2 tr th{
	padding:10px;
	border:1px solid #ddd;
	font-size:80%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	background:#eee;
}
.cmn-table2 tr td{
	padding:10px;
	border:1px solid #ddd;
	font-size:80%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}

/* 囲み */
.cmn-box1{
	border:1px solid #ddd;
	background:url(../cmn-img/cmn-box1.gif) no-repeat;
}

/* リスト */
.cmn-list1{
	margin-left:20px;
	list-style:disc;
}
.down-list1{
	margin-left:15px;
}
.down-list1 li{
	margin-bottom:8px;
	padding-left:12px;
	background:url(../cmn-img/arrow01.gif) no-repeat 0% 50%;
}
.down-list2{
	margin-bottom:30px;
}
.down-list2 li{
	float:left;
	margin:0 0 7px 10px;
	width:315px;
}
.down-list2 li a{
	display:block;
	padding-left:32px;
	width:283px;
	height:35px;
	line-height:35px;
	font-size:16px;
	color:#333;
	text-decoration:none;
}
.down-list2 li a.pdfBtn{
	background:url(../cmn-img/pdfBtn1.gif) no-repeat;
}
.down-list2 li a.pdfBtn:hover{
	background:url(../cmn-img/pdfBtn1_o.gif) no-repeat;
}
.down-list2 li a.videoBtn{
	background:url(../cmn-img/videoBtn1.gif) no-repeat;
}
.down-list2 li a.videoBtn:hover{
	background:url(../cmn-img/videoBtn1_o.gif) no-repeat;
}

.down-list3{
	margin-bottom:30px;
	padding-left:10px;
}
.down-list3 li{
	margin-bottom:10px;
	padding:9px;
	border:1px solid #ddd;
	background:#fafafa;
}
.down-list3-head{
	float:left;
	font-size:100%;
	color:#333;
	line-height:25px;
}

/*JANOME変更　30px→10px　 */
.down-list4{
	margin-bottom:10px;  
	padding-left:10px;
}
.down-list4 li{
	margin-bottom:10px;
	padding:9px;
	border:1px solid #ddd;
	background:#fafafa;
}
.down-list4-head{
	float:left;
	font-size:75%;
	color:#333;
	line-height:25px;
}

/*ここまで */

.faq-list1{
	margin-left:20px;
	font-size:14px;
	color:#333;
	line-height:1.5;
}
.faq-list1 li{
	margin-bottom:5px;
}


/* ======================================================
	99.個別記述
   ====================================================== */
/* トップページ
---------------------------------------------------------------------------- */
#top-main{
	padding-bottom:30px;
}
#top-mv{
	float:left;
	width:538px;
}
#top-products{
	float:right;
	width:357px;
}
#slides{
	position:relative;
	width:538px;
	height:363px;
}
.slides_container{
	width:538px;
	height:363px;
	display:none;
}
.slides_container div{
	width:538px;
	height:363px;
}
.prev{
	position:absolute;
	top:163px;
	left:12px;
	display:block;
	width:35px;
	height:35px;
	background:url(../img/mv-arrow-l.png) no-repeat;
	text-indent:-9800px;
	z-index:10;
}
.next{
	position:absolute;
	top:163px;
	left:490px;
	display:block;
	width:35px;
	height:35px;
	background:url(../img/mv-arrow-r.png) no-repeat;
	text-indent:-9800px;
	z-index:11;
}
.pagination{
	position:absolute;
	top:308px;
	right:14px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:12;
}
.pagination li{
	float:left;
	display:block;
	margin:0 0 0 5px;
	width:20px;
	height:20px;
	text-indent:-9800px;
}
.pagination li a{
	display:block;
	width:20px;
	height:20px;
}
.pagination li a.mv-c0{
	background:url(../img/mv-c0.png) no-repeat;
}
.pagination li a.mv-c0:hover{
	background:url(../img/mv-c0_o.png) no-repeat;
}
.pagination li.current a.mv-c0{
	background:url(../img/mv-c0_o.png) no-repeat;
}
.pagination li a.mv-c1{
	background:url(../img/mv-c1.png) no-repeat;
}
.pagination li a.mv-c1:hover{
	background:url(../img/mv-c1_o.png) no-repeat;
}
.pagination li.current a.mv-c1{
	background:url(../img/mv-c1_o.png) no-repeat;
}
.pagination li a.mv-c2{
	background:url(../img/mv-c2.png) no-repeat;
}
.pagination li a.mv-c2:hover{
	background:url(../img/mv-c2_o.png) no-repeat;
}
.pagination li.current a.mv-c2{
	background:url(../img/mv-c2_o.png) no-repeat;
}
.pagination li a.mv-c3{
	background:url(../img/mv-c3.png) no-repeat;
}
.pagination li a.mv-c3:hover{
	background:url(../img/mv-c3_o.png) no-repeat;
}
.pagination li.current a.mv-c3{
	background:url(../img/mv-c3_o.png) no-repeat;
}
.pagination li a.mv-c4{
	background:url(../img/mv-c4.png) no-repeat;
}
.pagination li a.mv-c4:hover{
	background:url(../img/mv-c4_o.png) no-repeat;
}
.pagination li.current a.mv-c4{
	background:url(../img/mv-c4_o.png) no-repeat;
}
.pagination li a.mv-c5{
	background:url(../img/mv-c5.png) no-repeat;
}
.pagination li a.mv-c5:hover{
	background:url(../img/mv-c5_o.png) no-repeat;
}
.pagination li.current a.mv-c5{
	background:url(../img/mv-c5_o.png) no-repeat;
}



#mv-logo{
	position:absolute;
	top:333px;
	right:10px;
	z-index:13;
}
#top-products-list li{
	float:left;
}
#top-list-area{
	float:left;
	width:538px;
}
#top-push-area{
	float:right;
	width:357px;
}
#top-inquiry{
	width:357px;
	height:143px;
	background:url(../img/top-inquiry-bg.jpg) no-repeat;
}
#top-ex{
	width:357px;
	height:143px;
	background:url(../img/top-ex-bg.jpg) no-repeat;
}
#top-inquiry-list{
	/*padding:43px 0 0 26px;*/
	padding:43px 0 0 26px;
}
#top-inquiry-list li{
	font-size:12px;
	padding-bottom:8px;
}
/*--販売終了のお知らせ--*/
#discontinue{
	width:675px;
	height:90px;
	margin:0 0 20px 20px;
	padding:10px 0 0 0;
	line-height:1.3;
	background:url(../cmn-img/discontinue/discontinue_bg.jpg) no-repeat;
}
#discontinue-info{
	margin:10px 0 0 10px;
	padding:0 0 0 20px;
	font-size:9pt;
	background:url(../cmn-img/discontinue/discontinue-info-img1.gif) no-repeat;
}
#discontinue-info a{
	margin-left:10px;
	font-size:11pt;
	color:#e54955;
}
#discontinue-info a:hover{
	color:#e54955;
	font-size:11pt;
	background-color:#aaa;
}
#discontinue-info img{
	margin:0 6px 0 10px;
}
#discontinue-info table{
	font-size:9pt;
}
#discontinue-info td{
	padding:0;
	vertical-align:top;
}
#discontinue-info a.lfa{
	font-size:9pt;
}
/*--←販売終了のお知らせ--*/
/*--inquiry.html挿入用→--*/
#inquiry-holiday{
	width:880px;
	height:90px;
	margin:0 0 0 30px;
	line-height:1.3;
	line-height:1.3;
	background:url(../cmn-img/inquiry-holiday.jpg) no-repeat;
}
#inquiry-holiday-info{
	padding:20px;
	font-size:9pt;
}
/*--←inquiry.html挿入用--*/
.topHead1{
	margin-bottom:10px;
	border-bottom:3px solid #e10012;
}
.topHead1 h2{
	float:left;
	width:172px;
}

/*20190613 added*/
.topHead1 .top-news-tit{
	border-left:6px solid #D10000;
	margin-bottom: 5px;
	padding-left: 10px;
}
/**/


.topHead1 p{
	padding-top:7px;
	float:right;
	width:52px;
}
.top-news-table{
	width:100%;
}
.top-news-table tr{
	background:url(../img/top-news-list-segment.gif) no-repeat 0% 100%;
}
.top-news-table td{
	padding:10px 0;
	vertical-align:top;
}
.top-news-new{
	width:19px;
}
.top-news-table td.top-news-icon{
	padding-top:22px;
	width:75px;
}
.top-news-table td.top-news-body{
	padding-right:10px;
	padding-left:10px;
}


.top-news-date{
	padding-bottom:3px;
	font-size:80%;
	color:#555;
}


.top-news-date2{
	padding-bottom:3px;
	font-size:80%;
	color:#555;
	background:url('../img/top-news-arrow.gif') no-repeat 0px 13px;
}


.top-news-links{
	padding-left:13px;
	background:url(../img/top-news-arrow.gif) no-repeat 0 4px;
	font-size:80%;
	line-height:1.5;
}
.top-news-links a{
	text-decoration:none;
}

/*2019.6.13 added-------------------------------*/
.top-news-txt{
	padding-top: 10px;
	font-size:85%;
	line-height:1.5;
}
/*---------------------------------------------*/


#top-push-banner li .new-mr{
	position:absolute;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-size: 10px;
	background: #E60012;
	padding:0 5px;
	margin:5px 0 0 317px;
}

.title-back_nm{
	padding:4px 18px 3px 18px;
	font-size:125%;
	color:#fff;
	line-height:1.5;
	background:#454545;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.title-bar{
		padding-left:12px;
		border-left:4px solid #e00012;
}

.title-back{
	margin-bottom:20px;
	padding:0px 18px 0px 18px;
	font-size:120%;
	font-weight: bold;
	color:#fff;
	line-height:2.1;
	letter-spacing: 5px;
	/* background:#454545; */
	background: #3b3b3b;;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.title-back2{
	margin-bottom:20px;
	padding:0px 18px 0px 18px;
	font-size:120%;
	font-weight: bold;
	color:#fff;
	line-height:2.1;
	letter-spacing: 5px;
	/* background:#454545; */
	background: #3b3b3b;;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/* 製品紹介TOP
---------------------------------------------------------------------------- */


/*2019.6.13 added-----------------------------------------------------*/
.top-news-table2{
	width:100%;
	margin-top: 20px;
}

.top-news-table2 a{
	text-decoration:none;
}

.top-news-table2 .bd-tr{
	background:url('../img/top-news-list-segment.gif') no-repeat 0% 100%;
}
.top-news-table2 td{
	padding:4px 0 0 0;
	vertical-align:top;
}
.top-news-table2 td.top-news-icon{
	padding-top:22px;
	width:75px;
}
.top-news-table2 td.top-news-body{
	padding-right:10px;
	padding-left:10px;
	font-size: 14px;
}

.bd-tr td{
	font-size: 14px;
	padding-left:7px;
	padding-bottom: 20px;
	padding-top: 10px;
	color:#555;
}

/*--------------------------------------*/



/* 製品紹介TOP
---------------------------------------------------------------------------- */
.products-top-rows{
	padding-top:30px;
}
.products-top-item{
	float:left;
	width:221px;
}

/*20200129 added*/
.products-top-item h3{
	background-color:#3A3C3C;
	height:20px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left: 10px;
}

.products-top-item h3 a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight: bold;
}

.products-top-list li{
	margin-bottom:15px;
}
.products-top-list li .o-text{
	position:absolute;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	padding:15px 0px 0px 25px;
}

/* 製品カテゴリーTOP
---------------------------------------------------------------------------- */
.products-category-read{
	margin-bottom:17px;
	padding:13px 18px;
	font-size:80%;
	color:#fff;
	line-height:1.5;
	background:#5b5c5c;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.products-category-read a{
	color:#fff;
}
.products-category-read a:hover{
	color:#f00;
}
.products-category-item{
	margin-bottom:25px;
	padding:15px;
	border:1px solid #595656;
}
.products-category-item-photo{
	float:left;
	width:150px;
}
.products-category-item-photo2{
	float:left;
	width:260px;
}
.products-category-item-body{
	float:right;
	width:475px;
}
.products-category-item-body2{
	float:right;
	width:315px;
}
.products-category-item-body3{
	float:right;
	width:365px;
}
.products-category-item-head{
	margin-bottom:12px;
	padding:3px 7px;
	font-size:90%;
	font-weight:bold;
	color:#222;
	border-left:3px solid #e00012;
}
.products-category-item-head2{
	border-top:1px solid #ddd;
	padding:10px 0;
	font-size:90%;
	font-weight:bold;
	color:#222;
}
.products-category-item-text{
	margin-bottom:10px;
	font-size:80%;
	color:#222;
	line-height:1.4;
}
.produts-category-item-btn{
	text-align:right;
}

/* 産業機器営業本部案内
---------------------------------------------------------------------------- */
.cmn-table1 tr td .business-table1 tr td{
	padding:0 10px 0 0;
	border:none;
	font-size:100%;
	color:#333;
}
.business-table2{
	width:100%;
	border-collapse:collapse;
}
.business-table2 tr th{
	padding:10px;
	border:1px solid #ddd;
	font-size:80%;
	font-weight:normal;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	background:#eee;
}
.business-table2 tr td{
	padding:10px;
	border:1px solid #ddd;
	font-size:80%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.business-table3{
	width:100%;
	border-collapse:collapse;
}
.business-table3 tr th{
	padding:10px;
	border-top:1px solid #aaa;
	font-size:90%;
	font-weight:normal;
	color:#b70007;
	line-height:1.5;
	text-align:center;
	vertical-align:top;
}
.business-table3 tr td{
	padding:10px;
	border-top:1px solid #ddd;
	font-size:100%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.business-table3 tr td .business-table4 tr td{
	padding:0 0 6px 10px;
	border:none;
	background:none;
	font-size:80%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.business-table5{
	width:100%;
	border-collapse:collapse;
}
.business-table5 tr th{
	padding:10px;
	border-top:2px solid #aaa;
	background:url(../cmn-img/gradation1.gif) repeat-x;
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.business-table5 tr td{
	padding:10px;
	border-top:2px solid #ddd;
	background:url(../cmn-img/gradation1.gif) repeat-x;
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.business-table5 tr td .business-table6 tr td{
	padding:0 10px 3px  0;
	border:none;
	background:none;
	font-size:100%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.business-index-btn1{
	padding:25px 0;
	text-align:center;
}
.business-index-bottom{
	text-align:right;
	font-size:80%;
	color:#333;
}
.office-item1{
	margin-bottom:20px;
	padding:10px 15px;
	border-top:2px solid #ccc;
	background:url(../cmn-img/gradation1.gif) repeat-x;
}
.office-item1-head{
	float:left;
	padding:2px 6px;
	width:400px;
	border-left:4px solid #c00;
	font-size:100%;
	font-weight:bold;
	color:#333;
}
.office-item1-head span{
	font-size:90%;
}
.office-item1-btn{
	float:right;
	width:64px;
}
.office-item1-address{
	padding:0 0 10px 10px;
	font-size:90%;
	color:#333;
	line-height:1.5;
}
.office-item1-tel{
	padding:0 0 0 10px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.office-item1-table{
	margin:0 0 0 10px;
}
.office-item1-table th{
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.office-item1-table td{
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.office-item1-il{
	float:left;
	width:450px
}
.office-item1-ir{
	float:right;
	width:150px;
}


/* お問い合わせ
---------------------------------------------------------------------------- */
.inquiry-box1{
	padding:10px;
}
.inquiry-box1-btn{
	float:right;
	width:321px;
}
.inquiry-box1-list{
	float:left;
	width:520px;
	padding:5px;
}
.inquiry-box1-list span{
	font-size:75%;
	font-weight:normal;
	padding-top:16pt;
}
.inquiry-box1-list li{
	margin-bottom:7px;
	padding-left:25px;
	background:url(../cmn-img/point01.png) no-repeat 0 0px;
	font-size:90%;
	font-weight:bold;
	color:#333;
}
.inquiry-box1-list li.last-child{
	margin-bottom:0;
}

/* 新着情報
---------------------------------------------------------------------------- */
.news-item1{
	margin-bottom:20px;
	padding:10px 10px 0 10px;
	border-top:2px solid #ddd;
	background:url(../cmn-img/gradation1.gif) repeat-x;
}
.news-item1 h3{
	padding:3px 8px;
	border-left:4px solid #c00;
	font-size:110%;
	font-weight:bold;
	color:#c00;
}
.news-item1 h3 span{
	font-size:80%;
	font-weight:bold;
	color:#333;
}
.news-item1-body{
	padding:10px 0 0 12px;
}
.news-item1-body p{
	padding-bottom:10px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}

/* 製品詳細
---------------------------------------------------------------------------- */
#detail-title1{
	padding:0 0 12px 19px;
}
.detail-title1{
	padding:0 0 12px 19px;
}

#detail-title2{
	margin-bottom:30px;
	padding:10px 0px 10px 30px;
	font-size:1.5em;
	color:#fff;
	line-height:1.5;
	letter-spacing: 2px;
	background:#454545;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.detail-title2{
	padding:0 0 12px 19px;
}

#detail-tabs{
	width:707px;
	height:48px;
	background:url(../cmn-img/detailBg1.gif) no-repeat;
}
#detail-tabs li{
	float:left;
	padding-left:7px;
}
#detail-tabs li.first-child{
	padding-left:32px;
}
#detail-contents{
	padding:18px 16px 15px 15px;
	background:url(../cmn-img/detailBg2.gif) no-repeat;
		/*2020added*/
	position: relative;
	z-index: 10;
}
#detail-contents2{
	padding:18px 16px 15px 15px;
	background:url(../cmn-img/detailBg3.gif) no-repeat;
}
.detail-single-img1{
	float:right;
	padding:12px 12px 12px 30px;
}
.detail-single-caution1{
	padding:0 0 12px 20px;
	font-size:80%;
	color:#333;
}
.detail-item1-wrap{
	padding:1px;
	background:#fff;
	border:1px solid #d5d5d5;
}
.detail-item1{
	border-bottom:1px solid #eee;
	background:url(../cmn-img/detail-item1-bg.gif) no-repeat #fdfdfd;
}
.detail-item1-left{
	float:left;
	width:404px;
}
.detail-item1-right{
	float:right;
	width:240px;
	padding:8px 8px 8px 0;
}
#detail-main-btn{
	padding:10px 0;
	text-align:center;
	font-size:12px;
}
/*JANOME追加*/
#detail-main-btn2{
	padding:10px;
	text-align:left;
	font-size:12px;
}
/*ここまで*/
.detail-head1-wrap{
	padding:6px 0 0 6px;
}
.detail-head1{
	padding:13px 0 0 23px;
	width:638px;
	height:36px;
	background:url(../cmn-img/detail-head1.gif) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.detail-head2-wrap{
	padding:6px 0 0 6px;
}
.detail-head2{
	padding:13px 0 0 23px;
	width:381px;
	height:36px;
	background:url(../cmn-img/detail-head2.gif) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.detail-feature-head1{
	margin:10px 15px 0 15px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	font-size:100%;
	font-weight:bold;
	color:#333;
}
.detail-feature-list{
	padding:15px 15px 5px 20px;
}
.detail-feature-list li{
	margin-bottom:10px;
	padding-left:25px;
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	background:url(../cmn-img/point01.png) no-repeat 0 4px;
}
.detail-feature-table1 th{
	font-size:100%;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
.detail-feature-table1 td{
	font-size:100%;
	text-align:left;
	vertical-align:top;
}
.detail-feature-list .em1{
	font-size:120%;
}
/*用語説明用*/
.detail-feature-list a{
  font-weight:bold;
  text-decoration:none;
  color:#00c;
}
.detail-feature-list a:hover{
  font-weight:bold;
  text-decoration:none;
  background:#ccc;
  color:#004;
}
/*用語説明用*/
.detail-feature-list .caution1{
	font-weight:normal;
	font-size:90%;
}
.detail-ex-read{
	padding:15px 25px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.detail-ex-img{
	text-align:center;
	font-size:16px;
}
.detail-ex-btn{
	padding:17px 0;
	text-align:center;
}
.detail-inq-body{
	padding:15px 26px 0 26px;
}
.detail-inq-layout tr td{
	vertical-align:top;
}
.detail-inq-read{
	padding-bottom:3px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.detail-inq-ex{
	padding:9px;
	border:1px solid #45778e;
	background:#95aec7;
}
.detail-inq-point1{
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	padding-left:27px;
	background:url(../cmn-img/detail-inq-point1.gif) no-repeat 0% 5%;
}

/*NEW*/
.bg-ccc{
	background-color:#cccccc;
	color:#333333;
}
/*//NEW*/

.detail-pc-list{
	padding:15px 0 25px 11px;
}
.detail-pc-list li{
	float:left;
	width:203px;
}
.detail-pc-list-head{
	margin-bottom:13px;
	padding:3px;
	font-size:90%;
	font-weight:bold;
	color:#fff;
	background:#727171;
	text-align:center;
}
.detail-pc-list-text{
	font-size:80%;
	color:#333;
	line-height:1.4;
}
.detail-pc-spec{
	padding:0 13px;
}
.detail-pc-head1{
	margin-bottom:15px;
	padding:3px 3px 3px 10px;
	font-size:90%;
	font-weight:bold;
	color:#fff;
	background:#727171;
	text-align:left;
}
.detail-pc-head2{
	margin-bottom:10px;
	padding:5px 3px 5px 10px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#727171;
	text-align:left;
}
.detail-pc-head3{
	padding:5px 0 5px 10px;
	background:#ddd;
	font-weight:bold;
	font-size:90%;
}
.detail-pc-item1{
	padding:0 10px 20px 10px;
}

.detail-pc-item1 p{
	font-size: 90%;
}
.detail-pc-item1-img{
	float:right;
}
.detail-pc-item1-body{
	float:left;
	width:400px;
	font-size:80%;
	color:#222;
	line-height:1.6;
}
.detail-pc-spec-read{
	padding-bottom:15px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.detail-pc-spec-caution{
	padding-bottom:15px;
	font-size:70%;
	color:#333;
	line-height:1.5;
}
.detail-pc-spec-table{
	margin-bottom:12px;
	width:100%;
	border-collapse:collapse;
}
.detail-pc-spec-table tr th{
	width:30%;
	padding:10px;
	border:1px solid #bebebe;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	background:#898989;
}
.detail-pc-spec-table tr td{
	padding:10px;
	border:1px solid #bebebe;
	font-size:80%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.detail-area1{
	padding:10px 15px;
}
.detail-area1-catch1{
	font-size:90%;
	color:#333;
	line-height:1.5;
}
.detail-area1-head1{
	padding:4px 3px 4px 10px;
	font-size:90%;
	font-weight:bold;
	color:#fff;
	background:#727171;
	text-align:left;
}
.detail-area1-inner1{
	padding:10px 10px 0 10px;
}
.app-item2{
	float:left;
	margin-bottom:15px;
	width:200px;
}
.app-item1{
	float:left;
	margin-bottom:15px;
	width:310px;
}
.app-item1-head1{
	padding:5px 0 5px 10px;
	background:#727171;
	font-size:80%;
	font-weight:bold;
	color:#fff;
}
.app-item1-body{
	padding:10px;
	border:1px solid #ccc;
}


/* ラインナップ
---------------------------------------------------------------------------- */
/*new*/
.lineup-img{
	border:1px solid #ccc;
	text-align:center;
}
.lineup-img2{
	width:200px;
	border:2px solid #ccc;
	text-align:center;
}
.lineup-img2-3{
	width:300px;
	border:2px solid #ccc;
	text-align:center;
}
.lineup-name{
	padding:3px 10px;
	background:#444;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	text-align:center;	
}
.lineup-name2{
	padding:3px 10px;
	width:184px; 
	background:#444;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	text-align:center;	
}
.lineup-name3{
	padding:3px 10px;
	width:300px; 
	background:#444;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	text-align:center;	
}
/*/new*/

.lineup-infotxt{
	font-size:12px;
	padding:3px;
	background-color:#ededed;
}

.lineup-table1{
	width:100%;
	border-collapse:collapse;
}
.lineup-table1 tr td{
	padding:4px;
	border:1px solid #bbb;
	font-size:69%;
	color:#222;
	line-height:1.4;
	text-align:center;
	vertical-align:top;
}
.lineup-table1 tr td.head1{
	color:#fff;
	background:#555;
}
.lineup-table1 tr td.head2{
	color:#fff;
	background:#777;
}
.lineup-table1 tr td.head3{
	color:#111;
	background:#F6FDCA;
}
.lineup-table1 tr td.head4{
	color:#111;
	background:#D3F4B2;
}
.lineup-table1 tr td.head5{
	color:#111;
	background:#A1DBA2;
}
.lineup-table1 tr.even{
	background:#eee;
}
.lineup-table-caution1{
	padding:8px 13px 30px 13px;
}
.lineup-table-caution1-left{
	float:left;
	width:320px;
}
.lineup-table-caution1-right{
	float:right;
	width:320px;
}
.lineup-table-caution1-body tr th{
	font-size:69%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.lineup-table-caution1-body tr td{
	font-size:69%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.lineup-table-caution1-head{
	padding-bottom:3px;
	font-size:80%;
	font-weight:bold;
	color:#333;
}
.lineup-text1{
	padding:15px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.lineup-inner-table1{
	padding:15px 15px 0 15px;
}
.lineup-table-caution2{
	padding:8px 0 15px 0;
}
.lineup-table-caution2-left{
	float:left;
	width:310px;
}
.lineup-table-caution2-right{
	float:right;
	width:310px;
}
.lineup-table-caution2-body tr th{
	font-size:69%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.lineup-table-caution2-body tr td{
	font-size:69%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.lineup-table3{
	border-collapse:collapse;
}
.lineup-table3 tr.even{
	background:#eee;
}
.lineup-table3 tr th{
	padding:7px 30px 7px 7px;
	border:1px solid #bbb;
	font-size:90%;
	color:#fff;
	font-weight:bold;
	background:#444;
	line-height:1.4;
	text-align:left;
	vertical-align:top;
}
.lineup-table3 tr td{
	padding:7px 60px 7px 7px;
	border:1px solid #bbb;
	font-size:90%;
	color:#222;
	line-height:1.4;
	text-align:left;
	vertical-align:top;
}
.lineup-table4{
	width:100%;
	border-collapse:collapse;
}
.lineup-table4 tr td.even{
	background:#eee;
}
.lineup-table4 tr th{
	width:20%;
	padding:5px;
	border:1px solid #bbb;
	font-size:73%;
	color:#fff;
	font-weight:bold;
	background:#444;
	line-height:1.4;
	text-align:center;
	vertical-align:top;
}
.lineup-table4 tr td{
	padding:5px;
	border:1px solid #bbb;
	font-size:73%;
	color:#222;
	line-height:1.4;
	text-align:left;
	vertical-align:top;
}


.lineup-table4-2{
	border-collapse:collapse;
}
.lineup-table4-2 tr td.even{
	background:#eee;
}
.lineup-table4-2 tr th{
	padding:5px;
	border:1px solid #bbb;
	font-size:69%;
	color:#fff;
	font-weight:bold;
	background:#444;
	line-height:1.4;
	text-align:center;
	vertical-align:top;
}
.lineup-table4-2 tr td{
	padding:5px;
	border:1px solid #bbb;
	font-size:69%;
	color:#222;
	line-height:1.4;
	text-align:left;
	vertical-align:top;
}

.inner-hr1{
	border:solid #ccc;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
}
.lineup-table5{
	width:100%;
	border-collapse:collapse;
}
.lineup-table5 tr td{
	padding:4px;
	border:1px solid #bbb;
	font-size:69%;
	color:#222;
	line-height:1.4;
	text-align:center;
	vertical-align:middle;
}
.lineup-table5 tr td.head1{
	color:#fff;
	background:#555;
}
.lineup-table5 tr td.head2{
	color:#fff;
	background:#777;
}
.lineup-table5 tr td.head3{
	color:#111;
	background:#F6FDCA;
}
.lineup-table5 tr td.head4{
	color:#111;
	background:#D3F4B2;
}
.lineup-table5 tr td.head5{
	color:#111;
	background:#A1DBA2;
}
.lineup-table5 tr.even{
	background:#eee;
}

.lineup-table6{
	width:100%;
	border-collapse:collapse;
}
.lineup-table6 tr th{
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	color:#fff;
	font-weight:bold;
	background:#444;
	line-height:1.4;
	text-align:center;
	vertical-align:middle;
}
.lineup-table6 tr td{
	padding:5px;
	border:1px solid #bbb;
	font-size:69%;
	color:#222;
	line-height:1.4;
	text-align:center;
	vertical-align:middle;
}



.lineup-table7{
	width:100%;
	border-collapse:collapse;
}

.lineup-table7 tr th{
	padding:5px 0px 5px 0px ;
	border:1px solid #bbb;
	font-size:80%;
	color:#2F2F2F;
	background:#F6FDCA;
	line-height:1.4;
	text-align:center;
}

.lineup-table7 tr td{
	padding:3px 0px 3px 0px ;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	/**/text-align:center;
	vertical-align:middle;
}

.lineup-table7 .line-head {
	background: #F6FDCA;
	vertical-align:middle;
	
}

.lineup-table7 .row-head{
	border:1px solid #bbb;
	font-size:69%;
	color:#222;
	background: #F6FDCA;
	line-height:1.4;
	text-align:center;
}

.lineup-table7 tr td.head1{
	color:#fff;
	background:#555;
}



.lineup-image-table1{
	margin-bottom:20px;
	width:100%;
	border-collapse:collapse;
}
.lineup-image-table1 .lineup-image-img{
	padding:14px;
	width:190px;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}

/*new*/
.lineup-image-table1 .lineup-image-img2{
	padding:10px;
	width:198px;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}
/*/new*/

.lineup-image-table1 .lineup-image-body{
	padding:9px 14px;
	border:1px solid #ccc;
	background:#444;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}
.lineup-image-table1 .lineup-image-body2{
	padding:9px 14px;
	border:1px solid #ccc;
	background:#444;
	font-size:80%;
	color:#fff;
	line-height:1.5;
}

.lineup-image-table2{
	margin-bottom:20px;
	width:100%;
	border-collapse:collapse;
}
.lineup-image-table2 .lineup-image-img{
	padding:14px;
	width:300px;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}
.lineup-image-table2 .lineup-image-body{
	padding:9px 14px;
	border:1px solid #ccc;
	background:#444;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}
.w16{
	width:16px;
}

.lineup-image-table3{
	margin-bottom:28px;
	border-collapse:collapse;
}
.lineup-image-table3 .lineup-image-img{
	padding:14px;
	width:129px;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}
.lineup-image-table3 .lineup-image-body{
	padding:7px 11px;
	border:1px solid #ccc;
	background:#444;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}
.w12{
	width:12px;
}

.lineup-image-table4{
	margin-bottom:28px;
	border-collapse:collapse;
}
.lineup-image-table4 .lineup-image-img{
	padding:14px;
	width:129px;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}
.lineup-image-table4 .lineup-image-body{
	padding:21px 14px;
	width:129px;
	border:1px solid #ccc;
	background:#444;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}
.lineup-image-table4 .lineup-image-nbsp{
	border:none !important;
}

.lineup-image-table5{
	border-collapse:collapse;
}
.lineup-image-table5 .lineup-image-body{
	padding:14px;
	width:129px;
	border:1px solid #ccc;
	background:#444;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}

/* 主な仕様
---------------------------------------------------------------------------- */
.spec-id-img{
	padding:10px 0 10px 10px;
}
.spec-table1-wrap{
	padding:0 15px;
}
.spec-table1{
	width:100%;
	border-collapse:collapse;
}
.spec-table1 .even{
	background:#eee;
}
.spec-table1 tr td{
	padding:4px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	background:#fff;
	text-align:center;
	vertical-align:top;
}
.spec-table1 tr td.spec-table1-color1{
	background:#D3F4B2;
}
.spec-table1 tr td.spec-table1-color2{
	background:#A1DBA2;
}
.spec-table1 tr td.spec-table1-color3{
	background:#F6FDCA;
}
.spec-table1 tr td.spec-table1-color4{
	color:#f00;
}
.spec-table1 tr td.spec-table1-color5{
	color:#00f;
}
.spec-table1 tr td.spec-table1-color6{
	color:#0d6d0d;
}
.spec-table1-caution{
	padding:5px 15px 15px 15px;
	font-size:80%;
	color:#333;
}
.spec-table2-wrap{
	padding:15px;
}
.spec-table2{
	width:100%;
	border-collapse:collapse;
}
.spec-table2 tr th{
	padding:6px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	text-align:left;
	vertical-align:middle;
}
.spec-table2 tr td{
	padding:6px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	background:#fff;
	text-align:left;
	vertical-align:top;
}
.spec-table2 tr th.head1{
	background:#D3F4B2;
}
.spec-table2 tr th.head2{
	background:#A1DBA2;
}
.spec-table2 tr th.head3{
	background:#F6FDCA;
}
.spec-cmn-wrap1{
	padding:15px;
}
.spec-cmn-text1{
	padding-bottom:5px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.spec-cmn-text2{
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.spec-cmn-list1{
	margin-left:20px;
	list-style:disc;
}
.spec-cmn-list1 li{
	padding-bottom:5px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.spec-cmn-list2{
	padding:10px;
	margin-left:20px;
	list-style:disc;
}
.spec-cmn-list2 li{
	padding-bottom:5px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}


.spec-cmn-list3{
	margin-left:20px;
	list-style:disc;
}
.spec-cmn-list3 li{
	padding-bottom:5px;
	font-size:85%;
	color:#333;
	line-height:1.5;
}

.spec-cmn-list4{
	margin-left:10px;
}
.spec-cmn-list4 li{
	padding-bottom:5px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}

.spec-table3{
	width:100%;
	border-collapse:collapse;
}
.spec-table3 tr td{
	padding:4px;
	border:1px solid #bbb;
	/*font-size:69%;*/
	font-size:80%;
	color:#222;
	line-height:1.4;
	text-align:center;
	vertical-align:middle;
}
.spec-table3 tr td.head1{
	background:#444;
	color:#fff;
}
.spec-table3 tr td.head2{
	background:#eee;
}
/*magariyama*/
.spec-table3 tr td.head3{
	background:#ddd;
}
.spec-table3 tr td.none{
	background:#aaa;
}
.spec-table4 tr th.head4{
	background:#ddd;
}
/*--magariyama--*/
.spec-table4{
	width:100%;
	border-collapse:collapse;
}
.spec-table4 tr th{
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	background:#eee;
	text-align:left;
	vertical-align:middle;
}
.spec-table4 tr td{
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	background:#fff;
	text-align:left;
	vertical-align:top;
}
.spec-table4 tr td p{
	padding-bottom:8px;
}

/*▼追加*/
.spec-table6{
	width:100%;
	border-collapse:collapse;
}
.spec-table6 tr td{
	padding:4px;
	border:1px solid #bbb;
	font-size:75%;
	color:#222;
	line-height:1.4;
	/*text-align:center;*/
	vertical-align:middle;
}
.spec-table6 tr td.head1{
	background:#444;
	color:#fff;
	text-align:center;
}
.spec-table6 tr td.head2{
	background:#eee;
}


.spec-table7{
	border-collapse:collapse;
}
.spec-table7 tr th{
	padding:3px;
	border:1px solid #bbb;
	font-size:11px;
	color:#fff;
	line-height:1.4;
	background:#444;
	vertical-align:middle;
}
.spec-table7 tr td{
	padding:3px;
	border:1px solid #bbb;
	font-size:12px;
	color:#222;
	line-height:1.4;
	background:#fff;
	vertical-align:middle;
}
.spec-table7 tr td p{
	padding-bottom:8px;
}


.spec-table8{
	border-collapse:collapse;
}
.spec-table8 tr th{
	padding:3px;
	border:1px solid #bbb;
	font-size:13px;
	color:#fff;
	line-height:1.4;
	background:#444;
	vertical-align:middle;
}
.spec-table8 tr td{
	padding:3px;
	border:1px solid #bbb;
	font-size:12px;
	color:#222;
	line-height:1.4;
	/*background:#fff;*/
	vertical-align:middle;
}
.spec-table8 tr td p{
	padding-bottom:8px;
}

.spec-table9{
	border-collapse:collapse;
}

.spec-table9 tr th{
	padding:10px 3px;
	border:1px solid #bbb;
	font-size:13px;
	color:#fff;
	line-height:1.4;
	background:#444;
	vertical-align:middle;
}
.spec-table9 tr th:empty,.spec-table9 tr td:empty{
	border: none;
	background: none;
}
.spec-table9 tr td{
	padding:10px 3px;
	border:1px solid #bbb;
	font-size:12px;
	color:#222;
	line-height:1.4;
	vertical-align:middle;
}
.spec-table9 tr td p{
	padding-bottom:8px;
}








/*　simple(table-border) */
.spec-table-ol{
	border-collapse:collapse;
}
.spec-table-ol tr th{
	padding:3px;
	border:1px solid #bbb;
	font-size:13px;
/*	color:#fff;*/
	line-height:1.4;
/*	background:#444;*/
	vertical-align:middle;
}
.spec-table-ol tr td{
	padding:3px;
	border:1px solid #bbb;
	font-size:12px;
	color:#222;
	line-height:1.4;
	background:#fff;
	vertical-align:middle;
}
.spec-table-ol tr td p{
	padding-bottom:8px;
}
/*△追加*/

/* /new */
.left-th{
	background-color:#EEEEEE;

}



.cmn-caution-area1{
	padding:20px;
}
.cmn-caution-area1 table tr th{
	padding-bottom:8px;
	font-size:70%;
	color:#333;
	line-height:1.4;
	vertical-align:top;
	text-align:left;
}
.cmn-caution-area1 table tr td{
	padding-bottom:8px;
	font-size:70%;
	color:#333;
	line-height:1.4;
	vertical-align:top;
	text-align:left;
}
.spec-table5{
	border-collapse:collapse;
}
.spec-table5 tr th{
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	background:#eee;
	text-align:center;
	vertical-align:middle;
}
.spec-table5 tr td{
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	color:#222;
	line-height:1.4;
	background:#fff;
	text-align:center;
	vertical-align:top;
}
.d-titbar2{
		font-size:17px;
		font-weight: bold;
		padding-left:12px;
		border-left:4px solid #e00012;
		color: #313131;
}


/* アフターサポート
---------------------------------------------------------------------------- */
.support-catch1{
	padding:15px;
}
.support-catch-text1{
	font-size:100%;
	color:#333;
	line-height:1.6;
}
.support-catch-text2{
	padding-left:12px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.support-contact-left{
	float:left;
	padding-left:10px;
	width:300px;
}
.support-contact-right{
	float:right;
	padding-right:10px;
	width:300px;
}
.support-contact-head{
	padding-bottom:2px;
	font-size:90%;
	font-weight:bold;
	color:#333;
}
.support-contact-head span{
	color:#c00;
}
.support-contact-text{
	padding-left:13px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.support-link-text1{
	padding-bottom:4px;
	font-size:90%;
	color:#333;
	line-height:1.5;
}
.support-item-contact{
	text-align:right;
	font-size:90%;
	color:#333;
	line-height:1.6;
}
.support-item-contact strong{
	font-size:130%;
	font-weight:bold;
}
.support-item-links{
	border:1px solid #eee;
	background:#f9f9f9;
	padding:10px;
}
.support-item-links{
	padding:10px;
	border-top:2px solid #ccc;
	background:url(../cmn-img/gradation1.gif) repeat-x;
}
.support-item-btn1 li{
	padding-bottom:6px;
	float:left;
}
.support-item-btn1 li .o-text-sppbtn{
	position:absolute;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	padding:5px 0px 0px 10px;
}
.support-faq-head{
	padding-bottom:10px;
	font-size:100%;
	font-weight:bold;
	color:#c00;
}

.support-table1{
	width:100%;
	border-collapse:collapse;
}
.support-table1 th{
	width:33%;
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	background:#444;
	text-align:center;
	vertical-align:middle;
}

.support-table1 tr.even{
	background:#eee;
}
.support-table1 td{
	padding:5px;
	border:1px solid #bbb;
	font-size:80%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:midle;
}


.support-table1-caution1{
	padding-top:15px;
	font-size:90%;
	color:#333;
	line-height:1.6;
}
.support-table2{
	width:100%;
	border-collapse:collapse;
}
.support-table2 tr th{
	padding:10px;
	border:1px solid #ddd;
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	background:#eee;
}
.support-table2 tr td{
	padding:10px;
	border:1px solid #ddd;
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.support-table2 tr th.center{
	text-align:center;
}
.support-table2 tr td .caution1{
	color:#e00;
}
/* PDFリンク -----------------------*/
.afs-pressrobot_pdf ul li{
	margin: 0.3em 1.3em;
	line-height: 1.5;
}
.afs-pressrobot_pdf li a{
	color:rgb(0, 0, 0);
}
.afs-pressrobot_pdf li a:hover{
	color:#e00;
}

.afs-pressrobot_pdf span::before,.afs-imprinter_pdf span::before{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/PDF_24.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: cover;
	position: relative;
	top: 5px;
	margin-right: 5px;
}


/* サイトマップ
---------------------------------------------------------------------------- */
.sitemap-contents{
	padding:0 70px;
}
.sitemap-root{
	padding-bottom:7px;
	font-size:90%;
}
.sitemap-root a{
	font-weight:bold;
}
ul.sitemap a{
  display: inline-block;
}
ul.sitemap{
	line-height: 1.7;
	font-size:80%;
	color:#333;
}
ul.sitemap li{
	margin:0 0 0 30px;
	border-left:1px solid #bbb;
	zoom:1;
}
ul.sitemap li:before {
	margin-right:4px;
	border-bottom: 1px solid #bbb;
	float: left;
	width: 120px;
	height: 0.75em;
	overflow: hidden;
	content: "";
}
ul.sitemap li:last-child {
	border: none;
}
ul.sitemap li:last-child:before {
	border-left: 1px solid #999;
}
ul.sitemap li ul {
	margin-left: 120px;
}

/* 動画コンテンツ
---------------------------------------------------------------------------- */
.movie-body{
	padding-bottom: 5px;
	margin-bottom: 20px;
	border:1px #dddddd solid;
	width:939px;
}

.movie-h2{
	padding-left:24px;
	padding-top:4px;
	margin-bottom:20px;
	border-top:#8E8E8E 3px solid;
	border-bottom:#8E8E8E 3px solid;
	width:916px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background-color:#3B3B3B;
}
.movie-h3{
	padding-left:9px;
	width:398px;
	height:24px;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
	border-left:4px solid #c00;
	color:#333;
}


.movie-item{
	float:left;
	padding:0 10px 18px 20px;
	width:429px;
	height:200px;
}
.movie-item_inner{
	width:439px;
	height:200px;
	background-color:#F8F8F8;
	border: #ccc 1px solid;
}

.movie-head1{
padding:10px 0 0 8px;
}

.movie-body1{
	padding:10px 0px 0px 10px;
}
.movie-body_l {
	width: 187px;
	float: left;
}
.movie-body_r {
	float: left;
	height: 142px;
	width:210px;
}

.movie-imgbox {
	float: left;
}

.movie-rbox {
	float: left;
	height: 142px;
}

.movie-body_r_txt {
	width:210px;
	height:90px;
	padding:5px 10px 10px 10px;
	font-size:80%;
	color:#333;
	vertical-align:top;
}

.movie-body_r_txt_small {
	width:210px;
	height:90px;
	padding:5px 10px 10px 10px;
	font-size:65%;
	color:#333;
	vertical-align:top;
}
.movie-body_r_mark {
	color: 000;
	font-weight: bold;
	background-color: #fff;
	border: 1px #ccc solid;
	height: 13px;
	font-size:9px;
	margin-top: 33px;
	padding-left:3px;
	padding-top:1px;
}

.movie-nav1{
	padding-left:20px;
	vertical-align:bottom;
}
#movie-pagetop{
	padding:10px 0 10px 0;
	text-align:right;
}

/* 事例集
---------------------------------------------------------------------------- */
.case-item1{
	padding:20px;
}
.case-main1{
	float:left;
	width:180px;
}
.case-body1{
	float:right;
	width:436px;
}
.case-body1-segment{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}
.case-body1-head1{
	padding-bottom:8px;
	font-size:100%;
	font-weight:bold;
	color:#333;
}
.case-body1-head2{
	padding-bottom:15px;
	font-size:100%;
	font-weight:bold;
	color:#333;
}
.case-body1-list1 dt{
	font-size:80%;
	font-weight:bold;
	color:#333;
}
.case-body1-list1 dd{
	margin-bottom:8px;
	padding-left:10px;
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.case-body1-sub1{
	padding:10px;
	border:1px solid #999;
}
.case-body1-sub1-head{
	font-size:80%;
	font-weight:bold;
	color:#333;
}
.desktop-img1{
	float:left;
	width:160px;
}
.desktop-body1{
	float:left;
	padding-left:15px;
	width:260px;
}

/* 特殊仕様コンテンツ
---------------------------------------------------------------------------- */
.ssContents{
	margin:0 auto;
	width:918px;
}
.ssArea1{
	/*background:url('../../../specialty-spec/img/bg1.gif') repeat-y;*/
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border:1px #dddddd solid;
	width:920px;
}
.ssArea2{
	margin:0 auto;
	width:876px;
}
.ssItemLeft{
	float:left;
	width:428px;
}
.ssItemRight{
	float:right;
	width:428px;
}
.ssItem1{
	padding:12px 20px 0 20px;
	width:388px;
	height:199px;
	/* Janome追加　アプリケーションコンテンツ　ボタン右下配置 position: relative;　*/
	position: relative;
	background-color:#FAFAFA;

	/*background:url('../../../specialty-spec/img/itemBg1.gif') no-repeat;*/
}
.ssItem1 h6{
	margin-bottom:13px;
	padding:1px 0 1px 7px;
	border-left:3px solid #c00;
	font-size:18px;
	color:#333;
}
.ssItem1 h6 span{
	font-size:14px;
}
.ssItem1Photo{
	float:left;
	width:167px;
}
.ssItem1Text{
	float:right;
	padding-top:15px;
	width:202px;
	font-size:80%;
	color:#444;
	line-height:1.5;
}
/* Janome追加　小さいフォント */
.ssItem1Text2{
	float:right;
	width:202px;
	font-size:60%;
	color:#444;
	line-height:1.5;
}

/* Janome追加　アプリケーションコンテンツ　ボタン右下配置 */
.ssItem1detail{
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.ss-h2{
	padding-left:24px;
	padding-top:4px;
	margin-bottom:20px;
	margin-left: 10px;
	border-top:#8E8E8E 3px solid;
	border-bottom:#8E8E8E 3px solid;
	width:875px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background-color:#3B3B3B;
}

.ss-title-back{
	margin-bottom:15px;
	padding:5px 18px 4px 18px;
	font-size:110%;
	color:#fff;
	line-height:1.5;
	background:#454545;
	border-radius:5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}



.ss-title-bar{
		padding-left:12px;
		border-left:5px solid #e00012;
}



/* -------------------------------------------
　新規製品ページ仕様CSS
-------------------------------------------*/
.intro-box{
	width: 707px;
}

.intro-box,img{
	text-align: center;
}

.intro-box-img{
	width:45%;
}

.intro-box-txt{
	height: 20px;
	font-size:14px;
	flex-basis: 50%;
	text-align: left;
}


.inq-dl-bon{
	text-align: center;
}

.inq-dl-bon img{
	margin-right: 30px;
}

/*新しい体裁の製品ページの項目タイトル部分*/
.new-contents-tit{
	font-size:130%;
	font-weight: bold;
}


/*新しい体裁の製品ページ項目下テキスト部分*/
.new-contents-txt{
	font-size:100%;
	font-weight:normal;
	color:#000000;
	margin-bottom: 20px;
}

.ex-contents-imgbox{
	display: flex;
	flex-wrap: wrap;
	width:600px;
	margin-top: 10px;
	align-items: flex-start;
}

.ex-contents-imgbox p{
	text-align: center;
	width:100%;
	
}
.ex-contents-imgbox .bdimg{
	text-align: center;
	width:90%;
	border:5px solid #E5E5E5;
	border-radius: 3px;
}

.ex-contents-imgbox03{
	display: flex;
	flex-wrap: wrap;
	width:600px;
	align-items: flex-end;
}

.ex-contents-imgbox03 p{
	text-align: center;
	width:100%;
	
}

.ex-contents-imgbox03 .nbdimg01{
	text-align: center;
	width:90%;
}
.ex-contents-imgbox03 .nbdimg02{
	text-align: center;
	width:100%;
}

/* 画像横並び最小限 */
.imgbox-simple{
	display: flex;
	flex-wrap: wrap;
}


.ex-contents-imgset{
	margin-right: 5px;
	width:100px;
	flex-basis: 195px;
	margin-bottom:10px;
}

.ex-contents-imgset02{
	padding-left:40px;
	width:200px;
}

.ex-contents-imgset02:first-child{
	padding-left:90px;
	width:200px;
}

.ex-contents-imgset03{
	width:150px;
}

.ex-contents-imgset03:first-child{
	padding-left:90px;
	width:200px;
}


.ex-contents-sbtit{
	width:500px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.ex-contents-sbtit-rb{
	font-size: 15px;
	padding: 3px 0;
	text-align: center;
	width:500px;
	border-bottom:1px solid #ccc;
	letter-spacing: 2px;
}
.ex-contents-sbtit-rb-sb{
	font-size: 11px; 
	text-align: right;
	padding-right:10px;
}

.udtit-btn{
	width:690px;
	position: absolute;
}


.udtit-dl-btn{
	float: right;
	width:275px;
	font-size: 15px;
}


.udtit-dl-btn a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
}

.udtit-dl-btn a:hover{
	display: block;
	position: relative;
	padding-bottom:5px;
	opacity: 0.8;
	border-bottom: 2px solid #C14245;
}

.udtit-dl-btn img{
	float: left;
	padding-right: 2px;
}

.udtit-iq-btn{
	float: right;
	width:120px;
	margin-right: 5px;
	font-size: 15px;
}

.udtit-iq-btn a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
}


.udtit-iq-btn a:hover{
	display: block;
	position: relative;
	padding-bottom:5px;
	opacity: 0.8;
	border-bottom: 2px solid #B8B8B8;
}


.udtit-iq-btn img{
	float: left;
	padding-right: 2px;
}

/*2020 added*/
.products-mv img{
    z-index: 10;
}
.products-mvtxt{
    position: absolute;
    top: 28px;
    left: 40px;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
        color: #fff;
        font-weight: bold;
        height: 20px;
        font-size: 1.4em;
        line-height: 1.2em;   
}

.products-mvtxt-ud01{
    position: absolute;
    top: 390px;
    left: 50px;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 100;
        font-size: 0.9em;
        color: #fff;
        font-style: italic;
        text-shadow: 0px 2px 3.0px #fff;
        padding:3px 5px 5px 5px;
}
.products-mvtxt-ud02{
    position: absolute;
    top: 390px;
    left: 500px;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
        font-size: 1em;
        color: #fff;
        font-weight: nomal;
        font-style: italic;
        text-shadow: 0px 2px 3.0px #fff;
}


.f-size08 {
    font-size: 0.8em;
}



/* info on inquiry page */
.ex-info{
	width: 900px;
	background-color: #EEEEEE;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 30px;
	margin: 0 10px 30px 10px;
	font-size: 0.8em;
	line-height: 1.3;
}
.ex-info-tit{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.ex-info-time{
	font-weight: bold;
	padding: 5px 0;
}

#detail-contents3 h4{
	font-size: 1.4em !important;	
	font-weight: bold !important;
	width: 100%;
	height: 35px;
	background:linear-gradient(to top, rgb(155, 155, 155), rgb(209, 208, 208) 1%, #eee 5%, #fff 50%);
	padding-top: 10px;
	padding-left: 10px;
}

/* link icon - window------------------------------------------------------- */
.blank:before {
	display: inline-block;
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../cmn-img/icon-window.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}

/* inline mov */
.product-mov-box{
	text-align: center;
}
.product-mov-box iframe{
    width:600px;
    height:337px; 

}
.product-mov-box a{
   color: #de0a20;
}

/* product lineup in the future's page */
.ti-lineupbox{
	display: flex;
	padding-top: 20px;
}
.ti-lineupbox .ti-lineupbox-l{
	text-align: center;
}

.ti-lineupbox-txt{
	padding-top: 1em;
	line-height: 1.5;
	text-align: left;
}
.bd-img-2{
	border:2px solid #E5E5E5;
	border-radius: 2px;
}

.example-modelcode{
	margin-left:15px;
	margin-top:20px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	margin-bottom:15px;
	border: 1px #ccc solid;
	width: 620px;
}

/*word explain*/
.ti-subtxt{
	padding: 5px;
	border:1px #ccc dotted;
}
 .ti-subtxt p{
	margin-bottom:0px;
	display: flex;
}

.ti-subtxt02{
	width: auto;
	margin:0 0 30px 40px ;
	padding: 5px 15px;
	border:1px #ccc dotted;
	width:85%;
}
.ti-subtxt02 p{
	margin-bottom:0px;
	display: flex;
}

.sf-ft_pointtext-line{
	background-color: #d5ecf5;
	border: 1px solid #7bcfee;
	padding: 0 10px;
}

/* =================================
FAQ
=================================*/

/* 製品カテゴリーTOP内リンク --------- */
.btn-TitRside{
	position: relative;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 16px;
	margin-bottom: 1em;
}
.btn-TitRside a{
	padding-left: 10px;
}

.btn-TitRside a::before{
	content: "";
	position: absolute;
	top: 35%;
	left: 5px;
	display: block;
	width: 8px;
	height: 8px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color:#d84444;
}

/* black */
.btn-TitRside-b{
	position: relative;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 16px;
	margin-bottom: 1em;
}
.btn-TitRside-b a{
	padding-left: 10px;
}

.btn-TitRside-b a::before{
	content: "";
	position: absolute;
	top: 35%;
	left: 5px;
	display: block;
	width: 8px;
	height: 8px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color:#000;
}
/* //製品カテゴリーTOP */


:root{
	--red: #cc2c2f;
	--palegray:#d5d5d5;
}
h3.faq-h3{
	border: 1px solid var(--palegray);
	border-radius: 10px;
	padding: 10px 42px 10px 51px;
	margin: 0 0 1.2em;
	display: block;
	position: relative;
	cursor: pointer;
	background-color: #f6f6f6;
	font-weight: normal;
	font-size: 19px;
	text-indent: -1.8em;
}

h3.faq-h3:hover{
	background-color: #ebebeb;
}

h3.faq-h3::after {
	content: "";
	position: absolute;
	top:15px;
	right:30px;
	display: block;
	width: 12px;
	height: 12px;
	border-right: 3px solid var(--red);
	border-top: 3px solid  var(--red);
	transform: rotate(45deg);
	transition: all 0.3s;
}

h3.faq-h3.selected::after {
	transform: rotate(135deg);
}

.Qmark {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--red);
	display: inline-block;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-family: Helvetica;
	text-indent: 0em;
}
.Amark {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--red);
	display: inline-block;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-family:Helvetica;
	font-size: 1.3em;
}

.faq_infobox_text-box{
	margin: 0 0 0 10px;
}

.faq_content{
	display: none;
	padding: 0 20px 0 20px;
}

.faq_infobox_text{
	margin: 0 0 1.2em -0.2em;
	display: flex
}


/* FAQ h2 title--------------------------------- */
.faq p{
	line-height: 1.7em;
}
.faq a{
	color: var(--red);
}

.pagenav-faq li{
    display: inline-block;
	/* width: 200px; */
	position: relative;
 }
.pagenav-faq li a{
	padding: 5px 15px 5px 25px ;
	color: var(--red);
	text-decoration: none;

 }
.pagenav-faq li a:hover{
	text-decoration:underline;
 }

.pagenav-faq li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    border-right: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ttl-border-l {
    padding: 0 1em;
    border-left: 2px solid var(--red);
	margin-bottom: 12px;
	font-weight: bold;
}

.faq-ttl-border {
	margin: 1em 0 1.2em 0;
    border-bottom: 1px solid #C5C5C5;
    line-height: 2.4;
	font-size: 1.5em;
	font-weight: bold;
}
.faq-ttl-border-nmb {
	margin-bottom: 0.3em;
	border-bottom: 1px solid #C5C5C5;/*yoshio*/
	padding-bottom: 0.8em;
	line-height: 1.4;
}
.faq-ttl-border-l {
	padding: 0 1em;
	border-left: 2px solid #de0a20;
}

.faq-ttl-border-l.h3 {
	 margin-bottom: 0.6em;
}

.faq-ttl-border-none{
	margin-bottom: 1em;
	line-height: 1.4;
}

/* その他一般的なご質問 */
details{
	cursor: pointer;
	list-style: none;
	margin-bottom: 0.7em;
}
details:hover{
	background-color: #f6f6f6;
}
details[open] > summary{
	border-bottom: 1px solid #9c9c9c;
	padding-bottom: 0.2em;
	margin-bottom:0.5em;
}
.faq-others-box{
	margin: 0 0 2em 1em;
	line-height: 1.4em;
}
.faq_infobox_text-box a,.faq-others-box a{
	text-decoration-line:underline;
}
/* // FAQ ===========================*/

/* =====================================================================
	コラムページ
===================================================================== */
/* トップページ・製品トップ共通  コラム4記事--------------------  */
#column-top .h2{
	font-size:16px;
	font-weight: normal;
}

.column-container .post-meta{
	position: absolute;
	top: 0;
	left: 0;
}

.column-col a {
	display: block;
}

.column-col a:hover .date {
	background: #de0a20;
	opacity: 1;
}

.column-col .date{
	display: inline-block;
	background: #000;
	padding: 0.5em 1.5em;
	color: #FFF;
	font-size: 0.9em;
}

.column-col a .desc {
	color: #000;
}

.column-col a:hover .desc {
	color: #de0a20;
}

.column-col .desc {
	padding: 1em 0 2em;
}


/* コラム一覧ページ - レイアウト */
.wrapper {
	display: flex;
	justify-content: space-between;
}

.primary {
 width: calc(100% - 263px);
}

.sidebar {
	width: 263px;
}

.sd-rbox {
	margin-bottom: 40px;
	padding: 1em;
	background: #f6f6f6;
	border-radius: 5px;
	font-size: 1rem;
}

.sd-rbox dt {
	font-weight: bold;
	margin-bottom: 1em;
}

.sd-rbox p:last-child {
	margin-bottom: 0;
}

.sidebar .sd-title:before {
	content: "";
	display: block;
	position: absolute;
	margin-top: -1px;
	top: 50%;
	left: 0;
	width: 24px;
	height: 2px;
	background: #de0a20;
}

.sidebar .sd-title {
	position: relative;
	margin-top: 0;
	font-size: 100%;
}

.sidebar .sd-title,
.sd-menu{
	margin-bottom: 1em;
	padding-left: 40px;
}

.sd-menu li a {
	color: #000;
}

.sd-menu li a:hover {
	color: #de0a20;
}

.sd-menu li{
	margin-bottom: 1em;
	font-size: 1.4rem;
}

.sidebar .banner {
	padding-bottom: 20px;
}

.sidebar .banner img {
	display: block;
	margin-bottom: 20px;
}

.category{
	color: #000;
	font-weight: bold;
}
.category:hover{
	color: #000;
}

/* コラムTOP------------------------------------------------------  */
.column-top-container {
	display: flex;
}

.column-col a{
	text-decoration: none;

}

.column-list {
	flex-wrap: wrap;
  justify-content: flex-start;
	display: flex;		/*twn only*/
}

.column-col {
	width: 30%;		/*twn only*/
  	margin-right: 5%;
}

.column-list .column-col:nth-child(3n) {
   margin-right: 0;
}

#column-top .column-container .column-col {
width: 360px;
}

.column-col figure {
	margin: 0;
}

.column-col figure img {
	width: 100%;
}

.column-col a:hover  {
	text-decoration: none;
}

.column-col a:hover p  {
	text-decoration: underline;
}

/* コラム個別ページ------------------------------------------------------------- */

/* コラムナンバータイトル------------------------ */
.column-num{
	font-size: 1em;
}

/* コラム全体コンテナ */
#column-single {
	padding-top: 70px;
}

.column-article-container{
	line-height: 1.5em;
}

.column-article-container a{
	color: var(--red);
}

.column-article-container h2{
	margin-top: 30px;
	font-weight: bold;
}

/* タイトル箇所 */
.article-title {
	margin-bottom: 1em;
	font-size: 2rem;
	line-height: 1.6;
	font-weight: bold;
}

/* 記事箇所コンテナ */
.article-body {
	padding-bottom: 50px;
}

/* 記事箇所の小見出し */
.article-body h2{
	background: #f6f6f6;
	margin-bottom: 1.5em;
	padding: 0.4em 1.2em;
	font-size: 1.5rem;
	line-height: 1.4;
}
.article-body h2:not(:first-of-type){
	margin-top: 1.5em;
}

/* 日付とカテゴリー */
.column-article-container .post-meta {
	margin-bottom: 40px;
	border-top: 1px solid #f6f6f6;
	font-weight: bold;
}

/* 記事箇所装飾 ====================================*/
/* リンク ---------------------------------*/
.article-body a {
	text-decoration: underline;
	width: 500px;
   margin-top: 2em;
}

.article-body a:hover {
	text-decoration: none;
}

/* 画像 ---------------------------------*/
.article-image{
	padding-bottom: 1em;
	text-align: center;
}

/* 左右コンテナ ---------------------------------*/
.article-body .wrap {
	display: flex;
	justify-content: space-between;
}

/* テキストボックスの比率 ---------------------------------*/
.article-body .photo-rM > div.text{
	width: 65%;
}
.article-body .photo-rH > div.text{
	width: 50%;
}

.article-body .photo-lM > div.text{
	width: 65%;
	padding-left: 2em;
}
.article-body .photo-lH > div.text{
	width: 50%;
	padding-left: 2em;
}

/* 画像ボックスの比率 ---------------------------------*/
.article-body .photo-rM > div.image,
.article-body .photo-lM > div.image{
	width: 45%;
}
.article-body .photo-rH > div.image,
.article-body .photo-lH > div.image{
	width: 50%;
}

.article-body .wrap.photo-rM,
.article-body .wrap.photo-rH {
	flex-direction: row-reverse;
}


/* sub画像左右 sp上がテキスト ------------------*/
.round img{
	border-radius: 30px;
}
.photo-sub{
	margin-bottom: 1em;
}
/* テキストボックスの比率 */
.article-body .photo-sub > div.text{
	width: 70%;
	padding-right: 2em;
}
/* 画像ボックスの比率 */
.article-body .photo-sub > div.image{
	width: 30%;
}
/* sub画像左右 sp上がテキスト ------------------*/

/* アイテム ----------------------------------*/
.article-body .caption{
	font-size: 0.8em;
}

.article-body .wrap .image img {
	margin-bottom: 0px;
}

.article-body ul,.article-body ol {
	margin-bottom: 1.4em;
	line-height: 1.875;
}

.article-body ul li {
	margin-bottom: .4em;
}

.article-body ul li.num-list {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

.num-list {
	padding-left: 1.3em;
	text-indent: -1.3em;

}

/* 強調リストアイコン ----------------------------*/
.culumn-list-tg {
	padding-left: 20px;
	position: relative;
}
.culumn-list-tg:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    display: block;
    width: 8px;
    height: 10px;
		margin-right: 10px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: #de0a20;
}

/* link------------------------------------------------------- */
.arrow-circle {
	position: relative;
	padding: 0 0 0 1.4em;
}
.arrow-circle:before, .arrow-circle:after {
	content: "";
	display: block;
	position: absolute;
}
.arrow-circle:before {
	width: 14px;
	height: 14px;
	background: #de0a20;
	border-radius: 50%;
	left: 0px;
	top: 7px;
}
.arrow-circle:after {
	width: 3px;
	height: 3px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 4px;
	top: 12px;
}

/* ボタン ----------------------------------------*/
.column-middle-btn {
	display: block;
	padding: 0.5em;
	background: #fde7e7;
	border: 1px #DE0A20 solid;
	width: 100%;
	text-align: center;
	line-height: 1.15;
	font-size: 1.2rem;
	border-radius: 50px;
	color: var(--red);
}

.column-middle-btn:hover {
	background: #fff5f5;
	text-decoration:underline !important;
}
/* 下線 ---------------------------------- */
.column-udline{
	border-bottom: #ec3b3b69 4px solid;
}
.column-marker{
	background:  linear-gradient(transparent 64%,#ec3b3b69 0%);
}
.udmarker{
  padding-bottom: 2px;
}
/* 囲み線 -------------------------------*/
.column-ex-textbox{
border: 1px solid #000;
padding: 1em; 
border-radius: 10px;
}
.column-ex-textbox ul{
	margin-bottom: 0px;
}


/* ページ送り--------------------------------------------------------------*/
.pager .pagination {
  text-align: center;
	font-size: 1.2rem;
	font-family: Arial, Helvetica, "sans-serif";
}

.pager .pagination li {
  display: inline;
  margin: 0 4px;
  padding: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #000;
  text-decoration: none;
}

.pager .pagination li a span{
	border: 1px solid #e7e7e7;
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li.pre a span ,
.pager .pagination li.next a span{
	border: none;
	font-size: 150%;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  /* background: #d90d19; */
}


/* コラムページ - 関連製品------------------------------------------------ */
.related{
	margin-bottom: 2em;
}

.related-list {
	display: flex;
	flex-wrap: wrap;
	margin: 2% 6%;
	justify-content: space-between;
}

.related-list li{
	width: 210px;
}


.related-list .image{
	display: flex;
	height: 114px;
	margin-bottom: 15px;
	align-items: center;
	justify-content: center;
}
.related-list_tit{
	display: flex;
}
.related-list p{
	display: block;
	line-height: 1.5;
}
.related-list span{
	font-size: 0.8em;
}

/* オススメ箇所--------------------- */
.recommend-list li{
	display: flex;
	margin-bottom: 0.5em;
	align-items: center;
}

.recommend-list .date{
	background: #000;
	padding: 0.5em 1.5em;
	color: #FFF;
	display: block;
	font-size: 0.9em;
}

.recommend-list p{
	overflow: hidden;
	padding-left: 1.2em;
	display: block;
	margin-bottom: 0;
}
/* コラム テーブル */
.ColumnTable th{
	background-color: #ffd2d2;
}
.tdcenter td{
	text-align: center;
}
/* only twn  -----------*/
.ColumnTable{
	border-collapse: collapse;
	width: 100%;
}

.ColumnTable table {
    margin-bottom: 1em;
}

.ColumnTable th,.ColumnTable td {
	padding: 16px;
	vertical-align: middle;
	font-size: 1em;
	border: 1px solid #bbb;
}


.column-article-container p {
	margin-bottom: 1.4em;
	line-height: 1.875;
	word-break: break-word;
}
.recommend-list p{
	margin-bottom: 0em;
	line-height: 1.875;
	word-break: break-word;

}


/* only twn -----------*/


/* //コラム */


a.ext-r{
    background: url(../img/icon-window.png) no-repeat right;
    padding-right: 1.3em;
}

.sp-mov-box-iframe_full {
    width: 600px;
    height: 337px;
}

.num-list {
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.list-squ li {
    text-indent: -1.5em;
    padding-left: 1.8em;
}

.list-squ li:before {
    content: "■";
    margin-right: .3em;
}


.img-code2 {
	margin: 0 auto;
	padding: 1em;
	text-align:center;
}
.img-code2 img{
	margin-left: 1em;
	padding: 0.8em;
	border-radius: 5px;
	border: #E7E7E7 1px solid;
}

.code-txt{
    font-size: 1.7em;
}
.spec-id-img{
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.br-sp{

}