@charset "utf-8";
/*
	* Copyright (C) 2017 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/
/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.右サイド（rightCol）
	* 5.メイン（mainCol）
	* 6.フッター（footer）
	* 7.サブページ
*/

/*******************************************************************************
**	1.基本レイアウト
*******************************************************************************/

body {
	background:#FFF;
	line-height:1.6;
}

#container {
	width:100%;
}

#header {
	width:100%;
	color:#CCC;
}

#headerInner {
	width:970px;
	padding:0 5px 0 5px;
	margin:0 auto;
	position:relative;
}
#pankuzu{
	width:970px;
	margin:30px auto 10px auto;
	overflow: hidden;
}

#pankuzu li{
	float: left;
	position: relative;
	padding-left: 2em	;
}
#pankuzu li:before{
	content: "";
	width: 10px;
	height: 12px;
	background: url(../img/ico_sprite.png) -38px -177px no-repeat;
	position: absolute;
	left: 11px;
	top:5px;
}
#pankuzu li#first{
	padding-left: 0;
}
#pankuzu li#first:before{
	background: none;
}
#top #pankuzu{
	display: none;
}

#content {
	width:970px;
	margin:0 auto;
}

#contentInner{
	margin:30px 0 0 0;
	overflow: hidden;
}

#rightCol {
	float:right;
	width:230px;
	padding:0;
	margin:0 0 0 20px;
}
#mainCol {
	float:left;
	width:720px;
	padding:0;
	min-height:400px;
	margin-bottom: 40px;
}

#footer {
	width:100%;
	margin:20px 0 0 0;
	height: 330px;
	background: #ffd728;
	color: #333;
	clear: both;
	position: relative;
}

/*******************************************************************************
**	2.基本設定
*******************************************************************************/

/* 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;}
.floatLeft {float:left;}

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

/* 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;}

.w30{width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.w68{width: 68%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.w48{width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.w32{width: 32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.w24{width: 24%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize10 {font-size:10px;}
.fontSize12 {font-size:12px;}
.fontSize14 {font-size:14px;}
.fontSize16 {font-size:16px;}
.fontSize18 {font-size:18px;}
.fontSize20 {font-size:20px;}
.fontSize25 {font-size:25px;}
.fontSize30 {font-size:30px;}

/* link
----------------------------------------------------------------------------- */
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a img,.bl-hot{
	transition: all 0.075s;
	filter:alpha(opacity=100);/*FOR IE*/
	opacity:1;/*FOR FF*/
}
a:hover img{
	filter:alpha(opacity=50);/*FOR IE*/
	opacity:0.50;/*FOR FF*/
}
.bl-hover{
	filter:alpha(opacity=50);/*FOR IE*/
	opacity:0.50;/*FOR FF*/
}

/*******************************************************************************
**	3.ヘッダー
*******************************************************************************/
#header{
	border-bottom: 3px solid #CCC;
}
#headerInner{
	height: 130px;
}
#header h2{
	position:absolute;
	top:28px;
	right:0;
}

#header h3{
	position:absolute;
	top:47px;
	left:100px;
}

#header #h_logo{
	position:absolute;
	top:25px;
	left:0px;
}
#header #h_logo img{
		height: 50px;
}

#header .h_comment{
	position:absolute;
	top:30px;
	left:300px;
	font-size:85%;
	color:#000;
	width:300px;
}

#header .name{
	position:absolute;
	width:550px;
	top:25px;
	left:130px;
	font-size:85%;
	color:#000;
}

#header .tel{
	position:absolute;
	top:40px;
	left:700px;
	font-size:85%;
	color:#999;
}

#header .mail{
	position:absolute;
	top:40px;
	left:910px;
	font-size:85%;
	color:#999;
}

#header .save {
	position:absolute;
	width:42px;
	height:20px;
	padding:3px 30px 5px 100px;
	top:0px;
	right:0px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:right;
}
#h_text{
	color: #333;
	position: absolute;
	top: 22px;
	left: 290px;
	font-size: 12px;
	width: 400px;
}
#h_tel {
	font-weight: bold;
	color: #e2070b;
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 40px;
	line-height: 1.4;
}
#h_tel p{
	float: left;
}
#h_tel span{
	font-weight: bold;
	font-size: 10px;
	color: #333;
	display: block;
	line-height: 0.5;
}
#h_tel img{
	width: 40px;
	margin-left: 10px;
}

