@charset "utf-8";
html {
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

/* page
-----------------------------------------------*/
.productImg, .productImg h1{
	margin:0;
	padding:0;
	clear:both;
}

.productImg h1 img {
	height: 100%;
	object-fit: cover;
}

.productNavi{
	margin:0;
	padding:10px 10px 10px 10px;
	width:671px;
	background:transparent url(../images/product_navi_bg.jpg) repeat-x 0 0;
	clear:both;
}

.productNaviLeft{
	margin:0;
	padding:4px 0 0 0;
	width:575px;
	float:left;
}

.productNaviIcon{
	margin:0;
	padding:0 10px 0 0;
	width:55px;
	float:left;
	display:inline;
}

.contentsLeft p.productNaviPrice{
	margin:0;
	padding:2px 0 0 0;
	width:500px;
	font-weight:bold;
	float:left;
	display:inline;
}

.productNaviRight{
	margin:0;
	padding:0;
	width:96px;
	height:27px;
	float:right;
z-index:20;
position:relative;
}

.productAnchor{
	margin:15px 0;
	padding:0;
	clear:both;
	overflow:hidden;
}

.productAnchor ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

.productAnchor li{
	float:left;
	margin:0;
	padding:0 10px 0 5px;
}

.productAnchor li a{
	margin:0;
	padding:0 0 0 12px;
	background:transparent url(/common/images/arrow_anchor.gif) no-repeat 0 3px;
}

/**/
.contentsLeft p.productLayoutLead{
	margin:20px 0 0 0;
	padding:0 10px 0 10px;
	width:671px;
}

.productPoint{
margin:25px 0 0 0;
padding:0 10px 0 10px;
width:671px;
}

.productPoint h3{
margin:0;
padding:0;
}

.productPoint ul{
margin:20px 0 0 0;
padding:17px 20px 17px 20px;
background:transparent url(../images/point_bg.gif) no-repeat 0 0;
width:656px;
height:112px;
list-style:none;
}
.productPoint li{
margin:5px 0 0 0;
padding:0;
}

/* 巨大空間を低コストでスピーディに
===========================================*/
.contentsLeft p.requestImg{
	margin:20px 0 50px;
	text-align:center;
}

/* 特長
===========================================*/

.featureBtn{
	margin:20px 0 0 0;
	padding:0;
list-style:none;
	width:691px;
}
.featureBtn:after{
content:".";
display:block;
font-size:0;
visibility:hidden;
height:0;
clear:both;
}
.featureBtn li{
	margin:10px 0 0 0;
	padding:0 0 0 15px;
float:left;
}

.featureBtn li.left{
	padding:0;
}

.featureSection{
	margin:25px 0 0;
	padding:0 10px 25px;
	width:671px;
}
.featureLeft{
	float:left;
	width:390px;
}
.featureLeft h4{
	margin:7px 0 15px;
	padding:0;
}
.featureLeft p{
	line-height:150%;
}

.featureImg{
	float:right;
	widows:260px;
}
.featureSection p.featureImgL{
	clear:both;
	margin:20px 0 0 0;
}


/* 施行事例
===========================================*/
.productJirei{
	margin:20px 0 0 0;
	padding:0;
}
.productJirei ul{
	margin:0;
	padding:0 0 0 2px;
	list-style:none;
}
.productJirei li{
	padding:0 9px 10px;
	float:left;
	display:inline;
}



/* 標準参考仕様
===========================================*/
.detailTable{
	margin:20px 0 0 10px;
	width:670px;
	border:1px solid #CACACA;
	border-collapse:collapse;
}
.detailTable th, .detailTable td{
	padding:10px;
	border:1px solid #CACACA;
	vertical-align:middle;
}
.detailTable th{
	width:100px;
	background:#F3F8FB;	
}



/* ご購入をご検討の方へ　以下
===========================================*/
.productLink{
margin:25px 0 0 10px;
padding:0;
width:671px;
background:transparent url(../images/product02_bg02.gif) no-repeat 0 100%;
}

.productLink h3{
margin:0;
padding:0 0 5px 0;
font-size:120%;
border-bottom:solid 2px #30527A;
}

.productLink h3 a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
display:block;
height:2.4em;
}

.productLink h3 a.link01{
margin:0 0 0 0;
padding:0.6em 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
display:block;
height:1.8em;
}

.contentsLeft .productLink p{
margin:10px 0 0 0;
padding:0;
}

.productLinkLeft{
margin:0;
padding:10px 7px;
width:143px;
background:transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
float:left;
}

.productLinkRight{
margin:0 0 0 14px;
padding:10px 7px;
width:143px;
background:transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
float:left;
}

.productNote{
margin:25px 0 0 10px;
padding:5px 15px 15px 15px;
width:641px;
background:#F7F7F7;
clear:both;
}

