@charset "utf-8";

/*----------------------------------------*----------------------------------------
composition
----------------------------------------*----------------------------------------*/

html { font-size: 10px; }
body {
	font-family: "Open Sans", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #404040;
}

#contents {
	background: #fff;
}

/*----------------------------------------*----------------------------------------
header-tape
----------------------------------------*----------------------------------------*/

#header-tape .container { position: relative; }

	#header-tape {
		font-size: 1.1rem;
		background: #0268cc;
		line-height: 3rem;
		color: #fff;
	}

/*----------------------------------------
nav
----------------------------------------*/

	#header-tape .nav {
		position: absolute;
		top: 0;
		right: 10px;
	}
	#header-tape .nav a {
		display: inline-block;
		text-decoration: none;
		vertical-align: baseline;
		position: relative;
		font-size:1.5rem;
		color:#fff;
		background:#3c94ec;
		width:220px;
		height:40px;
		line-height:4rem;
		padding-left:50px;
		border-radius: 0 0 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}
	#header-tape .nav a:before {
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -.5em;
		font-family: "FontAwesome";
		content: "\f003";
		line-height: 1;
	}
	#header-tape .nav a:hover,
	#header-tape .nav .is-active { background:#8abff4; color: #fff; }

/*----------------------------------------*----------------------------------------
header
----------------------------------------*----------------------------------------*/

#header .container { position: relative; }

	#header > .container {
		padding-top: 9px;
		padding-bottom: 9px;
	}

/*----------------------------------------
logo
----------------------------------------*/

#header .logo {
	background: url(../img/logo.gif?ver=20200204) no-repeat left center;
	background-size: contain;
	margin-bottom: 0;
}
#header .logo a { height: 68px; }

	#header .logo {
		width: 600px;
		height: 68px;
	}

/*----------------------------------------
contactBox
----------------------------------------*/

	#header .contactBox {
		position: absolute;
		top: 14px;
		right: 10px;
		text-align:right;
	}
	#header .contactBox .tel {
		font-size:3rem;
	}
	#header .contactBox .tel i {
		color:#e66845;
		padding-right:5px;
	}
  #header .contactBox .time {
    font-size: 1.3rem;
  }

/*----------------------------------------*----------------------------------------
globalNav
----------------------------------------*----------------------------------------*/

#globalNav { background:#e9e7e7 url(../img/globalNav_bg.gif); border-bottom:2px #cccccc solid; }
#globalNav ul { margin-bottom: 0; }
#globalNav a {
	display: block;
	text-decoration: none;
	color: #404040;
}

	#globalNav {
		margin-top: -10px;
	}
	#globalNav ul.clearfix {
		background: url(../img/globalNav.png) no-repeat 0 -60px;
		width: 960px;
		margin: 0 auto;
	}
	
	/* li */
	
	#globalNav ul.clearfix > li {
		float: left;
		background-image: url(../img/globalNav.png);
	}
	#globalNav .nav00 {
		width: 145px;
		background-position: 0 0;
	}
	#globalNav .nav01 {
		width: 145px;
		background-position: -145px 0;
	}
	#globalNav .nav02 {
		width: 180px;
		background-position: -290px 0;
	}
	#globalNav .nav03 {
		width: 180px;
		background-position: -470px 0;
	}
	#globalNav .nav04 {
		width: 145px;
		background-position: -650px 0;
	}
	#globalNav .nav05 {
		width: 145px;
		background-position: -795px 0;
	}
	
	/* a */
	
	#globalNav ul.clearfix > li > a { height: 60px; }
	#globalNav ul.clearfix > li:hover,
	#globalNav ul.clearfix > li > a.is-active { background: none; }

/*----------------------------------------*----------------------------------------
side
----------------------------------------*----------------------------------------*/

#side {}

/* side_nav_common */

.side_nav { margin-bottom: 20px; }
.side_nav dt {}
.side_nav dd {}
.side_nav li {}
.side_nav ul ul { margin-left: 20px; }
.side_nav li li {}
.side_nav a {}
.side_nav a:hover {}
.side_nav .on {}
.side_nav strong {}

/* side_nav */

#side_nav {}
#side_nav dt {}
#side_nav dd {}
#side_nav li {}
#side_nav li:first-child {}
#side_nav a {}
#side_nav a:hover {}
#side_nav .on {}
#side_nav strong {}