/* Mylist
----------------------------------------------------------------------------- */

#header #h_mylist {
	position:absolute;
	width:42px;
	height:21px;
	padding:2px 30px 5px 100px;
	top:0px;
	right:0px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:right;
	background: url(../img/bg_mylist.png) no-repeat;
	color:#e2070b;
}

/* globalNavi
----------------------------------------------------------------------------- */
#header ul#globalNavi {
	position:absolute;
	left:5px;
	bottom:8px;
	width:969px;
	border-left:1px solid #CCC ;
}

#header ul#globalNavi li {
	float:left;
	text-align:center;
}

#header ul#globalNavi li a{
	display:block;
	color:#333;
	width: 158px;
	padding: 2px 0;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	border-right: 1px solid #CCC;
	text-decoration:none;
	transition:all 0.2s;
}

#header ul#globalNavi li a:hover{
	background:#1a9000;
	border-radius:3px;
	color:#FFF;
	border-color:#FFF;
}
/*******************************************************************************
**	4.サイド（rightCol）
*******************************************************************************/
.sideBtn{
	margin-bottom: 20px;
}
.sideBox{
	padding: 10px;
	border:3px solid #CCC ;
	margin-bottom: 20px;
}
.sideBox#sideShop li{
	padding-bottom: 5px;
	border-bottom: 3px #CCC solid;
	margin-bottom: 5px;
}

.sidePhoto{
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sidePhoto img{
	width: 100%;
}
.shopTit{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #238C00;
	margin-bottom: 10px;
}
.sideBox#sideShop .sideBtn{
	margin-bottom: 0;
}
.sideBox#sideShop .sideBtn a,#sideInfo li a{
	display:block;
	width: 100%;
	background: #238C00;
	padding: 13px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	border-radius:3px;
	box-shadow: 0px -5px 0 0 rgba(0,0,0,0.15) inset;
}
#sideInfo li a{
	font-size: 14px;
	margin-bottom: 10px;
}
.sideTit{
	font-size: 16px;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

/*******************************************************************************
**	5.メイン（mainCol）
*******************************************************************************/

#middleCol{
	width: 100%;
	height: 460px;
	background: -moz-linear-gradient(left, #84cdf8 30%, #b7e545 35%);
	background: -webkit-linear-gradient(left, #84cdf8 30%,#b7e545 35%);
	background: linear-gradient(to right, #84cdf8 30%,#b7e545 35%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84cdf8', endColorstr='#b7e545',GradientType=1 );
}
#middleColInner{
	width: 970px;
	margin: 0 auto;
}
.barCommon{
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-left: 2em;
	border-bottom: 3px solid #238C00;
	background: url(../img/ico_sprite.png) top left no-repeat;
	height: 30px;
	overflow: hidden;
	clear: both;
}
.barCommon.info{	background-position:-10px -7px; }
.barCommon.search{	background-position:-10px -116px; }
.barCommon.contact{	background-position:-10px -142px; }
.barCommonTxt{
	margin-bottom: 20px;
	color: #666;
	padding-left: 2em;
}
#top .barCommon{
	margin-bottom: 20px;
}

.rArrow{
	display: block;
	float: left;
	margin-top: 7px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	width: 7px;
	height: 7px;
	transform:rotateZ(45deg);
}
#topKodawari ul{
	overflow: hidden;
}
#topKodawari h4{
	font-weight: bold;
	margin-top: 5px;
}
#topKodawari li{
	float: left;
	text-align: center;
	color: #333;
	margin-bottom: 10px;
	font-size: 1.1em;
}
#topKodawari li a{
	color: #333;
	text-decoration: none;
}
#topKodawari .twoCols li{
	width: 49%;
	margin-right: 2%;
}
#topKodawari .fourCols li{
	width: 22.75%;
	margin-right:3%;
}
.blogList li{
	width: 24.25%;
	margin-right:1%;
}
#topKodawari .twoCols li:nth-of-type(2n),#topKodawari .fourCols li:nth-of-type(4n),.blogList li:nth-of-type(4n){
	margin-right: 0;
}
.blogList{
	overflow: hidden;
	margin-bottom: 20px;
}
.blogList li{
	padding: 5px;
	border: 3px solid #CCC;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	height: 240px;
	position: relative;
}
.blogList li img{
	margin-bottom: 5px;
}
.blogList li a{
	text-decoration: none;
	color: #333;
}


