@charset "utf-8";


/* ============================================================
 init
============================================================ */
body {
	color: #494949;
	line-height: 1.5;
	-webkit-text-size-adjust:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	background: #e3f5fb;
}

#wrap {
	position: relative;
	min-width: 980px;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	zoom: 1;
}
@media screen and (max-width: 767px) { /* for SP */
	#wrap {
		min-width: 300px;
		width: 100%;
	}
}
/* tag
------------------------------------------------------------ */
img {
	height: auto;
	border:0;
	vertical-align:bottom;
}

p,
li,
th,
td,
dt,
dd { font-size:14px;
}

	
/* link
------------------------------------------------------------ */
a { 
	color: #494949;
	overflow: hidden;
}

a:link,
a:visited,
a.rollover:hover {
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
}
a.arrow {
	display: inline-block;
	padding-left: 13px;
	background-image: url(../img/icon/arrow_01.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.rollOpa:hover {
	text-decoration: none;
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
a.line {
	text-decoration: underline;
}
a.line:hover {
	text-decoration: none;
}
a.hoverLine {
	text-decoration: none;
}
a.hoverLine:hover {
	text-decoration: underline;
}

/* class
------------------------------------------------------------ */
.clearfix,
ul,
dl {
	zoom:1;
}
.clearfix:after,
ul:after,
dl:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}

input {
	vertical-align: middle;
}
label span {
	display: inline-block;
    padding-left: 3px;
}

.hgroup,
.block,
.outer,
.inner,
.row,
.box,
.cell,
.flame {
	position:relative;
	zoom:1;
}
	
.hgroup:after,
.block:after,
.outer:after,
.inner:after,
.row:after,
.box:after,
.cell:after,
.inr:after,
section:after,
.flame:after {
	content: "";
	display: block;
	clear: both;
}

.box,
.cell {
	float:left;
}

.box.right,
.cell.right {
	float:right;
}

.cGr {
	background: #009e41;
	background: -webkit-gradient(
		-45deg,
		linear,
		left top,left bottom,
		from(#009e41),
		color-stop(0.5, #009e41),
		color-stop(0.5, #03ae49),
		to(#c1e770));
	background:-moz-linear-gradient(-45deg, #009e41 0%, #009e41 50%, #03ae49 50%,#03ae49);
	background:linear-gradient(-45deg, #009e41 0%, #009e41 50%, #03ae49 50%,#03ae49);
}
.cBl {
	background: #0b308e;
	background: -webkit-gradient(
		-45deg,
		linear,
		left top,left bottom,
		from(#0b308e),
		color-stop(0.5, #0b308e),
		color-stop(0.5, #133ba0),
		to(#133ba0));
	background:-moz-linear-gradient(-45deg, #0b308e 0%, #0b308e 50%, #133ba0 50%,#133ba0);
	background:linear-gradient(-45deg, #0b308e 0%, #0b308e 50%, #133ba0 50%,#133ba0);
}
.bold {
	font-weight: bold;
}
.txtRight {
	text-align: right;
}
.txtCenter {
	text-align: center;
}
.shadow {
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px #d2e9f2;  
    -moz-box-shadow: 0px 0px 5px #d2e9f2;  
    box-shadow: 0px 0px 5px #d2e9f2;
}
.gradat {
	background: ##fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0fafd));
	background:-moz-linear-gradient(#fff, #f0fafd);
	background:linear-gradient(#fff, #f0fafd);
}
.bdr7 {
	border-radius: 7px;
	border: solid 1px #fff;
}
.contact a {
	display: block;
	padding: 24px 0 14px;
	border: solid 6px #fff;
	background: #fed045;
	background: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#fed045),
		color-stop(0.80, #ffab1a),
		to(#ffab1a));
	background-image:-webkit-linear-gradient(#fed045 0%, #ffab1a 80%,#ffab1a);
	background:-moz-linear-gradient(#fed045 0%, #ffab1a 80%,#ffab1a);
	background:linear-gradient(#fed045 0%, #ffab1a 80%,#ffab1a);
	border-radius: 7px;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
}
.contact a:hover {
	background: #ffab1a;
	background: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#ffab1a),
		color-stop(0.80, #fed045),
		to(#fed045));
	background-image:-webkit-linear-gradient(#ffab1a 0%, #fed045 80%,#fed045);
	background:-moz-linear-gradient(#ffab1a 0%, #fed045 80%,#fed045);
	background:linear-gradient(#ffab1a 0%, #fed045 80%,#fed045);
}
.contactBox {
	padding: 20px 0;
	background: #fff8dc;
}
.contactBox .contact {
	position: relative;
	display: table;
	width: 400px;
	height: 90px;
	margin: 0 auto;
}
.contactBox .contact.shadow {
	-webkit-box-shadow: 0px 0px 5px #e5d9ad;
	-moz-box-shadow: 0px 0px 5px #e5d9ad;
	box-shadow: 0px 0px 5px #e5d9ad;
}
.contactBox .contact a {
	display: table-cell;
	padding: 0 0 0 100px;
	font-size: 24px;
	line-height: 1.3;
	vertical-align: middle;
	border: 4px solid #fff;
}
.contactBox .contact img {
	display: block;
	position: absolute;
	top: 50%;
	left: 24px;
	width: 60px;
	margin-top: -30px;
}
.goTopBtn {
	position: relative;
	display: table;
	margin: 0 auto;
}
.goTopBtn a {
	display: table-cell;
	width: 124px;
	height: 50px;
	padding: 0 0 0 55px;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 0 2px #fff;
	box-shadow: inset 0 0 0 2px #fff;
	border: solid 1px #dae1e5;
	background-image: -webkit-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -moz-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -o-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -ms-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: linear-gradient(to top, #f0fafd, #fff 80%);
}
.goTopBtn a:after {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background:url(../img/icon/icon_001.png) no-repeat;
	background-size: 24px;
	background-position: left center;
	content: "";
}
.goTopBtn a:hover {
	border: solid 1px #57bcf3;
}

@media only screen and (max-width: 960px) { /* for desktop */
	.contactBox {
		margin: 0 -10px;
		padding: 15px 0;
	}
	.contactBox .contact {
		width: 300px;
		height: 70px;
		margin: 0 auto;
	}
	.contactBox .contact a {
		display: table-cell;
		padding: 0 70px 0 15px;
		font-size: 16px;
		border: 2px solid #fff;
	}
	.contactBox .contact img {
		display: block;
		position: absolute;
		top: 50%;
		left: auto;
		right: 15px;
		width: 50px;
		margin-top: -25px;
	}
	.goTopBtn {
		width: 100%;
	}
	.goTopBtn a {
		padding: 0;
		text-align: center;
	}
}

/* js予約 */
.btn {}
.rollover {}
.imgLink {}
.alpha {}

@media only screen and (max-width: 960px) { /* for desktop */
	/* 1.5倍に拡大表示 */
	input[type="radio"],
	input[type="chexkbox"] {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	.lato {
		font-size: 8px;
	}
	.cGr {
		background-image:
		linear-gradient(-18deg, #009e41 50%, #03ae49 50%, #03ae49);
	}
	.cBl {
		background-image:
		linear-gradient(-18deg, #0b308e 50%, #133ba0 50%, #133ba0);
	}
	.moveOut {
		-webkit-transform:translate(-250px, 0px);
		transform:translate(-250px, 0px);
	}
}

.alpha {
	background: #fff;
}

.spElement {
	display: none !important;
}
@media screen and (max-width: 767px) { /* for SP */
	.spElement {
		display: block !important;
	}
	.pcElement {
		display: none !important;
	}
	.wordBreak {
		display: none;
	}
}

/* space
============================================================ */
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}

@media screen and (max-width: 767px) { /* for SP */
	.mt10 { margin-top: 5px !important;}
	.mt15 { margin-top: 7px !important;}
	.mt20 { margin-top: 10px !important;}
	.mt25 { margin-top: 12px !important;}
	.mt30 { margin-top: 15px !important;}
	.mt40 { margin-top: 20px !important;}
}

/* font
============================================================ */
.fs05 { font-size: 10px !important;}
.fs14 { font-size: 14px !important;}
.fs16 { font-size: 16px !important;}
.fs18 { font-size: 18px !important;}
.fs20 { font-size: 20px !important;}
.fs24 { font-size: 24px !important;}

@media screen and (max-width: 767px) { /* for SP */
	.fs05 { font-size: 08px !important;}
	.fs14 { font-size: 12px !important;}
	.fs16 { font-size: 12px !important;}
	.fs18 { font-size: 14px !important;}
	.fs20 { font-size: 16px !important;}
	.fs24 { font-size: 18px !important;}
}

/* contactBox
============================================================ */
#contents .headBtn {
	display: none;
}
@media screen and (max-width: 767px) { /* for SP */
	#contents .headBtn {
		position: fixed;
		width: 100%;
		z-index: 1000;
	}
	#contents .headBtn .contactBox {
		margin: 0;
		padding: 10px 0;
		background: rgba(0,0,0,0.5);
	}
	#contents .headBtn .contactBox p {
		-webkit-box-shadow: 0px 0px 5px #707c82;  
		-moz-box-shadow: 0px 0px 5px #707c82;  
		box-shadow: 0px 0px 5px #707c82;
	}
}

/* header
============================================================ */
header {
	width: 980px;
	margin: 12px auto;
}
header .logo > * {
	float: left;
}
header .logo h1 {
	margin: 27px 0 0 15px;
	font-size: 12px;
}
header .logo img {
	width: 198px;
	height: auto;
}
header .right  {
	width: 520px;
	/*margin-top: 10px;*/
	margin: 10px -6px 0 0;
}
header .right li {
	float: left;
}

@media screen and (max-width: 767px) { /* for SP */
	header {
		margin: 0;
		padding: 20px 0 0;
		width: auto;
		background: #fff;
	}
	header .inner {
		border-top: solid 1px #b9d8e5;
		width: auto;
		margin: 0 auto;
		padding: 10px 6px 10px 10px;
		background: #e3f5fb;
	}
	header .logo {
		float: none;
	}
	header .logo img {
		width: 112px;
		height: auto;
	}
	header .logo h1 {
		position: absolute;
		left: 0;
		top: -27px;
		font-size: 10px;
		margin: 0;
	}
	header .right {
		width: 120px;
		margin: -52px 0 0;
	}
	header .right p {
		float: right;
	}
	header .right p {
		float: right;
		padding-left: 4px;
	}
	header .right p a {
		display: table-cell;
		width: 55px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		font-size: 9px;
		color: #fff;
		background-size: 55px 50px;
	}
	header .right p a span {
		display: inline-block;
		padding-top: 25px;
	}
	header .menu a {
		background: url(../img/nav/sp_menu.png) 0 0 no-repeat;
	}
	header .menu a.open {
		background: url(../img/nav/sp_close.png) 0 0 no-repeat;
		background-size: 55px 50px;
	}
	header .mypage a {
		background: url(../img/nav/sp_mypage.png) 0 0 no-repeat;
	}
}


/* #contents
============================================================ */
#contents {
	width: 980px;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
#contents:after {
	content:"";
	display:block;
	height:0.1px;
	clear:both;
	visibility:hidden;
}

@media screen and (max-width: 767px) { /* for SP */
	#contents {
		width: 100%;
	}
}

/* #main
============================================================ */
#main {
	width: 100%;
}
#main .inner {
	width: 980px;
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /* for SP */
	#main {
		width: auto;
	}
	#main .inner {
		width: auto;
		margin: 0 auto;
	}
}

/* .gNav
------------------------------------------------------------ */
.gNav {
	height: 70px;
	background: url(../img/nav/bg_01.png) 0 0 repeat-x;
}
.gNav ul {
	width: 980px;
	margin: 0 auto;
}
.gNav li {
	float: left;
}

/* #breadNav
------------------------------------------------------------ */
#breadNav {
	padding-bottom: 17px;
}
#breadNav li {
	float: left;
	color: #999;
}
#breadNav li .gt {
	padding: 0 10px;
	color: #999;
}
#breadNav li a {
	color: #43a4d4;
}
#breadNav li a:hover {
	text-decoration: underline;
}

/* article
------------------------------------------------------------ */
#main article {
	float: right;
	width: 740px;
}
#main article h2 {
	position: relative;
	padding: 19px 20px 9px;
	font-size: 28px;
	color: #1ba3ed;
	font-weight: bold;
	background: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#ffffff),
		color-stop(0.20, #ffffff),
		to(#f0fafd));
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 20%,#f0fafd);
	background: -moz-linear-gradient(#ffffff 0%, #ffffff 20%,#f0fafd);
	background: linear-gradient(#ffffff 0%, #ffffff 20%,#f0fafd);
}
#main article h2:before {
	position: absolute;
	top: -1px;
	left: 20px;
	width: 86px;
	height: 14px;
	content: "";
	background: url(../img/h2_img.png) 0 0 no-repeat;
	background-size: 86px auto;
}
#main article h2 + .outer {
	background: url(../img/h2_line.png) 0 0 no-repeat;
}
#main article .outer h3.blTit {
	margin: 0 -10px;
	padding: 5px 10px;
	font-size: 20px;
	color: #fff;
	background-color: #74ceff;
	background-image: -webkit-linear-gradient(left, #3ebbff, #79deff);
	background-image: -moz-linear-gradient(left, #3ebbff, #79deff);
	background-image: -o-linear-gradient(left, #3ebbff, #79deff);
	background-image: -ms-linear-gradient(left, #3ebbff, #79deff);
	background-image: linear-gradient(to right, #3ebbff, #79deff);
	border-radius: 7px;
	font-weight:bold;
}
}

#main article .outer h3.lineTit {
	padding: 0 0 11px;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/h3_line.png) 0 bottom no-repeat;
}
#main article .outer h3.lineTit span {
	display: block;
	font-size: 16px;
	color: #1ba3ed;
}
#main article .outer p {
	font-size: 14px;
	line-height: 1.75;
}
#main article .outer h3 {
	font-size: 16px;
}

@media screen and (max-width: 767px) { /* for SP */
	#main article {
		float: none;
		width: 100%;
		border-radius: 0;
	}
	#main article h2 {
		padding: 10px 12px;
		font-size: 18px;
	}
	#main article h2:before {
		position: absolute;
		top: -1px;
		left: 10px;
		width: 48px;
		height: 8x;
		content: "";
		background: url(../img/h2_img.png) 0 0 no-repeat;
		background-size: 48px 8px;
	}
	#main article h2 + .outer {
		background: none;
		border-top: solid 2px #c4e8fc;
	}
	#main article .outer h3.blTit {
		font-size: 16px;
		border-radius: 0;
		font-weight:bold;
	} 
	#main article .outer h3.lineTit {
		position: relative;
		padding: 0 0 7px;
		font-size: 16px;
		background: none;
		border-bottom: solid 2px #d3e6f0;
	}
	#main article .outer h3.lineTit:after {
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 300px;
		height: 2px;
		background: url(../img/h3_line.png) 0 bottom no-repeat;
		background-size: 340px 2px;
		content: "";
	}
	#main article .outer h3.lineTit span {
		font-size: 14px;
	}
	#main article .outer h3 {
		font-size: 14px;
	}
}

/* aside
------------------------------------------------------------ */
#main aside {
	float: left;
	width: 220px;
}
#main aside .btn li + li {
	margin-top: 10px;
}
#main aside .btn .contact:hover {
	border: solid 1px #fff;
}
#main aside .btn .contact a,
#main aside .btn .contact a:hover {
	height: 70px;
	border: solid 2px #fff;
}
#main aside .btn li {
	position: relative;
	display: table;
	padding: 1px;
}
#main aside .btn li.contact {
	padding: 0;
}
#main aside .btn li:hover {
	padding: 0;
	border: solid 2px #57bcf3;
}
#main aside .btn a {
	display: table-cell;
	width: 220px;
	height: 50px;
	padding: 0 0 0 55px;
	font-size: 14px;
	vertical-align: middle;
}
#main aside .btn a img {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 35px;
	height: auto;
	margin-top: -17px;
}

