@charset 'utf-8'; 
/* ----- css reset ----- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; 
	padding: 0; 
	border: 0; 
}
html, body {
	height: 100%; 
}
body {
	font-size: 75%; 
	line-height: 2; 
	background: #fff; 
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; /*フォントの種類指定(左から優先順位)*/
	color: #333;
}
ol, ul {
	list-style: none; 
}
a {
	color: #333; 
}
a:hover {
	text-decoration: none; 
}
.color1 {
	color: #990000; 
}
/*header*/

header {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 70px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
	background: #3f4c6b; /* Old browsers */
	background: -moz-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4c6b), color-stop(100%, #3f4c6b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3f4c6b 0%, #3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b', GradientType=0 ); /* IE6-9 */
	z-index: 1000; /*ボックス重なり順序指定*/
}
/*左上ロゴ*/

h1 {
	font-family:"MS Serif", "New York", serif;
	font-size: 25px;
	line-height: 70px; 
	height: 70px; 
}
h1 a {
	color: #fff; 
	text-decoration: none; 
}
h1 a:hover {
	/*時間的変化指定*/
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; /*ここまで*/
	/*透明度設定*/
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6; /*ここまで*/
}
p img {
	float:left;
	padding-bottom: 30px;
}
/*右上コンテンツ*/

.info {
	font-size: 1em; 
	color: #fff; 
	width: 300px; 
	height: 70px; 
	text-align: center; 
}
.info ul {
	padding: 12px 0; 
}
.info li {
	padding: 0 0 7px 0; 
	line-height: 1; 
}
.copyright {
	color: #fff; 
	font-size: 0.9em; 
	line-height: 15px; 
	position: fixed; 
	bottom: 20px; 
	left: 0; 
}
/*レイアウト*/

.wrapper {
	float: right; 
	width: 100%; 
	margin-top: 70px; 
	margin-left: -200px; 
}
.content {
	margin-left: 200px; 
}
/*メインコンテンツ*/

article {
	width: 100%; 
	margin: 20px 0 50px 0; 
}
section {
	width: 80%; 
	margin: 0 auto; 
	padding: 20px; 
	background: #fff; 
}
article h2 {
	font-size: 4em;
	font-weight: normal; 
	font-family: "MS Serif", "New York", serif; 
	text-align: center; 
	line-height: 3; 
}
article h3 {
	font-size: 1.5em; 
	font-weight: normal; 
	margin-bottom: 10px; 
}
article li, p {
	font-size: 1.3em; 
	margin-left: 20px; 
}
.terms_content li li {
	font-size: 100%; 
}
/* ----- table ----- */

.ta {
	width: 100%; 
	border-collapse: collapse; 
	margin: 0 auto; 
}
.ta th, td {
	border: solid #999 1px; 
	padding: 0 0 10px 10px;
	color: #333; 
	font-size: 1.3em; 
	font-weight: normal; 
	text-align: left; 
}

.tb {
	width: 100%; 
	border: solid #999 1px; 
	margin: 0 auto; 
}
.tb th, td {
	border: solid #999 1px; 
	padding: 0 0 10px 10px;
	color: #333; 
	font-size: 1.3em; 
	font-weight: normal; 
	text-align: left; 
}
/*map*/

.gmap {
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px;
	height: 0; 
	overflow: hidden; 
}
.gmap iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
	height: 100%; 
}
/*無限スクロール*/

.scroll_area {
	margin: 0 auto;
	width: 100%; 
}
#infscr-loading {
	z-index: 100;
	position: fixed; 
	left: 50%; 
	bottom: 20px;
}
/*ページトップアイコン*/

.pagetop:hover {
	/*時間的変化指定*/
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; /*ここまで*/
	color: #000; 
	/*透過設定*/
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6; /*ここまで*/
}

/*レスポンシブ*/

@media screen and (max-width: 768px) {
h3, p, ol, li, th, td, dl {
	font-size: 1em !important; 
}
header {
	height: 50px; 
}
h1 {
	font-size: 13px;
	line-height: 50px;
	height: 50px; 
}

p img {
	float:left;
	padding-bottom: 40px;
}

article h2 {
	font-size: 2em; 
}
.info {
	font-size: 0.9em; 
	width: 80px; 
	height: 50px; 
}
.info ul {
	padding: 5px 0; 
}
.wrapper {
	margin: 50px 0 0 0; 
}
.content {
	margin: 0; 
	width: 100%; 
}
section {
	width: 90%; 
}
.form dl {
	width: 100%; 
	padding: 0; 
	border: none; 
}
.form dl dt {
	float: none; 
	position: static; 
	width: 100%; 
}
.form dl dd {
	float: none; 
	width: 100%; 
	margin-left: 10px; 
}
.form dl dd .txt, .ctSelect {
	width: 90%; 
	height: 30px;
	line-height: 30px; 
}
.copyright {
	/*透過設定*/
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5; /*ここまで*/
}
}