.blogList li .tit{
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	/*
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	*/
}

.blogList li .txt{
	margin-bottom: 5px;
	font-size: 12px;
	height: 36px;
	overflow: hidden;
	position: relative;
}
.blogList li .txt:before{
	width: 1.2em;
	height: 1.5em;
	position: absolute;
	background: #FFF;
	content:"…";
	right: 0;
	bottom: 0;
}
.blogList li .txt:after{
	content:"";
	background: #FFF;
	position: absolute;
	height: 100%;
	width: 100%;
}

.blogList li .btn{
	font-weight: bold;
	text-align: center;
	background: #238C00;
	border-radius: 3px;
	padding: 5px 0;
	box-shadow: 0px -5px 0 0 rgba(0,0,0,0.15) inset;
	position: absolute;
	bottom: 5px;
	width: 158px;

}
.blogList li .btn a{
	color: #FFF;
}
.blogList li .photo{
	width:158px;
	height:119px;
	overflow:hidden;
	position:relative;
	background:#EEE;
	margin-bottom:5px;
}
.blogList li img{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	max-width: 100%;
	min-width: 148px;
}
#topInfo h4{
	font-weight: bold;
	font-size: 18px;
	color: #238C00;
	margin-bottom: 5px;
	padding-left: 1em;
	clear: both;
}
.topInfoList{
	margin-bottom: 20px;
	overflow: hidden;
}
.topInfoList li a{
	display: block;
	width: 49%;
	background: #238C00;
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	border-radius: 3px;
	box-shadow: 0px -5px 0 0 rgba(0,0,0,0.15) inset;
	float: left;

}
.topInfoList li a:before{
	content:"> ";
}
.topInfoList li:nth-of-type(odd) a{
	margin-right: 2%;
}

/* トップページ駅リスト */
#topList .topListStation{
	padding: 10px 20px;
	background: #F6F6F6;

}
#topList h4{
	font-size: 16px;
	font-weight: bold;
	background:#333;
	color: #FFF;
	padding: 5px 10px;
	margin-top: 40px;

}
.topListStation h5{
	margin-bottom: 10px;
	border-bottom: 1px dotted #666 ;

}
.topListStation h5 a{
	font-weight: bold;
	color: #333;
	clear:both;
}
.topListStation ul{
	margin-bottom: 10px;
	overflow: hidden;
}
.topListStation li{
	width: 18%;
	float: left;
	margin-bottom: 10px;
	margin-right: 2.5%;
}
.topListStation li:nth-of-type(5n){
	margin-right: 0;
}
.topListStation li a{
	display: block;
	text-align: center;
	padding: 5px;
	border:1px solid  #238C00;
	color: #238C00;
	font-weight: bold;
	border-radius: 20px;
	background: #FFF;
}


