@charset "utf-8";

* {
	/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */
    word-break: break-all;
}
body {
	color:#666666;
	background-color:#FEF9F3;
}
body, p {
	margin: 0;
	padding: 0;
}
/* 幅を制御する
-------------------------------------------------- */
.width-keeper {
	/* 中央寄せ */
    margin-left:auto;
	margin-right:auto;
	/* 最大幅をつけて PC でも見やすくする（無くても良い） */
    max-width: 640px;
}
/* ヘッダーにメニューを置くときに使用
-------------------------------------------------- */
.header {
	background:url(../../img/head_back.gif) repeat-x;
	height:65px;
	position: relative;
	z-index: 10;
}
.header .container {
	height:65px;
}
.header h1 {
	float:left;
	margin:0 0 0 15px;
}
.header .h_menue {
	float:right;
	margin:14px 0 10px 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	line-height: 1;
}
body {
	margin: 0;
}
h1, h2, h3, p, ul, ol, table, pre {
	margin-top:0;
}
a {
	background: transparent;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}
b, strong {
	font-weight:700;
}
code, pre {
	font-family: monospace, serif;
	font-size: 1rem;
}
pre {
	white-space:pre-wrap;
}
small {
	font-size:1.25rem;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
header .menu {
	position: absolute;
	cursor: pointer;
}
header .menu {
	left: 12px;
}
.js-menu {
	position: absolute;
	top: 65px;
	width: 100%;
	left: 0;
}
.js-menu {
	background: #cbf1e7;
	z-index: 1;
}
.js-menu ul {
}
.js-menu li {
	background-color:#CBF1E7;
	border-bottom:1px solid #696969;
	padding:10px 0 10px 20px;
}
.js-menu li a {
	display:block;
	text-decoration:none;
	color:#333;
}
.js-menu li.service_list a {
	padding:0 0 0 10px;
}
/* 中央、メインコンテンツ
-------------------------------------------------- */
.contents {
}
.contents .container {
/* メインコンテンツの余白や背景などを設定 */
        /* ex. margin padding background border */
 
    }
		
.contents h2 {
	color:#f16966;
	border-bottom:1px solid #9b9b9b;
	font-size:18px;
	width:98%;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.contents h3 {
	color:#f16966;
	font-size:18px;
	width:98%;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:20px;
	text-align:left;
}
h4 {
  color: #549873;
  font-weight: bold;
　font-size:16px;
	padding-left:15px;
	padding-bottom:5px;
	text-align:left;
}


/* 中央、メニュー
-------------------------------------------------- */
.menue_box {
	background:#e5f7ed;
	margin-bottom:15px;
}

ul.top_menue{
	background:#e5f7ed;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	font-size:16px;
	clear:both;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}


ul.top_menue a {
	display:block;
	padding:10px 0 10px 30px;
	text-decoration:none;
	color:#f16966;
}
ul.top_menue span {
	display:block;
	padding:10px;
	color:#f16966;
	font-weight:bold;
}

ul.top_menue > li {
	background-color:#e5f7ed;
	float:left;
	box-sizing: content-box;
}
ul.top_menue > li a {
	background:url(../../img/link_ico.gif) 5% center no-repeat;
	background-size: 20px 20px;
}

ul.top_menue > li.bl1 {
	border-top:1px solid #090204;
	border-right:1px solid #090204;
	width:49.5%;
}

ul.top_menue > li.bl2 {
	border-top:1px solid #090204;
	border-right:1px solid #090204;
	width:49.5%;
}

ul.top_menue > li.bl3 {
	border-top:1px solid #090204;
	border-right:1px solid #090204;
	width:49.5%;
}
ul.top_menue > li.bl4 {
	border-bottom:1px solid #090204;
	border-top:1px solid #090204;
	border-right:1px solid #090204;
	width:49.5%;
}
ul.top_menue > li.bl5 {
	border-bottom:1px solid #090204;
	border-top:1px solid #090204;
	border-right:1px solid #090204;
	width:49.5%;
}

ul.top_menue > li.br1 {
	border-top:1px solid #090204;
	width:50%;
}
ul.top_menue > li.br2 {
	border-top:1px solid #090204;
	width:50%;
}
ul.top_menue > li.br3 {
	border-top:1px solid #090204;
	width:50%;
}
ul.top_menue > li.br4 {
	border-top:1px solid #090204;
	border-bottom:1px solid #090204;
	width:50%;
}


ul.f_menue {
	background:#d7f0e2;
	width:100%;
	margin-bottom:20px;
	font-size:16px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
ul.f_menue a {
	display:block;
	padding:10px 0 10px 7px;
	text-decoration:none;
	color:#f16966;
}
ul.f_menue span {
	display:block;
	padding:10px;
	color:#f16966;
}

ul.f_menue > li {
	background:#d7f0e2;
	float:left;
	box-sizing: content-box;
}
ul.f_menue > li a {
	background:url(../../img/flink_ico.gif) 95% center no-repeat;
	background-size: 8px 12px;
}
ul.f_menue > li > p span {
}
ul.f_menue > li > ul > li {
	background:#F4F3F3;
	border-bottom:1px solid #696969;
}
ul.f_menue > li > ul > li > p {
	background:#999;
}




ul.f_menue > li.bl1 {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:49.5%;
}

ul.f_menue > li.bl2 {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:49.5%;
}

ul.f_menue > li.bl3 {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:49.5%;
}

ul.f_menue > li.bl4 {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:49.5%;
}

ul.f_menue > li.bl5 {
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:49.5%;
}

ul.f_menue > li.br1 {
	border-top:1px solid #fff;
	width:50%;
}
ul.f_menue > li.br2 {
	border-top:1px solid #fff;
	width:50%;
}
ul.f_menue > li.br3 {
	border-top:1px solid #fff;
	width:50%;
}

ul.f_menue > li.br4 {
	border-top:1px solid #fff;
	width:50%;
}
ul.f_menue > li.br5 {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:50%;
}

.mb20 {
	margin-bottom:20px;
}

.contents .page_top {
	text-align:right;
	margin-bottom:20px;
}
/* フッター
-------------------------------------------------- */
.footer {
	background-color:#92c3a8;
}
.footer .container {
	text-align:center;
	padding:5px 0 5px 0;
}
.footer .f_logo {
	margin-bottom:20px;
}
.footer .f_link {
	margin-bottom:20px;
}
.footer .f_link a {
	text-decoration:none;
	color:#FFF;
}
.footer .pc_btn {
	clear:both;
	margin-bottom:20px;
}
/* コピーライト */
        .footer .container .copyright {
	color:#FFF;
}