/*asideTitle*/
#main .asideTitle {
	margin-bottom: 20px;
	border: none;
}
#main .asideTitle p {
	position: relative;
	width: 100%;
	padding: 26px 0 19px;
/*	height: 68px;*/
	margin-bottom: 14px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #74d4f3;
	background-image: -webkit-linear-gradient(bottom, #4bbaf7, #74d3f3);
	background-image: -moz-linear-gradient(bottom, #4bbaf7, #74d3f3);
	background-image: -o-linear-gradient(bottom, #4bbaf7, #74d3f3);
	background-image: -ms-linear-gradient(bottom, #4bbaf7, #74d3f3);
	background-image: linear-gradient(to top, #4bbaf7, #74d3f3);
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
#main .asideTitle p span {
	vertical-align: middle;
	text-align: center;
}
#main .asideTitle p:after {
	position: absolute;
	bottom: -13px;
	left: 0;
	display: block;
	width: 220px;
	height: 14px;
	content: "";
	background: url(../img/aside_line.jpg) no-repeat;
	background-position: 0 bottom;
}
#main .asideTitle ul {
	padding-top: 5px;
}
#main .asideTitle li {
	display: block;
	padding: 0 5px;
}
#main .asideTitle li span {
	margin-top: 5px;
	padding: 5px 0;
}
#main .asideTitle li + li span {
	display: block;
	border-top: 1px solid #dae1e5;
}
#main .asideTitle li a {
	display: block;
	padding: 9px 10px 9px 30px;
	width: auto;
	background: url(../img/icon/arrow_b_02.png) no-repeat 10px center;
	background-size: 8px 12px;
}
#main .asideTitle li:hover {
	border: none;
}
#main .asideTitle li a:hover {
	background: url(../img/icon/arrow_b_02.png) no-repeat 10px center #c5f1ff;
	border-radius: 3px;
	color: #1ba3ed;
}