/* 地図検索 */
#mainMap{
	position: relative;
	height: 460px;
	/*background: url(../img/bg_mainmap.jpg) center left no-repeat;*/
}
#ensenMap label{
	cursor: pointer;
	background: #f8f364;
	color: #7c4000;
	padding:2px 5px;
	font-weight: bold;
	position: absolute;
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,.5) !important ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#ensenMap label{
		padding:4px 5px 0px 5px;
	}
}
#ensenMap input[type="checkbox"]{
	-webkit-appearance:none;
	border:2px solid #CCC;
	width: 14px;
	height: 14px;
	background: #FFF;
	margin:0 5px 3px 0;
}
#ensenMap .rightCheck input[type="checkbox"]{
	margin:0 0 3px 5px ;
}
#ensenMap input[type="checkbox"]:hover{
	background: yellow;
}
#ensenMap input[type="checkbox"]:checked{
	background: #21ccdd;
	border-color:#21ccdd;
}
#ensenMap input[type="checkbox"]:checked:after{
	content:"";
	width: 3px;
	height: 5px;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	transform: rotateZ(45deg);
}
#ensenMap .rightCheck input[type="checkbox"]:checked:after{
	left:auto;
	right:10px;
}
.mapForm{
	position: absolute;
	background: rgba(255,255,255,0.9);
	width:325px;
	height:350px;
	right:0;
	top:30px;
	padding: 20px;
	border-radius: 3px;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2) inset,
	0px 0px 0px 5px rgba(106,187,236,0.9);
}
.mapForm select{
	margin-bottom: 5px;
}
.mapForm label{
	line-height: 1;
	position: relative;

}
.mapForm input[type="checkbox"]{
	display: none;
}
.mapForm input[type="checkbox"] + label:before{
	content: "";
	display: inline-block;
	margin-right: 0.3em;
	-webkit-appearance:none;
	border:1px solid #CCC;
	width: 12px;
	height: 12px;
	background: #FFF;
	margin-bottom: -2px;
}
.mapForm input[type="checkbox"]:checked + label:before{
	background:#fffcb0;
	border-color: #000;
}
.mapForm input[type="checkbox"]:checked + label:after {
    content: "";
    width: 4px;
    height: 5px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    transform: rotateZ(45deg);
}
.stationSearchBox table{
	width: 100%;
	margin-top: 40px;
	border-collapse:separate;
}
.stationSearchBox th,.stationSearchBox td{
	/*padding:7px 10px;*/
	padding: 5px;
	border-bottom: 1px solid #FFF;
}

.stationSearchBox th{
	width: 80px;
	text-align: center;
	background: #EEE;
}
.stationSearchBox td{
		width: 225px;
}

.stationSearchBox select{
	padding-bottom:5px;
}
.stationSearchBox option{
	margin-bottom: -5px;
}
.madoriLine span{
	width: 23%;
	display: inline-block;
font-size: 13px;
}
#mainMapTit{
	position: absolute;
	top: 10px;
	left: -10px;
	background: #1a9000;
	color: #FFF;
	width: 212px;
	height: 28px;
	padding:5px 20px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 2px 2px rgba(0,0,0,0.2);
	text-align: left;
}
#mainMapTit:before{
	content:"";
	transform: rotateZ(45deg);
	border-right: 8px transparent solid;
	border-top: 8px transparent solid;
	border-left: 8px transparent solid;
	border-bottom: 8px #0e5000 solid;
	position: absolute;
	display: block;
	top:30px;
	left:3px;
}
.btnC00 td{
	padding: 10px 0 0 0;
}
.btnC00 a{
	display: block;
	/*
	position: absolute;
	bottom: 60px;
	left:20px;
	*/
	padding:10px 20px;
	background: #ff9c00;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	width: 285px;
	border-radius: 3px;
	box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.2) inset;
	cursor: pointer;
}
#Label00{ top: 16px; right: 687px;}
#Label01{ top: 74px; right: 622px;}
#Label02{ top: 76px; right: 716px;}
#Label03{ top: 130px;right: 570px;}
#Label04{ top: 162px;right: 642px;}
#Label05{ top: 181px;right: 534px;}
#Label06{ top: 200px;right: 700px;}
#Label07{ top: 241px;right: 660px;}
#Label08{ top: 252px;right: 560px;}
#Label09{ top: 274px;right: 668px;}
#Label10{ top: 283px;right: 498px;}
#Label11{ top: 310px;right: 720px;}
#Label12{ top: 314px;right: 533px;}
#Label13{ top: 322px;right: 643px;}
#Label14{ top: 346px;right: 736px;}
#Label15{ top: 363px;right: 663px;}
#Label16{ top: 355px;right: 544px;}
#Label17{ top: 403px;right: 666px;}
#Label18{ top: 395px;right: 590px;}
#Label19{ top: 414px;right: 515px;}

