@charset "utf-8";

#Gnav li.nav06 a{background:url(../common/img/menuTXT.png) -880px -60px no-repeat;}
h2{background:url(../common/img/h2TXT.png) 0 -216px no-repeat;}

#main .conbox{
text-indent:0;
}
h3{
background:url(img/productHeader.jpg) left top no-repeat;
text-indent:-99999px;
height:60px;
margin-bottom:40px;
}
h3 span{
display:block;
height:60px;
}	
.backtop{
background:url(img/productFooter.jpg) left top no-repeat;
text-indent:-9999px;}

.mc_content {
background:#fff;
color:#3E323E;
font-size:18px;
font-weight:bold;
margin-bottom:50px;
box-shadow: 2px 2px 4px #3E323E;
}
#main .conbox p.pic{
float:left;
margin:0 20px 50px 30px;
}
#main .conbox p.pic img{
max-width:100%
}



#Pnav ul {
width:920px;
margin:20px auto;
}
#Pnav ul li{
width:200px;
height:48px;
float:left;
text-indent:-9999px;
}
#Pnav ul li a{
display:block;
width:200px;
height:48px;
}
#Pnav ul li.nav04,
#Pnav ul li.nav04 a{
width:272px;
}


#Pnav .nav01 a{background:url(img/page_Nav04.png) 0 top no-repeat;}
#Pnav .nav03 a{background:url(img/page_Nav04.png) -200px top no-repeat;}
#Pnav .nav04 a{background:url(img/page_Nav04.png) -400px top no-repeat;}
#Pnav .nav02 a{background:url(img/page_Nav04.png) -672px top no-repeat;}

#Pnav .nav01 a:hover{background:url(img/page_Nav04.png) 0 bottom no-repeat;}
#Pnav .nav03 a:hover{background:url(img/page_Nav04.png) -200px bottom no-repeat;}
#Pnav .nav04 a:hover{background:url(img/page_Nav04.png) -400px bottom no-repeat;}
#Pnav .nav02 a:hover{background:url(img/page_Nav04.png) -672px bottom no-repeat;}



/*product01*/
#product01 h3 span{
background:url(img/h3TXT04.png) left top no-repeat;
}
#main .conbox p.pic{
width:400px;
margin:0 20px 0 0;
}

#product01 .mc_con_box{
width:1060px;
margin:0 auto 20px;
}



dl.proInfo{
width:630px;
margin:0 0 10px 0;
letter-spacing:0.2px;
float:right;
}
dl.proInfo dt{
width: 150px;
float: left;
margin-bottom:15px;
clear:both;
}
dl.proInfo dt span.bol{
display:block;
padding:3px 10px;
color:#fff;
background:#3E323E;
border-radius:10px;
text-align:center;
}
dl.proInfo dd {
margin-left: 170px;
padding:3px 0;
margin-bottom:15px;
}
dl.proInfo dd a.link{
display:block;
width:12rem;
background:#cc0033;
text-align:center;
padding:5px;
margin:5px 0;
border-radius:20px;
}
dl.proInfo dd a.link:hover{
background:#ffcc33;
color:#fff;
text-decoration:none;
box-shadow:1px 1px 2px #333;
}
span.sma{
font-size:15px;
line-height:160%;
letter-spacing:normal;
}
dl.proInfo dd ul li{
padding:10px 0;
border-bottom:#3E323E 1px dashed;
}
dl.proInfo dd ul li:first-child{
padding-top:0;
}
dl.proInfo dd ul li:last-child{
border-bottom:none;
}
/**/
#product01 #gentei p.tit{
width:980px;
margin:0 auto 20px;
}
#product01 #gentei p.tit span{
display:block;
padding:3px 10px;
color:#fff;
background:#3E323E;
border-radius:10px;
text-align:center;
}
#product01 #gentei .pic{
float:none;
width:980px;
margin:0 auto 20px ;
}
#product01 #gentei ul.pic li{
float:left;
margin:0 10px;
}
#product01 #gentei p.txt{
width:900px;
clear:both;
float:none;
margin:0 auto  30px ;
}
/**/
#product01 #syokai{
width:980px;
}

