/* 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.8em;
	}
a:hover img,#navi a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
/*-----------共通---------------*/
body{
	background-color: #efeeeb;
	font-size: 13px;
	}
#sub-head{
	background: #efeeeb url(images/top_02.png) left top repeat-x;
	}
#sub-head2{
	background: #efeeeb url(images/ser_02.png) left top repeat-x;
	}
#wrapper{
	width: 950px;
	margin: 0 auto;
	}

	h1{
		font-size: 12px !important;
		font-weight: normal;
		padding: 10px 0;
		color: #666;
		}
	#logo{
		float: left;
		}
header{
	width: 950px;
	margin: 0 auto;
	}
	#navgate{
		float: right;
		width: 478px;
		}
		#navgate p{
			float: left;
			}
			#navgate ul{
				background: url(images/top_08.gif) left top repeat-x;
				height: 34px;
				width: 220px;
				display: block;
				float: left;
				}
			#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: 80px;
					background: url(images/top_10.gif) right top no-repeat;
					}
	#head-txt{
		clear: both;
		background: url(images/top_16.jpg) right top no-repeat;
		height: 376px;
		}
		#head-txt #top-title{
			padding-top: 31px;
			}		

nav{
	background: url(images/top_14.png) left top repeat-x;
	height: 89px;
	margin-bottom: 40px;
	clear: both;
	}
	#navi{
		width: 950px;
		margin: 0 auto;
		border-right: 1px solid #0358b5;
		padding: 0 0 0 0;
		height: 81px;
		}
		#navi li{
			float: left;
			border-right: 1px solid #0b96d9;
			border-left: 1px solid #0358b5;
			}
		#navi li a{
			display: block;
			}
			#navi li.btn a{
				width: 216px;
				height: 52px;
				text-align: center;
				font-weight: bold;
				font-size: 22px;
				color: #FFF;
				text-decoration: none;
				padding: 30px 0 0 0;
 				text-shadow: 1px 1px 1px #333333, -1px -1px 1px #CCCCCC;
				}
			#navi li.btn a{
				background: url(images/top_18.png) left top repeat-x;
				}
			#navi li.btn a:hover{
				background: url(images/top_22.png) left top repeat-x;
				}
			#navi li#btn-on a{
				background: url(images/top_22.png) left top repeat-x;
				}	
					
			
.title{
	background: url(images/bar_38.png) left top no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 8px 20px 7px 20px;
	}
.content{
	background-color: #FFF;
	/*border-right: 3px solid #003399;
	border-left: 3px solid #003399;
	border-bottom: 3px solid #003399;*/
	margin-bottom: 40px;
	}
footer{
	background: #0359b8 url(images/foot_111.png) left top repeat-x;
	}
	#footer{
		width: 950px;
		margin: 0 auto;
		}
	#footer #footer-tel{
		padding-bottom: 20px;
		}
		#footer dl{
			color: #FFF;
			font-size: 12px;
			}
				#footer dt{
					padding-bottom: 5px;
					margin-bottom: 5px;
					border-bottom: 1px dotted #FFF;
					}
				#footer dd.end{
					padding-bottom: 20px;
					
					}
				#footer #copy,#footer #copy a,#footer small a{
					color: #FFF;
					font-size: 12px;
					text-align: center;
					}
				#footer #copy{
					padding: 20px 0 20px 10px;
					}
		#back-btn{
			width: 302px;
			height: 58px;
			margin: 0 auto;
			}
.ser-bana{
	margin-bottom: 20px;
	}
/*-----------トップページ---------------*/
#top-content{
	clear: both;
	padding: 20px 50px 0 50px;
	}
	#top-content dl{
		float: left;
		width: 330px;
		padding: 10px 0 10px 90px;
		}
		#top-content dl dt{
			color: #CC6600;
			font-weight: bold;
			font-size: 18px;
			padding-bottom: 5px;
			}
		#top-content dl dd a{
			color: black;
			text-decoration: none;
			border-bottom: 1px dotted #999;
			padding: 0 0 3px 0;
			}
		#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 50px;
	}
	#top-content2 div{
		padding: 0 330px 40px 0;
		height: 217px;
		}
	#top-content2 .top-p{
		font-weight: bold;
		padding: 0 0 10px 0;
		}
	#top-content2 h3,.ser-top h3{
		padding-bottom: 10px;
		}
		#top-content2 .box1{
			background: url(images/top_57.jpg) right top no-repeat;
			}
		#top-content2 .box2{
			background: url(images/top_63.jpg) right top no-repeat;
			}
		#top-content2 .box3{
			background: url(images/top_65.jpg) right top no-repeat;
			}
