@charset "utf-8";

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


#main .conbox{
text-indent:0;
}

#Pnav ul {
width:1032px;
height:100px;
margin:20px auto 30px;
}
#Pnav ul li{
height:48px;
float:left;
text-indent:-9999px;
margin:0 12px 10px 0;
}
#Pnav ul li a{
display:block;
height:48px;
}
#Pnav .nav01,
#Pnav .nav01 a{
width:392px;
}
#Pnav .nav02,
#Pnav .nav02 a{
width:416px;
}
#Pnav .nav06,
#Pnav .nav06 a{
width:200px;
margin-right:0;
}
#Pnav .nav07,
#Pnav .nav07 a{
width:230px;
}
#Pnav .nav07{
margin-left:105px;
}

#Pnav .nav03,
#Pnav .nav03 a{
width:129px;
}
#Pnav .nav04,
#Pnav .nav04 a{
width:153px;
}
#Pnav .nav05,
#Pnav .nav05 a{
width:274px;
margin-right:0;
}


#Pnav .nav01 a{background:url(img/pageNav04.png) 0 top no-repeat;}
#Pnav .nav02 a{background:url(img/pageNav04.png) -392px top no-repeat;}
#Pnav .nav06 a{background:url(img/pageNav04.png) -808px top no-repeat;}

#Pnav .nav07 a{background:url(img/pageNav04.png) -1564px top no-repeat;}
#Pnav .nav03 a{background:url(img/pageNav04.png) -1008px top no-repeat;}
#Pnav .nav04 a{background:url(img/pageNav04.png) -1137px top no-repeat;}
#Pnav .nav05 a{background:url(img/pageNav04.png) -1290px top no-repeat;}

#Pnav .nav01 a:hover{background:url(img/pageNav04.png) 0 bottom no-repeat;}
#Pnav .nav02 a:hover{background:url(img/pageNav04.png) -392px bottom no-repeat;}
#Pnav .nav06 a:hover{background:url(img/pageNav04.png) -808px bottom no-repeat;}

#Pnav .nav07 a:hover{background:url(img/pageNav04.png) -1564px bottom no-repeat;}
#Pnav .nav03 a:hover{background:url(img/pageNav04.png) -1008px bottom no-repeat;}
#Pnav .nav04 a:hover{background:url(img/pageNav04.png) -1137px bottom no-repeat;}
#Pnav .nav05 a:hover{background:url(img/pageNav04.png) -1290px bottom no-repeat;}

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%
}

dl.proInfo{
width:630px;
margin:0 0 10px 0;
letter-spacing:0.2px;
float:left;
}
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;
}
dl.proInfo 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*/
#product01 h3 span{
background:url(img/h3_title.png) left 0 no-repeat;
}
#main .conbox #product01 p.pic{
width:400px;
margin:0 20px 0 0;
}
#product01 .mc_con_box{
width:1060px;
margin:0 auto 20px;
}
#product01 #dl01.mc_con_box {
border-bottom:#3E323E 1px dashed;
}
#product01 .mc_con_box ul{
clear:both;
width:630px;
margin:0 0 20px 430px ;
font-size:15px;
}
/*product02*/
#product02 h3 span{
background:url(img/h3_title.png) left -60px no-repeat;
}
#main .conbox #product02 p.pic{
width:400px;
margin-right:20px;
}
#product02 dl.proInfo dd ul li{
padding:5px 0;
border-bottom:none;
}

/*product03*/
#product03 h3 span{
background:url(img/h3_title.png) left -180px no-repeat;
}
#product03 .mc_con_box{
width:1060px;
height:920px;
margin:0 auto 40px;
background:url(img/dlc_pic.jpg) center bottom no-repeat;
}
#main .conbox #product03 p.pic{
width:400px;
margin:0 20px 0 0;
}
#product03 .mc_con_box ul{
clear:both;
width:630px;
margin:0 0 20px 430px ;
font-size:15px;
}


/*product04*/
#product04 h3 span{
background:url(img/h3_title.png) left -240px no-repeat;
}
#product04 .mc_con_box{
width:1060px;
margin:0 auto 10px;
border-top:2px solid #3E323E;
}
#product04 .mc_con_box.mcbNo{
border-top:none;
}
#main .conbox #product04 p.tit{
margin:10px 0;
}
#main .conbox #product04 p.pic {
float:left;
width:320px;
margin:0;
}
#product04 ul{
float:right;
width:720px;
font-size:80%;
margin-bottom:20px;
}
#product04 ul li{
margin-bottom:2px;
list-style-type:disc;
list-style-position:inside;
text-indent:-1rem;
padding-left:2rem;
clear:both;
}
#product04  li.tit{
margin-top:5px;
list-style-type:none;
text-indent:0;
padding-left:0;
border-bottom:1px dotted #3E323E;
}
#product04  li.nolist{
list-style-type:none;
text-indent:0;
padding-left:1rem;
}
#product04  li.tit strong{
font-size:108%;
}
#product04  li.tit:last-child{
border-bottom:none;
}
#product04  li.tit:first-child{
margin-top:0;
}

#product04  li.noL{
list-style-type:none;
}
#product04  span.unD{
text-decoration:underline;
}
#product04 ul li ol,
#product04 ul li ul,
#product04 ul li dl{
margin:5px 0;
}
#product04 ul li ol li{
list-style-type:decimal-leading-zero;
padding-left:40px;
}
#product04 ul li dl{
width:100%;
margin:5px 0;
border:1px solid #333;
border-top:none;
}
#product04 ul li dl dt{
width:35%;
float:left;
clear:both;
border-top:1px solid #333;
text-indent:10px;
}
#product04 ul li dl dd{
width:65%;
float:left;
border-top:1px solid #333;
margin:0;
padding:0;
text-indent:0;
padding-left:0;
}
#main .conbox #product04 p.titNo{
width:320px;
margin:10px 0;
float:left;
}
#main .conbox #product04 ul.marNo{
	width:100%;
margin:12px 0;
float:none;
}

#product04 table{
width:100%;
border:1px solid #333;
text-indent:0;
margin:5px 0 10px;
}
#product04 table th,
#product04 table td{
border:1px solid #333;
text-align:center;
}
#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:60%;
}
/*accordion*/
#product04 .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%;
}
/**/
#product05 h3 span{
background:url(img/h3_title.png) left -300px no-repeat;
}
#main .conbox #product05 p.pic{
width:400px;
margin-left:30px;
}
#product05 p.pic img {
width:400px;
background:#999;
}
#product05 p.txt{
width:630px;
height:900px;
float:right;
margin:0 40px 0 0;
background:url(img/product03BG.png) bottom left no-repeat;
}
#product05 p span.bol{
padding:3px 10px;
color:#fff;
background:#3E323E;
border-radius:10px;
text-align:center;
}

/**/
#product06 h3 span{
background:url(img/h3_title.png) left -120px no-repeat;
}

/**/
#product07 h3 span{
background:url(img/h3_title.png) left -360px no-repeat;
}
