/*-- [base] ---------------------------------*/
*{
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro W3", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka";
	font-size: 12px;
	font-weight: normal;
	margin: 0;
 	padding: 0;
	line-height: 1.0em;
}
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
li{
	list-style: none;
	text-decoration: none;
	}
img{
	border: none;
	vertical-align: bottom;
	}
a{
	text-decoration: none;
	border: none;
	color: #000;
	}
.clear{
	clear: both;
	}
strong{
	font-weight: normal;
	}
	
@media print,screen and (min-width: 641px) {
/*-- [body] ---------------------------------*/
body {
	-webkit-print-color-adjust: exact;
	background: #F4F2E8 url(images/hed_02.gif) left top repeat-x;
	width: 100%;
	}
a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
/*-- header --*/
#header{
	width: 908px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	#header2{
		width: 534px;
		float: right;
		text-align: right;
		}
		#header2 h1{
			padding: 3px 0 2px 0;
			text-align: right;
			font-size: 11px;
		}	
	#header3{
		width: 342px;
		float: left;
		}
	#header ul{
		clear: both;
		width: 908px;
		padding: 5px 0 0 0;
		}
		#header ul li{
			width: 151px;
			height: 61px;
			float: left;
			background: url(images/hed_12.gif) left top no-repeat;
			}
			#header ul li a{
				text-align: center;
				display: block;
				width: 151px;
				height: 36px;
				padding: 25px 0 0 0;
				color: #000099;
				font-weight: bold;
				font-size: 16px;
				text-decoration: underline;
				}
				
/*-- [content] ---------------------------------*/
#content{
	clear: both;
	width: 912px;
	margin: 0 auto;
	}
.con-h3{
	clear: both;
	height: 24px;
	padding-bottom: 10px;
	}
.con-h3b{
	border-bottom: 4px solid #000099;
	}
.con-box1{
	background-color: #FFF;
	padding: 20px 0 0 20px;
	}
.con-box2{
	background-color: #FFF;
	padding: 20px 0 0 20px;
	border: 2px solid #000099;
	margin-bottom: 40px;
	}
		
.con-tel{
	clear: both;
	}
.con-bana{
	padding-top: 30px;
	}
/*-- [top] ---------------------------------*/
#top-box{
	width: 900px;
	height: 275px;
	background: url(images/top_17.jpg) left top no-repeat;
	padding: 20px 0 0 20px;
	}
	#top-box h2{
		padding-bottom: 16px;
		}
	#top-box p{
		padding: 0 0 0 110px;
		}
		#top-box #top-p{
			padding-bottom: 32px;
			}
#top-news{
	padding: 0 0 20px 0;
	width: 660px;
	float: left;
	}
	#top-news p{
		width: 60px;
		padding: 5px 0;
		text-align: center;
		background-color: #666;
		color: #FFF;
		font-weight: bold;
		float: left;
		}
	#top-news #top-news1{
		float: left;
		}
		#top-news1 dt{
			clear: both;
			width: 60px;
			padding: 5px 20px 5px 20px;
			float: left;
			}
		#top-news1 dd{
			float: left;
			padding: 5px 0 5px 0;
			width: 500px;
			}	
			#top-news dd a{
				text-decoration: underline;
				color: #000099;
				}
#top-menu{
	height: 264px;
	padding: 20px 0 10px 20px;
	margin-bottom: 20px;
	} 
#top-menu dl{
	width: 198px;
	height: 250px;
	border: 2px solid #13308f;
	float: left;
	margin-right: 20px;
	display: inline;
	background-color: #FFF;
		}
		#top-menu dd{
			padding: 20px 0 0 10px;
			}
		#top-menu dd a{
			font-size: 14px;
			color: #000099;
			font-weight: bold;
			border-bottom: 1px solid #000099;
			}
#top-point{
	width: 888px;
	background: #FFF url(images/top_67.gif) right bottom no-repeat;
	}
