@charset "utf-8";

/******************************

1.共通
2.ヘッダー
3.フッター
4.メイン
5.サブ

*******************************/


/******************************
 共通
*******************************/
/* 基本設定
-----------------------------------------------------*/
img{
	background: rgba(0,0,0,0.001);
	backface-visibility: hidden;
}
/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section{
	display: inline-block;
}
* html .clearfix,
* html div.section{
	height: 1%;
}
.clearfix,
div.section{
	display: block;
}

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right !important;}
.floatLeft {float:left !important;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.valignTop {vertical-align:top !important;}
.valignMiddle {vertical-align:middle !important;}
.valignBottom {vertical-align:bottom !important;}
.centerBox{ margin:0 auto; }

/* image
----------------------------------------------------------------------------- */
img.imgLeft{
	float:left;
	padding:0 20px 0 0;
}
img.imgRight{
	float:right;
	padding:0 0 0 20px;
}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}

.paddingRight0 {padding-right:0 !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}

.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}

.paddingLeft0 {padding-left:0 !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.margin0 {margin:0 !important;}

.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}

.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}

.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}

.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize10 {font-size:10px !important;}
.fontSize11 {font-size:11px !important;}
.fontSize12 {font-size:12px !important;}
.fontSize13 {font-size:13px !important;}
.fontSize14 {font-size:14px !important;}
.fontSize15 {font-size:15px !important;}
.fontSize16 {font-size:16px !important;}
.fontSize17 {font-size:17px !important;}
.fontSize18 {font-size:18px !important;}
.fontSize19 {font-size:19px !important;}
.fontSize20 {font-size:20px !important;}
.fontSize25 {font-size:25px !important;}
.fontSize30 {font-size:30px !important;}

.fontSmall70{font-size: 0.7em !important;;}
.fontSmall80{font-size: 0.8em !important;;}
.fontSmall90{font-size: 0.9em !important;;}
.fontSmall100{font-size: 1.0em !important;;}
.fontSmall110{font-size: 1.1em !important;;}
.fontSmall120{font-size: 1.2em !important;;}
.fontSmall130{font-size: 1.3em !important;;}

.fz100{ font-size: 100%;}
.fz110{ font-size: 110%;}
.fz120{ font-size: 120%;}
.fz130{ font-size: 130%;}
.fz140{ font-size: 140%;}
.fz150{ font-size: 150%;}
.fz160{ font-size: 160%;}
.fz170{ font-size: 170%;}
.fz180{ font-size: 180%;}
.fz190{ font-size: 190%;}
.fz200{ font-size: 200%;}

.bold{	font-weight: bold !important; }

/* link
----------------------------------------------------------------------------- */
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img{
	opacity: 1;
	transition:all .3s;
}
a img:hover{
	opacity: .65;
}
area{
  border:none;
  outline:none;
}
/* ローディング
------------------------------------ */
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

/* サイト設定
----------------------------------------------------------------------------- */
#container{
	width: 100%;
}
.boxInner{
	margin: auto;
	width: 1100px;
	/* padding:40px 0px; */
	padding:20px 0px;
}
section{
	min-width:1100px;
}
#pankuzu{
	width: 1100px;
	margin:20px auto -20px auto;
	overflow: hidden;
}
#pankuzu li{
	float: left;
	padding-right: 1em;
}
#pankuzu li::after{
	content: ">";
	padding-left: 1em;

}
#pankuzu li:last-child::after{
	content:"";
}
#toTop{
	display: block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: rgba(0,0,0,0.2);
	color: #FFF;
	width: 60px;
	height: 60px;
	padding:40px 5px 5px 5px;
	border-radius: 5px;
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.1em;
	transition:all .3s ease;
}
#toTop::after{
	content:"";
	height: 20px;
	width: 20px;
	position: absolute;
	top: 17px;
  left: 17px;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	border-top: 5px solid #FFF;
	border-left: 5px solid #FFF;
	z-index: 998;
}
#toTop:hover{
	background: rgba(0,0,0,0.4);
	text-decoration: none;
}

/*
 共通のパーツデザイン（ボタンなど）
*******************************/
/* ボタン
--------------------------------------------------- */
.btnLight01{
	border-radius: 5px;
	background-color: rgb(255,255,255);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05),inset 0px -2px 2px 0px rgba(0, 0, 0, 0.05);
	display: block;
	font-weight: bold;
	color: #014190;
	padding:4px 10px;
	text-align: center;
	font-size: 15px;
	border: solid 1px #CCC;
	transition:all .3s;
}
.btnLight02{
	border-radius: 100px;
	background-color: rgb(255,255,255);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05),inset 0px -2px 2px 0px rgba(0, 0, 0, 0.05);
	display: block;
	font-weight: bold;
	color: #014190;
	padding:4px 10px;
	text-align: center;
	border: solid 1px #014190;
	transition:all .3s;

}
.btnVivid01{
	border-radius: 5px;
	background-color: rgb(255, 150, 0);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05),inset 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
	display: block;
	font-weight: bold;
	color: #FFF;
	padding:4px 10px;
	text-align: center;
	transition:all .3s;
}
.btnVivid01 a,.btnDark01 a{
	color: #FFF;
}
.btnDark01{
	display: block;
	text-align: center;
	background: #014190;
	color: #FFF;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
	/* padding:4px 10px; */
	padding: 15px 0;
	display: block;
	text-decoration: none;
	transition:all .3s;

}
.btnDark01:hover,.btnVivid01:hover,.btnLight01:hover,.btnLight02:hover{
	text-decoration: none;
}
.btnVivid01:hover{ background: #e68600; }
.btnLight01:hover,.btnLight02:hover{ background: #EEE; }
.btnDark01:hover{	background: #00224b; }

/* 背景画像
------------------------------------------------------ */
.sectionWhite{ background-color: #FFF !important; }
.sectionGray{ background-color: #EEE !important; }
.sectionCheck{ background:#FFF url(../img/bg_grid_01.png) repeat !important; border-top: 1px solid #EEE; }
.sectionDot{ background: url(../img/bg_dot50.png) repeat !important; }
.sectionSky{
	background-image: -webkit-linear-gradient(left, rgb(199,220,239) 0%, rgb(137,178,231) 51%, rgb(78,136,210) 81%, rgb(67,129,204) 100%) !important;
	background-image: -o-linear-gradient(left, rgb(199,220,239) 0%, rgb(137,178,231) 51%, rgb(78,136,210) 81%, rgb(67,129,204) 100%) !important;
	background-image: linear-gradient(to right, rgb(199,220,239) 0%, rgb(137,178,231) 51%, rgb(78,136,210) 81%, rgb(67,129,204) 100%) !important;
	color: #FFF;
}
.bgGray01{
	background: rgba(0,0,0,0.1);
	padding: 10px;
}
/* フォーム系
------------------------------------------------------ */
input[type="text"]{
	padding: 10px;
	width: 100%;
  border-radius: 3px;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: solid 1px #CCC;
	margin-bottom: 15px;
}

input[type="checkbox"]{
	display: none;
}
input[type="checkbox"] + label{
	position: relative;
	/*height: 30px;*/
	display: block;
	transition: all .15s;
}
input[type="checkbox"] + label{
	position: relative;
	display: block;
	transition: all .15s;
	padding-bottom: 5px;
	padding-right: 10px;
}

input[type="checkbox"] + label::before{
	content: "";
	display: inline-block;
	margin-right: 0.8em;
	-webkit-appearance:none;
  border: solid 1px #CCC;
	border-radius: 3px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	width: 18px;
	height: 18px;
	background: #FFF;
	margin-bottom: -4px;
	transition: all .15s;

}
input[type="checkbox"]:checked + label::before,
input[type="checkbox"] + label:hover::before{
	background:#EEE;
}
input[type="checkbox"]:checked + label::after{
    content: "";
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #014190;
    border-right: 2px solid #014190;
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
		-webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

/*ラジオ*/
input[type="radio"]{
	display: none;
}
input[type="radio"] + label{
	position: relative;
	/*height: 30px;*/
	display: block;
	transition: all .15s;
}
input[type="radio"] + label{
	position: relative;
	display: block;
	transition: all .15s;
	padding-bottom: 5px;
	padding-right: 10px;
}

input[type="radio"] + label::before{
	content: "";
	display: inline-block;
	margin-right: 0.8em;
	-webkit-appearance:none;
  border: solid 1px #CCC;
	border-radius: 20px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	width: 18px;
	height: 18px;
	background: #FFF;
	margin-bottom: -4px;
	transition: all .15s;

}
input[type="radio"]:checked + label::before,
input[type="radio"] + label:hover::before{
	background:#EEE;
}
input[type="radio"]:checked + label::after{
    content: "";
    width: 10px;
    height: 10px;
		background: #014190;
    display: block;
    position: absolute;
		border-radius: 5px;
    top: 5px;
    left: 5px;
}

/*セレクト*/
select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
  border: solid 1px #CCC;
  border-radius: 3px;
  box-shadow: inset 0px -2px 4px 0px rgba(0, 0, 0, 0.12);
	padding: 4px 30px 4px 10px;
	-moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
}
select::-ms-expand{
	display: none;
}

label.select{
	position: relative;
  display: inline-block;
}
label.select::after{
	content:"";
	position: absolute;
	width: 0px;
	height: 0px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #333;
	right: 10px;
	top: 13px;
}
label.select.first{
	margin-right: 2em;
	float: left;
}
label.select.first::before{
	content:" ～ ";
	position: absolute;
	right: -1.5em	;
	top: 5px;
}
label.select.last{
	margin-right: 2em;
}


/******************************
2.ヘッダー
*******************************/
header{
	height: 160px;
	padding-top: 20px;
	position: relative;
}
#headerInner{
	margin: auto;
	width: 1100px;
	position: relative;
	/*overflow: hidden;*/
}
header #h_logo{
	float: left;
	margin-right: 48px;
}

#h_leftBox{
	float: left;
	margin-top: 8px;
}
#h_leftBox p{
	float: left;
}
#h_rightBox{
	float: right;
}
#h_list{
	position: absolute;
	right: 0;
	top: -20px;
}
#h_list li{
	background: #e5ecf4;
	text-decoration: none;
	text-align: center;
	width: 54px;
	height: 44px;
	float: left;
	margin-left: 2px;
	font-size: 10px;
	transition:all .3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden
}
/*
#h_list  li:hover{
	opacity: .65;
}*/
#h_list  li:hover{
	background: #bed9f9;
}
#h_list li a,
#h_list li img{
	display: block;
	text-decoration: none;
	letter-spacing: -0.1em;
	color: #014190;
}
 #h_list li img{
	width: 22px;
	margin:3px auto 0 auto;
}
#h_list  li#h_request{
	background: #014190;
}

