@charset "utf-8";

/* 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.leadText{
margin:0 0 20px 0;
}
.productLayout01{
margin:25px 0 0 0;
padding:0 10px 30px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout01Left{
margin:20px 0 0 0;
padding:0;
width:370px;
float:left;
}
.productLayout01Right{
margin:20px 0 0 0;
padding:0;
width:240px;
text-align:center;
float:right;
}
.productLayout01Left h3{
margin:0 0 15px 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}
.contentsLeft .productLayout01Left p{
margin:0 0 0 20px;
padding:0;
}
.contentsLeft .productLayout01Left p.note{
	font-size:10px;
	text-align:right;
}
.contentsLeft .productLayout01Right p{
margin:5px 0 30px;
padding:0;
}
.contentsLeft p.productLayout01Link{
margin:0 0 30px 0;
padding:0;
}
.contentsLeft p.productLayout01Link a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.productLayout02{
margin:20px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
overflow:hidden;
}
.productLayout02 .spec{
	float:left;
	margin:0 30px 0 0;
	padding:10px;
	width:185px;
	border:1px solid #CCC;
}
.productLayout02 h4{
	float:left;
}
.productLayout02 .planImage{
	clear:both;
	margin:0 0 30px;
	padding:25px 0 0;
	text-align:center;
}
.productLayout02 ul{
	margin:0;
	padding:0;
}
.productLayout02 li{
	margin:0;
	padding:0;
	font-size:10px;
	list-style:none;
}
.productLayout02g{
	width:671px;
	padding:10px;
	background:#EFEFEF;
}
.productLayout02g ul{
	margin:0;
	padding:0;
}
.productLayout02g li{
	margin:0;
	padding:0 0 0 1em;
	text-indent:-1em;
	list-style:none;
}
.accordion{
	margin:20px 0 0;
	padding:0;
	width:691px;
}
.accordion dt{
	padding:8px 0 0 18px;
	width:673px;
	height:22px;
	background:url(../images/accordion_title_open.jpg) no-repeat 0 0;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}
.accordion dt.open{
	background:url(../images/accordion_title_close.jpg) no-repeat 0 0;
}
.accordion dd{
	margin:0;
	padding:0;
	overflow:hidden;
}
h2.optionTitle{
margin:20px 0 0 0;
padding:0 0 0 15px;
font-size:120%;
background:transparent url(../images/tit_mark.gif) no-repeat 0 2px;
}
.productLayoutOption{
margin:10px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
}
.contentsLeft .productLayoutOption p{
margin:5px 0 0 0;
padding:0;
}
.contentsLeft .productLayoutOption p.productLayout01Zoom{
margin:5px 0 0 0;
padding:0 0 0 18px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}
.contentsLeft .productLayoutOption p.productLayout01Zoom a.new{
margin:5px 0 0 0;
padding:0 33px 2px 0;
background:transparent url(../images/ico_new.gif) no-repeat 100% 0;
}
.productLayoutOptionLeft{
margin:15px 0 0 0;
padding:0;
width:153px;
float:left;
}
.productLayout01Left106{
margin:15px 0 0 0;
padding:0;
width:106px;
float:left;
}
.productLayout01Left120{
margin:15px 0 0 0;
padding:0;
width:120px;
float:left;
}
.productLayout01Left127{
margin:15px 0 0 0;
padding:0;
width:127px;
float:left;
}
.productLayout01Left147{
margin:15px 0 0 0;
padding:0;
width:147px;
float:left;
}
.productLayoutOptionRight{
margin:15px 0 0 0;
padding:0 0 0 18px;
width:153px;
float:left;
}
.productLayout01Right90{
margin:15px 0 0 0;
padding:0 0 0 18px;
width:90px;
float:left;
}
.productLayout01Right106{
margin:15px 0 0 0;
padding:0 0 0 18px;
width:106px;
float:left;
}
.productLayout01Right110{
margin:15px 0 0 0;
padding:71px 0 0 17px;
width:120px;
float:left;
}
.productLayout01Right120{
margin:15px 0 0 0;
padding:0 0 0 17px;
width:120px;
float:left;
}
.productLayout01Right131{
margin:15px 0 0 0;
padding:0 0 0 18px;
width:131px;
float:left;
}
.productLayout01Right147{
margin:15px 0 0 0;
padding:0 0 0 18px;
width:147px;
float:left;
}
.productLayout03{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.productLayout03Left{
margin:0;
padding:0;
width:410px;
float:left;
}
.productLayout03Right{
margin:0;
padding:0;
width:240px;
text-align:right;
float:right;
}
.contentsLeft p.productLayout03Link{
margin:10px 0 0 0;
padding:0;
}
.contentsLeft p.productLayout03Link a{
margin:0;
padding:0 0 0 15px;
background:transparent url(/common/images/arrow02.gif) no-repeat 0 1px;
}
.productLayout04{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.contentsLeft .productLayout04 p{
margin:20px 0 0 0;
padding:0;
}
.contentsLeft .productLayout04 p.price{
margin:2px 0 0 0;
padding:0;
font-weight:bold;
color:#FF8C3F;
}
.contentsLeft .productLayout04 p.zoom{
margin:5px 0 0 0;
padding:0 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}
.productLayout04 h3{
margin:5px 0 0 0;
padding:0;
font-weight:normal;
}
.productLayout04Left{
margin:25px 0 0 0;
padding:0;
width:110px;
float:left;
}
.productLayout04Right{
margin:25px 0 0 0;
padding:0 0 0 30px;
width:110px;
float:left;
}
.productLayout05{
margin:25px 0 0 0;
padding:0 10px 20px 10px;
width:671px;
background:transparent url(../images/line_dot.gif) repeat-x 0 100%;
}
.contentsLeft .productLayout05 p{
margin:20px 0 0 0;
padding:0;
}
.contentsLeft .productLayout05 p.price{
margin:2px 0 0 0;
padding:0;
font-weight:bold;
color:#FF8C3F;
}
.contentsLeft .productLayout05 p.zoom{
margin:5px 0 0 0;
padding:0 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}
.productLayout05 h3{
margin:5px 0 0 0;
padding:0;
font-weight:normal;
}
.productLayout05Left{
margin:25px 0 0 0;
padding:0;
width:145px;
float:left;
}
.productLayout05Right{
margin:25px 0 0 0;
padding:0 0 0 29px;
width:145px;
float:left;
}
.productLayout06{
margin:0;
padding:0 10px;
width:671px;
}
.contentsLeft .productLayout06 p{
margin:20px 0 0 0;
padding:0;
}
.contentsLeft .productLayout06 p.price{
margin:2px 0 0 0;
padding:0;
font-weight:bold;
color:#FF8C3F;
}
.contentsLeft .productLayout06 p.zoom{
margin:5px 0 0 0;
padding:0 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}
.productLayout06 h3{
margin:5px 0 0 0;
padding:0;
font-size:120%;
}
.productLayout06Left{
margin:25px 0 0 0;
padding:0;
width:145px;
float:left;
}
.productLayout06Right{
margin:25px 0 0 0;
padding:0 0 0 30px;
width:145px;
float:left;
}
.productLayout07{
margin:25px 0 0 10px;
padding:2px;
border:solid 1px #CCC;
width:671px;
}
.productLayout07Bg{
margin:0;
padding:10px;
background:transparent url(../images/column_bg.jpg) repeat-x 0 0;
width:651px;
}
.contentsLeft .productLayout07 p{
margin:5px 0 0 0;
padding:0;
}
.contentsLeft .productLayout07 p.zoom{
margin:5px 0 0 0;
padding:0 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 0;
}
.productLayout07 h3{
margin:0;
padding:0;
font-size:120%;
}
.productLayout07Left{
margin:0;
padding:0;
width:145px;
float:left;
}
.productLayout07Right{
margin:0;
padding:0 0 0 15px;
width:475px;
float:left;
}
.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;
}
.quoDifference{
margin:25px 0 0 10px;
padding:2px;
width:664px;
border:solid 1px #CCC;
clear:both;
}
.quoDifferenceInner{
margin:0;
padding:8px;
width:648px;
background:transparent url(../images/relation_bg01.jpg) repeat-x 0 0;
clear:both;
}
.quoDifferenceInner h4{
	margin:0 0 15px;
	font-size:14px;
	font-weight:bold;
	color:#1B558C;
}
.quoDifferenceInner ul{
	margin:0 0 0 10px;
	padding:0;
}
.quoDifferenceInner li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:160%;
}
.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;
}
.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;
}

.spOnly {
	display: none;
}
@media screen and (max-width: 750px) {
	.spOnly {
		display: block;
	}
	.pcOnly {
		display: none;
	}
	
	.mainBox {
		padding: 0 10px;
	}
	.productNavi,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: auto;
	}
	.productImg h1 img {
		width: 100%;
	}
	.productAnchor li {
		padding: 0 5px;
	}
	.productAnchor li a {
		background-position: 0 8px;
	}
	.productNaviLeft,
	.contentsLeft p.productNaviPrice {
		width: fit-content;
	}
	.contentsLeft p.productNaviPrice {
		margin-left: 10px;
	}
	.contentsLeft p.productLayout01Link {
		margin: 0 0 30px 20px;
	}
	.contentsLeft p.productLayout01Link a {
		background-position: 0 4px;
	}
	.contentsLeft p.productLayoutLead,
	.contentsLeft p.requestImg img {
		width: 100%;
	}
	.featureSection,
	.featureLeft {
		width: 100%;
	}
	.featureLeft {
		float: unset;
	}
	.featureImg {
		float: unset;
		width: 100%;
		margin-top: 20px;
	}
	.featureImg img {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
  .productLayout01,
	.productLayout02 {
    width: 100%;
  }
  .productLayout01Left {
    float: unset;
		width: 100%;
  }
  .productLayout01Right {
    float: unset;
		width: auto;
  }
	.productLayout02g {
		width: 100%;
	}
	.productLayout02 .planImage {
		margin: 0;
	}
	.productLayout02 .planImage img {
		width: 100%;
	}
  .productLayout03 {
    width: 100%;
  }
  .productLayout03Left,
  .productLayout03Right {
    display: inline-block;
    padding: 0;
    width: 150px;
  }
  .productLayout03 > div:nth-of-type(2n+1) {
    margin-right: 15px;
  }
  .productLayout04 {
    width: auto;
  }
  .productLayout04Left,
  .productLayout04Right {
    float: unset;
    width: 250px;
    margin: 0 auto;
    text-align: center;
  }
  .productLayout04Right {
    padding: 0;
  }

	.productTable {
		width: auto;
    overflow-x: scroll;
		table-layout: fixed;
	}
	.productTable th {
		white-space: wrap;
	}
	.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: 100%;
	}
	.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: auto;
	}
	.quoDifferenceInner {
		width: auto;
	}
}