/*
#main .asideTitle li a {
	padding: 0 0 0 35px;
	background: url(../img/icon/arrow_b_02.png) no-repeat;
	background-size: 8px 12px;
	background-position: 15px 18px;
}
#main .asideTitle li + li a span {
	display: block;
	width: 100%;
	border-top: 1px solid #dae1e5;
}
#main .asideTitle li a:after {
	display: block;
	position: absolute;
	left: 10px;
	top: 0;
	width: 8px;
	height: auto;
	content: "";
	background: url(../img/icon/arrow_b_01.png) no-repeat;
	background-size: 8px auto;
}
#main .asideTitle .btn li:hover {
	border: none;
}
*/


/* .h2Txt
------------------------------------------------------------ */
#main .h2Txt {
	padding: 15px 0 9px;
	text-align: center;
	font-size: 20px;
	color: #333;
	background: #c1e770;
	border-bottom: solid 6px #a9d645;
}

@media screen and (max-width: 767px) { /* for SP */
	#main .h2Txt {
		padding: 7px 0 5px;
		font-size: 14px;
		border-bottom: solid 3px #a9d645;
	}
}

/* .outer
------------------------------------------------------------ */
#main .outer {
	padding: 60px 30px 20px;
}
#main .outer .box {
	width: 600px;
}
#main .outer .box.right {
	width: 280px;
}
#main .outer table {
	width: 100%;
	border-bottom: solid 1px #dae1e5;
}
#main .outer th,
#main .outer td {
	padding: 10px;
	border-top: solid 1px #dae1e5;
	font-size: 14px;
	text-align: left;
	line-height: 1.75;
}
#main .outer th {
	width: 140px;
	color: #1ba3ed;
	font-weight: bold;
	vertical-align: top;
}