#top-content3{
	padding: 20px 40px 20px 40px;
	}
	#top-content3 div{
		clear: both;
		background: url(images/top_85.jpg) left bottom no-repeat;
		padding: 20px 0 0 430px;
		}
	#top-content3 li{
		float: left;
		padding: 0 5px;
		}
	#top-content3 h3{
		font-size: 16px;
		padding: 0 0 10px 0;
		}
#top-content5{
	padding: 40px;
	}
	#top-content5 #foot-flow{
		padding-bottom: 10px;
		}
	#top-content5 dl{
		margin-top: 20px;
		}
	#top-content5 dd{
		width: 801px;
		padding: 20px 25px 20px 30px;
		border-right: 2px solid #e8ecf0;
		border-left: 2px solid #e8ecf0;
		border-bottom: 2px solid #e8ecf0;
		}
	#review h3,#review2 h3{
position: relative;/*相対位置*/
line-height: 1.4;/*行高*/
display: inline-block;
}

#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 h3:before,#review2 h3:before{
  content:"\f053";/*アイコン種類*/
  padding-right: 0.5em
}
#review h3:after,#review2 h3:after{
content:"\f054";/*アイコン種類*/
padding-left: 0.5em
}
	#review li{
		margin:2em 0;
		position: relative;
		padding: 20px 20px 20px 160px;
		border: solid 2px #0066CC;
		border-radius: 3px 0 3px 0;
	}
	#review2 li{
		margin:2em 0;
		position: relative;
		padding: 20px 20px 20px 20px;
		border: solid 2px #0066CC;
		border-radius: 3px 0 3px 0;
		min-height: 280px;
		overflow: hidden;
	}
	#review li:before,#review li:after,#review2 li:before,#review2 li:after
	{
		content: '';
		position: absolute;
		width:10px;
		height: 10px;
		border: solid 2px #0066CC;
		border-radius: 50%;
	}
	#review li:after,#review2 li:after {
		top:-12px;
		left:-12px;
	}
	#review li:before,#review2 li:before {
		bottom:-12px;
		right:-12px;
	}
	#review li.icon1{
		background: #FFF url(images/icon1_03.png) left 50% no-repeat;
	}
	#review li.icon2{
		background: #FFF url(images/icon2_03.png) left 50% no-repeat;
	}
	#review li.icon3{
		background: #FFF url(images/icon3_03.png) left 50% no-repeat;
	}
	#review li.icon4{
		background: #FFF url(images/icon4_03.png) left 50% no-repeat;
	}
	#review li.icon5{
		background: #FFF url(images/icon5_03.png) left 50% 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;
	}
#review2 li .rev-img{
	float: left;
	padding: 0 20px 20px 0;
}
#review .re-title,#review2 .re-title{
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	padding: 20px 0 10px 0;
}
	#voice{
		padding: 20px 40px 40px 40px;
		}
	#voice #foot-voice{
		background: url(images/icon.png) left top no-repeat;
		padding: 5px 0 10px 30px;
		font-weight: bold;
		}
		.foot-voice-text p{
		border-top: dotted 1px #666;
		padding: 10px 90px 10px 0;
		color: #666;
		background: url(images/icon2.png) right bottom no-repeat;
		}
/*-----------サービス---------------*/
.ser-top{
	/*border-right: 3px solid #003399;
	border-left: 3px solid #003399;*/
	padding: 40px 380px 20px 50px;
	}
	#open-top{
		background: #FFF url(images/open_03.jpg) right bottom no-repeat;
		}
	#change-top{
		background: #FFF url(images/change_03.jpg) right bottom no-repeat;
		}
	#make-top{
		background: #FFF url(images/make_03.jpg) right bottom no-repeat;
		}
#sub-head2 ul{
	margin-bottom: 20px;
	}
	.ser-top .top-p{
		font-weight: bold;
		padding: 0 0 5px 5px;
		}