#top-point dl{
	float: left;
	width: 422px;
	padding: 0 20px 20px 0;
	overflow: hidden;
	}
	#top-point dt{
		font-size: 16px;
		font-weight: bold;
		padding: 0 0 10px 70px;
		line-height: 1.3em;
		}			
	#top-point dd{
		line-height: 1.6em;
		background-color: #F7F3EE;
		padding: 15px;
		font-size: 14px;
		height: 130px;
		}
	#top-point dd span{
		color: #CC0000;
		font-size: 14px;
		}
		#top-point #point1{
			background: url(images/top_55.gif) left top  no-repeat;
			}
		#top-point #point2{
			background: url(images/top_58.gif) left top  no-repeat;
			}
		#top-point #point3{
			background: url(images/top_62.gif) left top  no-repeat;
			}
		#top-point #point4{
			background: url(images/top_63.gif) left top  no-repeat;
			}
		#top-point #point5{
			background: url(images/top_64.gif) left top  no-repeat;
			}
			 #point5 dd{
			 	height: 220px;
				}
#top-point2{
	background-color: #FFF;
	padding: 0 0 0 0;
	}
	#top-point2 dl{
		padding: 20px 450px 20px 20px;
		border: 2px solid #000099;
		background: url(images/top_67.gif) right top no-repeat;
		height: 250px;
		}
		#top-point2 dt{
			font-size: 16px;
			font-weight: bold;
			padding: 0 0 10px 70px;
			line-height: 1.3em;
			}
		#top-point2 dd{
			line-height: 1.6em;
			font-size: 14px;
			}
			#top-point2 dd span{
				font-size: 14px;
				color: #CC0000;
				}
			#top-point2 #point5{
			background: url(images/top_64.gif) left top  no-repeat;
			}
#top-kagi{
	margin-bottom: 40px;
	padding-bottom: 20px;
	float: left;
	}
	#top-kagi p{
		padding: 0 20px 15px 0;
		}
	#top-kagi dl{
		width: 152px;
		padding: 0 20px 0 123px;
		float: left;
		}
		#top-kagi dt,#top-kagi dt a{
			font-weight: bold;
			line-height: 1.3em;
			padding-bottom: 5px;
			}
			#top-kagi dt a{
				color: #FF6600;
				text-decoration: underline;
				}
		#top-kagi dd{
			line-height: 1.6em;
			}
			#top-kagi #cy1{
				background: url(images/cy_no.jpg) left top no-repeat;
				}
			#top-kagi #cy2{
				background: url(images/cy_no.jpg) left top no-repeat;
				}
			#top-kagi #cy3{
				background: url(images/cy_no.jpg) left top no-repeat;
				}
			#top-kagi .cy-no{
				background: url(images/cy_no.jpg) left top no-repeat;
				height: 130px;
				}
/*-- [foot] ---------------------------------*/
#foot-flow{
	margin-bottom: 20px;
	float: left;
	padding-bottom: 20px;
	}
	#foot-flow ul li{
		width: 202px;
		padding: 0 20px 20px 0 ;
		float: left;
		}
	#foot-flow ul dl{
		padding: 135px 0 0 0 ;
		}
	#foot-flow ul dt{
		font-weight: bold;
		color: #000099;
		font-size: 14px;
		padding-bottom: 5px;
		}
		#foot-flow ul dd{
			line-height: 1.6em;
			}
		#foot-flow ul #flow1{
			background: url(images/foot_73.jpg) left top no-repeat;
			}
		#foot-flow ul #flow2{
			background: url(images/foot_75.jpg) left top no-repeat;
			}
		#foot-flow ul #flow3{
			background: url(images/foot_77.jpg) left top no-repeat;
			}
		#foot-flow ul #flow4{
			background: url(images/foot_79.jpg) left top no-repeat;
			}
.foot-p{
	padding: 20px 0 10px 0;
	border-top: dotted 1px #999;
	font-size: 14px;
	color: #000099;
	font-weight: bold;
	width: 868px;
	}
	.foot-p2{
		padding-bottom: 20px;
		}
	#foot-p3{
		width: 326px;
		height: 27px;
		padding: 90px 0 0 40px;
		background: url(images/top_87.jpg) left top no-repeat;
		float: left;
		}
		#foot-p3 a{
			font-weight: bold;
			color: #000099;
			text-decoration: underline;
			}
	#foot-p4{
		width: 472px;
		float: right;
		}
#foot-area2{
	width: 868px;
	margin-bottom: 20px;
	border-collapse: collapse;
	}
	#foot-area2 td,#foot-area2 th{
		padding: 5px;
		border: 1px solid #CCC;
		vertical-align: middle;
		color: #000066;
		}
	#foot-area2 th{
		width: 100px;
		background-color: #E9F4FE;
		}
		#foot-area2 td{
			line-height: 1.6em;
			}
