@charset "utf8";
.sp {
	display: none;
}
.productsMain {
	width: 700px;
	margin: 0 auto;
	zoom: 100%;
}
	
.productsMain:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#productsWrap {
	width: 788px;
	margin: 0 auto;
}
#productsWrap h2 {
    text-align: center;
    margin: 0 auto 3rem;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: .1rem;
    color: #103290;
    
}

#en #productsWrap h2 {
	font-size: 18px;
}

#in-pageLink li p.expansion {
	width: 120px;
}

h3.ttl {
	width: 700px;
	margin: 15px auto 22px;
	padding: 8px 0;
	font-size: 180%;
	font-weight: bold;
	color: #001655;
	background: url(../image/business/bg_marquee.gif) center repeat-y;
}
h3:not(.ttl) {
    font-weight: bold;
    margin: 2.5rem auto 1rem;
    background: #2785d0;
    color: #fff;
    padding: .5rem;
	font-size: 16px;
}

.section {
	width: 700px;
	margin: 0 auto 40px;
}

.tableRelevantSct  {
	width: 700px;
	zoom: 100%;
	margin: 0 auto 0px;
}
	
.tableRelevantSct :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*-- 上部イメージ画像エリア --*/
#imageTopPart {
	width: 700px;
	margin: 0 auto;
}

#maintenanceImage {
	width: 670px;
	background: #bae2f8;
	padding: 15px 15px 7px 15px;
	zoom: 100%;
}

#maintenanceImage_en {
	width: 670px;
	background: #bae2f8;
	padding: 15px 15px 15px 15px;
	zoom: 100%;
}
	
#maintenanceImage:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#maintenanceImage img {
	display: block;
	float: left;
}

#maintenanceImage img.centerImg {
	padding: 0 15px 0;
}

#imageLowerPart {
	width: 700px;
	margin: 12px auto 40px;
	zoom: 100%;
}
	
#imageLowerPart:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*-- /上部イメージ画像エリア --*/ 

h4 {
	padding: 0 0 13px 8px;
	margin-bottom: 20px;
	border-bottom: 2px #80c2e8 solid;
}

h5 {
	margin: 15px 0;
	padding-left: 15px;
	font-size: 100%;
}

h6 {
	width: 240px;
	margin: 15px 0 5px;
	background: #EDEFAF;
	padding: 5px 0 5px 10px;
	font-size: 100%;
}

h6.pickUpAreaEn {
	width: 420px;
	margin: 15px 0 5px;
	padding: 5px 0 5px 10px;
	font-size: 100%;
	word-wrap: break-word;

}

.section ul li {
	margin-bottom: 2px;
	padding-left: 15px;
	line-height: 130%;
}

.tableRelevantSct ul li {
	margin-bottom: 2px;
	padding-left: 15px;
	line-height: 130%;
}

#productsList {
	width: 788px;
	padding-bottom: 40px;
}

.productsTbl {
	width: 780px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0 auto 1em;
}

	.productsTbl th {
		vertical-align: middle;
		text-align: center;
	}
	
	.productsTbl td {
		padding-top: 12px;
		vertical-align: top;
		text-align: center;
		font-size: 83%;
		line-height: 110%;
	}

.pickUp {
	padding-left: 15px;
}

.pickUp_en {
	padding-left: 15px;
}

.asterisk {
	padding-left: 30em;
	font-size: x-small;
}

.discIndent li p {
	padding-left: 1em;
	text-indent: -1em;
}



/*-- 追記20110415 --*/ 

.withPhoto1 {
	padding-bottom: 25px;
}

.withPhoto2 {
	width: 100%;
	padding-bottom: 25px;
}

	.imagePhoto1 {
		width: 200px;
		margin: 0 15px 0 0;
		text-align: center;
	}

		.imagePhoto1 {
			margin: 0 0 0;
			padding: 0;
			list-style: none;
		}

			.imagePhoto1 p {
				padding: 5px 0 0;
				width: 200px;
				margin: 0 auto;
				text-align: center;
			}

.imagePhoto2 {
	width: 700px;
	margin: 0px auto 0;
	padding-top: 25px;
	text-align: center;
	clear: both;
	}
	.imagePhoto2_1{
		width:300px;
		height:auto;
		float:left;
		display:inline;
	}

		.imagePhoto2 li {
			margin: 0 0 0;
			padding: 0;
			list-style: none;
		}

			.imagePhoto2 li p {
				margin: 5px 0 10px;
				text-align: center;
			}

