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

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

.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:510px;
font-weight:bold;
float:left;
display:inline;
}

.productNaviRight{
margin:0;
padding:0;
width:96px;
height:27px;
float:right;
}

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

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

.productAnchor li{
margin:0;
padding:0 10px 0 5px;
display:inline;
}

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

*:first-child+html .serviceListRight{
margin:0 0 0 14px;
padding:10px 8px;
background:transparent url(../images/service_list_bg01.jpg) no-repeat -2px 0;
width:323px;
float:left;
}

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

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

.productLayout01Left{
margin:0;
padding:0;
}

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

.productLayout01Left li{
margin:0 0 10px 0;
padding:0;
}

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

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

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

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


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

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

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

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

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

.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;
}

.spOnly {
	display: none;
}
@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.mainBox {
		padding: 0 10px;
	}
	.productNavi,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: auto;
	}
	.productImg h1 img {
		width: 100%;
    height: auto;
	}
  .productNaviLeft {
    float: none;
    width: auto;
  }
  .productAnchor li a {
		background-position: 0 8px;
		font-size: 14px;
	}
  .contentsLeft p.productLayoutLead,
  .productLayout01,
  .productLayout02,
  .productLayout03 {
    width: auto;
  }
  .productLayout02Left,
  .productLayout02Right,
  .productLayout03Left,
  .productLayout03Right {
    float: none;
    width: auto;
  }
  .productLayout02Right img,
  .productLayout03Right img {
    width: 100%;
    height: auto;
  }
  .productLayout01Right {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }
  .productLayout01Right img {
    display: block;
    margin: 0 auto;
  }

	.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;
	}
	.productLineupBtn ul {
		width: 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;
	}
}