/* CSS Document */
img{
	max-width: 100%;
	height: auto;
	width: auto;}
#container{
	width:100%;
	}
.clear{
	clear: both;
	font-size: 0;
	overflow: hidden;
	}
p,dd,dt{
	line-height: 1.6em;
	}
.big{
	font-weight: bold;
	}
	.small{
		clear: both;
		}
/*-----------共通---------------*/
body{
	background-color: #efeeeb;
	font-size: 14px;
	}
#wrapper,header{
	width: 94%;
	margin: 0 auto;
	}
#sub-head{
	background: url(images/top_03.png) left top repeat-x;
	background-size: contain;
	padding: 10px 0 0 0;
	}
#sub-head2{
	background: url(images/ser_02.png) left top repeat-x;
	background-size: contain;
	}
#logo{
	margin-bottom: 10px;
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}
#navgate{
	width: 100%;
	clear: both;
	}
	#navgate p{
		margin: 0 auto;
		width: 258px;
		}
	#navgate ul{
		background: url(images/top_08.gif) left top repeat-x;
		height: 34px;
		width: 230px;
		margin:0 auto;
		}
	#navgate ul li{
		float: left;
		height: 25px;
		width: 60px;
		padding: 8px 0 0 0;
		text-align: center;
		}
		#navgate ul li a{
			font-size: 12px;
			color: #336699;
			}
		#navgate ul .start{
			padding-left: 10px;
			background: url(images/top_07.gif) left top no-repeat;
			}
		#navgate ul .end{
			padding-right: 10px;
			width: 90px;
			background: url(images/top_10.gif) right top no-repeat;
			}
	#head-txt{
		clear: both;
		padding: 10px 0;
		}
h1{
	float: right;
	width: 100%;
	text-align: center;
	overflow: hidden;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.4em;
	padding: 50px 0 10px 0;
	}

nav{
	background: url(images/top_14.png) left top repeat-x;
	padding: 1px 0 20px 0;
	height: 89px;
	clear:both;
	}
	#navi{
		width:94%;
		margin:0 auto;
		max-width:94%;
		}
	#navi li#btn{
		width: 30%;
		float: left;
		}
	#navi li.btn{
		float: left;
		width: 35%;
		padding: 18px 0 0 0;
		text-align: center;
		}
	#navi .btn a{
		font-size: 1.0em;
		text-decoration: none;
		color: #FFF;
		text-shadow: 1px 1px 1px #333, -1px -1px 1px #CCC;
		}
	#navi li img {
		max-width:100%;
		width: auto;
		height:auto;
		border-right: 1px solid #0b96d9;
	}
.title{
	clear: both;
	background: url(images/bar_38.png) left top no-repeat;
	font-weight: bold;
	color: #FFF;
	padding: 8px;
	}
	.content{
		background-color: #FFF;
		/*border-right: 3px solid #003399;
		border-left: 3px solid #003399;
		border-bottom: 3px solid #003399;*/
		margin-bottom: 20px;
		}
footer{
	background: #0359b8 url(images/foot_111.png) left top repeat-x;
	padding-top: 40px;
	}
	#footer-tel{
		margin-bottom: 20px;
		}
	#footer dl{
		color: #FFF;
		width: 94%;
		margin: 0 auto;
		}
			#footer dt{
				padding: 5px 0;
				border-bottom: 1px dotted #FFF;
				}
				#footer dd{
					font-size: 12px;
					line-height: 1.8em;
					padding: 10px 0 0 0;
					}
			#footer dd.end{
				padding-bottom: 20px;
				}
			#footer #copy,#footer #copy a,#footer small a{
				color: #FFF;
				text-align: center;
				}
			#footer #copy{
				padding: 20px 0 20px 0;
				}
	#back-btn{
			width: 302px;
			height: 58px;
			margin: 0 auto;
			}
