@charset "UTF-8";

/* --------------------------------------------------------------------- */
/* ALL */
/* --------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	word-break: break-all;
}

html {
	width:100%;
	height:100%;
	backgrond: #fff;
}

body {
	width:100%;
	height:100%;
  	font-family:"HiraKakuProN-W3", sans-serif;
	font-size:14px;
	color:#333333;
	backgrond: #fff;
	-webkit-touch-callout: none;

}

body, p {
  margin: 0;
  padding: 0;
  line-height: 1;
  line-break: strict;
}

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

.clear {
	clear:both;
}

img {
	vertical-align:bottom;
}

a {
	text-decoration: none;
}



/* 幅調整
-------------------------------------------------- */

#width-keeper {
  margin-left:auto;
  margin-right:auto;
  max-width: 640px;
	width:100%;
	height:100%;
	font-size:0;
}

#width-keeper p img {
	width:100%;
}


/* --------------------------------------------------------------------- */
/* text-size */
/* --------------------------------------------------------------------- */

.txt11 {
	font-size: 11px;
}



/* --------------------------------------------------------------------- */
/* margin padding */
/* --------------------------------------------------------------------- */

.m0 {
	margin: 0 !important;
	padding: 0 !important;
}

.mb19 {
	margin-bottom: 19px !important;
}

.pl14 {
	padding-left: 14px !important;
}

.mt3 {
	margin-top: 3px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt12 {
	margin-top: 12px !important;
}


.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt22 {
	margin-top: 22px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt28 {
	margin-top: 28px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mtN7 {
	margin-top: -7px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb22 {
	margin-bottom: 22px !important;
}

.mb7 {
	margin-bottom: 7px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.lt5 {
	line-height: 1.6 !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.clear {
	margin: 0 !important;
	padding: 0 !important;
}


/* --------------------------------------------------------------------- */
/* all */
/* --------------------------------------------------------------------- */

.txt {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 1.5;
}

.minTxt {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	line-height: 1.4;
}

section#menuContentsArea section#acContents div#acContentsN1 div.menuTitle h2,
section#menuContentsArea section#acContents div#acContentsN2 div.menuTitle h2 {
	-webkit-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-ms-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

section#menuContentsArea section#acContents div#acContentsN1 div.menuTitle h2,
section#menuContentsArea section#acContents div#acContentsN2 div.menuTitle h2  {
	-webkit-transition: all 0.24s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 0.24s ease;
	-moz-transition: all 0.24s ease;
	-ms-transition: all 0.24s ease;
}

/* more */
div.more {
	text-align: center;
	padding: 0 10px;
	margin-bottom: 25px;
	display: block;
	}
	div.more a {
		background: #62b8a4;
		border-radius: 4px;
		font-size: 12px;
		color: #fff;
		display: block;
		padding: 10px 0 10px 0;
		font-weight: bold;
		}
		div.more span {
			padding-right: 15px;
			text-shadow: 0px 1px 1px #329b7a;
			background: url("../images/icon_10.png") no-repeat right -0.08em;
			background-size: 10px 14px;
			line-height: 1.8;
		}
		body.android div.more span {
			padding-right: 10px;
			text-shadow: 0px 1px 1px #329b7a;
			background: url("../images/icon_10.png") no-repeat right -0.08em;
			background-size: 10px 14px;
			line-height: 1.8;
		}

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

header#mainHeader.home {
	background: #fff;
	border-bottom: 2px solid #009b62;
	position: relative;
	z-index: 500;
	padding: 15px 0;
	box-shadow:rgba(113, 135, 164, 0.65098) 0px 2px 4px 0px;
	}
header#mainHeader.typical {
	background: #fff;
	border-bottom: 2px solid #009b62;
	position: relative;
	z-index: 500;
	padding: 15px 0;
	/*box-shadow:rgba(113, 135, 164, 0.65098) 0px 1px 0px 0px;*/
	}
	header#mainHeader h1 {
		float: left;
		}
		header#mainHeader h1 a{
			display: block;
			margin-left: 15px;
			height: 25px;
			}
	header#mainHeader nav {
		float: right;
		}
		header#mainHeader nav ul {
			display: block;
			margin-right: 15px;
			}
			header#mainHeader nav ul li {
				float: left;
				}
				header#mainHeader nav ul li a{
				height: 25px;
				display: block;
				}
				header#mainHeader nav ul:last-child a {
					display: block;
					margin-left: 10px;
					}


/* --------------------------------------------------------------------- */
/* contents */
/* --------------------------------------------------------------------- */

section#mainContents.type2 {
	border-top: 1px solid #ccc;
}

/* contents head */
section#mainContents.typical > header {
	background: #62b8a4;
	margin-bottom: 22px;
	}
	section#mainContents.typical.none > header {
	background: #62b8a4;
	margin-bottom: 0;
	}
	section#mainContents.typical > header h2 {
		border-top: 1px solid #549e8d;
		font-size: 17px;
		color: #fff;
		text-shadow: 0px 1px 1px #329b7a;
		padding: 15px 0 19px 0;
		display: block;
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
		background: url("../images/line.gif") repeat-x left bottom;
		background-size: 18px 3px;
		}
	section#mainContents.typical > header h2.type2,
	section#mainContents.typical > header h2.type2 img {
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		background: none !important;
		text-shadow: none !important;
		border: none !important;
		width: 100%;
		}