h4.orangeTitle {
	padding: 0 0 13px 8px;
	margin-bottom: 10px;
	border-bottom: 2px #F46000 solid;
	color: #F46000;
}

h4.orangeTitle span,
.orangeTxt {
	color: #F46000;
}

h4.greenTitle {
	padding: 0 0 13px 8px;
	margin-bottom: 10px;
	border-bottom: 2px #70A20F solid;
	color: #70A20F;
}

h4.greenTitle span,
.greenTxt {
	color: #70A20F;
}

/*-- 主要取扱品20110425 --*/

a.zoom img{
	position: relative;
	z-index: 40;
	display: block;
	margin: 0 auto;
}

	.productsTbl th div {
		margin: 0 auto;
		overflow: visible;
		text-align: center;
	}

#itemList {
	width: 750px;
	margin: 0 auto;
	min-height:	160px;
	height: auto !important;
	height: 160px;
	zoom: 100%;
	position: relative; 
}
	
#itemList:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

	#itemList dl {
		float: left;
	}
	
		#itemList dl dd {
			text-align: center;
			font-size: 83%;
			line-height: 140%;
		}
	
			#itemList dl dd p {
				text-align: center;
			}

			#itemList dl dt div a {
				cursor: default;
			}
			
			.item01 {
	position: absolute;
	top:0;
	left:74px;
}
			.item01,
			.item01 dt,
			.item01 dd,
			.item01 dd p { width: 160px; }
			.item01 dd p { position: absolute; top:125px; left:0; }
			
			.item02 {
	position: absolute;
	top:0;
	left:291px;
}
			.item02,
			.item02 dt,
			.item02 dd,
			.item02 dd p { width: 140px; }
			.item02 dd p { position: absolute; top:125px; left:0px; }
			
			.item03 {
	position: absolute;
	left:489px;
	top: 0;
}
			.item03,
			.item03 dt,
			.item03 dd,
			.item03 dd p { width: 200px; }
			.item03 dd p { position: absolute; top:125px; left:0px; }
			
			.item04 {
	position: absolute;
	top:0px;
	left:41px;
}
			.item04,
			.item04 dt,
			.item04 dd,
			.item04 dd p { width: 220px; }
			.item04 dd p { position: absolute; top:125px; left:0px; }
			
			.item05 {
	position: absolute;
	top:0px;
	left:298px;
}
			.item05,
			.item05 dt,
			.item05 dd,
			.item05 dd p { width: 110px; }
			.item05 dd p { position: absolute; top:110px; left:0px; }
			
			.item06 {
	position: absolute;
	top:16px;
	left:468px;
}
			.item06,
			.item06 dt,
			.item06 dd,
			.item06 dd p { width: 245px; }
			.item06 dd p { position: absolute; top:110px; left:0px; }
			
			.item07 {
	position: absolute;
	top:0;
	left:74px;
}
			.item07,
			.item07 dt,
			.item07 dd,
			.item07 dd p { width: 140px; }
			.item07 dd p { position: absolute; top:110px; left:0px; }

			.item08 {
	position: absolute;
	top:0;
	left:232px;
}
			.item08,
			.item08 dt,
			.item08 dd,
			.item08 dd p { width: 235px; }
			.item08 dd p { position: absolute; top:110px; left:0px; }


			.item09 {
	position: absolute;
	top:0;
	left:474px;
}
			.item09,
			.item09 dt,
			.item09 dd,
			.item09 dd p { width: 235px; }
			.item09 dd p {
	position: absolute;
	top:120px;
	left:1px;
}

			.item10 {
	position: absolute;
	top: 0px;
	left: 40px;
}
			.item10,
			.item10 dt,
			.item10 dd,
			.item10 dd p { width: 235px; }
			.item10 dd p { position: absolute; top:110px; left:0px; }
			
			
			.item11 {
	position: absolute;
	top: 1px;
	left: 257px;
}
			.item11,
			.item11 dt,
			.item11 dd,
			.item11 dd p { width: 235px; }
			.item11 dd p { position: absolute; top:110px; left:0px; }

			.item12 {
	position: absolute;
	top: 2px;
	left: 511px;
}
			.item12,
			.item12 dt,
			.item12 dd,
			.item12 dd p { width: 235px; }
			.item12 dd p { position: absolute; top:110px; left:0px; }

				.item01 dt div { width: 114px; height: 125px; margin:0 auto; }
				.item02 dt div { width: 108px; height: 125px; margin:0 auto; }
				.item03 dt div { width: 86px; height: 125px; margin:0 auto; }
				.item04 dt div { width: 152px; height: 105px; margin:0 auto; padding-top: 20px; }
				.item05 dt div { width: 127px; height: 90px; margin:0 auto; padding-top: 20px; }
				.item06 dt div { width: 125px; height: 110px; margin:0 auto; }
				.item07 dt div { width: 118px; height: 100px; margin:0 auto; padding-top: 10px; }
				.item08 dt div { width: 73px; height: 110px; margin:0 auto; }
				.item09 dt div { width: 150px; height: 117px; margin:0 auto; }
				.item10 dt div { width: 150px; height: 117px; margin:0 auto; }
				.item11 dt div {
	width: 200px;
	height: 117px;
	margin: 0 auto;
}
				.item12 dt div { width: 150px; height: 117px; margin:0 auto; }
				
