/*-- [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;
	}
	
/*-- [body] ---------------------------------*/
body{
	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: 908px;
	margin: 0 auto;
	}
.con-h3{
	clear: both;
	height: 24px;
	padding-bottom: 10px;
	background: url(images/con_32.gif) left top repeat-x;
	}
.con-box1{
	background-color: #FFF;
	padding: 20px 0 0 20px;
	}
.con-tel{
	clear: both;
	}
.con-bana{
	padding-top: 30px;
	}
/*-- [top] ---------------------------------*/
#top-box{
	width: 888px;
	height: 275px;
	background: url(images/top_17.jpg) left top no-repeat;
	padding: 30px 0 0 20px;
	}
	#top-box h2,#top-box p{
		padding-bottom: 15px;
		}
#top-news{
	padding: 0 0 40px 0;
	width: 908px;
	float: left;
	}
	#top-news p{
		width: 60px;
		padding: 5px 0;
		text-align: center;
		background-color: #000099;
		color: #FFF;
		font-weight: bold;
		float: left;
		}
	#top-news #top-news1{
		width: 848px;
		float: left;
		}
	#top-news #top-news2{
		clear: both;
		display: none;
		padding: 0 0 0 60px;
		}
		#top-news1 dt, #top-news2 dt{
			clear: both;
			width: 60px;
			padding: 5px 20px 0 20px;
			float: left;
			}
		#top-news1 dd, #top-news2 dd{
			float: left;
			padding: 5px 0 0 0;
			}	
		#top-news2 dd{	
			width: 748px;
			}
			#top-news dd a{
				text-decoration: underline;
				color: #000099;
				}
			#top-news2 dd a{
				text-decoration: underline;
				color: #000099;
				}
#top-menu{
	height: 264px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	} 
#top-menu dl{
	width: 198px;
	height: 250px;
	border: 2px solid #13308f;
	float: left;
	margin-right: 20px;
	display: inline;
		}
		#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;
	}
#top-point dl{
	float: left;
	width: 422px;
	padding: 0 20px 20px 0;
	overflow: hidden;
	}
	#top-point dt{
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 10px 70px;
		line-height: 1.3em;
		}
		#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 dd{
		line-height: 1.6em;
		background-color: #F7F3EE;
		padding: 15px;
		height: 130px;
		font-size: 14px;
		}
	#top-point dd span{
		color: #CC0000;
		font-size: 14px;
		}
#top-point2{
	margin-bottom: 40px;
	background-color: #FFF;
	padding: 0 20px 20px 20px;
	}
	#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_44.jpg) left top no-repeat;
				}
			#top-kagi #cy2{
				background: url(images/cy_3_42.jpg) left top no-repeat;
				}
			#top-kagi #cy3{
				background: url(images/cy_45.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;
	}
	#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-area{
	width: 868px;
	}
	#foot-flow #foot-area dt{	
		font-weight: bold;
		padding: 10px 0;
		font-size: 14px;
		color: #000099;
		border-top: dotted 1px #999;
		}
		#foot-flow #foot-area dd{
			line-height: 1.6em;
			padding: 0 0 10px 0;
			color: #333;
			}	
		#foot-flow #foot-area span{
			font-weight: bold;
			}
#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;
	}
.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: 296px;
		float: left;
		padding: 0 20px 20px 0;
		}
		.ser-con dl.ser-dl{
			width: 612px;
			}
	.ser-con2 dl{
		width: 612px;
		float: left;
		}
		.ser-con dt{
			font-weight: bold;
			color: #FF6600;
			padding-bottom: 10px;
			}
		.ser-con2 dt{
			font-weight: bold;
			font-size: 16px;
			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;
			font-size: 14px;
			background: url(images/ser9_03.gif) left bottom no-repeat;
			}
	.ser-con .ser-price{
		width: 592px;
		margin: 10px 0;
		padding: 10px;
		text-align: center;
		color: #000099;
		font-weight: bold;
		font-size: 14px;
		background-color: #F4F2E8;
		line-height: 1.6em;
		}
		.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{
padding-bottom: 20px;
text-align: center;
}
@media print,screen and (min-width: 641px) {	
.sp-none{ display: block;} .pc-none{ display: none; }
}
@media screen and (max-width: 640px) {	
.sp-none{ display: none;} .pc-none{ display: block; }
}