#footer{
	width: 908px;
	margin: 0 auto;
	padding: 20px 0;
	}
	#footer #footer2{
		width: 788px;
		float: left;
		padding: 0 0 50px 0;
		}
		#footer2 ul{
			padding: 0 0 10px 0;
			}
			#footer ul li{
				display: inline;
				}
				#footer ul li a{
					color: #333;
					text-decoration: underline;
					}
	#footer #top{
		width: 120px;
		float: right;
		}
	#footer #top a{
		display: block;
		width: 100px;
		padding: 10px;
		background-color: #000099;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		}
/*-- [ser] ---------------------------------*/
#ser-top,#ser-top2{
	height: 96px;
	background: url(images/ser_03.gif) right top no-repeat;
	padding-top: 40px;
	}
	#ser-top h2,#ser-top2 h2{
		font-size: 22px;
		font-weight: bold;
		color: #CC0000;
		padding-bottom: 20px;
		}
#ser-top2{
	height: 200px;
	}
#ser-navi{
	width: 904px;
	float: left;
	border: 2px solid #000099;
	background-color: #FFF;
	margin-bottom: 40px;
	}
	#ser-navi li{
		float: left;
		padding: 10px 0 10px 20px;
		}
	#ser-navi #navi1{
		background: #000099 url(images/ser_07.gif) right top no-repeat;
		color: #FFF;
		font-weight: bold;
		width: 180px;
		padding: 10px 20px 10px 10px;
		}
		#ser-navi a{
			font-weight: bold;
			color:  #000099;
			text-decoration: underline;
			}
.ser-con{
	padding: 30px 0 30px 266px;
	margin-bottom: 40px;
	border: 2px solid #000099;
	}
.ser-con2{
	padding: 30px 0 0 266px;
	margin-bottom: 30px;
	height: 200px;
	}
	.ser-con .ser-title,.ser-con2 .ser-title{
		font-size: 16px;
		font-weight: bold;
		padding: 0 0 10px 0;
		border-bottom: 5px solid #CCC;
		margin-bottom: 10px;
		width: 612px;
		}
	.ser-con .ser-text,.ser-con2 .ser-text{
		line-height: 1.6em;
		padding: 0 30px 20px 0;
		font-size: 14px;
		}
	.ser-con dl{
		width: 612px;
		padding: 0 20px 20px 0;
		}
	.ser-con2 dl{
		width: 612px;
		float: left;
		}
		.ser-con dt{
			font-weight: bold;
			color: #000099;
			font-size: 14px;
			padding-bottom: 10px;
			}
		.ser-con2 dt{
			font-weight: bold;
			font-size: 14px;
			color: #FF6600;
			padding-bottom: 10px;
			}
		.ser-con dd{
			line-height: 1.6em;
			padding: 10px;
			background-color: #F4F2E8;
			}
		.ser-con2 dd{
			line-height: 1.6em;
			height: 120px;
			background: url(images/ser9_03.gif) left bottom no-repeat;
			}
		.ser-con .con-price dd,.ser-con .con-price dd span{
			text-align: center;
			font-weight: bold;
			font-size: 14px;
			color: #CC0000;
			}
		.ser-con .ser-price span{
			color: #CC0000;
			font-weight: bold;
			font-size: 14px;
			}
		.ser-con .ser-link{
			padding-right: 30px;
			text-align: right;
			}
			.ser-con .ser-link a{
			color: #000099;
			text-decoration: underline;
			}
	#open1{
		background: #FFF url(images/ser_15.jpg) left top no-repeat;
		}
	#open2{
		background: #FFF url(images/ser15_15.jpg) left top no-repeat;
		}
	#open3{
		background: #FFF url(images/ser16_15_15.jpg) left top no-repeat;
		}
	#open4{
		background: #FFF url(images/ser07_15.jpg) left top no-repeat;
		}
	#change1{
		background: #FFF url(images/ser17_15_15.jpg) left top no-repeat;
		}
	#change2{
		background: #FFF url(images/ser_45.jpg) left top no-repeat;
		}
	#change3{
		background: #FFF url(images/ser13_15.jpg) left top no-repeat;
		}
	#change4{
		background: #FFF url(images/ser08_15.jpg) left top no-repeat;
		}
	#make1{
		background: #FFF url(images/ser_18.jpg) left top no-repeat;
		}
	#make2{
		background: #FFF url(images/ser_16.jpg) left top no-repeat;
		}
	#repair1{
		background: #FFF url(images/ser4_15.jpg) left top no-repeat;
		}
	#repair2{
		background: #FFF url(images/ser7_15.jpg) left top no-repeat;
		}
	#repair3{
		background: #FFF url(images/ser6_15.jpg) left top no-repeat;
		}
	#flow1{
		background: #FFF url(images/ser_51.jpg) left top no-repeat;
		}
	#flow2{
		background: #FFF url(images/ser2_51.jpg) left top no-repeat;
		}
	#flow3{
		background: #FFF url(images/ser3_51.jpg) left top no-repeat;
		}
	#flow4{
		background: #FFF url(images/ser4_51.jpg) left top no-repeat;
		}
