@charset "UTF-8";
/* --------------------------------------------
* 全体の基本設定
* -------------------------------------------- */
body {
	line-height: 150%;
	background: #f5f5f5;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",Meiryo, "メイリオ",  sans-serif;
	font-size: 14px;
}
a {
	color: #4169e1;
}
	a:hover {
		color: #a0b4f0;
	}
img {
	max-width: 100%;
	border: none;
	vertical-align: bottom;
}
/* --------------------------------------------
* レイアウト
* -------------------------------------------- */
#container {
	width: 900px;
	margin: 20px auto;
}
/* --------------------------------------------
* 細かい設定
* -------------------------------------------- */
/*////////////////////////////// HEADER ///*/
header {
	background: #b5495b;
	-webkit-box-shadow: 0px 0px 5px #777;
		-moz-box-shadow: 0px 0px 5px #777;
			box-shadow: 0px 0px 5px #777;
	color: #f5f5f5;
}
/* TITLE */
header h1 {
	line-height: 50px;
	padding: 0 10px;
	color: #f5f5f5;
	font-size: 160%;
}
header p {
	padding: 0 10px 0 50px;
	font-size: 80%;
}
/* breadcrumbs */
#breadcrumbs {
	line-height: 25px;
	border-top: 1px solid #daa4ad;
	font-size: 80%;
}
#breadcrumbs li {
	list-style: none;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #daa4ad;
}
#breadcrumbs li:first-child {
	border-left: none;
}
#breadcrumbs li a {
	color: #f5f5f5;
	text-decoration: none;
}
	#breadcrumbs li a:hover {
		color: #f5f5f5;
	}
#breadcrumbs ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
/*////////////////////////////// MAIN CONTENT ///*/
.content-block {
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #eeeeee;
}
.content-block h2 {
	line-height: 30px;
	background: #b5495b;
    color: #f5f5f5;
}
.content-block h3 {
	line-height: 40px;
}
.content-block p {
	margin-bottom: 10px;
}
.content-block h2, .content-block h3, .content-block p {
	padding: 0 10px;
}
hr {
	border-top: 1px solid #e3e3e3;
}
/* button */
.btn a {
	display: block;
	width: 170px;
	margin: 0 auto ;
	background: #4ab6a4;
	border: 10px solid #a4dad1;
	color: #fff;
	text-decoration: none;
	text-align: center;
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
	.btn a:hover {
		background: #a4dad1;
		border-color: #4ab6a4;
	}
/*////////////////////////////// NAV ///*/
nav {
	background: #fff;
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
nav h2 {
	background: #e3e3e3;
	color: #8b8b8b;
	font-size: 80%;
}
nav h2, nav ul li {
	line-height: 25px;
	padding: 0 10px;
}
nav ul li {
	height: auto;
	line-height: 20px;
	padding: 8px;
	border-bottom: 1px solid #e3e3e3;
}
nav ul li a {
	display: block;
	color: #333;
	text-decoration: none;
}
	nav ul li a:hover {
		color:#8b8b8b;
	}
/*////////////////////////////// SITE MAP ///*/
#smap {
	width: 900px;
	margin: 20px auto;
	background: #fff;
	border: 1px solid #eeeeee;
}
#smap h2 {
	line-height: 30px;
	padding: 0 10px;
	background: #b5495b;
    color: #f5f5f5;
}
#smap ul {
	padding: 0 10px;
}
#smap ul li {
	line-height: 40px;
	list-style-type: square;
	list-style-position: inside;
}
/*////////////////////////////// FOOTER ///*/
footer {
	padding: 0 10px;
	border-top: 1px solid #8b8b8b;
	color: #8b8b8b;
}
#sm {
	line-height: 45px;
}
#sm a {
	color: #8b8b8b;
}
	#sm a:hover {
		color: #333;
	}
#copy {
	line-height: 25px;
	font-size: 85%;
}
/* --------------------------------------------
* SCROLLTOP 
* -------------------------------------------- */
.scroll-top {
 	position: fixed;
 	bottom: 0px;
 	right: 10px;
}
/* --------------------------------------------
* ボックスエフェクト
* -------------------------------------------- */
.effect {
	-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
			box-shadow: 0 10px 6px -6px #777;
}
/* --------------------------------------------
* 個別設定
* -------------------------------------------- */
/* 行揃え */
.center { text-align: center; }
.right { text-align: right; }
/* 文字色 */
.gray { color: gray; }
.blue { color: mediumblue; }
.green { color: green; }
.yellow { color: gold; }
.orange { color: darkorange; }
.red { color: crimson; }
.pink { color: lightpink; }
.purple { color: mediumorchid; }
/* 文字のサイズ */
.fsize_50 { font-size: 50%; }
.fsize_60 { font-size: 60%; }
.fsize_70 { font-size: 70%; }
.fsize_80 { font-size: 80%; }
.fsize_90 { font-size: 90%; }
.fsize_110 { font-size: 110%; }
.fsize_120 { font-size: 120%; }
.fsize_130 { font-size: 130%; }
.fsize_140 { font-size: 140%; }
.fsize_150 { font-size: 150%; }
/* margin個別設定 */
.mt_10 { margin-top: 10px; }
.mt_20 { margin-top: 20px; }
.mb_20 { margin-bottom: 20px; }

/* --------------------------------------------
* タブレット・スマホ用
* -------------------------------------------- */
@media screen and (max-width: 769px) {
	/*////////////////////////////// 全体 ///*/
	a {
		-webkit-tap-highlight-color: transparent;
	}
	/*////////////////////////////// レイアウト ///*/
	#container {
		width: 100%;
		margin-bottom: 0;
		display: -moz-box;
			display: -webkit-box;
				display: -o-box;
					display: box;
		-moz-box-orient: vertical;
			-webkit-box-orient: vertical;
				-o-box-orient: vertical;
					box-orient: vertical;
	}
	/*////////////////////////////// MAIN CONTENT ///*/
	.content-block {
		border-right: none;
		border-left: none;
	}
	/*////////////////////////////// MENU ///*/
	nav {
		margin-top: 20px;
	}
	/*////////////////////////////// SITE MAP ///*/
	#smap {
		width: 100%;
		border-right: none;
		border-left: none;
	}
	/*////////////////////////////// FOOTER///*/
	footer {
		padding: 0 ;
		border-top: none;
		text-align: center;
	}
	/*////////////////////////////// ヘッダー ///*/
	header h1 {
		height: auto;
		line-height: 25px;
		padding: 10px;
		color: #f5f5f5;
		font-size: 120%;
	}
}