.productNote h3{
margin:10px 0 0 0;
padding:0;
font-size:120%;
color:#FF8C3F;
clear:both;
}

.contentsLeft .productNote p{
margin:0;
padding:0;
clear:both;
}

.productNote ul{
margin:0;
padding:0;
list-style:none;
clear:both;
}

.productNote li{
margin:0;
padding:0 0 0 1.2em;
text-indent:-1.2em;
}

.relationBox{
margin:25px 0 0 10px;
padding:2px;
width:664px;
border:solid 1px #CCC;
clear:both;
}

.relationBg{
margin:0;
padding:8px;
width:648px;
background:transparent url(../images/relation_bg01.jpg) repeat-x 0 0;
clear:both;
}

.relationBg dl{
margin:0;
padding:0;
width:648px;
clear:both;
}

.relationBg dt{
margin:0;
padding:0;
width:78px;
float:left;
}

.relationBg dd{
margin:0;
padding:0 0 0 10px;
float:left;
}

.relationBg ul{
margin:5px 0 0 0;
padding:10px 0 0 0;
background:transparent url(../images/line_dot.gif) repeat-x 0 0;
clear:both;
}

.relationBg li{
margin:0 15px 0 0;
padding:0;
font-size:120%;
font-weight:bold;
float:left;
display:inline;
}

.relationBg li a{
margin:0;
padding:0 0 0 10px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 5px;
}


/**/

.offerLayout01{
margin:0;
padding:30px 0 0 0;
width:671px;
clear:both;
}

.offerLayout01Left{
margin:0;
padding:0;
width:320px;
float:left;
}

.offerLayout01Right{
margin:0;
padding:0;
width:320px;
float:right;
}

.offerLayout01Img{
margin:15px 0 0 0;
padding:0;
width:320px;
clear:both;
}

.offerLayout01Txt{
margin:10px 0 0 0;
padding:0;
width:320px;
clear:both;
}

.offerLayout01Txt h3{
margin:0;
padding:0 0 0 18px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
clear:both;
}

.contentsLeft .offerLayout01 p{
margin:10px 0 0 0;
padding:0;
clear:both;
}

/**/
.offerIcon{
margin:15px 0 0 10px;
padding:0 15px 15px 15px;
width:641px;
background:#F7F7F7;
clear:both;
}

.offerIconLeft{
margin:15px 0 0 0;
padding:0;
width:300px;
float:left;
}

.offerIconRight{
margin:15px 0 0 0;
padding:0;
width:300px;
float:right;
}

.offerIconImg{
margin:0;
padding:0;
width:66px;
float:left;
}

.offerIconTxt{
margin:0;
padding:0;
width:215px;
float:right;
}

.offerIconTxt h4{
margin:0;
padding:0;
font-size:120%;
color:#214772;
clear:both;
}

.contentsLeft .offerIcon p{
margin:5px 0 0 0;
padding:0;
clear:both;
}

.contentsLeft p.offerIconLink{
margin:20px 0 0 10px;
padding:0;
clear:both;
}

.contentsLeft p.offerIconLink a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 0;
clear:both;
}


/***/
#pointBox {
margin:35px 0 0 0;
padding:0 0 30px 0;
position:relative;
width:691px;
height:364px;
background:transparent url(../images/point_bg01.jpg) no-repeat 0 0 ;
z-index:5;
}
.bottomInfo{
z-index:1;
}
#pointBtn{
width:691px;
height:364px;
position:absolute;
overflow:hidden;
}
#pointBtn div {
cursor: pointer;
text-indent:-1000.0em;
overflow:hidden;
}
.disnon {
display: none;
}
#pointContnts{
position:relative;
}
#pointContnts div dl {
margin:0;
padding:0;
}
#pointContnts div span{
display:block;
width:34px;
height:34px;
cursor: pointer;
}

#pointBtn01{
position:absolute;
top:0;
left:59px;
width:86px;
height:25px;
}
#pointBtn02{
position:absolute;
top:0;
left:279px;
width:131px;
height:25px;
}
#pointBtn03{
position:absolute;
top:0;
left:532px;
width:140px;
height:25px;
}
#pointBtn04{
position:absolute;
top:339px;
left:37px;
width:1112px;
height:25px;
}
#pointBtn05{
position:absolute;
top:339px;
left:282px;
width:150px;
height:25px;
}
#pointBtn06{
position:absolute;
top:339px;
left:555px;
width:125px;
height:25px;
}
#pointBtn07{
position:absolute;
top:256px;
left:546px;
width:135px;
height:25px;
}