/*-- en --*/

#itemListEn {
	width: 750px;
	margin: 0 auto;
	min-height:	160px;
	height: auto !important;
	height: 160px;
	zoom: 100%;
	position: relative; 
}
	
#itemListEn:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

	#itemListEn dl {
		float: left;
	}
	
		#itemListEn dl dd {
			text-align: center;
			font-size: 83%;
			line-height: 140%;
		}
	
			#itemListEn dl dd p {
				text-align: center;
			}
	
			#itemListEn dl dt div a {
				cursor: default;
			}
			
			.item01En {
	position: absolute;
	top:0px;
	left:79px;
}
			.item01En,
			.item01En dt,
			.item01En dd,
			.item01En dd p { width: 180px; }
			.item01En dd p { position: absolute; top:125px; left:0; }
			
			.item02En {
	position: absolute;
	top:0px;
	left:307px;
}
			.item02En,
			.item02En dt,
			.item02En dd,
			.item02En dd p { width: 140px; }
			.item02En dd p { position: absolute; top:125px; left:0; }
			
			.item03En {
	position: absolute;
	top:0px;
	left:516px;
}
			.item03En,
			.item03En dt,
			.item03En dd,
			.item03En dd p { width: 180px; }
			.item03En dd p { position: absolute; top:125px; left:0; }
			
			.item04En {
	position: absolute;
	top:0px;
	left:72px;
}
			.item04En,
			.item04En dt,
			.item04En dd,
			.item04En dd p { width: 200px; }
			.item04En dd p { position: absolute; top:125px; left:0; }
			
			.item05En {
	position: absolute;
	top:0px;
	left:309px;
}
			.item05En,
			.item05En dt,
			.item05En dd,
			.item05En dd p { width: 130px; }
			.item05En dd p { position: absolute; top:125px; left:0; }
			
			.item06En {
	position: absolute;
	top:0px;
	left:474px;
}
			.item06En,
			.item06En dt,
			.item06En dd,
			.item06En dd p { width: 260px; }
			.item06En dd p { position: absolute; top:125px; left:0; }
			
			.item07En {
	position: absolute;
	top:0px;
	left:89px;
}
			.item07En,
			.item07En dt,
			.item07En dd,
			.item07En dd p { width: 140px; }
			.item07En dd p { position: absolute; top:125px; left:0; }
			
			.item08En {
	position: absolute;
	top:0px;
	left:274px;
}
			.item08En,
			.item08En dt,
			.item08En dd,
			.item08En dd p { width: 180px; }
			.item08En dd p { position: absolute; top:125px; left:0; }

			.item09En {
	position: absolute;
	top:0px;
	left:508px;
}
			.item09En,
			.item09En dt,
			.item09En dd,
			.item09En dd p { width: 180px; }
			.item09En dd p { position: absolute; top:125px; left:0; }

			.item10En {
	position: absolute;
	top:0px;
	left:89px;
}
			.item10En,
			.item10En dt,
			.item10En dd,
			.item10En dd p { width: 180px; }
			.item10En dd p { position: absolute; top:125px; left:0; }