#h_list  li#h_request:hover{
	background: #00224b;
}
#h_list  li#h_request a{
		color: #FFF;
}
#h_search{
	margin-top: -10px;
	margin-bottom: 20px;
}
#h_search #keySpace{
	/*
	border: none;
	font-size: 14px;
	-webkit-box-shadow: 3px 3px 0 0  rgba(0,0,0,0.2) inset;
	box-shadow: 3px 3px 0 0  rgba(0,0,0,0.2) inset;
	*/
	-webkit-appearance:none;
	width: 290px;
	height: 30px;
	padding:2px 5px;
  border-radius: 3px;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: solid 1px #CCC;
	margin-bottom: 15px;
}
#h_search span{
	width: 290px;
	height: 30px;
	display: block;
	position: relative;

}
#h_search #keyBtn{
	/*content: "";
	background: url(../img/h_ico16_01.png) center no-repeat;*/
	width: 26px;
	height: 27px;
	padding: 5px;
	display: block;
	position: absolute;
	right: 5px;
	top: 2px;
	-webkit-appearance:none;
}
#h_search #keyBtn:hover{
	opacity: 0.75;
}

/* グローバルナビ */

#g_navi{
	width: 100%;
	height: 60px;
	padding: 16px 20px 15px 20px;
	position: absolute;
	bottom: 0;
}
#g_navi ul{
	width: 1100px;
	margin: auto;
}
#g_navi li{
	width: 180px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
}
#g_navi li a{
	width: 100%;
	color: #014190;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: auto;
	position: relative;
	transition: all .3s;
}
#g_navi li a span{
	display: block;
	margin-bottom: -5px;
}
#g_navi li a::after{
	content:"";
	background: #CCC;
	width: 0%;
	height: 1px;
	display: inline-block;
	text-align: center;
	transition: all .3s ease;
}
#g_navi li a:hover{
	color: #0066e3;
}
#g_navi li a:hover::after{
	padding:0 20%;
	background:#0066e3;
}

/******************************
 フッター
*******************************/
footer{ min-width:1100px; }
.footerInner{
	margin: auto;
	width: 1100px;
}

/******************************
 メイン
*******************************/
/*　共通　*/
@import url('//fonts.googleapis.com/css?family=Anton');
.heading::before,.headingSub::before,.headingKey,.fontAnton,.feedSub,.f_navTit,#toTop{
	font-family:'Anton',Arial,"游ゴシック", YuGothic, 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-feature-settings : "palt";
}
.heading{
	display: block;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 15px;
	letter-spacing: 0.12em;
	line-height:1.4;
	color: #333;
}
.secLeftBox .heading,.secRightBox  .heading{
	font-size: 20px;
	margin-bottom: 25px;
}
.headingSub span{
	font-family:Arial,"游ゴシック", YuGothic, 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.9em;
	padding-left: 20px;
	color: #666;
}
#pickup .heading{
	font-size: 16px;
}

.heading::before{
	color: #333;
	font-size: 40px;
	/* font-size: 60px; */
	letter-spacing: 0.12em;
	text-align: center;
	display: block;
}
.secLeftBox .heading::before,.secRightBox  .heading::before{
font-size: 60px;
}
#main_keyword .heading::before{ content:"KEYWORD SEARCH"; }
#pickup .heading::before{ content:"PICK UP INFO"; /* font-size: 26px; */ font-size: 40px; }
#pickup .heading{  margin-bottom:0; margin-top: 20px; }
#ranking .heading::before{ content:"RANKING"; }
#kodawari .heading::before{ content:"KODAWARI"; }
#column .heading::before{ content:"COLUMN";  text-align: left;}
#towninfo .heading::before{ content:"DO YOU KNOW FUKUOKA?"; color: #FFF; }
#shop .heading::before{ content:"SHOP INFO"; text-align: right;}
#station .heading::before{ content:"PICK UP STATION"; }

.headingSub{
	padding-right: 20px;
	margin-bottom: 20px;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	line-height: 1;
}
.headingSub::before{
	color: #014190;
	font-size: 20px;
	letter-spacing: 0.05em;
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
	padding-right: 20px;

}
/*ランキング*/
#area_ranking.headingSub::before{ content:"AREA RANKING"; }
#station_ranking.headingSub::before{ content:"STATION RANKING"; }
#city_ranking.headingSub::before{ content:"CITY RANKING"; }
#building_ranking.headingSub::before{ content:"BUILDING RANKING";}
/*こだわり条件*/
#popular_conditions.headingSub::before{ content:"POPULAR CONDITIONS"; }
#room_type.headingSub::before{ content:"ROOM TYPE";}
#new_building.headingSub::before{ content:"NEW BUILDING";}
#building_for_newlyweds.headingSub::before{ content:"BUILDING FOR NEWLYWEDS"; }


.sepa_list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sepa_five > li{
	width: 19%;
}
.sepa_six > li{
	width: 15%;
}
#top .sepa_five > li,.nsBox.sepa_five > li{
	width: 210px;
	margin-bottom: 10px;
	}
.sepa_four > li{
	/*width: 255px;
	margin-bottom: 10px;*/
	width: 24%;
}

.sepa_three > li{
	width: 32%;
}

.sepa_two > li{
	width: 49%;
}

.sepa_list > li.empty{
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.sepa_list > li.empty::before,.sepa_list > li.empty::after{
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity:0;
	content:"";
}
.rankingMainList.sepa_five.h100 .photo,.kodawariListTit.h100.photo,#towninfo .h100.photo{
	height: 100px;
	padding: 36px 0 0 0;
	text-align: center;
}
.h100 .photo::after,.h100.photo::after{
	height: 100px;
}
.h210 .photo::after,.h210.photo::after{
	height: 210px;
}
.rankingMainList.sepa_five.h100 .rankingLinkTit,#towninfo .h100.photo{
	text-align: center;
}

/* background-image */
.photo{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.area_01.photo{ background-image:  url(../img/img210_rank_area01.png); }
.area_02.photo{ background-image:  url(../img/img210_rank_area02.png); }
.area_03.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_area03.png); }
.area_04.photo{ background-image:  url(../img/img210_rank_area04.png); }
.area_05.photo{ background-image:  url(../img/img210_rank_area05.png); }

.city_chuoku.photo{ background-image:  url(../img/img210_rank_areachuoku.png); }
.city_hakataku.photo{ background-image:  url(../img/img210_rank_areahakataku.png); }
.city_sawaraku.photo{ background-image:  url(../img/img210_rank_areasawaraku.png); }
.city_minamiku.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_09.png); }
.city_higashiku.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_areahigashiku.png); }
.city_nishiku.photo{ background-image:  url(../img/img210_rank_areanishiku.png); }

.city_itoshimashi.photo{ background-image:  url(../img/img210_rank_areaitoshimashi.png); }
.city_kasugashi.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_areakasugashi.png); }
.city_other.photo{ background-image:  url(../img/img210_rank_other.png); }


.city_johnanku.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_johnanku.png); }
.city_nishiku.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_nishiku.png); }
.towninfoOther.photo{ background-image:  url(../img/img210_rank_other.png); }

.st_hakata.photo{ background-image:  url(../img/img210_rank_11.png); }
.st_tenjin.photo{ background-image:  url(../img/img210_rank_12.png); }
.st_nishijin.photo{ background-image:  url(https://www.smileplaza-chintai.jp/common/img/img210_rank_stnishijin.png); }
.st_tojinmachi.photo{ background-image:  url(../img/img210_rank_14.png); }
.st_meinohama.photo{ background-image:  url(../img/img210_rank_stmeinohama.png); }

.st_hakosakikyudai{ background-image:  url(../img/img210_rank_sthakosakikyudai.png); }
.st_chihaya{ background-image:  url(../img/img210_rank_stchihaya.png); }
.st_yakuin{ background-image:  url(../img/img210_rank_styakuin.png); }
.st_ohashi{ background-image:  url(../img/img210_rank_stohashi.png); }
.st_kasugabaru{ background-image:  url(../img/img210_rank_stkasugabaru.png); }

/* トップメイン #main */
#main{
	width: 100%;
	overflow: hidden;
	position: relative;

}
#mainInner{
	position: relative;
	height: 545px;
	margin: 0 auto;
	width: 1100px;
}