/*
#Label00{ top: 16px; right: 277px; }
#Label01{ top: 74px; right: 212px; }
#Label02{ top: 76px; right: 306px; }
#Label03{ top: 130px; right: 160px; }
#Label04{ top: 162px; right: 232px; }
#Label05{ top: 181px; right: 124px; }
#Label06{ top: 200px; right: 290px; }
#Label07{ top: 241px; right: 250px; }
#Label08{ top: 252px; right: 150px; }
#Label09{ top: 274px; right: 258px; }
#Label10{ top: 283px; right: 88px; }
#Label11{ top: 310px; right: 310px; }
#Label12{ top: 314px; right: 123px; }
#Label13{ top: 322px; right: 233px; }
#Label14{ top: 346px; right: 326px; }
#Label15{ top: 363px; right: 253px; }
#Label16{ top: 355px; right: 134px; }
#Label17{ top: 403px; right: 256px; }
#Label18{ top: 395px; right: 180px; }
#Label19{ top: 414px; right: 105px; }
*/


/* 通常ページ用問い合わせボックス */
.contactBox{
	padding: 20px;
	border: 5px solid #CCC;
	width: 670px;
	overflow: hidden;
}
.contactBox p{
	width: 320px;
	float: left;
	display: block;
}
.contactTel{
	font-weight: bold;
	color: #e2070b;
	font-size: 46px;
	margin-right: 10px;
	line-height: 1.2;
	letter-spacing: 0.04em;
}
.contactTel span{
	font-size: 14px;
	color: #333;
	display: block;
	letter-spacing: 0em;
}
.contactMail a{
	position: relative;
	background: #FF9C00 ;
	display: block;
	width: 265px;
	height: 50px;
	line-height: 1.2;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 10px 10px 70px;
	text-decoration: none;
	box-shadow: 0px -5px 0 0 rgba(0,0,0,0.15) inset;
}
.contactMail a:after{
	content:"";
	background: url(../img/ico_sprite.png) no-repeat;
	background-position:-10px -88px ;
	position: absolute;
	top:22px;
	left: 15px;
	width: 38px;
	height: 25px;
}


/*******************************************************************************
**	6.フッター
*******************************************************************************/
#footer a{
	color: #333;
}
#footerInner{
	width: 970px;
	margin: 0 auto;
	padding: 40px 0;
}
#f_bottom{
	background: #FFF;
	padding: 20px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 100%;
}
#footerList{
	overflow: hidden;
}
#footerList h3{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.footerListBox{
	width: 25%;
	float: left;
}
.footerListBox a{
	padding-left: 1em;
	line-height: 2;
	background:url("../img/ico_sprite.png") top left no-repeat;
	background-position:-33px -197px;
}

#toTop{
	position:fixed;
	bottom:10px;
	right:10px;
	width:50px;
	height:30px;
	padding:26px 5px 5px 5px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	background:rgba(0,0,0,0.15);
	border-radius:3px;
	z-index:999;
	cursor:pointer;
	transition: all 0.075s;
}
#toTop:hover{
	background:rgba(0,0,0,0.3);
}

#toTop:before{
	content:"";
	width:12px;
	height:12px;
	position:absolute;
	top:10px;
	left:22px;
	border-top:5px solid #FFF;
	border-left:5px solid #FFF;
	transform:rotateZ(45deg);
}