@media screen and (max-width: 767px) { /* for SP */
	#main .outer {
		padding: 10px;
	}
	#main .outer .box,
	#main .outer .box.right {
		float: none;
		width: 100%;
	}	
	#main .outer th,
	#main .outer td {
		padding: 6px 0;
	}
	#main .outer th {
		width: 75px;
		padding-right: 10px;
	}
}

/* .bread
------------------------------------------------------------ */
#main .bread {
    margin: 17px 0 0;
}
#main .bread li {
    float: left;
}
#main .bread li span {
    padding: 0 11px;
}

/* .balloon
------------------------------------------------------------ */
#main .balloon {
	padding-top: 16px;
}
#main .balloon:after {
	display: block;
	clear: both;
	content: "";
}
#main .balloon dl {
	position: relative;
	float: left;
	width: 170px;
	padding: 12px 17px 0;
	border: solid 4px #c1e770;
}
#main .balloon dl + dl {
	margin-left: 13px;
}
#main .balloon dl + dl:before {
	position: absolute;
	top: 50%;
	left: -17px;
	margin-top: -6px;
	border-bottom: 7px solid transparent;
    border-left: 12px solid #c1e770;
    border-top: 7px solid transparent;
    content: "";  
}
#main .balloon dt {
	font-weight: bold;
	font-size: 16px;
}
#main .balloon dd {
	font-size: 14px;
}