/* tabmenu */
div#tabMenuArea {
	display: block;
	background: #309978;
	width: 100%;
	position: relative;
	/*box-shadow:rgba(0, 0, 0, 0.1) 0px -6px 4px 0px;*/
	}
div#tabMenuArea:before{
	content: " ";
	background: url("../images/shadow_02.png") repeat-x center top;
	background-size: 320px 4px;
	width: 100%;
	height: 4px;
	display: block;
	position: absolute;
	top: -4px;
	}
	div#tabMenuArea ul li.menuTabOpen {
		 background: #62b8a4 ;
			}
			div#tabMenuArea ul li.menuTabOpen a {
				background: url("../images/cursor2.gif") no-repeat center bottom !important;
				background-size: 17px 8px !important;
				color: #fff;
				display: block;
				padding: 15px 0;
				}
	div#tabMenuArea ul li {
		float: left;
		font-size: 15px;
		width: 50%;
		text-align: center;
		background: #309978;
		text-shadow: 0px 1px 1px #329b7a;
		font-weight: bold;
		}
		div#tabMenuArea ul li a {
			background: url("../images/shadow.gif") repeat-x center bottom;
			background-size: 2px 9px;
			color: #fff;
			display: block;
			padding: 15px 0;
			font-weight: bold;
			}
			div#tabMenuArea ul li#tabmenu1 span {
			background: url("../images/icon_01.png") no-repeat left center;
			background-size: 19px;
			padding: 15px 0 15px 25px;
			}
			div#tabMenuArea ul li#tabmenu2 span {
			background: url("../images/icon_02.png") no-repeat left center;
			background-size: 18px;
			padding: 15px 0 15px 21px;
			position: relative;
			left: -2px;
			top: -1px;
			}

		.menuTab {display: none;}


/* tabcontents */
 div#mainmenu {
	display: block;
	}
	div#mainmenu ul li {
		padding: 4px;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	div#mainmenu ul li:after {
		content:"";
		display: block;
		background: url("../images/icon_03.png") no-repeat right center;
		background-size: 9px 13px;
		width: 9px;
		height: 13px;
		position: absolute;
		top: 18px;
		right: 14px;
		z-index: 50;
	}
	
	div#mainmenu ul li.sub:after {
		background: url("../images/icon_04_under.png") no-repeat right center;
		background-size: 13px 9px;
		width: 13px;
		height: 9px;
		position: absolute;
		top: 18px;
		right: 14px;
		z-index: 50;
	}
	
	
	div#mainmenu ul li dl dd.open {
		display: none;
		padding-bottom: 10px;
		}
			
	div#mainmenu ul li dl dd.open a {
		display: block;
		font-size: 13px !important;
		margin-top: 10px;
		background-color: transparent !important;
		/*background-image: url(../images/icon_03.png);
		background-position: right 12px center;
		background-size: 9px 13px;
		background-repeat: no-repeat;*/
		}
			
			
			
			
		div#mainmenu ul li a {
		color: #62b8a4;
		display: block;
		font-size: 10px;
		padding: 0px 7px;
		font-weight: bold;
		}
		div#mainmenu ul li a:hover,
		div#mainmenu ul li a.current {
			background: #e0f1ed;
		}
		div#mainmenu ul li.type2 {
			border-bottom: none;
		}
		div#mainmenu ul li a span {
			padding: 14px 0;
			display: block;
		}
		div#mainmenu ul li a span#menu1 {
			padding-left: 71px;
			background: url("../images/menu_01.png") no-repeat left center;
			background-size: 61px 14px;
			}
			body.android div#mainmenu ul li a span#menu1 {
				padding-left: 71px;
				background: url("../images/menu_01.png") no-repeat left 1.5em;
				background-size: 61px 14px;
				position: relative;
				top: 1px;
			}
		div#mainmenu ul li a span#menu2 {
			padding-left: 84px;
			background: url("../images/menu_02.png") no-repeat left center;
			background-size: 74px 14px;
			}
			body.android div#mainmenu ul li a span#menu2 {
				padding-left: 84px;
				background: url("../images/menu_02.png") no-repeat left 1.5em;
				background-size: 74px 14px;
				position: relative;
				top: 1px;
			}
		div#mainmenu ul li a span#menu3 {
			padding-left: 72px;
			background: url("../images/menu_03.png") no-repeat left center;
			background-size: 62px 14px;
			}
			body.android div#mainmenu ul li a span#menu3 {
				padding-left: 72px;
				background: url("../images/menu_03.png") no-repeat left 1.5em;
				background-size: 62px 14px;
				position: relative;
				top: 1px;
			}
		div#mainmenu ul li a span#menu4 {
			padding-left: 66px;
			background: url("../images/menu_04.png") no-repeat left center;
			background-size: 56px 14px;
			}
			body.android div#mainmenu ul li a span#menu4 {
				padding-left: 66px;
				background: url("../images/menu_04.png") no-repeat left 1.5em;
				background-size: 56px 14px;
				position: relative;
				top: 1px;
			}
		div#mainmenu ul li a span#menu5 {
			padding-left: 51px;
			background: url("../images/menu_05.png") no-repeat left center;
			background-size: 41px 14px;
			}
			body.android div#mainmenu ul li a span#menu5 {
				padding-left: 51px;
				background: url("../images/menu_05.png") no-repeat left 1.5em;
				background-size: 41px 14px;
				position: relative;
				top: 1px;
			}
		div#mainmenu ul li a span#menu6 {
			padding-left: 77px;
			background: url("../images/menu_06.png") no-repeat left center;
			background-size: 67px 14px;
			}
			body.android div#mainmenu ul li a span#menu6 {
				padding-left: 77px;
				background: url("../images/menu_06.png") no-repeat left 1.5em;
				background-size: 67px 14px;
				position: relative;
				top: 1px;
			}


 div#housesSearchMenu {
	display: block;
	margin: 0 auto;
	}
	div#housesSearchMenu section {
		padding: 0px 10px;
		}
	div#housesSearchMenu section:first-child {
		padding: 0px 10px 0 10px;
		position: relative;
		top: 0px;
		}
	div#housesSearchMenu section:last-child {
		padding: 0px 10px 0 10px;
		position: relative;
		top: 0px;
		}
		div#housesSearchMenu section a {
			display: block;
			margin: 0 auto;
			padding: 11px 0px 13px 0;
			background: url("../images/dot_01.png") repeat-x left bottom;
			background-size: 3px 1px;
			}
		div#housesSearchMenu section.type2 a {
			display: block;
			margin: 0 auto;
			padding: 14px 0px 9px 0;
			background: none;
			}
		div#housesSearchMenu section.type3 a {
			display: block;
			margin: 0 auto;
			padding: 14px 0px 10px 0;
			background: url("../images/dot_01.png") repeat-x left bottom;
			background-size: 3px 1px;
			}
			p.searchVisual {
				display: block;
				margin-bottom: 9px;
			}
			div#housesSearchMenu div.textArea {
				background: url("../images/icon_03.png") no-repeat right center;
				background-size: 9px 13px;
				}
				div#housesSearchMenu div.textArea h3{
					font-size: 14px;
					color: #62b8a4;
					font-weight: bold;
					margin-bottom: 6px;
					display: block;
				}
				div#housesSearchMenu div.textArea p{
					font-size: 10px;
					color: #333333;
					line-height: 1.4;
					width: 95%;
					}