/*-----------------------------------------------*/
	#top-content{
		padding: 20px 20px 0 20px;
		}
		#top-content dl{
			padding-bottom: 10px;
			}
		#top-content dl dt{
			color: #CC6600;
			font-weight: bold;
			padding: 0 0 5px 100px;
			}
			#top-content dl dd a{
			color: #006699;
			text-decoration: none;
			}
				#top-content dl dd{
					font-size: 90%;
					padding: 0 0 5px 100px;
					}
		#top-content .dl1{
			background: url(images/top_42.png) left top no-repeat;
			}
		#top-content .dl2{
			background: url(images/top_44.png) left top no-repeat;
			}
		#top-content .dl3{
			background: url(images/top_48.png) left top no-repeat;
			}
		#top-content .dl4{
			background: url(images/top_49.png) left top no-repeat;
			}
	#top-content2{	
		padding: 20px 20px 0 20px;
		}
		#top-content2 .top-p,.ser-top .top-p{
			font-size: 1.0em;
			font-weight: bold;
			padding-bottom: 5px;
			}
		#top-content2 h3{
			padding-bottom: 10px;
			}
		#top-content2 div{
			padding-bottom: 20px;
			}
	#top-content3{
		padding: 0 20px 20px 0;
		}
		#top-content3 ul{
			padding: 20px 0 0 50%;
			background: url(images/sm_03.jpg) left top no-repeat;
			background-size: contain;
			}
			#top-content3 h3{
				padding-bottom: 5px;
				line-height: 1.4em;
				}
		#top-content3 div{
			padding: 20px 0 0 20px;
			}
	#top-content5{
		padding: 20px;
		font-size: 0.9em;
		}
		#foot-flow{
			padding-bottom: 10px;
			}
	
	#top-content5 dl{
		margin-top: 20px;
		}
	#top-content5 dd{
		padding: 20px 25px 20px 30px;
		border-right: 2px solid #e8ecf0;
		border-left: 2px solid #e8ecf0;
		border-bottom: 2px solid #e8ecf0;
		}
/*--サービス--*/
.ser-top{
	background-color: #FFF;
	padding: 20px;
	}
	
	.ser-top .text{
		padding: 240px 0 0 0;
		font-size:0.9em;
		}
		#open-top .text{
			background: url(images/open_03.jpg) center top no-repeat;
			background-size: 300px;
			}
		#make-top .text{
			background: url(images/make_03.jpg) center top no-repeat;
			background-size: 300px;
			}
		#change-top .text{
			background: url(images/change_03.jpg) center top no-repeat;
			background-size: 300px;
			}
			
.ser-con{
	padding: 40px 20px 20px 20px;
	font-size:0.9em;
	}
	.ser-con .big,#ser-price{
		font-size: 1.2em;
		}
		.ser-con .big{
			line-height: 1.6em;
			}
		#ser-price{
			padding-bottom: 10px;
			}
	.ser-con .text{
		padding: 5px 0 30px 0;
		background-color: #FFF;
		}
.ser-ul li{
	padding: 0 0 30px 0;
	float: left;
	}
	.ser-ul li dd{
		padding: 0 40% 0 0 ;
		}
		.ser-ul li dd span{
			display: block;
			padding: 10px 10px 5px 10px;
			margin-bottom: 5px;
			background-color: #EEE;
			}
	.ser-ul li#dl1 dd{
		background: url(images/open_15.jpg) right top no-repeat;
		background-size: 38%;
		}
	.ser-ul li#dl2 dd{
		background: url(images/open_17.jpg) right top no-repeat;
		background-size: 38%;
		}
	.ser-ul li#dl3 dd{
		background: url(images/open_22.jpg) right top no-repeat;
		background-size: 38%;
		}
	.ser-ul li#dl4 dd{
		background: url(images/open_21.jpg) right top no-repeat;
		background-size: 38%;
		}
	.ser-ul dt,.ser-con .title2{
		font-size: 16px;
		font-weight: bold;
		color: #003399;
		padding: 10px 20px;
		border: 1px solid #c3cdd6;
		margin-bottom: 10px;
		background: #e3e9ee url(images/ser_15.png) left top repeat-x;
		}
		.ser-con .title2{
			margin-bottom: 20px;
			}
.ser-con table{
		margin-bottom: 10px;
		width: 96%;
		}
		.ser-con table #tr1{
			float: left;
			width: 30%;
			}
			.ser-con table #tr1 th{
				float: left;
				width: 100%;
				height: 35px;
				border: 1px solid #1063bc;
				}
		.ser-con table.table1 #tr2{
			float: right;
			width: 70%;
			}
		.ser-con table.table2 #tr2,.ser-con table.table2 #tr3{
			float: right;
			width: 35%;
			}
			.ser-con table #tr2 td,.ser-con table #tr3 td{
				float: left;
				width: 100%;
				height: 35px;
				border: 1px solid #1063bc;
				}
		.ser-con table th,.ser-con table .td2{
			background-color: #E4F4FC;
			font-weight: bold;
			}
		.ser-con table th,.ser-con table td{
			padding: 10px 0;
			text-align: center;
			/*border: 1px solid #1063bc;*/
			line-height: 1.4em;
			}
			.ser-con table .td{
				background-color: #FFF;
				}
			.ser-con table span{
				font-size: 0.9em;
				}