#pointContnts01 {
position:absolute;
top:25px;
left:-36px;
z-index:11;
}
#pointContnts01 dl {
width: 294px;
height: 282px;
background:transparent url(../images/point_bg01.png) no-repeat 0 0 ;
}
#pointContnts01 dt {
margin:0;
padding:26px 0 0 0;
text-align:center;
}
#pointContnts01 dd {
margin:0;
padding:10px 30px 0 23px;
}
#pointContnts01 dd.pointTit {
margin:0;
padding:5px 30px 0 23px;
color:#1B558C;
font-weight:bold;
line-height:120%;
}
#pointContnts01 dd.link {
margin:0;
padding:10px 30px 0 23px;
}
#pointContnts01 dd.link a {
padding:0 0 0 10px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 50%;
}
#pointContnts01 span{
position:absolute;
top:0;
right:0;
}

#pointContnts02 {
position:absolute;
top:25px;
left:223px;
z-index:12;
}
#pointContnts02 dl {
width: 247px;
height: 258px;
background:transparent url(../images/point_bg02.png) no-repeat 0 0 ;
}
#pointContnts02 dt {
margin:0;
padding:26px 0 0 0;
text-align:center;
}
#pointContnts02 dd {
margin:0;
padding:10px 30px 0 23px;
}
#pointContnts02 dd.pointTit {
margin:0;
padding:5px 30px 0 23px;
color:#1B558C;
font-weight:bold;
line-height:120%;
}
#pointContnts02 span{
position:absolute;
top:0;
right:0;
}

#pointContnts03 {
position:absolute;
top:25px;
left:431px;
z-index:13;
}
#pointContnts03 dl {
width: 344px;
height: 317px;
background:transparent url(../images/point_bg03.png) no-repeat 0 0 ;
}
#pointContnts03 dt {
margin:0;
padding:26px 0 0 75px;
}
#pointContnts03 dd {
margin:0;
padding:10px 30px 0 30px;
}
#pointContnts03 dd.pointTit {
margin:0;
padding:5px 23px 0 30px;
color:#1B558C;
font-weight:bold;
line-height:120%;
}
#pointContnts03 dd.note {
margin:0;
padding:5px 30px 0 33px;
font-size:80%;
line-height:120%;
}
#pointContnts03 dd.link {
margin:0;
padding:5px 30px 0 33px;
}
#pointContnts03 dd.link a {
padding:0 0 0 10px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 50%;
}
#pointContnts03 span{
position:absolute;
top:0;
right:0;
}

#pointContnts04 {
position:absolute;
top:13px;
left:-50px;
z-index:14;
}
#pointContnts04 dl {
width: 293px;
height: 327px;
background:transparent url(../images/point_bg04.png) no-repeat 0 0 ;
}
#pointContnts04 dt {
margin:0;
padding:26px 0 0 90px;
}
#pointContnts04 dd {
margin:0;
padding:10px 30px 0 33px;
}
#pointContnts04 dd.pointTit {
margin:0;
padding:5px 30px 0 33px;
color:#1B558C;
font-weight:bold;
line-height:120%;
}
#pointContnts04 span{
position:absolute;
top:0;
right:0;
}

#pointContnts05 {
position:absolute;
top:53px;
left:271px;
z-index:15;
}
#pointContnts05 dl {
width: 293px;
height: 288px;
background:transparent url(../images/point_bg05.png) no-repeat 0 0 ;
}
#pointContnts05 dt {
margin:0;
padding:26px 0 0 55px;
}
#pointContnts05 dd {
margin:0;
padding:10px 30px 0 23px;
}
#pointContnts05 dd.pointTit {
margin:0;
padding:5px 30px 0 23px;
color:#1B558C;
font-weight:bold;
line-height:120%;
}
#pointContnts05 dd.note {
margin:0;
padding:5px 30px 10px 23px;
font-size:80%;
line-height:120%;
}
#pointContnts05 span{
position:absolute;
top:0;
right:0;
}

#pointContnts06 {
position:absolute;
top:53px;
left:526px;
z-index:16;
}
#pointContnts06 dl {
width: 293px;
height: 287px;
background:transparent url(../images/point_bg06.png) no-repeat 0 0 ;
}
#pointContnts06 dt {
margin:0;
padding:26px 0 0 55px;
}
#pointContnts06 dd {
margin:0;
padding:10px 23px 0 20px;
}
#pointContnts06 dd.pointTit {
margin:0;
padding:5px 23px 0 20px;
color:#1B558C;
font-weight:bold;
line-height:120%;
}
#pointContnts06 span{
position:absolute;
top:0;
right:0;
}