#price{
	margin-bottom: 40px;
	}
	#price h3{
		padding-bottom: 20px;
		}
	#price table{
		width: 868px;		
		border-collapse: collapse;
		border: 2px solid #666; 
		margin-bottom: 20px;
		}
		#price td,#price th{
			border: 1px solid #999;
			padding: 15px 0;
			text-align: center;
			}
		#price th{
			background-color: #E7E7E7;
			font-weight: bold;
			}
		#ser-price-tr th{
			width: 140px;
			text-align: center;
			}
	#price p{
		line-height: 1.5em;
		padding-bottom: 20px;
		}
#map{
	padding-bottom: 20px;
	margin-bottom: 40px;
	}
	#map  ul{
		width: 600px;
		padding: 20px 30px 0 10px;
		}
		#map ul li{
			border-bottom: dotted 1px #000099;
			padding: 10px 0;
			font-weight: bold;
		}
	#map ul li a{
			font-size: 13px;
			color: #000099;
			text-decoration: underline;
			}
/*--------------------------------*/
#foot-bana{
	text-align: center;
	padding-bottom: 20px;
	}
.sp-none{ display: block;} .pc-none{ display: none; }
}
@media screen and (max-width: 640px) {
/* #0C44A7; */
dt,th{ font-size: 14px; font-weight: bold; line-height: 1.6em; }
dd,p,td,a{ font-size: 12px; line-height: 1.6em; }
img {width: 100%; max-width: 640px;height: auto; }
#header2 h1{ padding: 10px; border-bottom: 2px solid #0C44A7; margin-bottom: 10px; }
#header ul { overflow: hidden;margin: 10px 0;clear: both;width: 100%; }
#header ul li {width: 50%;float: left; }
#header ul li a {background: #0C44A7;display: block;text-align: center;padding: 15px 0;border: 2px solid #FFF;color: #FFF;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px; }
#top-box h2,#top-box #top-p{ background: #0C44A7; padding: 10px; }

#content{ background: #F4F2E8; padding: 10px; } 
h3{ margin-top: 20px; }
.con-h3{ text-align: center; padding: 10px; border-bottom: #0C44A7 1px dotted ; border-top: #0C44A7 2px solid ; margin-bottom: 10px; } .con-h3 img{ width: 200px; }

#top-menu{
	margin-bottom: 20px;
	} 
#top-menu dl{
	width: 220px;
	margin: 0 auto 10px auto;
	padding-bottom: 20px;
	border: 2px solid #13308f;
	background-color: #FFF;
		}
		#top-menu dt{ text-align: center; }
		#top-menu dt img{ width: 200px; }
		#top-menu dd{
			padding: 20px 0 0 10px;
			text-align: center;
			}
		#top-menu dd a{
			font-size: 14px;
			color: #000099;
			border-bottom: 1px solid #000099;
			}	
.con-box2,.ser-con,.con-box1,.ser-con2{
	background-color: #FFF;
	padding: 10px;
	font-size: 14px;
	border: 2px solid #000099;
	margin-bottom: 40px;
	}			
#top-point #point1 { background: url(images/top_55.gif) left top no-repeat; }
#top-point #point2 { background: url(images/top_58.gif) left top no-repeat; }
#top-point #point3 { background: url(images/top_62.gif) left top no-repeat; }
#top-point #point4 { background: url(images/top_63.gif) left top no-repeat; }
#top-point dt{ padding: 25px 0 5px 0; color: #0C44A7; border-bottom: 1px solid #CCC; margin-bottom: 5px; font-size: 14px;  }
#top-point dd{ padding-bottom: 20px; }

