/* reset style config */
@import url(reset.css);

/*-----------------------	default style config	------------------------------------------------------------------------------------*/
p{font-size:12px;  line-height:16px; margin:0; padding:0;}
.r{color:#F00;}
.clear{clear:both;}
.move a,footer a{ color:#069;}
.min{font-size:12px; color:#999;}
article:after{content:"."; display:block; height:1px; text-indent:-9999px; clear:both;}

.contentsTitle{
	font-size:16px;
	font-weight:bold;
	color:#000;
	background:#F90;
	padding:8px 20px;
	margin:0 10px 15px 10px;
	
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: #000 0 0px 10px;
	-moz-box-shadow: #000 0 0px 10px;
}

h2,.h2{ border-bottom:1px solid #390; border-left:8px solid #390; font-size:14px; font-weight:normal; padding:8px; margin:0 0 10px 0;}

/*-----------------------	header style config	------------------------------------------------------------------------------------*/
h1{font-size:10px; background:#F60; color:#FFF; padding:2px 10px;}
header{padding:0 10px;}
.topLink{display:block; width:195px; height:44px; text-indent:-9999px; background:url(img/cmd/topLink.jpg) no-repeat; float:left;}
.catLink{font-size:10px; text-decoration:none; color:#000; display:block; width:100px; float:right; margin:5px 0 0 0; padding:10px 0; text-align:center; border:1px solid #F60;
	border-radius:8px;
	background:-webkit-linear-gradient(top, #FC6, #F90);
	background:-moz-linear-gradient(top, #FC6, #F90);
	background:-o-linear-gradient(top, #FC6, #F90);
}
.headImg{text-align:center; clear:both;}

header nav{
	width:840px;
	margin:10px auto -20px auto;
	border-radius:8px;
	background:-webkit-linear-gradient(top, #F00, #900);
	background:-moz-linear-gradient(top, #F00, #900);
	background:-o-linear-gradient(top, #F00, #900);
	position:relative;
	
	-webkit-box-shadow: #000 0 0px 10px;
	-moz-box-shadow: #000 0 0px 10px;
}
header nav li{ float:left; width:208px; border-right:2px solid rgba(255,255,255,0.5); margin:8px 0; }
header nav li:last-child{border:none;}
header nav a{display:block; width:210px; color:#FFF; font-size:13px; text-decoration:none; padding:15px 0;text-shadow: -1px -1px 0 #000; text-align:center; position:relative; margin:-8px 0;}  


/*-----------------------	category CSS	------------------------------------------------------------------------------------*/
#catList{
	background:#CCC;
	margin:0 0 15px 0;
	box-shadow:inset 0 1px 10px #999;
	padding:10px; 
	
	-webkit-border-radius: 320px 320px 0 0 / 10px 10px 0 0;
	-o-border-radius: 320px 10px;
	-moz-border-radius: 320px 10px;
}
#catList ul{ list-style:none;}
#catList a{float:left; background:url(img/cmd/catList.jpg) no-repeat; display:block; text-indent:-9999px;}


/*-----------------------	menu CSS	------------------------------------------------------------------------------------*/
.move{font-size:12px; height:25px; margin:10px 10px 0 10px;}
.move li:first-child{float:left; list-style:none;}
.move li:last-child{float:right; list-style:none;}

#contentsMenu nav{display:-webkit-box;display:-moz-box;width:100%; padding:0 0 0 5px;height:42px; overflow:hidden;position: relative;}
#contentsMenu nav li{text-align:center;-webkit-box-flex:1;-moz-box-flex:1; float:left; padding:0 2px 0 0;}
#contentsMenu nav li a{
	font-size:12px;
	color:#000;
	border:1px solid;
	display:block;
	font-weight:bold;
	padding:15px 12px;
	text-decoration:none;
	
	-webkit-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	
	background:-webkit-linear-gradient(top, #FFF, #CCC);
	background:-moz-linear-gradient(top, #FFF, #CCC);
	background:-o-linear-gradient(top, #FFF, #CCC);
}
#contentsMenu nav .shadow {
	width: 310px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom:-3px;
	-webkit-box-shadow: #000 0 -4px 8px;
	-moz-box-shadow: #000 0 -4px 8px;
}

#menuList{background:#F90;border-top:1px solid #633;padding:10px;}

#menuList li{float:left;}
#menuList a{ display:block;background:url(img/cmd/menu.jpg) no-repeat; text-indent:-9999px;}
.m01 a{width:150px; height:45px;}
.m02 a{width:150px; height:45px;background-position:0 -44px !important;}
.m03 a{width:150px; height:45px;background-position:0 -88px !important;}
.m04 a{width:150px; height:45px;background-position:0 -132px !important;}
.m05 a{width:150px; height:45px;background-position:0 -176px !important;}
.m06 a{width:150px; height:45px;background-position:0 -220px !important;}
.m07 a{width:150px; height:45px;background-position:0 -264px !important;}
.m08 a{width:150px; height:45px;background-position:0 -308px !important;}
.m09 a{width:150px; height:45px;background-position:0 -352px !important;}
.m10 a{width:150px; height:45px;background-position:0 -396px !important;}

.m11 a{width:150px; height:45px;background-position:-149px 0 !important;}
.m12 a{width:150px; height:45px;background-position:-149px -44px !important;}
.m13 a{width:150px; height:45px;background-position:-149px -88px !important;}
.m14 a{width:150px; height:45px;background-position:-149px -132px !important;}
.m15 a{width:150px; height:45px;background-position:-149px -176px !important;}

.m16 a{width:150px; height:45px;background-position:-298px 0 !important;}
.m17 a{width:150px; height:45px;background-position:-298px -44px !important;}
.m18 a{width:150px; height:45px;background-position:-298px -88px !important;}
.m19 a{width:150px; height:45px;background-position:-298px -132px !important;}
.m20 a{width:150px; height:45px;background-position:-298px -176px !important;}



/*-----------------------	footer CSS	------------------------------------------------------------------------------------*/
.categoryBanner {
	margin:10px; 
	background:-webkit-linear-gradient(top, #FFF, #CCC);
	background:-moz-linear-gradient(top, #FFF, #CCC);
	background:-o-linear-gradient(top, #FFF, #CCC);
}
.categoryBanner a{display:block; font-size:14px; text-decoration:none; border:#090 2px solid; color:#090;padding:15px;background:url(img/cmd/categoryBanner.png) no-repeat right top;}
.mujiBanner {margin:0 10px 10px 10px; background:#FFF; border:4px #3C0 solid; }
.mujiBanner a{display:block; font-size:16px; text-decoration:none; color:#000;padding:13px;background:url(img/cmd/mujiBanner.png) no-repeat right top;}

footer{background:#F90; padding:10px 0;}
footer p{
	background:#FFF;
	box-shadow:inset 0 1px 10px #999;
	padding:15px 10px;
	
	-webkit-border-radius: 320px 10px;
	-o-border-radius: 320px 10px;
	-moz-border-radius: 320px 10px;
}
footer div{font-size:12px; line-height:16px; padding:10px;}
footer div a{color:#FFF;}


/*-----------------------	index CSS	------------------------------------------------------------------------------------*/
.in01{padding:0 10px;}
.in01 .img{margin:0 0 10px 0;}
.in01 p{clear:left;}
.in01 .b{display:block; color:#06C; margin:3px 0;}

.in02{padding:0 10px;}
.in02 .img{margin:0 0 10px 0;}
.in02 p b{display:block; font-size:16px; margin:0 0 3px 0;}
.in02 .img3{margin:5px 0 0 0;}

.in03{margin:0 10px;}
.in03 .img{margin:0 0 10px 0;}

.in04{ background:#F90; padding:0 0 6px 0;}
.in04 p{margin:0 10px 10px 10px; background:#FFF; padding:10px;box-shadow:inset 0 0 10px #666;}
.in04 a{
	display:block;
	margin:10px 0 0 0;
	border:2px solid #630;
	font-size:14px;
	padding:10px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	text-decoration:none;
	color:#000;
	
	background:-webkit-linear-gradient(top, #FF6, #FC0);
	background:-moz-linear-gradient(top, #FF6, #FC0);
	background:-o-linear-gradient(top, #FF6, #FC0);
}

.in05{margin:10px 10px 0 10px;}
.in05 img{width:100% !important;}
.in05 dl{border-right:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999;}
.in05 dt {
	font-size:12px;
	text-decoration:underline;
	color:#069;
	border-top:1px solid #999;
	padding:8px;
	cursor:pointer;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
}
.in05 dd {overflow:hidden; background:#FFF;}
.in05 p{padding:10px;}

.voiceBanner{padding:10px; text-align:center;}
.contactBanner{text-align:center;}

.blogList{background:#EEE; border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin:10px 0; padding:8px 10px;}
.blogList ul{list-style:none; font-size:14px;}
.blogList li{height:18px; margin:2px 0;}
.blogList p{text-align:right;}


/*-----------------------	fav CSS	------------------------------------------------------------------------------------*/
.fav01{padding:0 10px;}
.fav02{padding:10px; background:#FF0; border-bottom:1px solid #960; border-top:1px solid #960;}
.fav02 div{background:#FFF; padding:8px; margin:0 0 10px 0;	-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;box-shadow:0 0 10px #666;}


/*-----------------------	price CSS	------------------------------------------------------------------------------------*/
.pr01,.pr02{padding:0 10px;}
.pr02 div{text-align:center;}
.pr02 img{margin:10px;}
.pr02 table{border-bottom:1px solid #CCC;border-left:1px solid #CCC; font-size:12px; width:100%;}
.pr02 th{border-top:1px solid #CCC;border-right:1px solid #CCC; background:#EEE; padding:4px; text-align:left !important;}
.pr02 td{border-top:1px solid #CCC;border-right:1px solid #CCC; padding:3px;}

/*-----------------------	flow CSS	------------------------------------------------------------------------------------*/
.fl01{padding:0 10px;}


/*-----------------------	pay CSS	------------------------------------------------------------------------------------*/
.pa01{padding:0 10px;}
.pa01 table{border-bottom:1px solid #CCC;border-left:1px solid #CCC; font-size:12px;}
.pa01 th{border-top:1px solid #CCC;border-right:1px solid #CCC; background:#EEE; padding:4px; text-align:left !important;}
.pa01 td{border-top:1px solid #CCC;border-right:1px solid #CCC; padding:3px;}
.pa01 div{border:1px solid #999; padding:10px;}
.pa01 div b{display:block; margin:0 0 5px 0;}

/*-----------------------	design CSS	------------------------------------------------------------------------------------*/
.de01{padding:0 10px;}
.de01 div{border:#999 1px solid; background:#EEE; padding:10px;}


/*-----------------------	sozai CSS	------------------------------------------------------------------------------------*/
.so01,.so02,.so03,.so04,.so05{padding:0 10px;}
.so02 ul{list-style:none;}
.so02 li{float:left; width:50%;}
.so02 a{display:block; margin:0 10px; padding:15px 0; text-align:center;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
	text-decoration:none;
	font-weight:bold;
	color:#000;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	
	box-shadow:0 0 10px #666;
}
.so03 ul{list-style:none;}
.so03 li{float:left; padding:0 5px 5px 0; font-size:10px; text-align:center;}
.so03 li img{border:#666 1px solid; margin:0 0 3px 0;}

.so04 dl{border-bottom:1px solid #999; margin:0 0 15px 0;}
.so04 dt {
	font-size:12px;
	text-decoration:underline;
	color:#069;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:8px;
	cursor:pointer;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
}
.so04 dd ul{padding:10px; list-style:none;height:300px; overflow:scroll;border-right:1px solid #999;border-left:1px solid #999; border-top:1px solid #999;}
.so04 li{padding:0 0 10px 0;}

.so05 ul{list-style:none; clear:both;}
.so05 li{float:left; padding:0 5px 5px 5px;}
.so05 li div{font-size:12px; padding:2px 0; text-align:center; background:#F60;}
.so05 .comment{clear:both; padding:5px 0;}

.pager{text-align:center; clear:both;}
.pager a{padding:5px; border:1px solid #666; text-decoration:none; background:#EEE; display:inline-block;}


/*-----------------------	thanks CSS	------------------------------------------------------------------------------------*/
.th01,.th02{padding:0 10px;}
.th01 dl{border-bottom:1px solid #999; margin:0 0 15px 0;}
.th01 dt {
	font-size:12px;
	text-decoration:underline;
	color:#069;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:8px;
	cursor:pointer;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
}
.th01 dd p{padding:10px 10px 5px 10px; font-size:14px; line-height:19px;border-right:1px solid #999;border-left:1px solid #999; border-top:1px solid #999;}
.th01 dd div{padding:0 10px 10px 10px; font-size:14px; text-align:right;border-right:1px solid #999;border-left:1px solid #999;}

.th03{border:1px solid #CCC; background:#CFF; padding:10px; margin:0 10px;}
.th03 div{font-weight:bold; font-size:16px; padding:0 0 5px 0;}


/*-----------------------	faq CSS	------------------------------------------------------------------------------------*/
.fa01{padding:0 10px;}
.fa01 h2 span{font-size:10px; color:#666; margin:0 0 0 5px;}
.fa01 dl{border-bottom:1px solid #999; margin:0 0 15px 0;}
.fa01 dt {
	font-size:12px;
	text-decoration:underline;
	color:#069;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:8px;
	cursor:pointer;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
}
.fa01 dd p{padding:10px 10px 5px 10px; font-size:14px; line-height:19px;border-right:1px solid #999;border-left:1px solid #999; border-top:1px solid #999;}
.fa01 dd div{padding:0 10px 10px 10px; font-size:14px; text-align:right;border-right:1px solid #999;border-left:1px solid #999;}


/*-----------------------	muji CSS	------------------------------------------------------------------------------------*/
.mu01{padding:0 10px;}


/*-----------------------	about_us CSS	------------------------------------------------------------------------------------*/
.ab01,.ab02{padding:0 10px;}
.maps a{
	display:block;
	padding:8px 0;
	text-align:center;
	
	font-size:16px;
	color:#000;
	text-decoration:none;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	
	box-shadow:0 0 10px #666;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE)
}


/*-----------------------	trans CSS	------------------------------------------------------------------------------------*/
.tr01{padding:0 10px;}


/*-----------------------	terms CSS	------------------------------------------------------------------------------------*/
.te01{padding:0 10px;}


/*-----------------------	privacy CSS	------------------------------------------------------------------------------------*/
.pr01{padding:0 10px;}


/*-----------------------	link CSS	------------------------------------------------------------------------------------*/
.li01,.li02{padding:0 10px;}
.li01 div{border:1px solid #EEE; padding:10px; font-size:12px; margin:10px 0;}


/*-----------------------	form CSS	------------------------------------------------------------------------------------*/
.fo01{ font-size:13px;}
#estimate-tab { position:relative; z-index:1; margin:0 0 -20px 0;}
#estimate-tab li{float:left; width:33%; list-style:none;}
#estimate-tab ul a{
	display:block;
	font-size:12px;
	padding:8px 0 15px 0;
	text-align:center;
	margin:8px 5px 10px 5px; 
	text-decoration:none;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	
	box-shadow:0 0 10px #666;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
}
.tab-contents{box-shadow:0 -5px 10px #666;padding:10px;margin:-15px 0 20px 0; position:relative; z-index:2; background:#FFF;}
	
.fo01 table{border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.fo01 th{border-top:1px solid #CCC;border-right:1px solid #CCC; background:#EEE; padding:3px;}
.fo01 td{border-top:1px solid #CCC;border-right:1px solid #CCC; padding:3px;}

.btnBox{ clear:both; text-align:center;}

.tab-contents #slider {border-left:1px solid #CCC;border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.tab-contents #slider dt{
	border-top:1px solid #CCC;
	font-size:12px;
	text-decoration:underline;
	color:#069;
	padding:8px;
	cursor:pointer;
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
}
.tab-contents #slider dd{border-top:1px solid #CCC;}
.tab-contents #slider dd p{padding:8px; border-top:#CCC 1px solid;}
.printAreaLeft{text-align:center;}
.printAreaLeft img{margin:10px;}
.printAreaLeft span{display:block; background:#333; color:#FFF; padding:3px 0;}

/*-----------------------	widthChange CSS	------------------------------------------------------------------------------------*/
@media only screen and (max-width:320px) {
	header img{width:300px;}
	#menuList article{ width:100%;}
	#catList .cL01 a{width:300px; height:112px;}
	#catList .cL02 a,#catList .cL03 a,#catList .cL04 a,#catList .cL05 a,#catList .cL06 a,#catList .cL07 a,#catList .cL08 a,#catList .cL09 a
	{width:150px; height:61px;}	
	#catList .cL02 a{background-position:0 -112px;}
	#catList .cL03 a{background-position:-149px -112px;}
	#catList .cL04 a{background-position:0 -172px;}
	#catList .cL05 a{background-position:-149px -172px;}
	#catList .cL06 a{background-position:0 -232px;}
	#catList .cL07 a{background-position:-149px -232px;}
	#catList .cL08 a{background-position:0 -292px;}
	#catList .cL09 a{background-position:-149px -292px;}
	
	header nav{display:none;}
	
	.in01 .img2,.ab01 img{width:110px;}
	.in01 .in01b{display:none;}
	.in02 .img{width:300px;}
	.in02 p .img2{width:110px;}
	.in02 p .img3{width:100%;}
	.in03 .img{width:300px;}
	.in03 p img{width:110px;}
	.in04 .img{ width:100%;}
	.in04 p img{width:300px; display:block; margin:0 0 10px 0;}
	.voiceBanner img{width:300px;}
	.contactBanner img{width:320px;}
	
	.de01 img{width:100%;}
	
	.so04 .img{width:100%;}
	
	.mu01 img{width:100%;}
	
	.pa01 img{display:none;}
	.pa02 img{width:100%;}
	
	.pr02 img{width:100%;}
	
	.fav02 img{width:110px;}

}
@media only screen and (min-width: 321px) and (max-width:480px) {
	header img{width:100%;}
	#menuList article{ width:320px; margin:0 auto;}
	#catList ul{width:300px; margin:0 auto;}
	#catList .cL01 a{width:300px; height:112px;}
	#catList .cL02 a,#catList .cL03 a,#catList .cL04 a,#catList .cL05 a,#catList .cL06 a,#catList .cL07 a,#catList .cL08 a,#catList .cL09 a
	{width:150px; height:61px;}	
	#catList .cL02 a{background-position:0 -112px;}
	#catList .cL03 a{background-position:-149px -112px;}
	#catList .cL04 a{background-position:0 -172px;}
	#catList .cL05 a{background-position:-149px -172px;}
	#catList .cL06 a{background-position:0 -232px;}
	#catList .cL07 a{background-position:-149px -232px;}
	#catList .cL08 a{background-position:0 -292px;}
	#catList .cL09 a{background-position:-149px -292px;}
	
	header nav{display:none;}
	
	.in01 .img2,.ab01 img{width:140px;}
	.in01 .in01b{display:none;}
	.in02 .img{width:100%;}
	.in02 p .img2{width:140px;}
	.in02 p .img3{width:320px;}
	.in03 .img{width:100%;}
	.in03 p img{width:140px;}
	.in04 .img{ width:100%;}
	.in04 p img{width:100%; display:block; margin:0 0 10px 0;}
	.voiceBanner img{width:100%;}
	.contactBanner img{width:100%;}
	
	.de01 img{width:300px;}
	
	.so04 .img{width:100%;}
	
	.mu01 img{width:300px;}
	
	.pa01 img{width:100%;}
	.pa02 img{width:100%;}
	
	.pr02 img{width:300px;}
	
	.fav02 img{width:140px;}
	
}
@media only screen and (min-width: 481px) and (max-width:640px) {
	header img{width:100%;content:url("img/cmd/headb.jpg");}
	#menuList article{ width:480px; margin:0 auto;}
	#catList ul{width:423px; margin:0 auto;}
	#catList .cL01 a{width:421px; height:85px; background-position:-299px 0;}
	#catList .cL02 a,#catList .cL03 a,#catList .cL04 a,#catList .cL05 a,#catList .cL06 a,#catList .cL07 a,#catList .cL08 a,#catList .cL09 a
	{width:141px; height:46px;}	
	#catList .cL02 a{background-position:-300px -85px;}
	#catList .cL03 a{background-position:-440px -85px;}
	#catList .cL04 a{background-position:-580px -85px;}
	#catList .cL05 a{background-position:-300px -130px;}
	#catList .cL06 a{background-position:-440px -130px;}
	#catList .cL07 a{background-position:-580px -130px;}
	#catList .cL08 a{background-position:-300px -175px;}
	#catList .cL09 a{background-position:-440px -175px;}
	
	header nav{display:none;}
	
	.in01 .img{width:320px;content:url("img/index/in01b.jpg");}
	.in01 .img2,.ab01 img{width:140px;}
	.in01 .in01b{display:none;}
	.in02 .img{width:100%;content:url("img/index/in02b.jpg");}
	.in02 .img3{width:480px;content:url("img/index/in02_2b.jpg");}
	.in03 .img{width:100%;content:url("img/index/in03b.jpg");}
	.in04 .img{ width:100%;content:url("img/index/in04b.jpg");}
	.in04 p img{display:none;}
	.in05 img{content:url("img/index/in05b.jpg");}
	.voiceBanner img{width:460px;}
	.contactBanner img{content:url("img/cmd/contactBanner2.jpg");width:460px;}
	
	.so04 .img{width:100%;}
	
	.mu01 img{width:100%;content:url("img/muji/mu01b.jpg");}
	
	.pa01 img{width:100%;}
	.pa02 img{width:100%;}
	
	.pr02 div{width:220px; float:left;}
	.pr02 img{width:200px;}
	.pr02 table{width:240px; float:left; margin:10px 0 0 0;}
	
	
}
@media only screen and (min-width: 641px) and (max-width:768px) {
	header img{width:100%;content:url("img/cmd/headb.jpg");}
	#menuList article{ width:640px; margin:0 auto;}
	#catList ul{width:423px; margin:0 auto;}
	#catList .cL01 a{width:421px; height:85px; background-position:-299px 0;}
	#catList .cL02 a,#catList .cL03 a,#catList .cL04 a,#catList .cL05 a,#catList .cL06 a,#catList .cL07 a,#catList .cL08 a,#catList .cL09 a
	{width:141px; height:46px;}	
	#catList .cL02 a{background-position:-300px -85px;}
	#catList .cL03 a{background-position:-440px -85px;}
	#catList .cL04 a{background-position:-580px -85px;}
	#catList .cL05 a{background-position:-300px -130px;}
	#catList .cL06 a{background-position:-440px -130px;}
	#catList .cL07 a{background-position:-580px -130px;}
	#catList .cL08 a{background-position:-300px -175px;}
	#catList .cL09 a{background-position:-440px -175px;}
	
	header nav{display:none;}
	
	.in01 .img{content:url("img/index/in01b.jpg"); width:400px;}
	.in01 .in01b{display:none;}
	.in02 .img{width:100%;content:url("img/index/in02b.jpg");}
	.in02 .img3{width:480px;content:url("img/index/in02_2b.jpg");}
	.in03 .img{width:100%;content:url("img/index/in03b.jpg");}
	.in04 .img{ width:100%;content:url("img/index/in04b.jpg");}
	.in04 p img{display:none;}
	.in05 img{content:url("img/index/in05b.jpg");}
	.voiceBanner img{content:url("img/cmd/voiceBanner2.jpg");width:100%;}
	.contactBanner {padding:0 10px;}
	.contactBanner img{content:url("img/cmd/contactBanner2.jpg");width:100%;}
	
	.mu01 img{width:100%;content:url("img/muji/mu01b.jpg");}
	
	.pa01 img{width:100%;}
	.pr02 div{width:220px; float:left;}
	.pr02 img{width:200px;}
	.pr02 table{width:240px; float:left; margin:10px 0 0 0;}
	
}
@media only screen and (min-width: 769px) and (max-width:960px) {
	header img{width:100%;content:url("img/cmd/headc.jpg");}
	#menuList article{ width:768px; margin:0 auto;}
	#catList ul{width:669px; margin:0 auto;}
	#catList .cL01 a{width:667px; height:160px; background-position:0 -353px;}
	#catList .cL02 a,#catList .cL03 a,#catList .cL04 a,#catList .cL05 a,#catList .cL06 a,#catList .cL07 a,#catList .cL08 a,#catList .cL09 a
	{width:167px; height:68px;}	
	#catList .cL02 a{background-position:0 -513px;}
	#catList .cL03 a{background-position:-166px -513px;}
	#catList .cL04 a{background-position:-332px -513px;}
	#catList .cL05 a{background-position:-498px -513px;}
	
	#catList .cL06 a{background-position:0 -580px;}
	#catList .cL07 a{background-position:-166px -580px;}
	#catList .cL08 a{background-position:-332px -580px;}
	#catList .cL09 a{background-position:-498px -580px;}
	
	header nav{display:none;}
	
	.in01 .img{content:url("img/index/in01b.jpg");}
	.in01 .in01b{display:none;}
	.in02 .img{width:100%;content:url("img/index/in02c.jpg");}
	.in02 .img3{width:480px;content:url("img/index/in02_2b.jpg");}
	.in03 .img{width:100%;content:url("img/index/in03c.jpg");}
	.in04 .img{ width:100%;content:url("img/index/in04c.jpg");}
	.in04 p img{display:none;}
	.in05 img{content:url("img/index/in05c.jpg");}
	.voiceBanner img{content:url("img/cmd/voiceBanner3.jpg");width:100%;}
	.contactBanner {padding:0 10px;}
	.contactBanner img{content:url("img/cmd/contactBanner2.jpg");width:748px;}
	
	.mu01 img{width:768px;content:url("img/muji/mu01b.jpg");}
	
	.pr02 div{width:220px; float:left;}
	.pr02 img{width:200px;}
	.pr02 table{width:540px; float:left; margin:10px 0 0 0;}
	
}
@media only screen and (min-width:961px) {
	header img{width:100%;content:url("img/cmd/headc.jpg");}
	#wrapper{width:960px; margin:0 auto; box-shadow:0 0 10px #000;}
	#menuList article{ width:768px; margin:0 auto;}
	#catList ul{width:669px; margin:25px auto 0 auto;}
	.catList ul{margin:0 auto !important;}
	#catList .cL01 a{width:667px; height:160px; background-position:0 -353px;}
	#catList .cL02 a,#catList .cL03 a,#catList .cL04 a,#catList .cL05 a,#catList .cL06 a,#catList .cL07 a,#catList .cL08 a,#catList .cL09 a
	{width:167px; height:68px;}	
	#catList .cL02 a{background-position:0 -513px;}
	#catList .cL03 a{background-position:-166px -513px;}
	#catList .cL04 a{background-position:-332px -513px;}
	#catList .cL05 a{background-position:-498px -513px;}
	
	#catList .cL06 a{background-position:0 -580px;}
	#catList .cL07 a{background-position:-166px -580px;}
	#catList .cL08 a{background-position:-332px -580px;}
	#catList .cL09 a{background-position:-498px -580px;}
	
	.in01 .img{content:url("img/index/in01b.jpg");}
	.in01 .in01a{display:none;}
	.in02 .img{width:940px;content:url("img/index/in02c.jpg");}
	.in02 .img3{content:url("img/index/in02_2b.jpg"); width:750px;}
	.in03 .img{width:940px;content:url("img/index/in03c.jpg");}
	.in04 .img{ width:100%;content:url("img/index/in04c.jpg");}
	.in04 p img{display:none;}
	.in05 img{content:url("img/index/in05c.jpg");}
	.voiceBanner img{content:url("img/cmd/voiceBanner3.jpg");width:940px;}
	.contactBanner img{content:url("img/cmd/contactBanner2.jpg");width:768px;}
	
	.mu01 img{width:768px;content:url("img/muji/mu01b.jpg");}
	
	.pr02 div{width:220px; float:left;}
	.pr02 img{width:200px;}
	.pr02 table{width:720px; float:left; margin:10px 0 0 0;}
	
}