#mainSlider{
	margin: auto -290px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1680px;
	height: 545px;
	/* width: 1920px;
	margin: 0px 0px 0px -30%;*/
	z-index:1;
}
/*
@media screen and (min-width: 1300px) {
	#mainSlider{
		margin: 0px auto;
	}
}*/

#mainSliderLogo{
position: absolute;
    width: 448px;
    height: 133px;
    top: 140px;
    right: 50px;
    z-index: 100;
/*
	position: absolute;
	width: 438px;
	height: 121px;
	top: 32%;
	right: 21%;
	z-index: 100;
	*/
}
#mainSlider .slick-slide img{
	margin:auto;
}
#main .slick-dots{
	z-index: 999;
	position: absolute;
	right: 0;
	bottom: 5px;
}
#main .slick-dots li{
	width: 120px;
	height: 8px;

}
#main .slick-dots li button::before{
	opacity:.8;
}
#main .slick-dots li button::before{
	content:"";
	height: 8px;
	background: rgba(255,255,255,0.9);
	width: 120px;
}
#main .slick-dots li.slick-active button::before{
	background: rgba(255, 0, 0, 0.70);
}

#main .boxInner{
	position: absolute;
	height: 525px;
	width: 950px;
	top:10px;
	bottom: 0;
	right: 0;
	left: 0;
	margin:0 auto;
}
#main_tabBox{
	width: 370px;
	height: 336px;
	background:  rgba(255,255,255,0.9);
	margin-bottom: 10px;
	overflow: hidden;
	position:relative;
	z-index:2;

}
#main_tabBoxBtn{
	float: left;
	width: 96px;
}
#main_tabBoxBtn li{
	width: 96px;
	height: 84px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-position: center top 10px;
	border: 1px solid #FFF;
	padding-top: 8px;
	color: #FFF;
	border-bottom: none;
	cursor: pointer;
	position: relative;
}
#main_tabBoxBtn li p{
	position: absolute;
	bottom: 5px;
	margin: auto;
	text-align: center;
	width: 100%;
}
#main_tabBoxBtn li.selected{
	background-color: #EEE;
	color: #014190;
}
#main_tabBoxBtn li:last-child{
	border-bottom: 1px solid #FFF ;
}



.main_tabArea{	background-image: url(https://www.smileplaza-chintai.jp/common/img/ico50_tab_01_off.png);}
.main_tabLine{	background-image: url(https://www.smileplaza-chintai.jp/common/img/ico50_tab_02_off.png);}
.main_tabMap{	background-image: url(../img/ico50_tab_03_off.png);}
.main_tabKodawari{	background-image: url(../img/ico50_tab_04_off.png);}

.main_tabArea.selected{	background-image: url(https://www.smileplaza-chintai.jp/common/img/ico50_tab_01_on.png);}
.main_tabLine.selected{	background-image: url(../img/ico50_tab_02_on.png);}
.main_tabMap.selected{	background-image: url(../img/ico50_tab_03_on.png);}
.main_tabKodawari.selected{	background-image: url(../img/ico50_tab_04_on.png);}

.main_tabSelect.selected{
	display: block;
}
.main_tabSelect.disnon{
	display: none;
}

#main_tabContent{
	width: 274px;
	height: 336px;
	float: right;
	border: 1px solid #FFF;
	border-left: none;
}
.main_tabContentInner{
	padding: 10px;
	height: 305px;
}
.main_tabTit{
	background: #EEE;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	color: #333;
	font-size: 16px;
	border-bottom: 1px solid #FFF;

}
#main_publish{
	width: 370px;
	background:  rgba(255,255,255,0.9);
	overflow: hidden;
	padding: 10px;
	height: 60px;
	position:relative;
	z-index:2;

}
.main_tabSubTit{
		color: #014190;
		text-align: center;
		font-weight: bold;
		margin-bottom: 5px;
}
.main_tabList01{
	margin-bottom: 10px;
}
.main_tabList01 li a{
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	padding:4px 0px;
	margin-bottom: 5px;
	background: #014190;
	display: block;
	text-decoration: none;
	transition: all .3s;
	height:28px;
}
.main_tabList01 li a:hover{
	background: #3D7CCB;
}
.main_tabList02 li a,.main_tabBtn01 a{
	border: 1px solid #3D7CCB;
	color: #3D7CCB;
	text-align: center;
	display: block;
	padding:5px 2px;
	font-size: 12px;
	letter-spacing: -0.1em;
	text-decoration: none;
	transition: all .3s;
}
.main_tabList02 li a:hover,.main_tabBtn01 a:hover{
	background: #014190;
	border-color: #014190;
	color: #FFF;
}



.main_publishTit{
	text-align: center;
	font-weight: bold;
	color: #014190;
	font-size: 18px;
	width: 200px;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #333;
}
.main_number{
	float: right;
	text-align: right;
	width: 130px;
	font-weight: bold;
	font-size: 13px;

}
.main_number span{
	font-size: 16px;
	font-weight: bold;
	color: red;
	width: 90px;
	display: inline-block;
}

#main_keyword{
	width: 100%;
	padding:10px 20px;
	background: rgba(255,255,255,0.9);
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	z-index:2;
}
#main_keyword input,#main_keyword select{
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) inset;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) inset;
	border: none;
	padding: 10px;
	font-size: 14px;
	float: left;
}
#main_keyword input{
	-webkit-appearance: none;
	width: 300px;
	height: 40px;
	margin-bottom: 0;
}
#main_keyword input[type="image"]{
	width: auto;
	height: auto;
	padding: 0;
	margin: auto;
	box-shadow: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	padding:18px;
}
#main_keyword select{
	-webkit-appearance: menulist-button;
	height: 40px;
	width: 140px;
	background: #FFF;
}
.headingKey{
	float: left;
	width: 190px;
	padding-right: 20px;
	color: #014190;
	font-size: 20px;
	letter-spacing: 0.05em;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2;
	white-space: nowrap;
}
.headingKey span{
	display: block;
	font-size: 12px;
	font-weight: bold;
}
.main_keywordIco{
	padding: 10px;
	float: left;
}
#main_keywordBtn a{
	display: block;
	float: right;
	background: #5f93d2;
	text-align: center;
	padding:30px ;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition:all .3s;
	transition:all .3s;
}

#main_keywordBtn a:hover{
	background:#014190;
}
#main_keywordBtn img{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
/*ピックアップ情報 #pickup*/

#pickup{
		width: 100%;
}
#pickup .boxInner{
	padding: 0px 0 0px 0;
}
#pickup h2{
	font-size: 26px;
}
.sliderBox{
	height: 190px;
	width: 100%;
	overflow: hidden;
}
#pickupList{
	width: 1100px;
	margin:20px auto;
	/* height: 120px; */
	height: 150px;
	position: relative;
	/*overflow:hidden;*/
}

#pickupList .slick-track{
	margin: 0 auto;
}

#pickupList .slick-prev{
width: 50px;
display: block;
 height: 70px;
 left: -58px;
 position: absolute;

}
#pickupList .slick-prev::before,#pickupList .slick-next::before{
	content: "";
	width: 40px;
	height: 40px;
	transform:rotateZ(-45deg);
	position: absolute;
	top:0px;
	background: transparent;

}

#pickupList .slick-next{
width: 50px;
display: block;
 height: 70px;
 right: -58px;
 position: absolute;
}

#pickupList .slick-prev::before{
	border-left: 5px solid rgba(0, 0, 0, 0.5);
	border-top: 5px solid rgba(0, 0, 0, 0.5);
	left: 15px;
	margin-top: 12px;
}
#pickupList .slick-next::before{
	border-bottom: 5px solid rgba(0, 0, 0, 0.5);
	border-right: 5px solid rgba(0, 0, 0, 0.5);
	right: 15px;
	margin-top: 12px;
}

#pickupList li{
	float: left;
	margin-right: 22px;
	width: 260px;
}
#pickupList li:last-child{
	margin-right: 0;
}

#pickup .slick-dots{
	bottom:0;
}
#pickup .slick-dots li{
	display:inline-block;
	float:none;
}


/* ランキング #ranking、こだわり #kodawari */
#ranking{
	background: #eeeeee;
}
.rankingTit{
}
.rankingMainList {
	counter-reset: rankingmain;
}
.rankingBox {
		counter-reset: rankingbox;
}
.rankingBox li{
	position: relative;
}
.rankingMainList li::before,.rankingSubList li a::before,.rankingBox.nsBox li::before{
	position: absolute;
	border-bottom: 1px solid #333;
	font-family: 'Anton',Arial,"游ゴシック", YuGothic, 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em	;
	z-index: 10;
}
.h100 li::before{
	transform: scale(0.8,0.8);
}

