@charset "utf-8";
/* --------------------------------------------
   リセット
-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
ul {
	letter-spacing: -.4em;
}
li {
	letter-spacing: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	vertical-align: bottom;
}
/* --------------------------------------------
   ベース
-------------------------------------------- */
html {
	height: 100%;
}
body {
  background:url(../images/hdrBg.jpg) repeat-x center top;
  color: #222;
  font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	min-width: 1000px;
	-webkit-text-size-adjust: 100%;
}
a.op:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
*{
	*display: inline;
	*zoom: 1;
}
 @media screen and (max-width: 640px) {
body {
	font-size: 16px;
	max-width: 640px;
	min-width: 100%;
}
}
/* --------------------------------------------
   【structure】
-------------------------------------------- */
.inner {
	width: 1000px;
	margin: 0 auto;
}
#mainContents{
  margin-bottom: 40px;
}
#footer{
  text-align: center;
  clear: both;
}

/* スクロールアイコン */
#fixedTop {
	right: 40px;
	bottom: 40px;
	width: 62px;
	height: 76px;
	display: none;
	position: fixed;
	z-index: 9999;
}
#fixedTop img {
	width: 100%;
	height: auto;
}
 @media screen and (max-width: 640px) {
.inner {
	width: 98%;
	margin: 0 auto;
}
#mainContents img{
  width: 100%;
  height: auto;
  float: none;
  display: block;
  margin: 0 auto 20px !important;
}
/* スクロールアイコン */
#fixedTop {
	right: 10px;
	bottom: 10px;
	display: none;
}
}
/* --------------------------------------------
   【header】
-------------------------------------------- */
#header .inner{
  height: 126px;
  position: relative;
}
#header .hdrLogo{
  position: absolute;
  top:19px;
  left: 0;
}
#header .juFukuoka{
	width:110px;
	background:#f00;
	color:#fff;
	text-align:center;
	display:inline-block;
	border-radius:5px;
	position: absolute;
	top:0;
	left:430px;
}
#header .hdrContact{
  text-align: center;
  position: absolute;
  top: 20px;
  right: 0;
}
#header .hdrContact > dt{
	width: 315px;
  background: #222;
  color:#fff;
  font-size: 11px;
  margin-bottom: 5px;
}
#header .hdrContact > dd:nth-of-type(2){
  background: #f7f7f7;
  margin-top: 5px;
}
#header h1{
  color:#002052;
  font-size:11px;
	position:absolute;
	top:19px;
	left:100px;
  z-index: 1;
}
 @media screen and (max-width: 640px) {
#header .inner{
	height:auto;
}
#header .hdrLogo{
  width: 300px;
	position: relative;
	top:10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#header .hdrLogo img{
	width:auto;
	height:50px;
}
#header .juFukuoka{
	width:80px;
	font-size:10px;
	top:0;
	left:55px;
}
#header .hdrContact{
	margin:20px 0 10px;
	position: static;
}
#header .hdrContact > dt{
	margin: 0 auto 5px;
}
#header h1{
	margin-top:10px;
	margin-right:45px;
	position: static;
}
  }
/* --------------------------------------------
   【navi】
-------------------------------------------- */
nav{
  background: #f7f7f7;
}
nav > ul{
  width: 1000px;
  margin: 0 auto;
}
nav > ul > li{
  display: inline-block;
  vertical-align: top;
}
nav > ul > li > a{
  width: 167px;
  height: 80px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; 
}
nav > ul > li:first-child{
  background: url(../images/nav01_on.jpg) no-repeat center;
  background-size: 166px auto;
}
nav > ul > li:nth-child(2){
  background: url(../images/nav02_on.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:nth-child(3){
  background: url(../images/nav03_on.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:nth-child(4){
  background: url(../images/nav04_on.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:nth-child(5){
  background: url(../images/nav05_on.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:last-child{
  background: url(../images/nav06_on.jpg) no-repeat center;
  background-size: 166px auto;
}
nav > ul > li:first-child > a{
	width:166px;
  background: url(../images/nav01.jpg) no-repeat center;
  background-size: 166px auto;
}
nav > ul > li:nth-child(2) > a{
  background: url(../images/nav02.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:nth-child(3) > a{
  background: url(../images/nav03.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:nth-child(4) > a{
  background: url(../images/nav04.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:nth-child(5) > a{
  background: url(../images/nav05.jpg) no-repeat center;
  background-size: 167px auto;
}
nav > ul > li:last-child > a{
	width:166px;
  background: url(../images/nav06.jpg) no-repeat center;
  background-size: 166px auto;
}
nav > ul > li:hover > a{
	background:none;
}

/* Toggle(Button) */
#navToggle {
	display: none;
	position: absolute;/*to body*/
	right: 10px;
	top: 15px;
	width: 30px;
	height: 25px;
	cursor: pointer;
	border:#999 2px solid;
	background:#fff;
	padding:6px 3px;
}
#navToggle div {
	position: relative
}
#navToggle span {
	display: block;
	position: absolute;/*to div*/
	width: 100%;
	border-bottom: solid 3px #999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {
	top: 0
}
#navToggle span:nth-child(2) {
	top: 11px
}
#navToggle span:nth-child(3) {
	top: 22px
}
 @media screen and (max-width: 640px) {
nav > ul{
	width:auto;
}
nav > ul > li{
	width:49.4%;
	 background: none !important;
	text-align:center;
	border:#bbb 1px solid;
}
nav > ul > li > a{
	width:100% !important;
	height:auto;
  background: none !important;
	padding:10px 0;
	text-indent:initial;
}
nav > ul > li > a > span{
	color:#002052;
	display:block;
	font-size:12px;
}
header nav {
	position: absolute;
	top: -400px; /*通常時はビュー外*/
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index:100;
}
/* Toggle(Button) */
#navToggle {
	display: block;
}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.openNav #navToggle span:nth-child(2){
	display:none;
}
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(510px);
	-webkit-transform: translateY(510px);
	transform: translateY(510px)
}
}
/* --------------------------------------------
   【footer】
-------------------------------------------- */
#footer .ftrContact{
  background: #f7f7f7;
  border-bottom: #002052 2px solid;
}
#footer .ftrContact > ul{
  width: 1000px;
  padding: 10px 0;
  margin: 0 auto;
}
#footer .ftrContact > ul > li{
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#footer .ftrContact > ul > li:last-child{
  margin-right: 20px;
}
#footer .ftrContact > ul > li > dl > dt{
	width: 315px;
  background: #222;
  color: #fff;
  font-size: 11px;
  margin-bottom: 5px;
}

#footer ul.ftrAdd{
	font-size:11px;
	color:#011856;
	margin:30px 0 10px;
}
#footer ul.ftrAdd img{
	margin-bottom:30px;
}