/*
			.item01En,
			.item01En dt,
			.item01En dd,
			.item01En dd p { width: 180px; }
			.item02En,
			.item02En dt,
			.item02En dd,
			.item02En dd p { width: 140px; }
			.item03En,
			.item03En dt,
			.item03En dd,
			.item03En dd p { width: 180px; }
			.item04En,
			.item04En dt,
			.item04En dd,
			.item04En dd p { width: 200px; }
			.item05En,
			.item05En dt,
			.item05En dd,
			.item05En dd p { width: 130px; }
			.item06En,
			.item06En dt,
			.item06En dd,
			.item06En dd p { width: 240px; }
			.item07En,
			.item07En dt,
			.item07En dd,
			.item07En dd p { width: 140px; }
			.item08En,
			.item08En dt,
			.item08En dd,
			.item08En dd p { width: 180px; }
*/

				.item01En dt div { width: 114px; height: 125px; margin:0 auto; }
				.item02En dt div { width: 108px; height: 125px; margin:0 auto; }
				.item03En dt div { width: 86px; height: 125px; margin:0 auto; }
				.item04En dt div { width: 152px; height: 105px; margin:0 auto; padding-top: 20px; }
				.item05En dt div { width: 127px; height: 90px; margin:0 auto; padding-top: 20px; }
				.item06En dt div { width: 125px; height: 110px; margin:0 auto; }
				.item07En dt div { width: 118px; height: 100px; margin:0 auto; padding-top: 10px; }
				.item08En dt div { width: 73px; height: 110px; margin:0 auto; }
				.item09En dt div { width: 150px; height: 117px; margin:0 auto; }
				.item10En dt div { width: 150px; height: 117px; margin:0 auto; }

#deviceName {
	width:230px; 
	margin: 0 auto; 
	border-bottom:1px #ccc dashed; 
	padding-bottom: 5px;
}

.imagePhoto2 .dotArea {
	padding:0;
}

.deviceBtnArea {
	width:230px;
	padding:10px 15px 0;
	margin: 0 auto;
}

	.deviceBtnArea div {
		width:101px;
	}
	
		.deviceBtnArea div p {
			margin-bottom: 0;
		}

.wmpArea {
	width: 220px; 
	padding: 10px; 
	margin: 5px auto 10px; 
	background: #efefef
}

	.wmpArea .wmpTxt {
		width: 120px; 
		margin: 0; 
		padding: 0; 
		float: right; 
		text-align: left; 
		font-size: 90%;
		line-height: 130%;
	}
	
		