#pointContnts07 {
position:absolute;
top:141px;
left:680px;
z-index:17;
}
#pointContnts07 dl {
width: 302px;
height: 299px;
background:transparent url(../images/point_bg07.png) no-repeat 0 0 ;
}
#pointContnts07 dt {
margin:0;
padding:26px 0 0 65px;
}
#pointContnts07 dd {
margin:0;
padding:10px 23px 0 30px;
}
#pointContnts07 dd.pointTit {
margin:0;
padding:5px 23px 0 30px;
color:#008195;
font-weight:bold;
line-height:120%;
}
#pointContnts07 dd.link a {
padding:0 0 0 10px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 50%;
}
#pointContnts07 span{
position:absolute;
top:0;
right:0;
}


/****/
.offerPlan{
margin:25px 0 0 10px;
padding:0 0 20px 0;
width:671px;
clear:both;
}
.offerPlanTit{
margin:0;
padding:0;
width:631px;
clear:both;
}
.offerPlanTit01 h4{
margin:0;
padding:2px 0 2px 25px;
font-size:120%;
background:transparent url(../images/tit_mark01.gif) no-repeat 0 50%;
}
.offerPlanTit02 h4{
margin:0;
padding:2px 0 2px 25px;
font-size:120%;
background:transparent url(../images/tit_mark02.gif) no-repeat 0 50%;
}
.offerPlanTit03 h4{
margin:0;
padding:2px 0 2px 25px;
font-size:120%;
background:transparent url(../images/tit_mark03.gif) no-repeat 0 50%;
}
.offerPlanTit04 h4{
margin:0;
padding:2px 0 2px 25px;
font-size:120%;
background:transparent url(../images/tit_mark04.gif) no-repeat 0 50%;
}
.contentsLeft p.offerPlanLink{
margin:10px 0 0 0;
padding:2px 2px 2px 12px;
width:15.5em;
color:#1A548C;
font-weight:bold;
font-size:120%;
background:#F7F7F7;
}
.contentsLeft p.offerPlanLink a{
margin:0;
padding:3px 20px 3px 3px;
background:transparent url(../images/icon_pdf.gif) no-repeat 100% 3px;
}
.contentsLeft p.offerPlanTxt{
margin:0;
padding:10px 0 0 0;
clear:both;
}

.offerPlanImg{
margin:20px 0 0 0;
padding:0;
width:631px;
text-align:center;
clear:both;
}

.contentsLeft .offerPlanImg p{
margin:0;
padding:0;
}
.contentsLeft .offerPlanZoom{
text-align:center;
}

.contentsLeft .offerPlanZoom a{
margin:0;
padding:2px 0 2px 18px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}
.offerNote{
font-size:80%;
}

/**/


.productLayout02{
margin:25px 0 0 0;
padding:0 10px;
width:671px;
}

.productLayout02 h3{
margin:0;
padding:0 0 5px 25px;
font-size:120%;
background:transparent url(../images/tit_mark01.gif) no-repeat 0 0;
}

.contentsLeft .productLayout02 p{
margin:0;
padding:0;
}

.contentsLeft p.productLayout02Zoom{
margin:10px 0 0 0;
padding:0;
}

.contentsLeft p.productLayout02Zoom a{
margin:0;
padding:3px 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}

.productLayout02 ul{
margin:10px 0 0 0;
padding:5px;
list-style:none;
background:#F7F7F7;
}

.productLayout02 li{
margin:0;
padding:0;
}

.productLayout02Left{
margin:10px 0 0 0;
padding:0;
width:210px;
float:left;
}

.productLayout02Right{
margin:10px 0 0 0;
padding:0;
width:437px;
float:right;
}

.productLayout02Link{
margin:10px 0 0 0;
padding:0;
list-style:none;
}

.productLayout02Link li{
margin:0;
padding:0;
float:left;
display:inline;
}

.productLayout02Link a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.productLayout03{
margin:25px 0 0 0;
padding:0 10px;
width:671px;
}

.productLayout03 h3{
margin:0;
padding:0 0 5px 25px;
font-size:120%;
background:transparent url(../images/tit_mark02.gif) no-repeat 0 0;
}

.contentsLeft .productLayout03 p{
margin:0;
padding:0;
}

.contentsLeft p.productLayout03Zoom{
margin:10px 0 0 0;
padding:0;
}

.contentsLeft p.productLayout03Zoom a{
margin:0;
padding:3px 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}

.productLayout03 ul{
margin:10px 0 0 0;
padding:5px;
list-style:none;
background:#F7F7F7;
}

.productLayout03 li{
margin:0;
padding:0;
}

.productLayout03Left{
margin:10px 0 0 0;
padding:0;
width:210px;
float:left;
}

.productLayout03Right{
margin:10px 0 0 0;
padding:0;
width:437px;
float:right;
}

.productLayout03Link{
margin:10px 0 0 0;
padding:0;
list-style:none;
}

.productLayout03Link li{
margin:0;
padding:0;
float:left;
display:inline;
}

.productLayout03Link a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}