@media screen and (max-width: 767px) { /* for SP */
	#main .balloon {
		padding-top: 6px;
	}
	#main .balloon dl {
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 6px 10px;
		border: solid 2px #c1e770;
	}
	#main .balloon dl + dl {
		margin-left: 0;
		margin-top: 13px;
	}
	#main .balloon dl + dl:before {
		border: none;
	}
	#main .balloon dl + dl:before {
		position: absolute;
		top: -9px;
		left: 50%;
		margin-left: -6px;
		border-top: 10px solid #c1e770;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		content: "";
	}
	#main .balloon dt {
		font-size: 12px;
		text-align: center;
	}
	#main .balloon dd {
		font-size: 12px;
	}
	
}

/* localNav
============================================================ */
.localNav {
	margin: 0 0 20px;
}
.localNav li {
	float: left;
	display: table;
	width: 49%;
}
.localNav li + li {
	float: right;
}
.localNav li a {
	position: relative;
	display: table-cell;
	width: 44px;
	height: 44px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 0 2px #fff;
	box-shadow: inset 0 0 0 2px #fff;
	border: solid 1px #dae1e5;
	background-image: -webkit-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -moz-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -o-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -ms-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: linear-gradient(to top, #f0fafd, #fff 80%);
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #1ba3ed;
}
.localNav li.left a {
	padding-left: 23px;
}
.localNav li.right a {
	padding-right: 23px;
}
.localNav li.left a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(../img/icon/icon_005.png) no-repeat;
	background-size: 22px;
	background-position: center left;
	content: "";
}
.localNav li.right a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(../img/icon/icon_001.png) no-repeat;
	background-size: 22px;
	background-position: center left;
	content: "";
}
.localNav li.cr a {
	padding: 0;
	box-shadow: none;
	border: solid 1px #45b9ef;
	background-image: -webkit-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: -moz-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: -o-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: -ms-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: linear-gradient(to top, #45b9ef 20%, #82e0ff);
	color: #fff;
	cursor: auto;
}
.localNav li.cr a:after {
	background: none;
}
.f_server .localNav {
	margin: 0 0 10px;
}
.f_server .localNav li.left a {
	padding-left: 0;
}
.f_server .localNav li a {
	padding-right: 23px;
}
.f_server .localNav li.left a:after,
.f_server .localNav li.right a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	left: auto;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(../img/icon/icon_001.png) no-repeat;
	background-size: 22px;
	background-position: center left;
	content: "";
}
.f_server .localNav li.cr.left a,
.f_server .localNav li.cr.right a {
	padding-right: 0;
}
.f_server .localNav li.cr a:after {
	display: none;
}