/*******************************************************************************
**	7.サブページ
*******************************************************************************/
/* 共通
-------------------------------------------------------- */
.subMainTitBox{
	margin-bottom: 20px;
	background: #ffd728;
}
.subMainTit{
	font-size: 30px;
	font-weight: bold;
	background: #238C00;
	color: #FFF;
	width: 100%;
	padding: 20px 20px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.subMainTitBox p{
	padding: 15px;
}
.subTable{
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.subTable th,.subTable td{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
.subTable th{
	width: 25%;
	background: #ede8d4;
}
.subTable td{
	width: 75%;
}
/* サブまとめ
-------------------------------------------------------- */
#inheritance  .subMainTitBox p,
#novacancy  .subMainTitBox p,
#agreement .subMainTitBox  p{
	background: rgba(0,0,0,0.3);
	position: absolute;
	bottom: 0;
	color: #FFF;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#inheritance .subMainTitBox,
#novacancy .subMainTitBox,
#agreement .subMainTitBox {
	background: none;
	position: relative;
}
#inheritance .subMainTit,
#novacancy .subMainTit,
#agreement .subMainTit {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	width: 100%;
	padding: 40px 20px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 160px;
}
#inheritance .subMainTit{ background: url(../img/bg_tit_inheritance.jpg) no-repeat; }
#novacancy .subMainTit{ background: url(../img/bg_tit_novacancy.jpg) no-repeat; }
#agreement .subMainTit{ background: url(../img/bg_tit_agreement.jpg) no-repeat; }
#inheritance .flowBox{ counter-reset:inheritance;}
#inheritance .flowBox li{
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #CCC;
	border-radius: 5px;
}
#inheritance .flowBox li h4{
	padding-left: 50px;
}
#inheritance .flowBox li:before{
	counter-increment:inheritance;
	content:counter(inheritance);
	background: #FFD728;
	padding: 10px;
	font-size: 1.2em;
	border-radius: 30px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	text-align: center;
	line-height: 1.2;
}
#inheritance .flowBox li:after{
	content:"";
	display: block;
	border-top: 14px solid #238C00;
	border-left: 14px solid transparent;   /* topと隣接している   */
	border-right: 14px solid transparent;  /* topと隣接している   */
	border-bottom: 14px solid transparent; /* コード自体無くてもok */
	height: 0px;
	width: 0px;
	position: absolute;
	right:50%;
	margin-right:-7px ;
	bottom: -34px;
}
#inheritance .flowBox li:last-child:after{
	content: none;
}
/* 会社概要
-------------------------------------------------------- */
.subTable#shopTable{
	float: right;
	width: 470px;
	margin-bottom: 20px;
}
.shopMessage{
	clear: both;
	padding: 15px;
	background: #EEE;
}
.shopMessage h4{
	font-weight: bold;
	font-size: 16px;
}

#shopPhoto{
	float: left;
	width: 230px;
}
#staffList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#staffList li{
	/*width: 32%;*/
	width: 49%;
	text-align: center;
	margin-bottom: 20px;
}
#staffList:after{
	/* 左寄せ対応。消すとliに余りが出た時崩れます */
  content:"";
  display: block;
  width:32%;
}
#staffList h4{
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0;
}
 #staffList a{
	display: block;
	padding: 5px 10px;
	background: #238C00;
	margin: 0 auto;
	color: #FFF;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0px -5px 0 0 rgba(0,0,0,0.15) inset;
 }

 /* オーナー向け
 -------------------------------------------------------- */
#ownerBtn{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
#ownerBtn li{
	float: left;
	width: 48%;
	text-align: center;
}
#ownerBtn li a{
	/*border:2px solid #238C00;*/
	-webkit-box-shadow: 0 0 2px #238C00 inset;
	box-shadow:0 0 0 2px #238C00 inset;
	border-radius: 3px;
	color: #238C00;
	font-weight: bold;
	width: 100%;
	display: block;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#ownerBtn li:first-child{ margin-right:4%; }
#ownerBtn li:last-child:after{
	display: block;
	content:"";
	clear: both;
}
#ownerBtn li.selected a{
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #EEE;
	color: #666;
	cursor: default;
	text-decoration: none;
}
#ownerTit{
	/*
	color: #238C00;
	padding-left:10px;
	border-left: 3px solid #238C00;
	*/
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1;
	font-size: 1.1em;
}

/* 不動産相続について */
.grayBox{
	background: #EEE;
	padding:15px 20px ;
	margin: 20px 0;
	font-size: 1.1em;
	line-height:2;
	font-weight: bold;
	color: #444;
}
#inheritance .sectionBox,#novacancy .sectionBox{
	padding: 10px 0;
}
#inheritance .sectionBox:nth-of-type(1),#novacancy .sectionBox:nth-of-type(1){
	padding-bottom: 0;
}
#inheritance .sectionBox:nth-of-type(2),#novacancy .sectionBox:nth-of-type(2){
	padding-top: 0;
}
#inheritance .subContent h3,#novacancy .subContent h3,#novacancy .subContent h3,#agreement .subContent h3{
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-left: 2em;
	border-bottom: 3px solid #238C00;
	background: url(../img/ico_sprite.png) top left no-repeat;
	background-position: -10px -7px;
	height: 30px;
	overflow: hidden;
	clear: both;
}
#inheritance .subContent h4,#novacancy .subContent h4,#agreement .subContent h4{
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}
.blockBox.two li{
	display: inline-block;
	width: 48%;
}
.blockBox.four li{
	display: inline-block;
	width: 24%;
}