.rankingBox.nsBox li::before{
	counter-increment: rankingbox 01;
	content:counter(rankingbox, decimal-leading-zero);
	font-size: 30px;
	left: -10px;
	top: -15px;
	padding: 5px;
	margin: 5px;
	background: #EEE;
	width: 40px;
	height: 40px;
	box-shadow: 0 5px 0 0 #EEE;
}
.rankingMainList li::before{
	counter-increment: rankingmain 01;
	content:counter(rankingmain, decimal-leading-zero);
	font-size: 30px;
	left: -10px;
	top: -15px;
	padding: 5px;
	margin: 5px;
	background: #EEE;
	width: 40px;
	height: 40px;
	box-shadow: 0 5px 0 0 #EEE;
}
.rankingMainList li:first-child::before,.rankingBox.nsBox li:first-child::before{
	color: #cc0000;
	border-color: #cc0000;
}
.rankingSubList li a::before{
	counter-increment: rankingsub 01;
	content:counter(rankingsub, decimal-leading-zero);
	font-size: 20px;
	left: 0;
	top: 0;
	padding: 5px 5px 0px 10px;
}


.rankingMainList.sepa_five .photo{
	height: 210px;
	padding: 60px 18px;
	position: relative;
	z-index: 0;
}
/*
.rankingMainList .photo::after,.kodawariList .photo::after{
	content: "";
	width: 210px;
	height: 210px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition:all .3s;
}*/

.sepa_four .photo::after,.sepa_five .photo::after{
	content: "";
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition:all .3s;
}
.sepa_four .photo::after,.sepa_five .photo::after{	width: 100%;	}
/*.sepa_five .photo::after{	width: 210px;	}*/

.towninfoCategory{
	/*
	font-size: 16px;
	color: #3678C6;
	background: rgba(255,255,255,0.5);
	display: inline-block;
	*/
	/*color: #014190;*/
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 5px 5px;
	margin-bottom: 15px;
}
.towninfoCategory::before,.towninfoCategory::after{
	content:" - ";
}

.towninfoOther.bl-hover .photo::after ,.rankingMainList .bl-hover .photo::after,.rankingMainList .bl-hover.photo::after,.kodawariList .bl-hover .photo::after,.sepa_four .photo:hover::after{
	background: rgba(0,0,0,0.2);
}

.rankingMainList .photo a,.kodawariList .photo,#towninfo .photo a{
	text-decoration: none;
	font-weight: bold;

}
.rankingMainList .rankingLinkTit ,.kodawariList .photo,#towninfo .photo{
	font-size: 19px;
	/*height: 34px;*/

}
.rankingMainList  a,.rankingMainList p,.kodawariList a,.towninfoOther.photo a,#towninfo .photo a{
	z-index: 2;
	position: relative;
	color: #FFF;
	text-decoration: none;
}
#towninfo .feed li{
	background: rgba(255,255,255,0.75);
	padding: 10px;
	height: 260px;
	overflow: hidden;
}
#towninfo .feed li .thumb > p:first-child{
	text-align: center;
}
#towninfo .feed li .thumb > p:nth-child(2){
	height: 3.3em;
	line-height: 1.6;
	overflow: hidden;
}
#towninfo .feed li .thumb .link-more{
	display: none;
}
#towninfo .feed li .thumb img{
	height: 126px;
	width: auto;
	max-width: 100%;
}
#towninfo .feed li .btn{
	font-weight: bold;
	color: #014190;
	text-align: center;
}

.rankingSubList{
	counter-reset: rankingsub 05;
}
.rankingSubList li a{
	display: block;
	border: 1px solid #333;
	padding: 10px 10px 10px 50px;
	position: relative;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	transition:all .3s;
	text-decoration: none;
}

.rankingSubList li a:hover{
	background: #000;
	color: #FFF;
}
 .rankingSubList li a:hover::before{
	border-color: #FFF;
}

/* こだわり */
.kodawariList p {padding: 10px; height: 6em; overflow: hidden; font-size: 13px;}
.kodawariListTit {position: relative;}

.kodawari_newbuilding.photo{background-image: url(../img/img210_kodawari_01.png);}
.kodawari_selltype.photo{background-image: url(../img/img210_kodawari_02.png);}
.kodawari_house.photo{background-image: url(https://www.smileplaza-chintai.jp/common/img/img210_kodawari_03.png);}
.kodawari_renovation.photo{background-image: url(../img/img210_kodawari_04.png);}
.kodawari_internet.photo{background-image: url(../img/img210_kodawari_05.png);}
.kodawari_designers.photo{background-image: url(../img/img210_kodawari_06.png);}
.kodawari_pet.photo{background-image: url(../img/img210_kodawari_07.png);}
.kodawari_zero.photo{background-image: url(../img/img210_kodawari_08.png);}
.kodawari_built10.photo{background-image: url(../img/img210_kodawari_09.png);}
.kodawari_loft.photo{background-image: url(../img/img210_kodawari_10.png);}
.kodawari_bike.photo{background-image: url(../img/img210_kodawari_11.png);}
.kodawari_parking.photo{background-image: url(../img/img210_kodawari_12.png);}

.madoriTable{
	width: 100%;
	margin-bottom: 40px;
}
.madoriTable th,
.madoriTable td{
	width: 18%;
	padding:5px 1%;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	letter-spacing: 0.1em;

}
.madoriTable a{
	display: block;
	width: 100%;
	padding:10px 20px;
	border: #014190 1px solid;
	border-radius:30px ;
	color: #014190;
	font-weight: 600;
	text-decoration: underline;
	transition: all .3s ease;

}

.madoriTable a:hover{
	background: #014190;
	color: #FFF;
}

#campaign li{
	width: 539px;
	margin-right: 22px;
	float: left;
}
/* コラム */
#column{
	background: #EEE url(https://www.smileplaza-chintai.jp/common/img/bg_column_01.jpg) left center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
/*	background-attachment: fixed; */
}
.box .short{
	width: 40%;
}
.box .long{
	width: 60%;
	height: 480px;
}
#column .boxInner{ padding: 0; }
#column.box .long{
	box-sizing: content-box;
	padding: 60px 0 30px 0 ;
}
#shop.box .long{
	box-sizing: content-box;
	padding: 60px 0 50px 0 ;
}
#column.box .short,#shop.box .short{
	padding-top: 40px;
}

.secLeftBox{ float: left; }
.secRightBox{ float: right; }
#column .secRightBox,#shop .secLeftBox{
	background: #EEE;
}
.secLeftBox.half,.secRightBox.half{
	width: 50%;
}
.secLeftBox.half .boxInner{
	width: 550px;
	margin:auto 0;
	padding-right: 20px;
	float: right;
}
.secRightBox.half .boxInner{
	width: 550px;
	margin:auto 0;
	padding-left: 20px;
	float: left;
}
/*
.secList{
	background: rgba(255,255,255,0.8);
	height: 320px;
	width: 380px;
	overflow-y: scroll;
	padding: 20px 0;
	margin-bottom: 60px;
}
.secList li{
}
.secList li a{
	width: 100%;
	display: block;
	padding:20px 40px;
	border-bottom: 1px solid #DDD;
	font-size: 16px;
	color: #333;
}
*/
.secList{
	height: 320px;
	width: 380px;
	margin-top:40px;
}
.secList li a{
	background: rgba(255,255,255,0.8);
    text-align: center;
    padding: 25px 40px;
    font-weight: bold;
    font-size: 16px;
    line-height:10px;
    color: #333;
    display: block;
    margin-bottom: 4px;
    width: 100%;
    text-decoration: none;
    transition: all .3s;
}
.secList a:hover{
	background: rgba(0,0,0,0.75);
	color:#FFF;
}
.secFeed{
	height: 450px;
	overflow-y:scroll;

}
.secFeed li{
	overflow: hidden;
	margin-bottom: 20px;
}

.secFeed li > img{
	float: left;
}

#column .secFeed li{
	position: relative;
}
#column .secFeed li::before{
	background: #EEE;
	content:"…";
	position: absolute;
	bottom: 15px;
	right: 0px;
	display:block;
	width: 7.5em;
	padding-left: 0.2em;
	height: 25px;
}
#column .secFeed li::after{
	content:"もっと読む";
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: inline-block;
	padding:2px 5px;
	border: 1px solid #333;
	margin-left: 10px;
	font-size: 12px;
	line-height: 1.4;
	font-family:Arial,"游ゴシック", YuGothic, 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif ;
	background: #EEE;
}
#column .secFeed li .img{
	width: 250px;
	height: 160px;
	overflow: hidden;
	float: left;
	text-align: center;
}
#column .secFeed li .img img{
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
#column .secFeed li .txtbox{
	float: left;
	width: 340px;
	padding-left: 20px;
}
#column .secFeed li .txtbox .txt{
	height: 80px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
}
/*
#column .secFeed li > div{
	float: right;
	width: 340px;
}
*/

#shop .secFeed li > div{
	float: left;
	width: 340px;
	padding-left: 20px;
}

.feedSub{
	letter-spacing: 0.1em;
	font-weight: bold;
	/*margin-bottom: 5px;*/
}
.feedSub span{
	display: inline-block;
	padding:2px 5px;
	border: 1px solid #333;
	margin-left: 10px;
	font-size: 12px;
	line-height: 1.4;
	font-family:Arial,"游ゴシック", YuGothic, 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif ;
}
.feedTit a,.feedTit{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
	text-decoration: none;
	transition:all .3s;
}
.bl-hover .feedTit a{
	color: #cc0000;
}