/* side_bnr */

#side_bnr {}
#side_bnr li { margin-bottom: 20px; }
#side_bnr li:first-child {}

/* cms */

#side .current-cat > a { color: #3c94ec; }


/*----------------------------------------*----------------------------------------
	bana_block.
----------------------------------------*----------------------------------------*/
.bana_block{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.bana-block_vertical{
padding: 1.3em 0;
  height: 100%;
}

.bana_block img.bana-border{
border: 1px solid #bbb;
  vertical-align: middle;
}

/*----------------------------------------*----------------------------------------
	googlemap
----------------------------------------*----------------------------------------*/

#google_map {
  position: relative;
  width: 100%;
  height: 0;
	margin-bottom: 0px;
  padding-top: 400px;
}

#google_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/*----------------------------------------*----------------------------------------
footerNav
----------------------------------------*----------------------------------------*/

	#footerNav {
		background: #0268cc;
		border-bottom:1px #013c75 solid;
		padding: 20px 0;
		font-size: 1.3rem;
		letter-spacing: -.4em;
		text-align: center;
		color: #fff;
	}
	#footerNav a { color: #fff; text-decoration:none; }
	#footerNav a:hover { color: #f7b101; }
	
	/* ul */

	#footerNav ul {
		display: inline;
		letter-spacing: -.4em;
	}
	#footerNav li {
		display: inline;
		letter-spacing: normal;
		margin-left:15px;
	}
	#footerNav li:first-child {
		margin-left:0px;
	}
	#footerNav a:before {
		font-family: "FontAwesome";
		content: "\f061";
		margin-right: 3px;
	}


/*----------------------------------------*----------------------------------------
footer
----------------------------------------*----------------------------------------*/

#footer {
	background: #0268cc;
	border-top:1px #4a93d8 solid;
	font-size: 1.3rem;
	color: #fff;
}

	#footer { padding: 20px 0; }

/*----------------------------------------*
logo
----------------------------------------*/

#footer .container {
	position:relative;
	background-image: url(../img/footer_logo.gif);
	background-repeat: no-repeat;
	background-size: 356px 70px;
}
#footer .btn { background: rgba(1, 67, 179, 1); }
#footer .btn:hover { background: rgba(1, 67, 179, .5); }

	#footer .container { background-position: 10px top; }

/*----------------------------------------*
profile
----------------------------------------*/

#footer .profile ul { margin-top: 10px; }
#footer .profile li { margin-bottom:  0px; }

/*----------------------------------------*
contact
----------------------------------------*/

#footer .contact .btn {
	background: rgba(255, 255, 255, 1);
	color:#0268cc;
	font-size:15px;
	padding: 10px 20px 10px 40px;
}
#footer .contact .btn:hover { background: rgba(255, 255, 255, .5); }
#footer .contact .btn:before {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -.5em;
	font-family: "FontAwesome";
	content: "\f003";
	line-height: 1;
	color:#0268cc;
}

#footer .contact ul { margin-bottom: 10px; }
#footer .contact li { margin-bottom:  0px; }
#footer .contact .tel { font-size:2.6rem; }
#footer .contact .tel i {	padding-right:5px; }

	#footer .contact {
		border-left: 5px dotted #fff;
	}

/*----------------------------------------*----------------------------------------
copyright
----------------------------------------*----------------------------------------*/

	#copyright { position:absolute; top:90px; left:10px; }

/*----------------------------------------*----------------------------------------
backToTop
----------------------------------------*----------------------------------------*/

#backToTop {
	bottom: 0px;
	position: fixed;
	right: 20px;
}
#backToTop a {
	background: url(../img/backToTop.png) no-repeat left top;
	height: 100px;
	width: 100px;
}

/*----------------------------------------*----------------------------------------
page-header
----------------------------------------*----------------------------------------*/

#page-header {
	background:url(../img/page_header.jpg) top center repeat-x;
	margin-bottom:60px;
}
#page-header .container {
	background:url(../img/pagetitle.jpg?ver=20210922) top center no-repeat;
	height:146px;
}
#page-header h1 {
	margin: 50px 0 0;
	font-size: 3rem;
	line-height: 1;
	font-weight: normal;
}