@charset"utf-8";

body{
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/*----------ヘッダー----------*/
header{
	position: fixed;
	width: 100%;
	height: 120px;
	border: 1px solid #add8e6;
	background-image: url("image/header_back.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 2;
}
header .title{
	float: left;
	width: 430px;
	height: 80px;
	margin-top: 10px;
	margin-left: 10px;
	vertical-align: middle;
}
header .title img{
	width: 750px;
}
header .h_contact{
	float: right;
	width: 430px;
	height: 100px;
	margin-right: 79px;
}
header .h_contact img{
	margin-top: 5px;
	width: 500px;
}

/*----------ナビ----------*/
nav{
	width: 100%;
	height: 50px;
	background-color: #add8e6;
}
nav ul{
	width: 1063px;
	margin: auto;
	list-style-type: none;
}
nav ul li{
	width: 254px;
	line-height: 50px;
	float: left;
	margin: -1px -1px 0 0;
	text-align: center;
	vertical-align: middle;
}
nav ul li a{
	display: block;
	color: #ffffff;
	text-decoration: none;
}
nav ul li a:hover{
	display: block;
	background-color: #afeeee;
}
.container{
	overflow: hidden;
}
.container label,
.container input[type="checkbox"]{
	display: none;
}
.top{
	width: 100%;
	position: fixed;
	margin-top: 120px;
	overflow: hidden;
	z-index: 2;
}

/*----------パンくずリスト----------*/

div#bread{
	height: 40px;
	margin-left: -35px;
}
div#bread ol{
	list-style-type: none;
}
div#bread ol li{
	float: left;
	margin-right: 10px;
}
div#bread ol li a{
	color: #ffa500;
	text-decoration: none;
}
div#bread ol li a:hover{
	color: #ffd700;
}

/*----------コンテンツ----------*/
div#contents{
	width: 1000px;
	height: auto;
	margin:auto;
	margin-top: 170px;
	padding: 10px;
	overflow: hidden;
}
div#contents h1{
  border-bottom: double 7px #1e90ff;
  height: 55px;
  font-size: 45px;
  font-family: "HG正楷書体-PRO",serif;

}
div#contents h2{
	font-size: 20px;
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #f0f8ff;/*背景色*/
	border-left: solid 5px #87cefa;/*左線（実線 太さ 色）*/
}
.m_contact{
	width: 1000px;
	text-align: center;
	margin-top: 20px;
}

div.svs_con,
div.svs_con img{
	overflow: hidden;
}

/*----------フッター----------*/
footer{
	background-color: #add8e6;
	color: #ffffff;
	overflow: hidden;
	text-align: center;
}
footer ul{
	width: 602px;
	list-style-type: none;
	overflow: hidden;
	margin: auto;
	padding: 0;
	text-align: center;
}
footer ul li{
	margin-right: 20px;
	float: left;
}
footer ul li a{
	text-decoration: none;
	color: #ffffff;
	margin-right: 17px;
}
footer ul li a:hover{
	text-decoration: underline;
}
footer .copyright{
	text-align: center;
	overflow: hidden;
}
footer .keiei{
	margin-left: 40px;
	float: left;
	overflow: hidden;
}
footer .contact{
	overflow: hidden;
	float: right;
}
footer .foot_title{
	margin-right: 50px;
}


/*----------各ページごと----------*/

/***index.html***/
div#slide{
	position: relative;
	height: 530px;
}
div#slide img{
	position: absolute;
	left: 0;
	top: 170px;
}
.svs_con p.greeting{
	float: left !important;
	width: 730px;
}

table.prc_table,
table.con{
	width: 700px;
	margin: auto;
	border-collapse: sepalate;
}
table.campany{
	width: 500px;
	float: left;
	margin-right: 20px;
}
table.campany th,
table.campany td,
table.prc_table th,
table.prc_table td,
table.con th,
table.con td{
	padding: 10px;
}
table.campany th{
	background-color: #6495ed;
	color: #ffffff;
}
table.campany td{
	background-color: #f0ffff;
}
img.con_pic{
	float: right;
}

/***service***/
div.flow{
	clear: both;
	width: 700px;
	margin: auto;
	padding: 10px;
	background-color: #f0ffff;
	border-radius:10px;
	overflow: hidden;
}
div.flow2{
	width: 700px;
	margin: auto;
	text-align: center;
	font-size: 40px;
	color: #90ee90;
}
div.flow3{
	width: 313px;
	height:auto;
	float: left;
	background-color: #f0ffff;
	margin-right: 20px;
	text-align: center;
}
div.flow img{
	float: left;
	margin-right: 20px;
	width: 250px;
}


div.flow h3{
	text-align: center;
	margin: -1px -2px -2px 260px;
	padding: 2px;
	background-color: #add8e6;
	color: #ffffff;
}
div.flow p{
	width: 700px;
}
div.flow3 p{
	width: 313px;
	font-weight: bold;
	font-size: 20px;
}
/***price.html***/
table.prc_table{
	border-color: #add8e6;
	border-collapse: collapse;
	text-align: center;
}
table.prc_table th{
	background-color: #b0e0e6;
}


/***contact.html***/
table.con{
	border-collapse: collapse;
	border: 1px solid #a9a9a9
}
p.con{
	width: 700px;
	margin: auto;
}
table.con tr.button{
	text-align: center;
}
table.con th{
	background-color: #d3d3d3;
}
div.tel_contact{
	text-align: center;
}
div.privacy{
	margin-top: 20px;
	width: 700px;
	height: 400px;
	overflow: scroll;
	border: 1px solid #dcdcdc;
}
div.privacy p.business span{
	font-weight: bold;
}