/* 店舗紹介 */
#shop{
	background: #EEE url(../img/bg_shop_01.jpg) right center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#shop .heading{
	text-align: right;
}
#shop .boxInner{
	padding: 0;
}
.shopFeedList{
	width: 610px;
}
.shopFeedList dt{
	float: left;
	width: 3em;
}
.shopFeedList dd{
	margin-left: 3em;
}
.shopFeedList dd.tel{
	margin-top: 3px;
}
.shopList{
	padding: 60px 0 20px 0;
	float: right;
	width: 80%;
}
.shopList a{
	background: rgba(255,255,255,0.5);
	text-align: center;
	padding:30px 40px;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	display: block;
	margin-bottom: 20px;
	width: 100%;
	text-decoration: none;
	transition:all .3s;
}
.shopList a:hover{
	background: rgba(255,255,255,0.9);
}
.shopList li:last-child a{
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
	transition:all .3s;
}
.shopList li:last-child a:hover{
	background: rgba(255,255,255,0.9);
	color: #000;
}
.shopTelNum{
	line-height: 1.7;
}
/* 店舗詳細 */
#page_shopDetail #map{
	width: 100%;
	height:380px;
	background: #EEE;
}
#shopDate,#shopDate .boxInner,#accessMap,#accessMap .boxInner{
	overflow: hidden;
}
#shopDate .heading::before{
	content:"SHOP DATE";
}
#accessMap .heading::before{
	content:"ACCESS MAP";
}

#shopImg,#shopAccessDate{
	float: left;
	width: 500px;
}
#shopImg img{
	width: 100%;
}
.shopImgMain{
	margin-bottom: 10px;
}
#shopBox,#shopGoogleMap{
	width: 560px;
	float: right;
}
#shopBox table{
	width: 100%;
	margin-bottom: 20px;
}
#shopBox th,#shopBox td{
	padding:10px 15px;
}
#shopBox th{
	background: #DDD;
	border-bottom: 1px solid #EEE;
}
#shopBox td{
	border-bottom: 1px solid #DDD;
	background: #F6F6F6;
}
#shopBox #shopTxtTit{
	font-weight: bold;
	margin-bottom: 10px;
}
#shopBox #shopTxt,#shopComment{
	font-size: 15px;
	padding: 20px;
	background: #DDD;
	margin-bottom: 20px;
}
#shopDate .btnLight01,#shopDate .btnDark01,#shopAccessDate .btnLight01{
	padding: 15px 0;
}
#shopArticle .heading::before {
	content:"BUILDING";
	color: #333;
	font-size: 40px;
	letter-spacing: 0.12em;
	text-align: center;
	display: block;
}
#shopAccessDate ul{
	margin-bottom: 20px;
}
#shopStation,#shopParking,#shopKidsroom{
	padding: 15px 0px 15px 50px;
	font-size: 15px;
	border-bottom: 1px dotted #CCC;
}
#shopStation{ background: url(../img/icon_bus.gif) center left no-repeat; }
#shopParking{ background: url(../img/icon_parking.gif) center left no-repeat; }
#shopKidsroom{ background: url(../img/icon_kids.gif) center left no-repeat; }

#shopComment{
	margin-top: 20px;
}
#shopGetTo{
	clear: both;
	width: 100%;
	padding:40px 0 20px 0 ;
}
#shopGetTo li {
	margin-bottom: 20px;
}
#shopGetTo li img{
	width: 100%;
	margin-bottom: 5px;
}
.headingSub.shopGetToTit{
	font-weight: bold;
}
.headingSub.shopGetToTit::before{ content:"WAY TO SHOP"; }
.shopPhotoTit{font-weight: bold; border-bottom: 3px solid #014190;font-size: 16px; padding-bottom: 10px; margin-bottom: 20px;}



.shopPhotoList{
	counter-reset: access;
}
.shopPhotoList li p::before{
counter-increment: access;
content:counter(access);
background: #014190;
color: #FFF;
font-weight: bold;
font-size: 20px;
padding: 10px;
height: 20px;
width: 20px;
text-align: center;
display: block;
border-radius: 20px;
float: left;
margin-right: 10px;
margin-bottom:20px;
}
/*
.shopPhotoList::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.shopPhotoList::after{
  content:"";
  display: block;
  width:23%;
}*/

/* 福岡タウン情報 #towninfo */

#towninfo{
	/*background:url(../img/bg_town_01.jpg) top no-repeat;*/
		background:url(../img/bg_fukuokainfo.jpg) top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding-bottom:10px;

}
#towninfo li{
	position: relative;
}
#towninfo .sepa_four li{
	margin-bottom: 20px;
}
#towninfo .heading{
	color: #FFF;
	margin-bottom: 30px;
}
#towninfo .category {
	margin-bottom: 20px;
}
#towninfo .feed img{
	width: 100%;
	margin-bottom: 5px;
}

#towninfo .feed a{
	color: #014190;
	text-align: center;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
	transition: all .3s ease;
}
#towninfo .feed .thumb{
    height: 196px;
    overflow: hidden;
    line-height:21px;
}
#towninfo .category a{
	text-decoration: none;
	text-align: center;
	display: block;
	width: 100%;
	padding:10px 20px;
	border-radius:20px ;
	background: rgba(0,0,0,0.3);
	color: #FFF;
	font-weight: 600;
	transition: all .3s ease;
}
#towninfo .category a:hover{
	background:  rgba(0,0,0,0.8);
}


.towninfoBox{
	position: absolute;
	background: #FFF;
	padding: 20px;
	width: 200px;
	height: 120px;
	line-height: 1.4;
	bottom: 0;
	left: 0;
	z-index: 10;
	color:
}
.first .towninfoBox{
	bottom: 0;
	right: 0;
	left: auto;
}
.towninfoTit{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.towninfoBoxTxt{
	height: 4em;
	overflow: hidden;
}
.towninfoBox a{
	color: #333;
	text-decoration: none;
}
.towninfoTxt{
	text-align: center;
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.towninfoOther.photo .towninfoOtherTit{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
	height: 3em;
}
/* 駅一覧 #station */
#station{
	background: url(../img/bg_grid_01.png) repeat;
}
.stationBox{
	width: 220px;
	float: left;
	padding-bottom: 20px;
}
.stationBox ul{
	margin-bottom: 20px;
}
.stationTit{
	font-weight: bold;
	margin-bottom: 10px;
}
.stationBox li{
	margin-bottom: 5px;
	position: relative;
}
.stationBox li a{
	color: #014190;
	text-decoration: underline;
	padding-left: 2em;
	display: block;
}
.stationBox li a::before{
	content:"";
	width: 5px;
	height: 5px;
	border-top: 1px solid #014190;
	border-right: 1px solid #014190;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	position: absolute;
	left: 0.5em;
	top: 8px;
}
.stationBox li a:hover{
	text-decoration: none;
	background: rgba(255,255,200,0.5);
	border-radius: 5px;
}
.stationBox li a:hover::before{
	border-color: orange;
}


/* ns */
.nsBox{
	text-align: center;
	line-height: 1.4;
	overflow: hidden;
}
.nsBox li{
	height: 340px;
	margin-bottom: 10px;
	overflow: hidden;
}
.nsBox img{
/*	margin-bottom: 10px; */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.nsBox li .new{ height:140px; overflow:hidden;margin-bottom: 10px; position: relative;}
.nsTxt{
	text-align: left;
}
.nsTit {
	margin-bottom: 5px;
}
.nsTit a{
	font-weight: bold;
	color: #333;
	font-size: 15px;
}
.nsPrice{
	font-weight: bold;
	margin-bottom: 5px;
}
.nsPrice span{
	color: #cc0000;
	font-size: 18px;
	font-weight: bold;
	padding-right: 2px;
}
.nsWalk,.nsRoomtipe{
	color: #174399;
	line-height: 1.1;
	margin-bottom: 5px;
	font-size: 0.9em;
}
.nsTxt{
	background: #DDD;
	padding: 10px;
	margin-top: 10px;
	height: 6em;
	overflow: hidden;

}
#copyright{
	text-align: center;
	width: 100%;
	font-size: 16px;
	padding: 40px;
}

li.bl-hot,li.bl-hot img,.nsTxt{
	transition: all .3s ease;
}
li.bl-hover img,li.bl-hover .nsTxt{
	opacity: 0.65;
}

/*共有フッター*/

/*----------------------------------------------------------
3.フッター
---------------------------------------------------------- */
footer{
	border-top: solid #014190 5px;
	padding-top: 40px;
}
#mainFooter{
	overflow: hidden;
	padding-bottom: 40px;
}
#f_logo{
	width: 303px;
	height: 50px;
	margin-bottom: 40px;
}
footer .headingSub{
	margin-bottom: 5px;
	line-height: 1.4;
}
#f_leftBox{
	width: 810px;
	float: left;
}
#f_rightBox{
	width: 290px;
	float: right;
}
#f_bottomBox{
	clear: both;
	text-align: right;
	line-height: 1.3rem;
}
#f_bottomBox .f_baibaiBnr img{
	width: 340px;
}
.mainFooterList{
	margin-left: 2em;
	overflow: hidden;
	margin-bottom: 20px;
}
.mainFooterList li{
	float: left;
	padding:0 40px 10px 0px;
	width: 155px;
}
.mainFooterList li:last-child{
	width: auto;
}
.mainFooterList li a{
	text-decoration: underline;
	color: #014190;
	font-size: 14px;
}
.mainFooterList li a:hover{
	text-decoration: none;
}
.f_btnReq a{
	width: 290px;
	margin-bottom: 20px;
/*
	display: block;
	text-align: center;
	background: #014190;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	padding: 15px 0 ;
	margin-bottom: 20px;


border-radius: 5px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
padding: 15px 0;
display: block;
transition: all .15s;
*/
}