/* auto slide */
.slideFrame {
	position: relative;
	margin: 0 ;
	overflow: hidden;
	overflow-x: auto;
	height: 53px;
	background: #333;
	}
	body.android .slideFrame {
		position: relative;
		margin: 0 0.1em 0 0;
		overflow: hidden;
		overflow-x: auto;
		height: 53px;
		background: #333;
	}
	.slideGuide {
		width: 150%;
		height: 100%;
		}
		.slideCell {
			display: block;
			height: 67px;
			float: left;
			background: #FFF;
			color: #333;
			}
			.slideCell img {
				height: 67px;
				display: block;
				margin: 0;
				padding: 0;
			}


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

footer#mainFooter.home {
	border-top: 1px solid #cbd9d8;
	display: block;
	text-align: center;
	}
	/* 2link */
	footer#mainFooter ul {
		display: block;
		margin: 0 auto 0 auto;
		text-align: center;
		padding-left: 30px;
		}
		footer#mainFooter ul li {
			display: inline-block;
			padding: 18px 0 16px 0px;
			}
			footer#mainFooter ul li a {
				text-align: center;
				color: #494a4a;
				margin-right: 30px;
				padding: 15px 0 15px 7px;
				font-size: 10px;
				background: url("../images/icon_06.png") no-repeat left 1.7em;
				background-size: 3px 6px;
			}
		/* SNS */
		footer#mainFooter ul.footerSns {
			padding-left: 10px;
			}
			footer#mainFooter ul.footerSns li {
				padding: 0 0 15px;
				}
				footer#mainFooter ul.footerSns li a {
					margin-right: 10px;
					padding: 0;
					background: none;
				}
		/* SNS */
		footer#mainFooter .linkBroker {
			margin: 0 auto 22px;
			width: 130px;
			}
			footer#mainFooter .linkBroker a {
				padding: 8px 0 8px;
				color: #ffffff;
				font-size: 10px;
				font-weight: bold;
				display: block;
				background: #67bba7;
				/*border-radius: 3px;*/
				}
				footer#mainFooter .linkBroker a span {
					padding-right: 8px;
					display: inline-block;
					background: url("../images/icon_10.png") no-repeat right center;
					background-size: 5px 7px;
					}

	/* copylight */
	footer#mainFooter div#copyright {
		font-size: 10px;
		color: #fff;
		background: #555555;
		padding: 15px 0;
		text-align: center;
		}