.productTable{
margin:25px 0 0 10px;
padding:0;
width:671px;
border-top:solid 1px #CACACA;
border-left:solid 1px #CACACA;
}

.productTable th{
margin:0;
padding:10px;
background:#F3F8FB;
border-right:solid 1px #CACACA;
border-bottom:solid 1px #CACACA;
font-weight:normal;
text-align:left;
white-space:nowrap;
}

.productTable thead th{
margin:0;
padding:10px;
background:#DEEBF6;
border-right:solid 1px #CACACA;
border-bottom:solid 1px #CACACA;
font-weight:normal;
text-align:center;
}

.productTable td{
margin:0;
padding:10px;
border-right:solid 1px #CACACA;
border-bottom:solid 1px #CACACA;
text-align:center;
}

.productTable td.pdf{
margin:0;
padding:10px;
text-align:left;
}

.productTable td.pdf a{
margin:0;
padding:0 0 0 8px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 3px;
vertical-align:middle;
}

.productTable td.pdf a img{
margin:0;
padding:0;
vertical-align:middle;
}

.productLink{
margin:25px 0 0 10px;
padding:0;
width:671px;
background:transparent url(../images/product02_bg02.gif) no-repeat 0 100%;
}

.productLink h3{
margin:0;
padding:0 0 5px 0;
font-size:120%;
border-bottom:solid 2px #30527A;
}

.productLink h3 a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
display:block;
height:2.4em;
}

.productLink h3 a.link01{
margin:0 0 0 0;
padding:0.6em 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 50%;
display:block;
height:1.8em;
}

.contentsLeft .productLink p{
margin:10px 0 0 0;
padding:0;
}

.productLinkLeft{
margin:0;
padding:10px 7px;
width:143px;
background:transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
float:left;
}

.productLinkRight{
margin:0 0 0 14px;
padding:10px 7px;
width:143px;
background:transparent url(../images/product02_bg01.jpg) no-repeat 0 0;
float:left;
}

.productNote{
margin:25px 0 0 10px;
padding:5px 15px 15px 15px;
width:641px;
background:#F7F7F7;
clear:both;
}

.productNote h3{
margin:10px 0 0 0;
padding:0;
font-size:120%;
color:#FF8C3F;
clear:both;
}

.productNote ul{
margin:0;
padding:0;
list-style:none;
clear:both;
}

.productNote li{
margin:0;
padding:0 0 0 1.2em;
text-indent:-1.2em;
}

.relationBox{
margin:25px 0 0 10px;
padding:2px;
width:664px;
border:solid 1px #CCC;
clear:both;
}

.relationBg{
margin:0;
padding:8px;
width:648px;
background:transparent url(../images/relation_bg01.jpg) repeat-x 0 0;
clear:both;
}

.relationBg dl{
margin:0;
padding:0;
width:648px;
clear:both;
}

.relationBg dt{
margin:0;
padding:0;
width:78px;
float:left;
}

.relationBg dd{
margin:0;
padding:0 0 0 10px;
float:left;
}

.relationBg ul{
margin:5px 0 0 0;
padding:10px 0 0 0;
background:transparent url(../images/line_dot.gif) repeat-x 0 0;
clear:both;
}

.relationBg li{
margin:0 15px 0 0;
padding:0;
font-size:120%;
font-weight:bold;
float:left;
display:inline;
}

.relationBg li a{
margin:0;
padding:0 0 0 10px;
background:transparent url(/common/images/arrow01.gif) no-repeat 0 5px;
}

.productTableSub{
margin:0 auto;
padding:0;
}

.productTableSub th{
margin:0;
padding:0;
text-align:right;
background:none;
border:none;
}

.productTableSub td{
margin:0;
padding:0;
text-align:left;
border:none;
}

.productLineupBtn{
margin:20px 0 0 0;
padding:0;
clear:both;
}

.productLineupBtn ul{
margin:20px 0 0 10px;
padding:0;
width:671px;
clear:both;
}

.productLineupBtn li{
margin:0;
padding:0 0 0 31px;
float:left;
display:inline;
}

.productLineupBtn li.head{
margin:0;
padding:0;
float:left;
display:inline;
}
.contentsLeft p.productGalleryLead{
margin:20px 0 0 10px;
padding:0 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 2px;
clear:both;
}

.productGallery{
margin:10px 0 0 0;
padding:0;
}

.productGallery ul{
margin:0;
padding:0 0 0 2px;
list-style:none;
}
.productGallery li{
margin:0;
padding:0 9px;
display:inline;
float:left;
}

.contentsLeft p.productGalleryLink{
margin:0 0 0 10px;
padding:10px 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 13px;
clear:both;
}


/**/
.offerGallery{
margin:0 0 0 0;
padding:20px 0 25px 0;
background:url(/common/images/line_dot.gif) repeat-x scroll 0 100% transparent;
}