/* fnav */

#external {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 30px;
	background: #EEE;
}
.f_externalBox{
	float: left;
	overflow: hidden;
	width: 275px;
	padding: 0 30px;
}
.f_externalBox > ul {
	padding: 0 0 5px 1.5em;
}
.f_externalBox > ul > li a {
	display: block;
	color: #808080;
	font-size: 85%;
	text-decoration: underline;
}
/* fsubnav */
.fsubnav {
	width: 100%;
	min-width: 1068px;
	padding: 40px 0 0;
}

#externalTit {
	margin: 0 auto 15px auto;
	color: #003c7c;
	font-size: 123.1%;
	line-height: 2;
	font-weight: bold;
}

#externalTit:after {
	content: "　";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 5px;
	background: #00a6e4;
	background: -moz-linear-gradient(left, #00a6e4 0%, #00a6e4 5%, #e0e0e0 5%, #e0e0e0 100%);
	background: -webkit-linear-gradient(left, #00a6e4 0%,#00a6e4 5%,#e0e0e0 5%,#e0e0e0 100%);
	background: linear-gradient(to right, #00a6e4 0%,#00a6e4 5%,#e0e0e0 5%,#e0e0e0 100%);
}

.fsubnav_block {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}

.fsubnav_block nav {
	display: table-cell;
	width: 253px;
	padding: 0 30px 0 30px;
}

.fsubnav_block nav:first-child {
	padding: 0;
}

.f_externalBoxTit {
	margin: 0 0 10px;
	font-size: 108%;
	padding-left: 20px;
	background: url(../img/list_icon03.gif) left 8px no-repeat;
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	-o-background-size: 12px auto;
	font-weight: bold;
}

.f_externalBoxTit a{
	color: #000;
	font-weight: bold;
}

.fsubnav_block nav ul {
	margin: 0 0 30px 1.5em;
}

.f_externalBox li {
	line-height: 1.4;
	margin: 0 0 10px;
}

.f_externalBox li a {
	display: block;
	color: #808080;
	font-size: 85%;
	text-decoration: underline;
}

.f_externalBox li a:hover {
	color: #b4b4b4;
	text-decoration: none;
}
/******************************
4.メイン
*******************************/
#page_titBox{
	background-position: top;
	background-image:url(../img/bg1920_titbox.jpg); /* 指定がない場合の保障 */
	background-size: cover;
	color: #FFF;
	overflow: hidden;
	position: relative;
}
#page_titBox::after{
	content: "";
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all .3s;
	width: 100%;
	min-height: 300px;
}
#page_titBox .boxInner{
	padding: 30px 0;
	z-index: 1;
	position: relative;
}
#page_titBox h1{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em	;
}


/* 休暇のお知らせ */
.top_info{
	font-size: 1.2em;
	margin:20px 0 20px 0;
	padding: 20px 0;
	text-align: center;
}
.top_info .txtTit{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.top_info p{
	line-height: 1.6;
	font-size: 0.95em;
}
.top_info p span{
	font-weight: bold;
	color: #004aa1;
}
/******************************
5.サブ
*******************************/
/* 家賃相場 */
#marketMap .sectionGray .heading,#marketMap .sectionGray .heading::before{
	color: #333 !important;
}
#marketMap .search_marketPriceTable{
	background: #FFF;
}
#search_marketPriceLine{
	margin-top: -140px;
}

.market_priceSelect{
	width: 22%;
	float: left;
	padding: 20px;
	background: #EEE;
}
#market_price .market_priceSelect p{
	color: #333;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}
#marketMap .search_marketPriceTable table{
	width: 75%;
	float: right;
}
#marketMap .market_priceSelect li{
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
}
/* 店舗紹介 */
#shopListTit.heading{}
#shopListTit.heading::before {
    content: "SHOP LIST";
}
#page_shopList .shopList{
	width: 100%;
}
#shopLine{
	margin-top: -160px;
	width: 1105px;
	height: 630px;
	position: relative;
}
.heading#shopMap{
    text-align: center;
    font-size: 18px;
    color: #014190;
    font-weight: bold;
    position: relative;
    right: 0;
    width: 325px;
    margin-top:20px;
}
.heading#shopMap::before {
    content: "SHOP SEARCH";
    font-size: 50px !important;
    display: block;
    letter-spacing: 0.12em;
    color: #014190;
}
.heading#shopMap::after {
    content: "";
    width: 40px;
    border-bottom: 2px solid #014190;
    display: block;
    text-align: center;
    margin: 10px auto;
}
/*#page_miyoshi .heading::before{ font-size: 40px; }*/
#page_miyoshi .heading#companyProfile::before { content: "COMPANY PROFILE"; }
#page_miyoshi .heading#strongPoint::before { content: "STRONG POINT"; }
#page_miyoshi .heading#shoplist::before { content: "SHOP LIST"; }

#page_miyoshi #miyoshiSec01 h2{
	padding:30px 0px 0px 0px;
	float: left;
	/*margin-right: 5%;*/
	width: 30%;
	text-align: center;
}
#page_miyoshi #miyoshiSec01 .txt{
	float: left;
	font-size: 20px;
	width: 70%;
	text-align: center;
}
#page_miyoshi #miyoshiSec01 .txt p{
	padding: 6px 0;
	letter-spacing: 0.1em;
	font-family: 游明朝, YuMincho, "Yu Mincho", "小塚明朝 Pro", HiraMinProN-W6, HG明朝E, "MS PMincho", "MS 明朝", serif;
}
#page_miyoshi #miyoshiSec01 .txt span{
	font-size: 30px;
	font-weight: bold;
	color: #014190;
}
#page_miyoshi #miyoshiSec01 .txt div{

}
#page_miyoshi #miyoshiSec01 .btnLight01{
	width: 60%;
	margin: 20px auto;
	padding: 10px ;
	font-size: 18px;
}

#page_miyoshi #miyoshiSec02 table{
	width: 100%;
}
#page_miyoshi #miyoshiSec02 th,#page_miyoshi #miyoshiSec02 td{
	padding: 15px;
}
#page_miyoshi #miyoshiSec02 th{
	width: 20%;
	background: rgba(0,0,0,0.1);
	border-bottom: 1px solid #EEE;
}
#page_miyoshi #miyoshiSec02 .address{ }
#page_miyoshi #miyoshiSec02 .belongLink a{
	display: inline-block;
	width: 50%;
}

#page_miyoshi #miyoshiSec02 td{
	width: 80%;
	background: rgba(255,255,255,0.2);
	border-bottom: 1px solid #CCC;
}
#page_miyoshi #miyoshiSec03 .heading,#page_miyoshi #miyoshiSec03 .heading::before{
	color: #014190;
}
#page_miyoshi #miyoshiSec03 {
	background-position: top;
	background-image: url(../img/bg1000_city_chuoku.jpg);
	background-size: cover;
	color: #014190;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#page_miyoshi #miyoshiSec03::after {
    content: "";
    background: rgba(255,255,255,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all .3s;
    width: 100%;
		height: 100%;
		z-index: 1;
}
#page_miyoshi #miyoshiSec03 .boxInner{
	z-index: 10;
	position: relative;
}
#page_miyoshi #miyoshiSec03 h3{
	font-size: 30px;
	margin-bottom: 15px;
	margin-top: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: 游明朝, YuMincho, "Yu Mincho", "小塚明朝 Pro", HiraMinProN-W6, HG明朝E, "MS PMincho", "MS 明朝", serif;
}
#page_miyoshi #miyoshiSec03 p{
	font-size: 18px;
	text-align: center;
	color: #333;
}
#page_miyoshi #miyoshiSec03 p::after{
	content: "";
	width: 140px;
	height: 3px;
	background: rgba(0,0,0,0.5);
	margin: 40px auto 40px auto;
	display: block;
}

#page_lineTitBox{
	position: relative;
	width: 1100px;
	height: 630px;
}
#page_lineTitBox .boxInner {
    z-index: 2;
    position: relative;
    height: 690px;
}
#page_lineTitBox::before {
    content: "";
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#page_lineTitBox::after {
    content: "";
    background: rgba(255,255,255,0.65);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all .3s;
    width: 100%;
    height: 690px;
}
#page_lineTitBox h1{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #014190;

}

#page_lineTitBox{
	width: 100%;
	height: 690px;
	overflow: hidden;
	position: relative;
	background-image: url(../img/bg1000_city_chuoku.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
#page_lineTitBox .page_txtBox{
	color: #014190;
	font-size: 20px;
	font-weight: bold;
}
.shopMapIcon li{
	position: absolute;
	width: 40px;
	height:auto;
}
.shopMapIcon li img{
	width: 100%;
}
.shopMapIcon li#shopMap_toujin{ top: 280px; left: 465px; }
.shopMapIcon li#shopMap_tenjin{ top: 280px; left: 560px; }
.shopMapIcon li#shopMap_tenjinnishi{ top: 326px; left: 560px; }
.shopMapIcon li#shopMap_ropponmatsu{ top: 370px; left: 440px; }
.shopMapIcon li#shopMap_hakataekimae{ top: 280px; left: 776px; }
.shopMapIcon li#shopMap_yoshizuka{ top: 227px; left: 777px; }
.shopMapIcon li#shopMap_minamifukuoka{ top: 412px; left: 775px; }
.shopMapIcon li#shopMap_kashii{ top: 114px; left:865px; }
.shopMapIcon li#shopMap_chihaya{ top: 167px; left:834px; }
.shopMapIcon li#shopMap_ohashi{ top: 390px; left: 624px; }
.shopMapIcon li#shopMap_meinohama{ top: 279px; left: 310px; }
.shopMapIcon li#shopMap_meinohama-minami{ top:310px; left: 310px; }
.shopMapIcon li#shopMap_gakkentoshi{ top: 315px; left: 214px; }
.shopMapIcon li#shopMap_kyudaimae{ top: 220px; left: 220px; }
.shopMapIcon li#shopMap_nishijin{ top: 279px; left: 422px; }
.shopMapIcon li#shopMap_befu{ top: 414px; left: 441px; }
.shopMapIcon li#shopMap_kasugabaru{ top: 414px; left: 849px; }
.shopMapIcon li#shopMap_futsukaichi{ top: 497px; left: 920px; }
.shopMapIcon li#shopMap_selecttenjin{ top: 280px; left: 605px; }