#product01 #syokai p.tit{
width:980px;
margin:0 auto 40px;
}
#product01 #syokai p.tit span{
display:block;
padding:3px 10px;
color:#fff;
background:#3E323E;
border-radius:10px;
text-align:center;
}
#main .conbox #syokai p.pic{
width:400px;
margin:0 20px 0 0;
}
#product01 #syokai p.txt{
width:560px;
height:580px;
float:left;
background:url(img/product03BG.png) bottom right no-repeat;
background-size:100%;
}

/**/
#product01 #yoyaku p.tit{
width:980px;
margin:0 auto 40px;
}
#product01 #yoyaku p.tit span{
display:block;
padding:3px 10px;
color:#fff;
background:#3E323E;
border-radius:10px;
text-align:center;
}
#main .conbox #yoyaku p.pic{
width:400px;
margin:0 20px 0 40px;
}
#product01 #yoyaku p.txt{
width:560px;
float:left;
}


/*product02*/
#product02 h3 span{
background:url(img/h3TXT04.png) left -180px no-repeat;
}
#product02 .mc_con_box{
width:1060px;
margin:0 auto 10px;
border-top:2px solid #3E323E;
}
#product02 .mc_con_box.mcbNo{
border-top:none;
}

#main .conbox #product02 p.tit{
margin:10px 0;
}
#main .conbox #product02 p.pic {
float:left;
width:320px;
}

#product02 ul{
float:right;
width:720px;
font-size:80%;
margin-bottom:20px;
}
#product02 ul li{
margin-bottom:2px;
list-style-type:disc;
list-style-position:inside;
text-indent:-1rem;
padding-left:2rem;
clear:both;
}
#product02  li.tit{
margin-top:5px;
list-style-type:none;
text-indent:0;
padding-left:0;
border-bottom:1px dotted #3E323E;
}
#product02  li.tit strong{
font-size:108%;
}
#product02  li.tit:last-child{
border-bottom:none;
}
#product02  li.tit:first-child{
margin-top:0;
}

#product02  li.noL{
list-style-type:none;
}
#product02  span.unD{
text-decoration:underline;
}
#product02 ul li ol,
#product02 ul li ul,
#product02 ul li dl{
margin:5px 0;
font-size:100%;
}
#product02 ul li ol li{
list-style-type:decimal-leading-zero;
padding-left:40px;
}
/**/
#product02 ul li dl{
width:100%;
margin:5px 0;
border:1px solid #333;
border-top:none;
}
#product02 ul li dl dt{
width:25%;
float:left;
clear:both;
border-top:1px solid #333;
text-indent:40px;
}
#product02 ul li dl dd{
width:75%;
float:left;
border-top:1px solid #333;
margin:0;
padding:0;
text-indent:0;
padding-left:0;
}
#main .conbox #product02 p.titNo{
width:320px;
margin:10px 0;
float:left;
}
#main .conbox #product02 ul.marNo{
margin:12px 0;
}
#product02 table{
width:100%;
border:1px solid #333;
text-indent:0;
margin:5px 0 10px;
}
#product02 table th,
#product02 table td{
border:1px solid #333;
text-align:center;
width:25%;
}
#product02 ul li dl.w50 dt,
#product02 ul li dl.w50 dd{
width:50%;
}
#product02 ul li dl.w40 dt{
width:40%;
text-indent:20px;
}
#product02 ul li dl.w40 dd{
width:56%;
padding-right:4%;
}
/*accordion*/
#product02 .mc_con_box:not(:first-of-type) > .inner{
	display:none;
}
.accordion p.tit{
  position: relative;
  cursor:pointer;
}
.accordion p.tit:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 28%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 3px #666;
  border-right: solid 3px #666;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accordion p.tit.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}


/*product03*/
#product03 h3 span{
background:url(img/h3TXT04.png) left -60px no-repeat;
}
#product03 .mc_con_box{
width:1060px;
margin:0 auto 10px;
}

/*product04*/
#product04 h3 span{
background:url(img/h3TXT04.png) left -120px no-repeat;
}
#product04 .mc_con_box{
width:1060px;
margin:0 auto 10px;
}
