@charset "UTF-8";

/***************************************************/
/* !Base setting */
/***************************************************/

html {
	background: #fff;
}

body {
	background: #fff;
	color: #222;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	/* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif; */
	font-size: 14px;
	min-width: 1060px; /* viewport */
}

@media only screen and (max-width: 640px) {

	body {
		min-width: 320px;
		font-size: 10px;
	}

}

a {
	color: #008CD6; 
	text-decoration: none;
}
a:visited { color: #008CD6; }
a:hover   { text-decoration: underline; }

::selection      { background: #d4d4d4; }
::-moz-selection { background: #d4d4d4; }

::-webkit-input-placeholder { color: #999; }
::-moz-placeholder          { color: #999; }
:-ms-input-placeholder      { color: #999; }


/***************************************************/
/* !Site module */
/***************************************************/

.Site {}
	.Site > .header {
		position: relative;
	}
		.Site > .header > .inner {
			height: 80px;
			margin: 0 auto;
			position: relative;
			width: 1000px;
		}
	.Site > .body {

	}
	.Site > .footer {}
		.Site > .footer > .first {
			border-top: 3px solid #2184C7;
			overflow: hidden;
		}
		.Site > .footer > .second {
			border-top: 1px solid #aaa;
			overflow: hidden;
		}
			.Site > .footer > .first > .inner {
				height: 80px;
				margin: 0 auto;
				padding-top: 10px;
				position: relative;
				width: 1000px;
			}
			.Site > .footer > .second > .inner {
				height: 90px;
				margin: 0 auto;
				padding-top: 10px;
				position: relative;
				width: 1000px;
			}

@media only screen and (max-width: 640px) {

	.Site {}
		.Site > .header {
			border-bottom: 2px solid #ccc;
		}
			.Site > .header > .inner {
				margin: 0;
				height: 40px;
				width: 100%;
			}
		.Site > .body {

		}
		.Site > .footer {}
			.Site > .footer > .first {
				border-top: 2px solid #2184C7;
				overflow: hidden;
			}
			.Site > .footer > .second {
				border-top: 1px solid #aaa;
				overflow: hidden;
			}
				.Site > .footer > .first > .inner {
					height: 35px;
					margin: 0;
					padding-top: 10px;
					width: 100%;
				}
				.Site > .footer > .second > .inner {
					height: 33px;
					margin: 0;
					padding-top: 10px;
					width: 100%;
				}
}

/***************************************************/
/* !Title module */
/***************************************************/

.Title {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	.Title > .hn {
		left: 0;
		position: absolute;
		top: 30px;
	}

@media only screen and (max-width: 640px) {

	.Title {}
		.Title > .hn {
			left: 15px;
			top: 15px;
		}
			.Title > .hn img {
				height: auto;
				width: 100px;
			}

}

/***************************************************/
/* !Contact module */
/***************************************************/

.Contact {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	.Contact > .list {}
		.Contact > .list > .tel {
			position: absolute;
			right: 230px;
			top: 20px;
		}
			.Contact > .list > .tel > a.isDisabled {
				cursor: default;
			}
		.Contact > .list > .form {
			position: absolute;
			right: 0;
			top: 20px;
		}

@media only screen and (max-width: 640px) {

	.Contact {}
		.Contact > .list {}
			.Contact > .list > .tel {
				right: 48px;
				top: 10px;
			}
				.Contact > .list > .tel img {
					height: auto;
					width: 128px;
				}
			.Contact > .list > .form {
				display: none;
			}

}

/***************************************************/
/* !GlobalMenu module */
/***************************************************/

.GlobalMenu {
	background: #000;
}
	.GlobalMenu > .hn {
		display: none;
	}
	.GlobalMenu > .list {
		margin: 0 auto;
		overflow: hidden;
		width: 1000px;
	}
		.GlobalMenu > .list > .li {
			float: left;
		}
		.GlobalMenu > .list > .li:first-child {
			margin-left: -15px;
		}
			.GlobalMenu > .list > .li > a {
				color: #fff;
				display: block;
				font-weight: bold;
				padding: 15px;
			}
			.GlobalMenu > .list > .li > a.isCurrent {
				color: #666;
			}

@media only screen and (max-width: 640px) {

	.GlobalMenu {}
		.GlobalMenu > .hn {
			background: url(../images/site/ico_globalmenu.png) 0 0 no-repeat scroll;
			background-size: 100% auto;
			height: 13px;
			display: block;
			overflow: hidden;
			position: absolute;
			right: 15px;
			text-indent: -9999px;
			top: 15px;
			width: 18px;
		}

		.GlobalMenu > .list {
			background: #000;
			display: none;
			margin: 0;
			overflow: visible;
			position: absolute;
			top: 42px;
			width: 100%;
			z-index: 10;
		}
			.GlobalMenu > .list > .li {
				float: none;
				margin: 0;
			}
			.GlobalMenu > .list > .li:first-child {
				margin-left: 0;
			}
			.GlobalMenu > .list > .li + .li {
				border-top: 1px solid #333;
			}
				.GlobalMenu > .list > .li > a {
					font-size: 12px;
					padding: 13px;
				}

}

/***************************************************/
/* !Pagetop module */
/***************************************************/

.Pagetop {
	margin-bottom: 10px;
}
	.Pagetop > .li {
		margin: 0 auto;
		text-align: right;
		width: 1000px;
	}
		.Pagetop > .li > .btn {
			background: url(../images/site/ico_pagetop_arr.png) 0 0 no-repeat scroll;
			color: #222;
			font-size: 12px;
			font-weight: bold;
			padding-left: 20px;
			text-decoration: none;
		}

@media only screen and (max-width: 640px) {

	.Pagetop {
		display: none;
	}

}

/***************************************************/
/* !FooterMenu module */
/***************************************************/

.FooterMenu {
	margin-bottom: 20px;
}
	.FooterMenu > .hn {
		display: none
	}
	.FooterMenu > .list {
		overflow: hidden;
	}
		.FooterMenu > .list > .li {
			border-left: 1px solid #222;
			float: left;
			margin-left: 10px;
			margin-bottom: 10px;
			padding-left: 10px;
		}
		.FooterMenu > .list > .li:first-child {
			border-left: none;
			margin-left: 0;
			padding-left: 0;
		}
		.FooterMenu > .list > .li:nth-child(8) {
			border-left: none;
			clear: both;
			margin-left: 0;
			padding-left: 0;
		}
			.FooterMenu > .list > .li > a {
				color: #000;
			}

@media only screen and (max-width: 640px) {

	.FooterMenu {
		margin: 0 15px 10px 15px;
	}
		.FooterMenu > .list {}
			.FooterMenu > .list > .li {
				border-left: 1px solid #222;
				float: left;
				font-size: 8px;
				margin-left: 4px;
				margin-bottom: 4px;
				padding-left: 4px;
			}
				.FooterMenu > .list > .li > a {
					color: #000;
				}

}

/***************************************************/
/* !SiteInfo module */
/***************************************************/

.SiteInfo {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	.SiteInfo > .logo {
		left: 0;
		position: absolute;
		top: 13px;
	}
	.SiteInfo > .tel {
		right: 110px;
		position: absolute;
		top: 15px;
	}
			.SiteInfo > .tel > a.isDisabled {
				cursor: default;
			}
	.SiteInfo > .url {
		right: 110px;
		position: absolute;
		top: 54px;
	}

	.SiteInfo > .qrcode {
		right: 12px;
		position: absolute;
		top: 13px;
	}

@media only screen and (max-width: 640px) {

	.SiteInfo {}
		.SiteInfo > .logo {
			left: 15px;
			top: 10px;
		}
			.SiteInfo > .logo img {
				height: auto;
				width: 83px;
			}
		.SiteInfo > .tel {
			right: 15px;
			position: absolute;
			top: 5px;
		}
			.SiteInfo > .tel img {
				height: auto;
				width: 118px;
			}
		.SiteInfo > .url {
			right: 15px;
			position: absolute;
			top: 25px;
		}
			.SiteInfo > .url img {
				height: auto;
				width: 118px;
			}
		.SiteInfo > .qrcode {
			display: none;
		}

}

/***************************************************/
/* !Path module */
/***************************************************/

.Path {
	margin: 10px auto 60px auto;
	width: 1000px;
}
	.Path > .hn {
		display: none;
	}
	.Path > .text {}
		.Path > .text > a {
			color: #222;
		}

@media only screen and (max-width: 640px) {

	.Path {
		display: none;
	}

}

/***************************************************/
/* !Contents module */
/***************************************************/

.Contents {
	margin: 0 auto;
	width: 1000px;
}
	.Contents > .hn {
		display: none;
	}

@media only screen and (max-width: 640px) {

	.Contents {
		margin: 0 15px;
		width: auto;
	}

}


/***************************************************/
/* !br module */
/***************************************************/

.Br1 {
	display: block;
}
.Br2 {
	display: none;
}

.wbr {
	display: none;
}

@media only screen and (max-width: 640px) {

	.wbr {
		display: block;
	}

	.Br1 {
		display: none;
	}

	.Br2 {
		display: block;
	}

}