#make-con #div2 .big,#make-con #div3 .big{
	padding: 20px 0 40px 40%;
	}
#change-con #div1 .big{
	padding: 30px 0 30px 40%;
	}
#change-con #div2 .big,#change-con #div3 .big{
	padding: 20px 40% 10px 0;
	}
	#make-con #div2{
		background: url(images/make_19.jpg) left top no-repeat;
		background-size: 38%;
		}
	#make-con #div3{
		background: url(images/make_22.jpg) left top no-repeat;
		background-size: 38%;
		}
	#change-con #div1{
		background: url(images/change_14.jpg) left top no-repeat;
		background-size: 35%;
		}
	#change-con #div2{
		background: url(images/change_18.jpg) right top no-repeat;
		background-size: 38%;
		}
	#change-con #div3{
		background: url(images/change_21.jpg) right top no-repeat;
		background-size: 38%;
		}
	.ser-con .ser-ul2{
		padding: 10px 10px 5px 10px;
		background-color: #EEE;
		}
		.ser-con .ser-ul2 li{
			padding-bottom: 5px;
			line-height: 1.6em;
			}
#fq-con dt{
	padding: 16px 0 5px 40px;
	margin-bottom: 10px;
	background: url(images/aq.gif) left bottom no-repeat;
	border-top: 1px dotted #CCC;
	font-weight: bold;
	}
	#fq-con dd{
		padding: 5px 0 30px 40px;
		background: url(images/fq_06.png) left top no-repeat;
		line-height: 1.8em;
		}
#map-con ul{
	padding-bottom: 30px;
	float: left;
	}
	#map-con li{
		padding-bottom: 5px;
		}
.ser-bana{
	padding-bottom: 30px;
	}
#price-con #price{
	margin-bottom: 10px;
	}
#review h3,#review2 h3{
position: relative;/*相対位置*/
display: inline-block;
font-size: 16px;
}

#review h3:before,#review h3:after,#review2 h3:before,#review2 h3:after{ 
position: relative;
font-family: FontAwesome;
display: inline-block;
font-size: 1.0em;
color: #0066CC;
}
	#review li{
		margin:10px 0;
		position: relative;
		padding: 110px 15px 15px 15px;
		border: solid 2px #0066CC;
		border-radius: 10px;
	}
	#review2 li{
		margin:10px 0;
		position: relative;
		padding: 15px;
		border: solid 2px #0066CC;
		border-radius: 10px;
	}
	#review2 li img{
		display: block;
		width: 100%;
		max-width: 280px;
		height: auto;
		margin: 0 auto 10px auto;
	}
	#review li.icon1{
		background: #FFF url(images/icon1_03.png) center top no-repeat;
	}
	#review li.icon2{
		background: #FFF url(images/icon2_03.png) center top no-repeat;
	}
	#review li.icon3{
		background: #FFF url(images/icon3_03.png) center top no-repeat;
	}
	#review li.icon4{
		background: #FFF url(images/icon4_03.png) center top no-repeat;
	}
	#review li.icon5{
		background: #FFF url(images/icon5_03.png) center top no-repeat;
	}
	#review li.icon6{
		background: #FFF url(images/icon6_03.png) left 50% no-repeat;
	}
	#review li p,#review2 li p{
		margin: 0; 
		padding: 0;
	}
#review .re-title,#review2 .re-title{
	font-size: 16px;
	font-weight: bold;
	color: #0066CC;
	line-height:1.4em;
}
#review2 .re-title{
	padding-bottom: 10px;
}
#voice{
	padding: 0;
	}
	#foot-voice{
		font-weight: bold;
		padding:  26px 20px 20px 20px;
		cursor:pointer;
		background: url(images/icon2.png) right bottom no-repeat;
		}
	.foot-voice-text{
		font-size: 0.9em;
		display:none;
		}
		.foot-voice-text p{
			padding: 20px 20px 30px 20px;
			border-top: dotted 2px #CCCCCC;
			}
.day{
		padding: 20px;
		font-size: 12px;
		line-height: 1.4em;
		}
		.day li{
			padding-bottom: 5px;
			}
	.red{
		color: red;
		}
	.maker{
		padding-top: 8px;
		border-top: 1px dotted #333;
		font-size: 10px;
		}