.center {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.right {
    text-align: right;
    color: #999;
}

.content .picList {
    display: flex;
    justify-content: center;
}
.content .picList li {
    margin: 1rem;
    text-align: center;
}
.content .picList img {
    display: block;
    margin-bottom: .5rem;
    height: 180px;
    width: auto;
    object-fit: contain;
}

.content > dl {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 2rem;
}
.content > dl dt {
    order: -1;
    font-weight: bold;
    background: #2785d0;
    color: #fff;
    padding: .5rem;
	font-size: 16px;
    margin-bottom: 1rem;
}
.content > dl dt,
.content > dl dd:last-of-type img {
    width: 100%;
}
.content > dl dd:first-of-type  {
    width: 60%;
    line-height: 170%;
}
.content > dl dd:last-of-type {
    width: 35%;
}
.content > dl dd:last-of-type a {
	text-decoration: underline;
}
.content > dl dd a {
	text-decoration: underline;
	display: block;
	margin-top: .8rem;
}
.content > dl dd .pdf a {
	text-decoration: none;

}
.content > dl dd .pdf + a {
	display: inline-block;
}
.content figcaption {
    text-align: center;
}

.content > dl .pdf img {
	width: 13px;
	vertical-align: middle;
	margin-left: 5px;
}
.content > dl .pdf a,
a.linkBtn{
	display: inline-block;
	padding: .3rem .5rem .3rem 1.5rem;
	background: url(../image/common/pdf.png) no-repeat 8px 5px,linear-gradient(to bottom, rgb(254 254 254) 0%,rgb(255 255 255) 50%,rgb(241 241 241) 51%,rgb(255 255 255) 98%,rgb(255 255 255) 100%);
	border: 1px solid #dbdbdb;
	font-size: 12px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #e5e5e5;
	background-size: 12px;
}
a.linkBtn {
	padding:.3rem .7rem .3rem .2rem;
	margin-top: .5rem;
	background:linear-gradient(to bottom, rgb(254 254 254) 0%,rgb(255 255 255) 50%,rgb(241 241 241) 51%,rgb(255 255 255) 98%,rgb(255 255 255) 100%);
}
.content > dl .pdf a:hover,
a.linkBtn:hover {
	text-decoration: none;
	color: #000;
	background: url(../image/common/pdf.png) no-repeat 5px,linear-gradient(to bottom, rgb(215 215 215) 0%,rgb(255 255 255) 50%,rgb(235 235 235) 51%,rgb(255 255 255) 100%);
}
a.linkBtn:hover {
	background: linear-gradient(to bottom, rgb(215 215 215) 0%,rgb(255 255 255) 50%,rgb(235 235 235) 51%,rgb(255 255 255) 100%);

}
.content > dl .pdf a:visited,
a.linkBtn:visited {
	color: #000;
}
.content > dl .pdf li{
	padding-left: 0;
	margin-top: 0;
}
.content > dl .pdf li a {
	margin-top: .5rem;
}
.deviceBtnArea.clearFix {
	padding:0; 
	margin: .5rem auto;
}
.deviceBtnArea.clearFix img {
	width: 100% !important;
}
.wmpArea.clearFix img{
	width: 38% !important;
	height: auto;
}
.wmpArea .wmpTxt {
	width: 60% !important;
}
.youtube {
	width: 100%;
	max-width: 560px;
	margin: 2rem auto;
}


p.blue {
	position: relative;
	padding-left: 17px;
	color: #393939;
}
p.blue:before {
	content: "●";
	color: #0068b6;
	position: absolute;
	top: 0;
	left: 0;
}
/*------------------------------------

スマホ用

--------------------------------------*/
@media screen and (max-width: 480px) {
	#productsWrap {
		width: 94%;
		max-width: 0 auto;
	}
	#wrapperIn,#products_example,h3.ttl,.caption,
	.productsMain,#imageTopPart,.section,#products .slides_container,#products .pagination {
		width: 100% !important;
	}
	
	#products .pagination {
		float: none !important;
		display: flex;
		flex-wrap: wrap;
	}
	#products,
	#products_example {
		height: auto !important;
	}
	#products .pagination li {
		width: calc(100% / 5 - 5px) !important;
		float: none !important;
		height: auto !important;
		margin: 0 auto .5rem!important;
	}
	#products .pagination li img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	#products .pagination li a {
		float:none !important;
	}
	#products .pagination li.current a {
		border: 3px solid #eb832a;
		box-sizing: content-box;
	}

#products .pagination li.current .currentFrame  {
	display: none;
}
h3.ttl {
	font-size: 130%;
	padding: 4px 10px;
	margin:2rem auto 1rem;
	border-left: 3px solid #103290;
	border-right:3px solid #103290;
}
.caption {
	font-size: 120% !important;
	width: 100% !important;
	margin-bottom: .5rem;
}
#productsWrap h2 {
	line-height: 160%;
	margin-bottom: 1.5rem;
	font-size: 22px;
}
h4 {
	margin-bottom: 10px;
}
h3:not(.ttl) {
	margin: 1.5rem auto 1rem;
	line-height: 140%;
}
.hdTxt {
	font-size: 130%;
}
#products .next, #products .prev {
display: none !important;
}
.sp {
	display: block;
}
.content > dl {
	flex-direction: column;
}
.content > dl dd:first-of-type,
.content > dl dd:last-of-type{
width: 100%;
}
.content > dl dd:last-of-type img {
	width: auto;
	max-width: 70%;
	margin: .8rem auto 0;
	display: block;
}
.content > dl dd:last-of-type .f-left img,
.content > dl dd:last-of-type .f-right img  {
	max-width: 100%;
}
.content > dl dd:last-of-type a {
	text-align: center;
	margin-top: 20px;
}
.content > dl dd:last-of-type a img {
	max-width: 100%;
}
#link04 {
	margin-bottom: 30px;
}
.section ul li {
	margin-bottom: .5rem;
	padding-left: 0;
	word-break: break-all;
}
.pickUp {
	padding-left: 0;
	margin-top: 1.5rem;
}
.asterisk {
	padding-left:0;
	text-align: right;
}
.content .mrL40 {
	margin: .5rem auto 0 20px!important;
}
h6 {
	margin-bottom: 10px;
}
.youtube iframe {
	height: 220px;
}
h6.pickUpAreaEn { 
	width: 100%;
	padding-right: 5px;
	line-height: 150%;
}
.networkArea a[href*="tel:"] { 
	display: inline-block;

}
}