.ser-con{
	padding: 50px 50px 20px 50px;
	}
	.ser-con .big{
		padding: 0 0 10px 0;
		font-size: 24px;
		}
	.ser-con p{
		padding: 0 0 30px 0;
		}	
	.ser-con .ser-ul li{
		float: left;
		width: 410px;
		padding-bottom: 20px;
		}
		.ser-con #dl1,.ser-con #dl3{
			padding: 0 20px 0 0;
			}
		.ser-con .ser-ul dl 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{
				line-height: 1.8em;
				margin-bottom: 20px;
				}
			.ser-con .ser-ul dl dd{
				padding: 0 200px 0 0;
				font-size: 12px;
				}
			.ser-con .ser-ul dl dd span{
				display: block;
				padding: 10px 10px 6px 10px;
				background: #EEE;
				margin-bottom: 5px;
				}
		.ser-con table{
			border: 2px solid #1063bc;
			width: 840px;
			margin-bottom: 10px;
			}
		.ser-con table th{
			background-color: #E4F4FC;
			}
		.ser-con table th,.ser-con table td{
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
			border: 1px solid #1063bc;
			line-height: 1.4em;
			}
			.ser-con table .th{
				width: 140px;
				}
			.ser-con table span{
				font-size: 12px;
				}
	.ser-ul2{
		background-color: #EEE;
		padding: 20px 20px 10px 20px;
		margin-bottom: 10px;
		}
		.ser-ul2 li{
			padding: 0 0 10px 0;
			line-height: 1.6em;
			font-size: 12px;
			}
	.ser-con #ser-price{
		padding: 30px 0 20px 0;
		clear: both;
		}
	#open-con #dl1 dd{
		background: url(images/open_15.jpg) right top no-repeat;
		}
	#open-con #dl2 dd{
		background: url(images/open_17.jpg) right top no-repeat;
		}
	#open-con #dl3 dd{
		background: url(images/open_22.jpg) right top no-repeat;
		}
	#open-con #dl4 dd{
		background: url(images/open_21.jpg) right top no-repeat;
		}
	#change-con #div1{
		padding: 0 300px 0 20px;
		margin-bottom: 20px;
		background: url(images/change_14.jpg) right top no-repeat;
		}
	#change-con #div2,#change-con #div3,#make-con #div2,#make-con #div3{
		padding: 0 20px 0 300px;
		margin-bottom: 20px;
		}
		#change-con #div2{
			background: url(images/change_18.jpg) left top no-repeat;
			}
		#change-con #div3{
			border: none;
			background: url(images/change_21.jpg) left top no-repeat;
			}
		#make-con #div2{
			border-bottom: 2px dotted #003399;
			background: url(images/make_19.jpg) left top no-repeat;
			}
		#make-con #div3{
			border: none;
			background: url(images/make_22.jpg) left top no-repeat;
			}
#fq-con dt{
	padding: 15px 0 6px 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;
	width: 844px;
	float: left;
	}
	#map-con li{
		padding-bottom: 5px;
		}
h4.kind-title{
	background: #CCC url(images/kind_35.gif) left top repeat-x;
	padding: 10px 0 5px 10px;
	border: 1px solid #EEE;
	margin-bottom: 20px;
	line-height: 1.4em;
	clear: both;
	}
#kind-con div{
	padding: 0 0 30px 200px;
	float: left;
	}
	#kind-con div p{
		padding: 0 0 10px 0!important;
		font-size: 20px;
		font-weight: bold;
		color: #0066CC;
		}
	#kind-con #div1{
		background: url(images/kind_40.jpg) left top no-repeat;
		}
	#kind-con #div2{
		background: url(images/kind_51.jpg) left top no-repeat;
		}
	#kind-con #div3{
		background: url(images/kind_62.jpg) left top no-repeat;
		}
	#kind-con #div4{
		background: url(images/kind_68.jpg) left top no-repeat;
		}
	#kind-con #div5{
		background: url(images/kind1_40.jpg) left top no-repeat;
		}
	#kind-con #div6{
		background: url(images/kind2_40.jpg) left top no-repeat;
		}
	#kind-con #div7{
		background: url(images/kind_70.gif) left top no-repeat;
		}
	#kind-con #div7-2{
		padding: 0 0 0 30px!important;
		text-align: center;
		}
	#kind-con div dl dt{
		float: left;
		width: 80px;
		font-weight: bold;
		padding: 10px 0 10px 10px;
		}
		#kind-con .maker-title{
			border-top: 1px solid #3366CC;
			border-bottom: 1px solid #3366CC;
			}
		#kind-con .maker-title2{
			border-top: 1px solid #3366CC;
			}
		#kind-con div dl dd{
			float: left;
			padding: 10px 0 10px 15px;
			width: 535px;
			border-left: 1px solid #3366CC;
			}
			#kind-con .end{
				padding: 0 0 80px 200px;
				}
		#kind-con .big{
			color: #3366CC;
			font-size:30px;
			}
		.day{
		padding: 20px;
		}
	.day ul{
		background:#FFF url(images/icon2.png) right bottom no-repeat;
		}
		.day a{
			color: #0066CC;
			}
		.day li{
			padding-bottom: 5px;
			}
	.maker{
		padding: 8px 0 0 0!important;
		border-top: 1px dotted #333;
		}
		.red{
	color: red;
	}