/* pager
============================================================ */
.pager {
	margin: 30px auto 0;
	text-align: center;
}
.pager li {
	display: inline-block;
/*	float: left;
	display: table;
*/}
.pager li + li {
	margin-left: 10px;
}
.pager li a {
	display: table-cell;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 0 2px #fff;
	box-shadow: inset 0 0 0 2px #fff;
	border: solid 1px #dae1e5;
	background-image: -webkit-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -moz-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -o-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: -ms-linear-gradient(bottom, #f0fafd, #fff 80%);
	background-image: linear-gradient(to top, #f0fafd, #fff 80%);
	text-align: center;
	vertical-align: middle;
	color: #1ba3ed;
}
.pager li a:hover,
.pager li.cr a {
	box-shadow: none;
	border: solid 1px #45b9ef;
	background-image: -webkit-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: -moz-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: -o-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: -ms-linear-gradient(bottom, #45b9ef 20%, #82e0ff);
	background-image: linear-gradient(to top, #45b9ef 20%, #82e0ff);
	color: #fff;
	cursor: auto;
}
.pager li.prev a,
.pager li.next a {
	position: relative;
}
.pager li.prev a:after,
.pager li.next a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 12px;
	margin: -6px 0 0 -4px;
	background: url(../../common_rwd/img/icon/arrow_b_02.png) no-repeat;
	background-size: 8px 12px;
	background-position: center;
	content: "";
}
.pager li.prev a:hover:after,
.pager li.next a:hover:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 12px;
	margin: -6px 0 0 -4px;
	background: url(../../common_rwd/img/icon/arrow_b_02_02.png) no-repeat;
	background-size: 8px 12px;
	background-position: center;
	content: "";
}
.pager li.prev a:after {
	background: url(../../common_rwd/img/icon/arrow_b_04.png) no-repeat;
	background-size: 8px 12px;
	background-position: center;
}
.pager li.prev a:hover:after {
	background: url(../../common_rwd/img/icon/arrow_b_04_02.png) no-repeat;
	background-size: 8px 12px;
	background-position: center;
}
@media screen and (max-width: 767px) { /* for SP */
	.pager {
		margin: 0 auto;
	}
	.f_price .pager {
		margin: 20px auto;
	}
}

/* footer
============================================================ */
footer {
	position: relative;
	margin-top: 40px;
	background: #cdedf8;
}
footer nav {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
footer nav:after {
	display: block;
	clear: both;
	content: "";
}
footer nav li {
	display: inline-block;
}
footer nav li {
	margin-left: 20px;
}
footer nav li > ul {
	float: none;
	width: 225px;
	margin-left: 20px;
}
footer nav li {
	font-size: 14px;
	line-height: 2.0;
}
footer nav a {
	position: relative;
	padding-left: 15px;
	color: #43a4d4;
}
footer nav a:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(../img/icon/arrow_b_01.png) 0 0 no-repeat;
	background-size: 7px auto;
}
footer nav a:hover {
	text-decoration: underline;
}
footer .pageTop {
	position: fixed;
	bottom: 74px;
	right: 0px;
}
footer .row {
  margin: 0 auto;
  background: #78cce8;
}
footer .row .rowin{
  margin: 0 auto;
  padding: 5px 0;
  width: 300px;
  height: 30px; 
}
footer .footban{
  float: left;
  margin: 0 0 5px 0;
}
footer .copy {
  padding: 15px 10px;
	font-size: 12px;
	color: #fff;
  float: left;
}

/* footer for SP
============================================================ */
@media screen and (max-width: 767px) { /* for SP */
	footer {
		margin-top: 20px;
	}
	footer nav {
		width: 100%;
		padding: 0;
	}
	footer nav ul {
		text-align: left;
		float: none;
		width: 100%;
	}
	footer nav li {
		display: block;
		float: none;
		font-size: 12px;
		line-height: 1.5;
		margin-left: 0;
	}
	footer nav a {
		position: relative;
		display: block;
		padding: 11px 20px 11px 10px;
		border-top: solid 1px #a4daec;
	}
	footer nav a:before {
		background: none;
	}
	footer nav a:after {
		position: absolute;
		left: auto;
		right: 10px;
		top: 50%;
		content: "";
		width: 10px;
		height: 17px;
		margin-top: -8px;
		background: url(../img/icon/arrow_b_01.png) 0 0 no-repeat;
		background-size: 10px auto;
	}
	footer nav a:hover {
		text-decoration: none;
	}
	footer nav li > ul {
		display: none;
	}
	footer .pageTop {
		bottom: 50px;
		right: 5px;
	}
	footer .pageTop img {
		width: 60px;
		height: 60px;
	}
footer .row {
    padding: 5px 0 0;
    }
  footer .row .rowin{
    margin: 0 auto;
    padding: 0;
  }
  footer .footban{
    right: 5px;
  }
}


/* #modal-content (SP menu)
------------------------------------------------------------ */
@media screen and (min-width: 768px) { /* for PC */
	#modal-content {
		display: none !important;
	}
}
#modal-content {
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: 20px;
	border-top: solid 1px #cbe5f2;
	border-bottom: solid 1px #cbe5f2;
	z-index: 102;
	box-shadow: 0 0 5px #d2e9f2;
}
#modal-content ul {
	width: 100%;
}
#modal-content ul li a {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 14px;
	background: #ffffff;
}
#modal-content ul li a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 17px;
	margin-top: -8px;
	background: url(../img/icon/arrow_b_01.png) 0 0 no-repeat;
	background-size: 10px 17px;
	content: "";
}
#modal-content ul li + li {
	border-top: solid 1px #cbe5f2;
}

.modal_closeBtn {
	position: absolute;
	top: -56px;
	right: 10px;
	width: 55px;
	height: 55px;
}
.modal_closeBtn img {
	width: 55px;
}
#modal-close span {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	right: 9px;
	width: 3.5em;
	color: #fff;
	font-size: 9px;
}

.button-link{
	text-decoration:underline;
}

/* .maintenanceImg 工事中
------------------------------------------------------------ */
.maintenanceImg {
	margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width: 767px) { /* for SP */
	.maintenanceImg {
		margin: 20px auto;
	}
	.maintenanceImg img {
		width: 270px;
		height: auto;
	}
}