.offerGallery h3{
margin:0 0 0 0;
padding:20px 10px 0 10px;
background:url(/common/images/line_dot.gif) repeat-x scroll 0 0 transparent;
}
.contentsLeft .offerGallery p{
padding:20px 10px 0 10px;
}

.offerGallery ul{
margin:0;
padding:0 0 0 2px;
list-style:none;
}
.offerGallery ul:after{
content:".";
display:block;
font-size:0;
visibility:hidden;
height:0;
clear:both;
}
.offerGallery li{
margin:0;
width:153px;
padding:10px 9px;
display:inline;
float:left;
font-size:80%;
}
.contentsLeft .offerGallery li p{
margin:0;
padding:0;
}


/* 特長2
===========================================*/
.featureSection01{
	margin:25px 0 0;
	padding:0 10px 25px;
	width:671px;
	background:url(/common/images/line_dot.gif) repeat-x scroll 0 100% transparent;
}
.featureLeft01{
	float:left;
	width:335px;
}
.featureLeft01 h4{
	margin:7px 0 15px;
	padding:0;
}
.featureLeft01 p{
	line-height:150%;
}

.featureImg01{
	float:right;
	widows:325px;
}
.featureSection01 p.featureImgL{
	clear:both;
	margin:20px 0 0 0;
}

/**/
.featureLayout01{
margin:25px 0 0 0;
padding:0 10px 10px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}

.featureLayout01 h3{
margin:0;
padding:0;
}

.featureLayout01Inner{
margin:0;
padding:20px 0 15px 0;
}

.featureLayout01Left{
margin:0;
padding:0;
width:360px;
float:left;
}

.contentsLeft .featureLayout01 p{
margin:10px 0 0 20px;
padding:0;
}

.contentsLeft p.featureLayout01Note{
margin:5px 0 0 20px;
padding:0;
font-size:90%;
}

.featureLayout01 h4{
margin:0 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}

.featureLayout01Right{
margin:0;
padding:0;
width:296px;
float:right;
}

.contentsLeft p.featureLayout01Note{
margin:5px 0 0 20px;
padding:0;
font-size:90%;
}
.contentsLeft p.featureLayout01Link{
margin:10px 0 0 20px;
padding:0;
}

.contentsLeft p.featureLayout01Link a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}

.featureLayout01LinkList{
margin:10px 0 0 0;
padding:0;
}

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

.featureLayout01LinkList li{
margin:0;
padding:0;
float:left;
display:inline;
}

.featureLayout01LinkList li a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}


/**/
.featureLayout02{
margin:25px 0 0 0;
padding:0 10px 10px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}

.featureLayout02 h3{
margin:0;
padding:0;
}

.featureLayout02Inner{
margin:0;
padding:20px 0 15px 0;
}

.featureLayout02Left{
margin:0;
padding:0;
width:415px;
float:left;
}

.contentsLeft .featureLayout02 p{
margin:10px 0 0 20px;
padding:0;
}

.contentsLeft p.featureLayout02Note{
margin:5px 0 0 20px;
padding:0;
font-size:90%;
}


.featureLayout02 h4{
margin:0 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}

.featureLayout02Right{
margin:0;
padding:0;
width:240px;
float:right;
}

/**/
.featureLayout03{
margin:25px 0 0 0;
padding:25px 10px 10px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 0;
}

.featureLayout03 h3{
margin:0;
padding:0;
}

.featureLayout03Inner{
margin:0;
padding:20px 0 15px 0;
}

.featureLayout03Left{
margin:0;
padding:0;
width:415px;
float:left;
}

.contentsLeft .featureLayout03 p{
margin:10px 0 0 20px;
padding:0;
}
.contentsLeft .featureLayout03 p.txtRight{
text-align:right;
}

.contentsLeft p.featureLayout03Note{
margin:5px 0 0 20px;
padding:0;
font-size:90%;
}


.featureLayout03 h4{
margin:0 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}

.featureLayout03Right{
margin:0;
padding:0;
width:240px;
text-align:center;
float:right;
}


.optionLayout{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
}

.optionLayout h3{
margin:0;
padding:0;
}

.contentsLeft .optionLayout p{
margin:10px 0 0 20px;
padding:0;
}
.contentsLeft .optionLayout p.txt{
margin:10px 0 0 0;
padding:0;
}

.optionLayout h4{
margin:40px 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}


.contentsLeft p.optionLayoutLink{
margin:10px 0 0 0;
padding:0;
}

.contentsLeft p.optionLayoutLink a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}