#footer p.copy{
	background: #002f78;
	background: -moz-linear-gradient(top, #002f78, #002052);
	background: -webkit-linear-gradient( top, #002f78 0%, #002052 100% );
	background: linear-gradient( to bottom, #002f78 0%, #002052 100% );
	color:#fff;
	font-size:11px;
  padding:6px 0;
  border-top:#222 2px solid;
}
#footer p.sanzen{
	font-size:11px;
	text-align:right;
	padding:2px 0;
}
#footer p.sanzen a{
	color:#bbb;
}
 @media screen and (max-width: 640px) {
#footer .ftrContact > ul{
  width: 98%;
}
#footer .ftrContact > ul > li{
  display: block;
  margin-right: 0 !important;
}
#footer .ftrContact > ul > li:nth-child(2){
  margin-bottom:10px;
}
#footer .ftrContact > ul > li > img{
	width:100%;
	height:auto;
}
#footer .ftrContact > ul > li > dl > dt{
	width:auto;
}
#footer .ftrContact > ul > li > dl > a > dd{
	width:100%;
	height:auto;
}
#footer ul.ftrAdd{
	font-size:11px;
	color:#011856;
	margin:10px 0;
}
#footer ul.ftrAdd img{
	margin-bottom:10px;
}
}
/* ---------------------------------------------------------
   【テキストスタイル】
--------------------------------------------------------- */
.center {text-align: center !important; margin:inherit auto !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.top {vertical-align: top !important;}
.bottom {vertical-align: bottom !important;}

.bold{ font-weight:bold; }
.normal {font-weight:normal;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f22 {font-size:22px !important;}
.f24 {font-size:24px !important;}
.f28 {font-size:28px !important;}
.f30 {font-size:30px !important;}
.f36 {font-size:36px !important;}

.fMincho{
	font-family: "游明朝", "Yu Mincho","ＭＳ Ｐ明朝", "ＭＳ 明朝","Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",  serif;
}

.fcBlue{color:#002052;}


.block{
	display:block;
}

/* ---------------------------------------------------------
   【余白】	5px未満は個別に追加
--------------------------------------------------------- */
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml00 {margin-left: 0px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.mr00 {margin-right: 0px !important;}
.mr02 {margin-right: 2px !important;}
.mr05 {margin-right: 5px !important;}
.mr06 {margin-right: 6px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}

.pt00 {padding-top: 0px !important;}
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pb00 {padding-bottom: 0px !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl00 {padding-left: 0px !important;}
.pl05 {padding-left: 05px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pr00 {padding-right: 00px !important;}
.pr05 {padding-right: 05px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}

/* ---------------------------------------------------------
   【フロート】
--------------------------------------------------------- */
.fltL { float:left; }
.fltR { float:right; }
.both 	{ clear:both; }
.both05 { clear:both;height:05px;line-height:1;font-size:1px; }
.both10 { clear:both;height:10px;line-height:1;font-size:1px; }
.both15 { clear:both;height:15px;line-height:1;font-size:1px; }
.both20 { clear:both;height:20px;line-height:1;font-size:1px; }
.both30 { clear:both;height:30px;line-height:1;font-size:1px; }
.both40 { clear:both;height:40px;line-height:1;font-size:1px; }
.both50 { clear:both;height:50px;line-height:1;font-size:1px; }

.clearfix:after {
	display: block;
	clear: both;
	height: 0.1px;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* for macIE \*/
* html .clear {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end of for macIE */

#mfp_buttons li {
	margin:0;
	padding:0;
}
/* ----------------------------------------------
	forms
---------------------------------------------- */
form dl dt {
}
textarea, input[type=email], input[type=tel], input[type=text], input[type=password] {
	border: 0;
	width: 96%;
	padding: 5px 2%;
	font-size: 16px;
	border: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
select {
	border: 0;
	padding: 5px;
	font-size: 16px;
	border: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
input[type=submit], .searchsubmit_btn, .submit_btn, .btn a {
	color: #003300;
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
	background-color: #99cc99;
	border: none;
	padding: 5px 10px;
	font-size: 16px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
input[type=submit]:hover, .searchsubmit_btn:hover, .submit_btn:hover, .btn a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
 @media screen and (min-width: 641px) {
input[type=email], input[type=tel], input[type=text], input[type=password] {
	width: auto;
}
}