.shopPageList > li{
	padding: 2px;
	padding-bottom: 20px;
	border-radius: 5px;
	position: relative;
	-webkit-box-shadow: 0px 20px 50px -30px rgba(0,0,0,0.1);
	box-shadow:0px 20px 50px -30px rgba(0,0,0,0.1);
	background: #F6F6F6;
	margin-bottom: 20px;
	/*border: 1px solid #CCC;*/
	transition:all 1s ease-out;

}
.shopPageList > li::after{
	content:"詳細はこちら";
	padding: 5px 15px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #014190;
	border-radius:0 0 5px  0 ;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	transition:all .7s ease;
}
.shopPageList > li.bl-hover::after{
	background: #002a5e;
}
.shopPageList > li.selected::after{
	background: #095dc4;
}
.shopPageList > li.empty::after{
	display: none;
}
.shopPageList > li.empty{
	background: transparent !important;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
}
.shopPageList > li.bl-hover{
	opacity: 1;
	background: #DDD;
}
.shopPageList > li.selected{
		background: rgba(255,255,200,1);
		opacity: 1;
}
.shopPageList > li img{
	margin-bottom: 10px;
}
.shopPageList > li img{
	background: #FFF;
}
.shopPageList > li dl{
	margin-bottom: 10px;
}
.shopPageList > li dt,.shopPageList > li dd{
	padding: 5px;
}
.shopPageList > li dt{
	float: left;
	width: 18%;
	white-space: nowrap;
}
.shopPageList > li dd{
	margin-left:18%;
}
.shopPageList > li dd:after {
  content: '';
  display: block;
  clear: both;
}
.shopPageList > li dd.tel{
	padding-top: 8px;
}
.shopPageList > li dd.tel span{
	font-size: 0.9em;
	padding-right: 1em;
}

.shopPageList > li .day{
text-align: right;
}

.shopArea{
	letter-spacing: 0.1em;
	font-weight: bold;
}
.shopTit{
	line-height: 1.4;
	margin-bottom: 10px;
}
.shopArea,.shopTit{
	margin-left: 5px;
}
.shopTit a{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
	text-decoration: none;
	transition: all .3s;
}

/*include_shoplist*/
.inc_shopPageList li{
	margin-bottom: 10px;
}
.inc_shopPageList li .img{
	height: 156px;
	background: #F6F6F6;
	margin-bottom: 5px;
}
.inc_shopPageList li img{
	width: 100%;
}
.inc_shopPageList .tit a{
	font-weight: bold;
	color: #014190;
	font-size: 16px;
}
.inc_shopPageList .tel{
	color: #c20909;
	font-weight: bold;
	font-size: 16px;
}
/*スマイルプラザとは*/
#page_smileplaza .heading#telYou::before { content: "WE WANT TO TELL YOU"; }
#page_smileplaza .heading#strongPoint::before { content: "STRONG POINT"; }
#page_smileplaza .heading#feeling::before { content: "FEELINGS FOR YOU"; }
#page_smileplaza .heading#cm::before { content: "CM GALLERY"; }
#page_smileplaza .txt{
	font-size: 15px;
}
#page_smileplaza .txt{
	width: 70%;
	float: left;
	padding-right: 60px;
	line-height: 1.8;
}
#page_smileplaza .txt h3{
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 1.2em;
	color: #014190;
}
#page_smileplaza .img{
	width: 30%;
	float: right;
}
#page_smileplaza .img img{
	width: 100%;
}
#smileplazaSec02 li{overflow: hidden; margin-bottom: 40px; }
#smileplazaSec03{
	border-top: 1px solid #EEE;
}
#smileplazaSec03 .box{
	width: 100%;
	text-align: center;
}
#smileplazaSec03 .box img{
	margin-bottom: 20px;
}
#smileplazaSec03 .box .btnVivid01{
	width: 60%;
	padding: 10px;
	margin: 10px auto 20px auto;
	font-size: 18px;
}
/*サイトポリシー*/
.heading#sitepolicy::before{ content:"SITE POLICY"; }
#sitepolicySec01 li{
	font-size: 15px;
	line-height: 1.8;
}
#sitepolicySec01 li{
	padding: 20px 0;
}
#sitepolicySec01 h3{
	background: #EEE;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 14px;
	margin-bottom: 30px;
}
#sitepolicySec01 li p{
	margin-bottom: 20px;
}
#sitepolicySec01 li div{
	margin-bottom: 20px;
}
#sitepolicySec01 .comment{
	padding: 15px;
	border: 5px solid #EEE;
}
#sitepolicySec01 .comment h4{
	font-weight: bold;
	font-size: 16px;
}
#sitepolicySec01 .comment p{
	margin-bottom: 0;
}
#sitepolicySec01 .signature{
	text-align: right;
	line-height: 1.8;

}

/* 問い合わせ */
.contact_conditionTable{
	margin-bottom: 40px;
}
.contact_conditionTable td{
	border-bottom: 1px solid #EEE;
	border-right: 1px solid #EEE;
}
.contact_conditionTable{
	width: 100%;
	border: 1px solid #EEE;
	margin-bottom: 20px;
	font-size: 14px;
}
.contact_conditionTable th{
	background: #EEE;
	font-weight: bold;
	border-right: 1px #FFF solid;
	text-align: center;

}
.contact_conditionTable td,.contact_conditionTable th{padding: 10px;}
.contact_conditionTable td{
	text-align: center;
}
.contact_conditionTable .red{
	font-weight: bold;
	color: #ea0202;
}
.contact_conditionTable  td.line dt{
	width: 70%;
	float: left;
}
.contact_conditionTable  td.line dd{
	margin-left: 70%;
	text-align: right;
}
.contact td span.error{
	font-weight: bold;
	color: red;
}

#contact span.req {
    padding: 5px 10px;
    height: 20px;
    width: 2em;
    background: darkred;
    color: #FFF;
    font-weight: bold;
    margin-left: 15px;
}
#contactGuide{
	counter-reset: contact;
	margin-bottom: 20px;
	overflow: hidden;
}
#contactGuide li{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #EEE;
	position: relative;
	padding: 10px;
	height: 52px;
	width: 340px;
	float: left;
	margin-right: 27px;
}
#contactGuide li.selected{
	background: #014190;
	color: #FFF;
}
#contactGuide li::before{
	counter-increment: contact;
	content: counter(contact, decimal);
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	background: #FFF;
	left: 2px;
	top: 2px;
	height: 27px;
	width: 12px;
	padding: 10px;
	line-height: 1.4;
	border-radius: 3px;
}
#contactGuide li.selected::before{
		color: #014190;
}
#contactGuide li::after{
content:"";
height: 36px;
width: 36px;
display: block;
position: absolute;
right: -18px;
top: 8px;
-webkit-transform: rotateZ(45deg);

transform: rotateZ(45deg);
background: #EEE;
}
#contactGuide li.selected::after{
		background: #014190;
}
.contactBtn{
border: none;
color: #FFF;
font-size: 1.4em;
font-weight: bold;
-webkit-appearance: none;
display: block;
padding: 15px 40px;
width: 60%;
margin: 0 auto;
cursor: pointer;
font-size: 24px;

}
#c_confirm .contactBtn.btnLight01{
	width:29%;
	float:left;
	margin-right:2%;
	color:#333;
	font-size:1em;
	border: 1px solid #DDD;
	height:58px;
	line-height: 24px;
}
#c_confirm .contactBtn.btnVivid01{
	width:69%;
	float:left;
	line-height: 24px;
	height:58px;
}
.contactSubmitBox{
	width:100%;
	padding:0 15%;
	margin-bottom:20px;
	overflow:hidden;
}
.completeBtn{
	width:60%;
	margin:0 auto;
	padding:15px 5px;
}
.contactForm{
	width: 100%;
	border: 1px solid #EEE;
	margin-bottom: 20px;
}
.contactForm th,.contactForm td{
	background: #EEE;
	font-weight: bold;
	border-right: 1px #FFF solid;
	padding: 10px;
}
.contactForm th{
	border-bottom: 1px solid #FFF;
}
.contactForm td{
	border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
		background: #FFF;
}
.contactForm .req{
	padding: 3px 10px;
	height: 20px;
	width: 2em;
	background: darkred;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	margin: 0 10px;
}
.contactForm .comment{
	font-size: 0.9em;
	color: #666;
	display: block;
}
.contactForm th{
	width: 20%;
}
#contactBuildingForm li{
	width: 33%;
	float: left;
	padding: 5px 0;
}
#contactReauestArea li,#contactAppointBox li{
	width: 24%;
	float: left;
	padding: 5px 0;
	height: 30px;
}
.contactSelect{
	position: relative;
}
.contactSelect::after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #333;
	right: 10px;
	top: 8px;
}