.optionList{
margin:10px auto 0 auto;
padding:0;
list-style:none;
width:662px;
clear:both;
}
.optionList:after{
content:".";
display:block;
font-size:0;
visibility:hidden;
height:0;
clear:both;
}
.optionList li{
margin:20px 0 0 0;
float:left;
}
.optionImg01{
width:81px;
height:140px;
overflow:hidden;
}
.optionImg02{
width:64px;
height:140px;
overflow:hidden;
}
.optionImg03{
width:125px;
height:140px;
overflow:hidden;
}
.optionImg04{
width:67px;
height:140px;
overflow:hidden;
}
.optionImg05{
width:88px;
height:140px;
overflow:hidden;
}
.optionImg06{
width:230px;
height:140px;
overflow:hidden;
}
.optionImg07{
padding:15px 0 0 0;
width:103px;
height:125px;
overflow:hidden;
}
.optionImg08{
padding:15px 0 0 0;
width:124px;
height:125px;
overflow:hidden;
}
.optionImg09{
padding:10px 0 0 0;
width:198px;
height:130px;
overflow:hidden;
}
.optionImg10{
width:230px;
height:140px;
overflow:hidden;
}
.optionImg11{
padding:40px 0 0 0;
width:234px;
height:100px;
overflow:hidden;
}
.optionImg12{
padding:25px 0 0 0;
width:192px;
height:115px;
overflow:hidden;
}
.optionImg13{
width:230px;
height:140px;
overflow:hidden;
}



.contentsLeft p.featureLayout02Note{
margin:5px 0 0 20px;
padding:0;
font-size:90%;
}
.contentsLeft p.featureLayout02Link{
margin:10px 0 0 20px;
padding:0;
}

.contentsLeft p.featureLayout02Link a{
margin:0 10px 0 0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}

.featureLayout02LinkList{
margin:10px 0 0 0;
padding:0;
}

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

.featureLayout02LinkList li{
margin:0;
}

.productImg{
border:solid 1px #ccc;
position:relative;
/* height:378px; */
}
.productImg ul{
margin:0;
padding:0;
}
.bx-controls{
top:0;
position:absolute;
width:689px;
}
.thumbs1{
text-align:center;
margin-left:96px;
}
.bx-pager{
width:689px;
top:387px;
text-align:center;
position:absolute;
z-index:10;
}
.bx-pager-item{
padding:0 2px;
display:inline;
}
.bx-pager-item a img{
filter:alpha(opacity=60); /*for Internet Explorer 6/7*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity:0.60;
opacity:0.60;
}
.bx-pager-item a.active img{
filter:alpha(opacity=100); /*for Internet Explorer 6/7*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity:1.00;
opacity:1.00;
}
.bx-prev{
top:190px;
left:10px;
width:30px;
height:30px;
text-indent:-1000.0em;
overflow:hidden;
background:transparent url(../images/slide_arrow01.png) no-repeat 0 1px;
position:absolute;
}
.bx-next{
top:190px;
right:10px;
width:30px;
height:30px;
text-indent:-1000.0em;
overflow:hidden;
background:transparent url(../images/slide_arrow02.png) no-repeat 0 1px;
position:absolute;
}
#slider1{
width:100%;
overflow:hidden;
position:relative;
/* height:378px; */
}