/* 契約の流れ */
.agreeBox{
	counter-reset: agree;
}
.agreeBox h3:before{
	counter-increment: agree;
	content:"STEP"counter(agree)":";
}
.agreeBox > li{
	padding-bottom: 20px;
}
.agreeList li{
	overflow: hidden;
	padding-bottom: 20px;
/*
	margin-bottom: 20px;
	border-bottom: 1px #CCC dotted;
*/
}
.agreeList h4{
	background: #EEE;
	padding: 5px 10px;
}

/* 個人情報
-------------------------------------------------------- */
#privacyContent h3 {
	font-weight: bold;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px #CCC solid;
}
#privacyContent p{
	margin-left: 1em;
}
#privacyContent ol{
	margin-left: 3em;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style:none;
	counter-reset:privacy;
}
#privacyContent ol li{
	margin-bottom: 5px;
	color: #666;

}
#privacyContent ol li:before{
	list-style:none;
	counter-increment: privacy;
	content: counter(privacy);
	color: #666;
	font-weight: bold;
	font-size: 15px;
	padding: 3px 6px;
	margin-left: -2em;
	margin-right: 5px;
}
.privacyInfo{
	padding: 10px;
	margin:10px 0 ;
	background: #EEE;
}
/* サイトマップ
-------------------------------------------------------- */
#notfound #sitemapList > li,#sitemap #sitemapList > li{
	border: 3px solid #EEE;
	padding:10px;
	width:100%;
overflow: hidden;
margin-bottom:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#notfound #sitemapList > li h3,#sitemap #sitemapList > li h3{
	font-weight: bold;
	background: #EEE;
	padding: 5px 10px;
	margin-bottom: 10px;
}
#notfound #sitemapList > li li,#sitemap #sitemapList > li li{
	float:left;
	margin:0 0 10px 20px;

}
#notfound #sitemapList >  li li:before,#sitemap #sitemapList > li li:before{
	content:"> ";
}
/* 問い合わせフォーム
-------------------------------------------------------- */
.formTbl table{
	border-collapse: collapse;
    border-left: 1px solid #CCCCCC;
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
    empty-cells: show;
    /* margin: 10px 0 0 0; */
    padding: 0;
		width: 100%;
		margin-bottom: 20px;
}
.formTbl th{
	font-weight: bold;
	padding: 5px 10px;
	vertical-align: middle;
	white-space: nowrap;
	background: none repeat scroll 0 0 #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	text-align: left;
	width: 20%;

}
.formTbl td{
	text-align: left;
	padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
		width: 80%;
}
.formMailChk{
	text-align: center;
}
.formAttention{
	color: red;
}
.mailNext a{
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	background: #FF7F00;
	border-radius: 3px;
	-webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.15) inset, 2px 2px 2px 0 rgba(0,0,0,0.20);
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.15) inset, 2px 2px 2px 0 rgba(0,0,0,0.20);
	width: 200px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.mailBack a{
	display: block;
	padding: 10px 15px;
	color: #333;
	font-size: 14px;
	background: #FFF;
	border-radius: 3px;
	-webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.15) inset, 2px 2px 2px 0 rgba(0,0,0,0.20);
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.15) inset, 2px 2px 2px 0 rgba(0,0,0,0.20);
	width: 198px;
	margin: 0 auto;
	border: 1px solid #CCC;
}
.formContactRequire{
	background: #dd0000;
	color: #FFF;
	padding:2px 5px;
	margin-left: 5px;
	border-radius: 2px;
	font-size: 12px;
}
.icoBlank{
	padding-right: 20px;
	background: url(../img/ico_blank.png) no-repeat center right;
}
.formTbl table select{
	padding-bottom:5px;
}