/* ****************************************************
	リセット
***************************************************** */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td, figure {
	margin:0;
	padding:0;
}

img {
	border:0;
	vertical-align:bottom;
}
p.btm img {
	border:0;
	vertical-align:top;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}



/* body
------------------------------------------------- */
body {
	width: 100%;
	height: 100%;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media(max-width:640px) {
	body {
		max-width: 640px;
		font-size: 14px;
	}
	body img {
		width: 100%;
		height: auto;
	}
}

/* wrapper
------------------------------------------------- */
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}



/* header
------------------------------------------------- */
header {
	border-top: 5px solid #00aae2;
	border-bottom: 5px solid #00aae2;
	width: 960px;
	margin: 30px auto 0;
	padding: 40px 0;
	text-align: center;
}
header h1 {
	color: #1c3154;
	font-size: 18px;
	font-weight: bold;
}
@media(max-width:640px) {
	header {
		border-top: 3px solid #00aae2;
		border-bottom: 3px solid #00aae2;
		width: 94%;
		margin: 8% auto 0;
		padding: 8% 0;
	}
	.logo {
		width: 40%;
		margin: 0 auto 3%;
	}
	header h1 {
		font-size: 16px;
	}
}

/* contetnts
------------------------------------------------- */
#contents {
	width: 960px;
	margin: 80px auto 0;
}
#contents .box {
	border: 1px solid #ccc;
	background: #f8f8f8;
	width: 860px;
	margin: 0 auto;
	padding: 50px 50px;
}
#contents .box .ttl {
	margin-bottom: 20px;
	text-align: center;
	font-size: 48px;
	font-weight: bold;
}
#contents .box .txt {
	margin-bottom: 40px;
	text-align: center;
}
#contents .box .tel {
	text-align: right;
}
@media (min-device-width: 641px) and (max-device-width: 1024px) {
	#contents {
		width: 94%;
		margin: 3% 3% 5%;
	}
}
@media(max-width:640px) {
	#contents {
		width: 94%;
		margin: 10% auto 5%;
	}
	#contents .box {
		width: 90%;
		padding: 5% 5%;
	}
	#contents .box .txt {
		margin-bottom: 8%;
	}
}



/* footer
------------------------------------------------- */
footer {
}


/* *******************************************
     common
******************************************* */

/* link
------------------------------------------------- */
a:link,
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover,
a:active {
	color: #333;
	text-decoration: underline;
}




/* FLOAT -Clearfix
------------------------------------------------- */
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}