.spOnly {
	display: none;
}
@media screen and (max-width: 750px) {
	/* #slider1 {
		height: 193px;
	} */
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.mainBox {
		padding: 0 10px;
	}
	.productNavi,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: auto;
	}
	.productAnchor li a {
		background-position: 0 8px;
		font-size: 14px;
	}
	.productImg h1 img {
		width: 100%;
	}
	.productNaviLeft,
	.contentsLeft p.productNaviPrice {
		width: fit-content;
	}
	.contentsLeft p.productNaviPrice {
		margin-left: 10px;
	}
	.contentsLeft p.productLayoutLead,
	.contentsLeft p.requestImg img {
		width: 100%;
	}
	.featureSection01,
	.featureLayout01,
	.featureLayout02,
	.featureLayout03,
	.featureLayout01Left,
	.featureLayout02Left,
	.featureLayout03Left,
	.featureLeft01,
	.optionLayout,
	.optionList {
		width: 100%;
		float: none;
	}
	.featureLeft,
	.featureImg01,
	.featureLayout01Right,
	.featureLayout02Right,
	.featureLayout03Right {
		float: unset;
		margin: 10px auto 0;
	}
	.featureImg {
		float: unset;
		width: 100%;
		margin-top: 20px;
	}
	.featureImg01 img {
		display: block;
		margin: 0 auto;
	}
	.featureImg img {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.featureBtn {
		width: 100%;
	}
	.featureBtn li {
		float: none;
		width: fit-content;
		padding: 0;
		margin: 0 auto 10px;
	}
	.optionImg04 {
		width: 64px;
	}
	.optionImg05 {
		width: 80px;
	}
	.optionImg11 {
		width: 200px;
		padding: 25px 0 0 0;
	}
	.optionImg12 {
		width: 120px;
		padding: 0;
	}
	.optionImg07 img,
	.optionImg08 img,
	.optionImg09 img {
		width: 100%;
	}
	.optionImg07 {
		width: 70px;
		height: auto;
	}
	.optionImg08 {
		width: 90px;
		height: auto;
	}
	.optionImg09 {
		width: 145px;
		height: auto;
	}
	.optionList li.optionImg07,
	.optionList li.optionImg08,
	.optionList li.optionImg09 {
		margin-right: 10px;
	}

	#pointBox,
	#pointBtn {
		width: 100%;
	}
	#pointBox {
		height: 210px;
		background-size: 100% auto;
	}
	#pointBtn {
		height: 100%;
	}
	#pointBtn01 {
    left: 20px;
    width: 64px;
    height: 20px;
	}
	#pointBtn02 {
    left: 135px;
    width: 64px;
    height: 20px;
	}
	#pointBtn03 {
    left: 257px;
    width: 72px;
    height: 20px;
	}
	#pointBtn04 {
    top: 160px;
    left: 16px;
    width: 64px;
    height: 20px;
	}
	#pointBtn05 {
    top: 160px;
    left: 133px;
    width: 80px;
    height: 20px;
	}
	#pointBtn06 {
    top: 160px;
    left: 265px;
    width: 72px;
    height: 20px;
	}
	#pointContnts01,
	#pointContnts02,
	#pointContnts03,
	#pointContnts04,
	#pointContnts05,
	#pointContnts06 {
    top: -30px;
    left: 0px;
	}

	.offerGallery ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 20px;
	}
	.offerGallery li {
		float: none;
		width: auto;
		padding: 0;
	}
	.offerGallery li img {
		width: 100%;
	}

  .productLayout01,
	.productLayout02,
	.productLayout03 {
    width: 100%;
  }
  .productLayout01Left,
	.productLayout02Left,
	.productLayout02Right,
	.productLayout03Left,
  .productLayout03Right {
    float: unset;
		width: 100%;
  }
	.productLayout02Right img,
	.productLayout03Right img {
		width: 100%;
	}
  .productLayout01Right {
    float: unset;
  }
  .productLayout04 {
    width: 100%;
  }
  .productLayout04Left,
  .productLayout04Right {
    float: unset;
    width: 250px;
    margin: 0 auto;
    text-align: center;
  }
  .productLayout04Right {
    padding: 0;
  }

	.scroll-table {
    position: relative;
    margin: 20px 0 30px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    transform: translate(-50%, -50%);
  }
  .s-guide {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
	.productTable {
		margin: 0;
	}
	.productTable th {
		white-space: wrap;
	}
	.productTable td {
		padding: 5px;
		
		/* word-break: break-all; */
	}
	.productTable td.pdf {
		padding: 10px 5px 10px 10px;
	}
	.productTable td.pdf a {
		padding: 0 0 0 6px;
		background-position: 0 7px;
	}
	.productTable td.pdf a img {
		display: inline-block;
		width: 10px;
		height: 12px;
	}
	
	.productLineupBtn ul {
		width: auto;
	}

	.productGallery ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.productGallery ul li {
		float: none;
		width: auto;
		padding: 0;
	}
	.productGallery ul li img {
		width: 100%;
		height: auto;
	}

	.productLink {
		width: auto;
		margin: 25px 0 0;
		padding: 0 10px;
		background: none;
	}
	.productLink > div {
		width: auto;
	}
	.productLinkLeft {
		background: none;
		float: unset;
	}
	.productLinkRight {
		background: none;
		float: unset;
		margin: 0;
	}
	.productLink h3 {
		font-size: 140%;
	}
	.productLink h3 a {
		height: auto;
	}
	.productLink h3 a.link01 {
		height: auto;
		padding: 0 0 0 15px;
	}
	.contentsLeft .productLink p {
		margin: 6px 0 0 0;
	}
	.productNote {
		width: auto;
		margin: 25px 10px 0;
	}
	.relationBox {
		width: auto;
		margin: 25px 10px;
	}
	.relationBg {
		width: auto;
	}
	.relationBg dl {
		width: auto;
	}
	.relationBg dt,
	.relationBg dd {
		float: none;
	}
	.relationBg dd {
		padding: 5px 0 0 0;
	}
	.relationBg li {
		margin: 0 15px 8px 0;
	}
	.relationBg li a {
		background-position: 0 7px;
	}

	.quoDifference {
		width: 94%;
	}
	.quoDifferenceInner {
		width: 100%;
	}
	
	.productLineupBtn li.head,
	.productLineupBtn li {
		float: none;
		display: block;
		padding: 0;
	}
	.productLineupBtn li.head {
		margin-bottom: 20px;
	}
}