.bgLightPink{
	background-color: #FFF4F8 !important;
}
.contact td span{
	font-weight: 500;
	padding-right: 1em;
	display: inline-block;
}
.contact td span.error{
	font-weight: bold;
	color: red;
}
/*アンケート用*/
#kansyaFormReason li textarea{
	width: 375px;
	height: 70px;
}

/*プライバシー*/

#privacy{
	width: 100%;
	padding: 5%;
	margin:40px auto;
	height: 500px;
	overflow: scroll;
	background: #EEE;
}
#privacyMainTit{
	text-align: center !important;
	display: block !important;
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: none !important;
}
.privacyBox{
	padding:2.5% 5%;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	background: #FFF;
}
#contact .privacyBox p,
#r_contact .privacyBox p{
	display: block;
	text-align: left;
}
.privacyTit{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}
#privacy ol{
	padding-left: 1em;
}
#contact p.alignCenter,
#r_contact p.alignCenter{
	margin: 10px auto 20px;
	display: block;
	font-size: 24px;
}
/* 新築特集ページ
--------------------------------------------------------------  */

#recTittle{
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0px 10px;
	color: #003f91;
	letter-spacing: 0.12em;
	text-align: center;
	margin-bottom: 40px;
}

#recTittle::before{ 
	content:"AREA SEARCH";
	font-family: 'Anton', cursive;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	display: block;
}

#recAreaNavi{
	margin-bottom: 40px;
}

#recAreaNavi li{
	/*width: 132px; /*8列*/
	/*width: 152px; /*7列*/
	 width: 178px; /*6列 */
	/* width: 212px; //5列 */
	margin: 0 6px 6px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	float: left;
	overflow: hidden;
}

#recAreaNavi li:nth-child(6){
	margin-right: 0;
}

#recAreaNavi li a{
	color: #003f91;
	border: solid 2px #003f91;
	width: 100%;
	line-height: 60px;
	display: inline-block;
	border-radius: 5px;
	position: relative;
	z-index: 2;
}

#recAreaNavi li a:hover{
	text-decoration: none;
	color: #fff;
}

#recAreaNavi li a::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

#recAreaNavi li a,
#recAreaNavi li a::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#recAreaNavi li a::after{
	top: -100%;
	width: 100%;
	height: 100%;
}

#recAreaNavi li a:hover::after{
	top: 0;
	background-color: #003f91;
}

#recAreaNavi li:last-child{
	margin-right: 0;
}

.pinyon::before{ font-family: 'Anton', cursive; font-size: 2.8rem	; padding-right: 0.6em;  font-weight: bold;}

#newbuildingList > li{
	margin-bottom: 20px;
}
#newbuildingList h3{font-size: 23px; font-weight: bold; padding: 10px 0px;
	color: #333; letter-spacing: 0.12em;
}
#newbuildingList ul{
	padding-top: 20px;
}
#rec_hakata h3::before{ content:"Hakata City"; }
#rec_chuo h3::before{ content:"Chuo City"; }
#rec_higashi h3::before{ content:"Higashi City"; }
#rec_nishi h3::before{ content:"Nishi City"; }
#rec_jonan h3::before{ content:"Jonan City"; }
#rec_minami h3::before{ content:"Minami City"; }
#rec_sawara h3::before{ content:"Sawara City"; }
#rec_other h3::before{ content:"Other City"; }

#newbuildingList li li{
	width: 340px;
	float: left;
}

#newbuildingList li li{
	width: 340px;
	float: left;
	margin: 0 40px 40px 0;
	transition: 0.3s all ease-in;
	overflow: hidden;
}

#newbuildingList li li:nth-child(3n){
	margin-right: 0;
}

#newbuildingList li li:hover{
	transition: 0.3s all ease-in;
}

#newbuildingList li li a:hover{
	text-decoration: none;
}

#newbuildingList li li a img:hover{
	opacity: 1;
}

.recBuildingImg{
	overflow: hidden;
	height: 260px;
}

.recBuildingImg img{
	width: 100%;
	object-fit: cover;
	height: 260px;
}

.recBuildingName{
	background-color: #003f91;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
	position: relative;
}

.recBuildingDetail{
	background-color: #fff;
	box-sizing: border-box;
	padding: 15px 35px 10px;
}

.recBuildingDetail p{
	text-align: center;
	margin-bottom: 15px;
	color: #333;
	font-size: 15px;
}

.recBuildingDetail p span{
	font-size: 18px;
	font-weight: bold;
}

.recBuildingDetail dl dt{
	background-color: #003f91;
	color: #fff;
	text-align: center;
	line-height: 24px;
	width: 70px;
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.recBuildingDetail dl dd{
	width: 190px;
	float: left;
	line-height: 24px;
	text-align: center;
	margin-bottom: 5px;
	color: #333;
	font-size: 17px;
	font-weight: bold;
}

.recBuildingDetail dl dd span{
	color: #ea0202;
	font-size: 26px;
}

.recBuildingDetail dl dd:last-child{
	font-size: 14px;
}

.recOtherBtn{
	width: 430px;
	margin: 20px auto 80px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}

.recOtherBtn a{
	color: #003f91;
	border: solid 2px #003f91;
	width: 100%;
	line-height: 60px;
	display: inline-block;
	border-radius: 5px;
	position: relative;
	z-index: 2;
}

.recOtherBtn a:hover{
	text-decoration: none;
	color: #fff;
}

.recOtherBtn a::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.recOtherBtn a,
.recOtherBtn a::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.recOtherBtn a::after{
	top: -100%;
	width: 100%;
	height: 100%;
}

.recOtherBtn a:hover::after{
	top: 0;
	background-color: #003f91;
}

.recOtherBox{
	margin-top: 80px;
}

.recOtherBox p{
	font-size: 22px;
	color: #003f91;
	font-weight: bold;
	line-height: 2.2rem;
}

.bgGray02{
	color: #fff;
	border: solid 2px #989898;
	line-height: 60px;
	border-radius: 5px;
	background: #989898;

}

/* CMギャラリー
--------------------------------------------------------------  */
#page_tvcm section .headingSub{
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #014190;
	font-family:Arial,"游ゴシック", YuGothic, 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-feature-settings : "palt";;
}
/* #cmNew .headingSub::before{ content:"2017 CM GALLERY"; } */
.cm2019::before{ content:"2019 CM GALLERY"; }
.cm2018::before{ content:"2018 CM GALLERY"; }
.cm2017::before{ content:"2017 CM GALLERY"; }
#cmWeb .headingSub::before{ content:"WEB MOVIE GALLERY"; }
#cmOld .headingSub::before{ content:"CM LOGO'S MURMUR"; }
#cmOld2 .headingSub::before{ content:"2012 CM GALLERY"; }

#cmOld li p,#cmOld2 li p{
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	margin-top: -24px;
	margin-bottom: 4px;
	width: 100%;
	padding-left: 2em;
	position: relative;
}
#page_tvcm .headingSub::before{
	font-family:'Anton',Arial,sans-serif;
	font-size: 24px;
}
.cmNewList{

}
.cmNewList > li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	/*border-bottom: 1px dotted #CCC;*/
	background: #EEE;
	padding: 40px;
	border-radius: 5px;
}
.cmNewList img{
	float: left;
}
.cmNewList .txtBox{
	float: right;
	width: 640px;
}
.cmNewList > li h3{
	font-size: 20px;
	margin-bottom: 30px;
}
.cmNewList > li p{
		margin-bottom: 30px;
}

#cmWeb .gallery > li{
	background: #FFF;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

/*404*/
#sitemap::before{ content:"SITE MAP";}
.box404{ background:url(../img/bg156_404.jpg) left 20px bottom  no-repeat; width:100%; overflow:hidden; }
.box404 h2{ font-weight:bold; font-size:26px; margin-bottom:40px; }
.box404 .txt{ width:80%; float:right; padding:15px; border:5px solid #DDD; min-height:262px; margin-bottom:20px; font-size:15px;   }
.box404 .btnBox { clear:both; background:#EEE; padding:15px 10%; margin-top:20px; }
.box404 .btnBox .btnLight01{ padding: 15px 0; }

/*サイトマップ*/

#siteBoxList ul{
	overflow: hidden;
	margin-bottom: 40px;
	padding: 15px;
	border: 5px solid #EEEEEE;
	clear: both;
	background: #FFF;
}
#siteBoxList h2,#siteBoxList h3{
	font-size: 20px;
	font-weight: bold;
	float: left;
	padding-right: 20px;
	margin-bottom: 10px;
}
#siteBoxList a{
	text-decoration: underline;
	color: #014190;
}
#siteBoxList ul li{
	width: 25%;
	float: left;
	position: relative;
	padding:5px 0 5px 15px;;
}
#siteBoxList p{
	float: left;
	padding-top: 5px;
}
#siteBoxList ul li a{
	font-weight: bold;
	font-size: 15px;
}
#siteBoxList ul li a::before{
		content: "";
    border-right: 1px solid #333;
    border-top: 1px solid #333;
		position: absolute;
		content: "";
		display: block;
		position: absolute;
		top: 14px;
		left: 0;
    width: 5px;
    height: 5px;
		-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}