#foot-flow dt{ padding-top: 130px; text-align: center; } #foot-flow dd{ padding: 0 20px 20px 20px; }
#foot-flow #flow1{ background: url(images/foot_73.jpg) center top no-repeat; }
#foot-flow #flow2{ background: url(images/foot_75.jpg) center top no-repeat; }
#foot-flow #flow3{ background: url(images/foot_77.jpg) center top no-repeat; }
#foot-flow #flow4{ background: url(images/foot_79.jpg) center top no-repeat; }
#foot-flow .foot-p{ text-align: center; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
#foot-area2 th{ width: 60px; vertical-align: middle; color: #0C44A7; }
#foot-area2 td{ padding: 10px; }
#foot-area2{ border: 1px solid #CCC; margin-bottom: 10px; }
#foot-p3{ margin-bottom: 20px; text-align: center; } #foot-p3 a{ font-size: 16px; }
#footer {clear: both;padding: 10px; }
#footer #top a {background: -moz-linear-gradient(top, #FFF 0%, #EEE);background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));border: 1px solid #DDD;color: #111;width: 60%;padding: 10px 0;margin: 0 auto;text-align: center;display: block; }
#footer ul { overflow: hidden; margin-bottom: 10px; }
#footer ul li { text-align: center;padding: 0 2%; color: #FFF; }
#footer ul li a { display: block; color: #FFF; background: #ad102f;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;  font-size: 14px; padding: 10px 0;}

#ser-top h2,#ser-top2 h2{ font-size: 18px; padding-bottom: 10px; font-weight: bold; }
#ser-navi{ display: none; }

.ser-con{ padding-top: 240px; background-size: 200px!important; }
.ser-con2{ padding-top: 180px; background-size: 200px!important; }
.ser-con .ser-title,.ser-con2 .ser-title{ font-size: 16px; color: #0C44A7; font-weight: bold; border-bottom: 1px solid #0C44A7;  margin-bottom: 10px; padding-bottom: 5px; }
.ser-text,.ser-con dd{ padding-bottom: 10px; }
.ser-con dd{ background: #F4F2E8; padding: 10px; margin-bottom: 10px; }
.ser-link{ text-align: center; padding: 10px 0; } .ser-link a{ font-size: 16px; }
#open1{
		background: #FFF url(images/ser_15.jpg) center top no-repeat;
		}
	#open2{
		background: #FFF url(images/ser15_15.jpg) center top no-repeat;
		}
	#open3{
		background: #FFF url(images/ser16_15_15.jpg) center top no-repeat;
		}
	#open4{
		background: #FFF url(images/ser07_15.jpg) center top no-repeat;
		}
	#change1{
		background: #FFF url(images/ser17_15_15.jpg) center top no-repeat;
		}
	#change2{
		background: #FFF url(images/ser_45.jpg) center top no-repeat;
		}
	#change3{
		background: #FFF url(images/ser13_15.jpg) center top no-repeat;
		}
	#change4{
		background: #FFF url(images/ser08_15.jpg) center top no-repeat;
		}
	#make1{
		background: #FFF url(images/ser_18.jpg) center top no-repeat;
		}
	#make2{
		background: #FFF url(images/ser_16.jpg) center top no-repeat;
		}
	#repair1{
		background: #FFF url(images/ser4_15.jpg) center top no-repeat;
		}
	#repair2{
		background: #FFF url(images/ser7_15.jpg) center top no-repeat;
		}
	#repair3{
		background: #FFF url(images/ser6_15.jpg) center top no-repeat;
		}
	
	#flow1{
		background: #FFF url(images/ser_51.jpg) center top no-repeat;
		}
	#flow2{
		background: #FFF url(images/ser2_51.jpg) center top no-repeat;
		}
	#flow3{
		background: #FFF url(images/ser3_51.jpg) center top no-repeat;
		}
	#flow4{
		background: #FFF url(images/ser4_51.jpg) center top no-repeat;
		}
h3{ line-height: 1.6em; }
#ser-price table{ width: 100%;border-collapse: collapse; margin: 10px 0; }
#ser-price td,#ser-price th{ border: 1px solid #CCC; padding: 1%; }
.sp-none{ display: none; } .pc-none{ display: block; }
}