body{
	font-size:14px;
}

header{
	border-top:5px solid #ccc;
}
header h1,
.head_tel{
	max-width:50%;
	float:left;
}
.head_tel{
	float:right;
}
.head_tel img{
	margin:20px 0 20px 90px;
	background:#f5f5f5;
	padding:3px;
}
header .inner{
	overflow:hidden;
}
footer{
	background:#999;
	color:#fff;
	text-align:center;
	line-height:80px;
}
nav{
	background:#777;
}
nav li,
nav li a{
	float:left;
	width:140px;
	text-align:center;
	height:40px;
	line-height:40px;
	color:#fff;
}
nav li a:hover{
	background:#555;
	color:#ddd;
}
.head_img{
	background:#666;
}
.inner,
.head_img p,
.main{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.main{
	margin-bottom:80px;
}
.contents,
.side{
	float:left;
}
.contents{
	width:75%;
	margin:20px 0;
}
.side{
	width:25%;
	padding:15px;
}

table{
	width:80%;
	margin:20px 10%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
th,
td{
	padding:5px 15px;
	border:1px solid #ccc;
}
th{
	background:#eee;
}
.subtext{
	padding:15px 30px;
	width:100%;
	background:#eee;
	margin-top:20px;
	color:#999;
	font-size:12px;
}
/*消すやつ*/
	.head_img p{
		height:350px;
	}
	nav{
		height:40px;
	}
/*消すやつ*/
h2{
	position: relative;
	color: #3f3f3f;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0 0 1.5em;
	padding: 0.5em 0.5em 0.5em 1.7em;
	border-bottom: 3px solid #2B3267;
}
h2:before{
	content: "";
	position: absolute;
	background: #8284A6;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
 
h2:after{
	content: "";
	position: absolute;
	background:#2B3267;
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}
.totop{
	text-align:right;
	width:100%;
}
.totop::before{
	width: 12px;
	height: 2px;
	background: #7a0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.totop::after{
	left: 1px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a0;
	border-right: 2px solid #7a0;
}
.tel_bnr{
	margin:20px 0;
}
.tel_bnr img{
	width:100%;
}

.organization{
	font-size:12px;
	padding:10px;
	border-radius:10px;
	border:1px solid #ccc;
	background:#e9e9e9;
}
.organization li{
	border-bottom:1px solid #ccc;
	line-height:25px;
	text-indent:1em;
}
.organization li:last-child{
	border:0;
}
.organization h3{
	color: #fff;
	padding: 0.5em;
	display: inline-block;
	line-height: 1.3;
	background: #272E67;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;
	width:100%;
}
.organization h3:before {
	content: '●';
	color: white;
	margin-right: 8px;
}
.side>ul>li{
	margin:20px 0;
}
.side li img{
	border:1px solid #ccc;
	width:100%;
}
.side li img:hover{
	opacity:0.7;
}
.side li p{
	font-size:12px;
	padding:10px;
}
.area{
	width:100%;
	overflow:hidden;
}
.area img{
	width:434px;
	margin:0 auto;
	display:block;
}
.area li{
	float:left;
	width:18%;
	margin:1%;
	padding:2px 0;
	background:#ccc;
	text-align:center;
}
input,
textarea{
	border:1px solid #ccc;
	border-radius:5px;
	width:100%;
	padding:3px;
	background:#d9dbff;
}
textarea{
	height:150px;
}
button{
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 10px;
	background:#666;
	color:#fff;
	width:20%;
	margin:0 40%;
}
button:hover{
	background:#333;
	color:#ddd;
}
.message{
	margin:50px 0;
	padding:50px;
	background:#eee;
}
.top{
	width:100%;
}
.top .harf{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.top .item{
	width:46%;
	margin:0 2%;
	float:left;
	padding:15px;
	overflow:hidden;
}
.top .item h4{
	position: relative;
	background: #8284A6;
	box-shadow: 0px 0px 0px 5px #8284A6;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	margin-bottom:15px;
}
.top .item h4:after{
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #2B3267;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
//.top .item img,
//.top .item p{
//	float:left;
//}
.top .item img{
	height:100px;
	width:150px;
	background:#000;
}

.voice dt{
	width:80%;
	background: linear-gradient(transparent 70%, #8284A6 70%);
	margin-bottom:15px;
}
.voice dd{
	text-indent:1em;
	margin-bottom:30px;
	overflow:hidden;
}
.voice p{
	width:570px;
}
.voice img{
	margin-left:10px;
}
.voice p,
.voice img{
	float:left;
}
.pickup{
	overflow:hidden;
	margin-bottom:30px;
}
.pickup li{
	width:30%;
	margin:0 1.5%;
	float:left;
	
}
.pickup dt{
	position: relative;
	padding-left: 25px;
}
.pickup dt:before{
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #8284A6;
}
.pickup dt:after{
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #8284A6;
}
.pickup dd{
	margin-left:10px;
}
.about dt{
	position:relative;
	margin:0 -1px;
	text-align:center;
	color:#333;
	background:#f0e800;
	-webkit-transform: rotate(3deg) skew(3deg);
	-moz-transform: rotate(3deg) skew(3deg);
	-o-transform: rotate(3deg) skew(3deg);
	-ms-transform: rotate(3deg) skew(3deg);
	transform: rotate(3deg) skew(3deg);
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),0px 0 0 0 #f0e800,0px 0 0 0 #f0e800;
}
.about dd{
	margin-bottom:15px;
}
.about dd ul{
	list-style-type:square;
	margin-left:15px;
	padding:10px;
}
.menu_button{
	display:none;
}
.example li{
	border:1px solid #ddd;
	margin-bottom:10px;
	border-radius:5px;
	padding:5px;
}
.example li dt{
	borader-bottom:solid 2px #333;
}