@charset "Shift_JIS";
/*@import url(fontawesome/font-awesome.css);*/
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url(owl.carousel.css);
@import url(owl.theme.css);
@import url(slidernav.css);
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html {
	color: #000;
	background: #FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
q:before, q:after {
	content: ''
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%
}
legend {
	color: #000
}
/*
* 既定色
    肌色：fff2b8
    薄肌色:fff9ea
    黒色：231815
    茶色：af8349
    薄茶色f6d694
    青色：1d2088
    黄色：f2bb00
    橙色：f7ab00
    オレンジ：#ff6000
*/
/*=============================================
 body
=============================================*/
body {
	color:#333;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 160%;
	text-align: center;
}

/*=============================================
 link
=============================================*/
a{
	color:#000;
	text-decoration:none;
	outline:0;
}
a:link,
a:visited,
a:hover,
a:active {
	color: #000
}

/*=============================================
 clearfix
=============================================*/
#menu ul:after,
.head-bottom:after,
.headlink ul:after,
#gnav h2:after,
.category:after,
.pr:after,
.main-width:after,
.access:after,
footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
.clearfix {
	display:inline-block;
	display:block;
	_height: 1%;
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}
.partition{
	clear:both;
	height:0%;
}
/*=============================================
 set elements
=============================================*/
html {
	color: #000;
	background: #FFF;
}
h2 {
	margin-bottom: 50px;
	font-weight: bold;
}
h3{
	margin-bottom: 30px;
}
textarea {
    overflow: auto;
}
#main-contents a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.60;
}
/*=============================================
 set table class
=============================================*/
/* default table */
table.default-tb,
table.label-tb,
table.special-tb {
	width: 100%;
	margin-bottom: 2rem;
}
table.default-tb th {
	font-weight: normal;
	width: 20%;
	padding: 14px;
	border: 1px solid #af8349;
	background: #ddd;	
}
table.default-tb td {
	padding: 14px;
	vertical-align: top;
	border: 1px solid #af8349;
	background: #fff;
}
/* special table */
table.special-tb {
	width: 100%;
	margin: 0 auto;
}
table.special-tb th {
	font-weight: normal;
	width: 20%;
	padding: 14px;
	border: 1px solid #af8349;
	background: #ddd;
}
table.special-tb td {
	padding: 14px;
	vertical-align: top;
	border: 1px solid #af8349;
	background: #fff9ea;
	text-align: center;
}
table.label-tb th {
	font-weight: normal;
	padding: 14px;
	border: 1px solid #af8349;
	background: #ddd;	
}
table.label-tb td {
	padding: 14px;
	vertical-align: top;
	border: 1px solid #af8349;
	background: #fff;
	word-break: break-all;

}
table.special-tb td a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
table.horizon6 th {
	width: 16.666667%;
}

table.horizon5 th,
table.horizon5 td {
	width: 20%;
}
table td.submit {
	padding: 0;
	margin: 0;
}
#loan table td input {
	width: 80%;
}
/*=============================================
 set other tag class
=============================================*/
ul.default-ul {
	text-align: left;
	margin-bottom: 2rem;
}
ul.default-ul li {
	margin-bottom: 0.5rem;
}
/*=============================================
 ie warning
=============================================*/
#ie_warning {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	opacity: 0.6;
	color: #000;
	background: #ffbf44;
	filter: alpha(opacity=60);
}

#ie_warning strong {
	color: #000;
}

#ie_warning a {
	font-weight: bold;
	text-decoration: underline;
	color: #fc0101;
}
/*=============================================
 test elements
=============================================*/
	.mediaq {
		width:100%;
		height:90px;
		background-repeat: no-repeat;
	}
	#userAgent {
		padding: 4px;
		background-color: #d2d2d2;
		margin-bottom: 10px;
		
	}
/*=============================================
 0-1 header
=============================================*/
header {
	width: 100%;
}
.header_inner {
	margin: 0 auto;
}
header h1.page-title {
	font-size: 14px;
	font-weight: normal;
	padding-left: 2%;
	text-align: left;
}
.headlink {
	min-height: 90px;
}
.headlink .member {
	background-color: #1d2088;
	color: #fff;
	padding: 1rem 0.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	border-top: 4px solid #ff6000;
	border-bottom: 4px solid #ff6000;

}
.headlink ul {
	padding: 10px 0 10px 0;
}
.headlink ul li {
	margin-left: 30px;
}
.headlink ul li a{}
.head-bottom {
	text-align: left;
}
.hlogo img{
	width: 100%;
}
.head-tel {
	float: right;
}
/*=============================================
 0-2 gnav
=============================================*/
#gnav {
	height: 60px;
	background: #f2bb00;
	position: relative;
	z-index: 1001;
	clear: both;
	width: 100%;
	border-bottom: 10px solid #000;
}
#gnav ul {
	margin: 0 auto;
	padding: 0;
}
#gnav ul li {
	display: inline-block;
	line-height: 60px;
	float: left;
	width: 20%;
	list-style: none;
	text-align: center;
}
#gnav ul li:last-child {
	width: 19.8%;
	min-width: 120px
}
#gnav ul li:first-child a {
	border-left: none;
}
#gnav ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	-ms-transition-property: background-color, color;
	transition-property: background-color, color;
	border-right: 1px solid #000;
}
#gnav ul li :hover {
	color: #000;
	background: #ff6000;
}
#gnav ul li:first-child a {
	border-left: 1px solid #000;
}
#gnav h2 {
	display: none;
	width: auto;
	height: 56px;
	margin: 0;
	cursor: pointer;
}
#gnav h2 span {
	line-height: 56px;
	display: block;
	float: right;
	padding: 0 10px 0 34px;
	color: #fff;
	background: url(../img/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/***************************
    optional parts
****************************/
/**/
.mark {
	/*文章マーク(赤)*/
	color: #B20000;
}
.green0 {
	/*メインのグリーンカラー*/
	background-color: #006c54 !important;
}
.green1 {
	/*若草色*/
	background-color: #bacd27 !important;
}
.green2 {
	/*薄若草色*/
	background-color:#f0fd8d !important;
}
.green3 {
	/*薄々若草色*/
	background-color: #fafadc !important;
}
.blue1 {
	background-color: #d3e4fd !important;
}
.font-pink {
	color: #eb5b5f !important;
}
.lightgreen {
	background-color: #48becf !important;
}
.border-lightgreen {
	border-color: #48becf !important;
}
.brown1 {
	background-color: #f6d694 !important;
}
.border-brown1 {
	border-color: #f6d694 !important;
}
.brown2 {
	background-color: #af8349 !important;
}
.border-brown2 {
	border-color: #af8349 !important;
}
.white {
	background-color: #ffffff !important;
}
.text-center {
	text-align: center !important;
}
.text-bold {
	font-weight: bold !important;
}
.sentence {
	text-indent:1em !important;
}
.text-left {
	text-align: left !important;
}
.text-bold {
	font-weight: bold !important;
}
.text-1_4rem {
	font-size: 1.4rem !important;
}

.sentence-img {
	width: 40%;
}
/* bar */
.emphasize {
	width: 100%;
	color:#fff;
	background:#006c54;
	padding: 10px 0 10px;
	font-weight: bold;
	margin-bottom: 20px;
}
.control {
	position: absolute;
}
.posi-right-bottom {
	position: relative;
	top: 308px;
	left: 140px;
}
/* floating page top */
/* floating page top */
#pagetop-floating {
    position: fixed;
	z-index: 1021;
    bottom: 1%;
    right: 1%;
    font-size: 77%;
}
#pagetop-floating a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 7px;
	-moz-opacity:0.65;
	-khtml-opacity:0.65;
	opacity:0.65;
	background:url(../img/page_top.png);
	background-repeat: no-repeat;
}
#pagetop-floating a:hover {
    text-decoration: none;
    background: #999;
	-moz-opacity:0.45;
	-khtml-opacity:0.45;
	opacity:0.45;
	background:url(../img/page_top.png);
	background-repeat: no-repeat;
}
/*ハイド*/
dl#hide dd {	display: none;}
dl#hide dt h3 {
	font-weight: bold;
	color: #000000;
    cursor: pointer;
	background-image: url(../images/bg_click.png);
	background-repeat: no-repeat;
	padding-left: 120px;
}
/***************************
 button
****************************/
/* base button */
.button {
	color: #000 !important;
	background-color: #f2bb00;
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin-bottom: 0.5rem;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
/*------ 特設 ------*/
.button2 {
	color: #000 !important;
	background-color: #48becf;
	display: inline-block;
	font-size: 1.6rem;
	width: 80%;
	height: auto;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	outline: none;
	margin-bottom: 0.5rem;
	border: 4px solid #48becf;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.button2:hover {
	background-color: #aaf2fc;
	color: #000 !important;
}

/*------ 特設終わり ------*/
.bt300-ygreen {
	color: #000 !important;
	background-color: #c3dc04;	
}

.bt300,
.bt300-blue,
.bt300-ygreen {
	width: 300px;
}
.bt300s {
	width: 300px;
	height: 40px;
	line-height: 40px;
}
.bt200s {
	width: 200px;
	height: 40px;
	line-height: 40px;
}
.bt300:hover,
.bt300s:hover,
.bt200s:hover {
	background-color: #ff6000;
	color: #000 !important;
}
.bt300-blue:hover {
	background-color: #03367b;
	color: #fff !important;
}
.bt300-ygreen:hover {
	background-color: #f0fd8d;
	color: #000 !important;
}
.bt-twoblock {
	line-height: 160%;
	margin-bottom: 6px;
}
/* decoration button */
.bt-decoration {
	color: #000 !important;
	background-color: #f2bb00;
/*	display: inline-block;*/
	width: 250px;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 0 4px 2px;
	height: 58px;
	border: 2px solid #ff6000;
}
.bt-title {
	width: 50%;
/*	height: 16.2px;*/
	height: 30%;
	vertical-align: top;
	font-size: 0.7rem;
/*	display: inline-block;*/
	text-align: left;
	float: left;
	padding-bottom: 6px;
	width: 118px;
}
.bt-subtitle {
	width: 50%;
	float: right;
	height: 30%;
	vertical-align: top;
	font-size: 0.7rem;
	text-align: right;
	padding-bottom: 6px;
	width: 118px;

}
.bt-body {
	width: 100%;
	height: 70%;
/*	height: 37.8px;*/
	font-size: 1.5rem;
	font-weight: bold;
	/*display: inline-block;*/
}
.bt-decoration2 {
	color: #000 !important;
	background-color: #f2bb00;
/*	display: inline-block;*/
	width: 200px;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 2px 4px 0;
	border: 2px solid #ff6000;
	height: 58px;
}
.bt-icon {
	width: 25%;
	float: left;
	height: 100%;
	font-size: 1.8rem;
	padding-top: 0.6rem;
	height:24px;
	margin-bottom: 6px;
}
.bt-top {
	width: 75%;
	width: 141px;
	font-size: 1.2rem;
	font-weight: bold;
	float: right;
}
.bt-bottom {
	width: 75%;
	width: 141px;
	font-size: 1.1rem;
	font-weight: bold;
	float: right;
}
.bt-decoration::before,
.bt-decoration::after
.bt-decoration2::before,
.bt-decoration2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.bt-decoration,
.bt-decoration::before,
.bt-decoration::after,
.bt-decoration2,
.bt-decoration2::before,
.bt-decoration2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.bt-decoration:hover,
.bt-decoration2:hover {
	background-color: #ff6000;
	color: #000 !important;
}
.bottom-triangle {
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #f2bb00;
	margin: 0 auto;
}
.bottom-triangle-active {
	border-top: 30px solid #00c6ff;
}
.bottom-triangle-untreated {
	border-top: 30px solid #eee;
}
/*=============================================
 0-3 mainvisual carousel
=============================================*/
/*----------------------------------------
	main-visual
----------------------------------------*/

.main-visual {
	width: 100%;
	position: relative;
	background-color: #48becf;
}
.main-visual #singleImage{
	height: 100%;
	width: 100%;
}
/* manvisual */
#mainvisual {
	margin: 0 auto;
}
#mainvisual img{
	width: 100%;
}
#carousel li img {
	width: 100%;
	height: auto;
}
#carousel li.slick-slide {
	margin: 10px 5px;
	border: none;
}
.slick-dots li button::before {
	font-size: 24px;
	color: #006c54;
}
.slick-dots li.slick-active button:before {
	color: #006c54;
}
.slick-dots {
	bottom: -32px;
	text-align: center;
}
/*=============================================
 0-4 breadcrumb
=============================================*/
#breadcrumb {
	text-align: left;
	height: auto;
	background: #f5f7f6;
	padding: 0.5rem 1rem;
}
#breadcrumb ul {
	margin: 0 auto;
}
#breadcrumb ul li {}
#breadcrumb ul li::after {
	content: '　＞　';
}
#breadcrumb ul li.last::after {
	content: '';
}
#breadcrumb strong {
	font-weight: bold;
}
/*=============================================
 0-5 main-contents
=============================================*/
#main-contents {
	padding: 0 1% 0;
	margin: 0 auto;
}
#main-contents p {
	line-height: 2.5;
	margin: 0 0 2em 0;
}
#main-contents strong{
	font-weight: bold;
}
#main-contents img.auto-img {
	width: 90%;
	margin: 5%;
}
.contact-bn {
	margin: 0 auto;
	margin-bottom: 2.4rem;
}
.contact-bn img{
	width: 100%;
}
/*_____________________________________________________*/

h2.fa {
    display: block;
}
/* ---------------------------------------
     recommend
-----------------------------------------*/
.bk-block {
  box-shadow: 0 0 3px #aaa;
}

.bk-block h4 {
	font-weight: normal;
	text-align: center;
	font-size: 1.2rem;
	padding: 10px 5px;
	background-color: #fff9ea;
	font-weight: bold;
}

.bk-block p {
  padding: 10px;
}

.bk-block img {
  width: 100%;
}
#recommend {
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
}

#recommend div.bk-block {
  width: calc(25% - 10px);
  margin: 5px;
}
/*----------------------------------------
	information
----------------------------------------*/

#information {
	padding: 100px 0;
}

.news {
	width: 50%;
	float: left;
	border-left: 1px solid #DDDDDD;
}

.news h2 {
	margin: 0;
	padding: 28px 0 40px;
	font-size: 36px;
	font-size: 2.25rem;
	color: #fa5a6f;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
}

.news:first-child {
	margin-left: -1px;
	border-left: none;
}

.news1,
.news2 {
	width: 50%;
	float: left;
	border-left: 1px solid #DDDDDD;
}

.news1 h2,
.news2 h2 {
	margin: 0;
	padding: 28px 0 40px 20px;
	font-size: 36px;
	font-size: 2.25rem;
	color: #af8349;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
}

.news1 {
	margin-left: -1px;
	border-left: none;
}

.recent-news {
	margin: 0;
	padding-bottom: 8px;
	text-align: left;
}

.recent-news dt {
	padding-bottom: 20px;
	width: 30%;
	float: left;
	clear: left;
	text-align: center;
}

.recent-news dd {
	margin: 0;
	padding: 0 0 20px 30%;
	width: 66%;
}

.recent-news dd a {
	color: #4c9ed9;
}

.recent-news dd a:hover {
	color: #4c9ed9;
}
/*=============================================
 set tab menu
=============================================*/
#tab-area h3 {
	margin: 0;
	padding: 28px 0 40px 20px;
	font-size: 30px;
	font-size: 2.25rem;
	color: #af8349;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
}
#tab-area h3.fa {
	display: block;
	text-align: left !important;
}
#tab-area h4 {
	margin: 0;
	padding: 18px 0 18px;
	font-size: 24px;
	font-size: 1.5rem;
}

/*=============================================
 set table class
=============================================*/
/* @dreamt table */
table td.ichititle a {
	text-decoration: none;
	color: #fff !important;
}
table td.ichititle {
	background: #FFAF00;

}
table.station-table,
table.area-table,
table.toku-table {
	width: 100%;
}
/* area table */
table.area-table th,
table.toku-table th {
	font-weight: bold;
	width: 18%;
	padding: 14px;
	border: 1px solid #ccc;
	text-align: center;
}
table.area-table td {
	width: 25%;
}
table.area-table td,
table.toku-table td {
	padding: 14px;
	vertical-align: top;
	border: 1px solid #b16600;
	word-break: break-all;
	color: #b16600;
}

table.area-table td a,
table.toku-table td a {
	color: #b16600;
	font-weight: bold;
}

/* tab */
ul#tab-menu {
	border-bottom: 8px solid #ff6000;
	height: 54px;
	line-height: 54px;
	width: 100%;
}
ul#tab-menu li {
	display: inline-block;
	height: 54px;
	line-height: 54px;
	background-color: #f2bb00;
	float: left;
	width: 20%;
	list-style: none;
	text-align: center;
	border-right: 1px solid #000;

}
ul#tab-menu li a,
ul#tab-menu li a::before,
ul#tab-menu li a::after {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	-ms-transition-property: background-color, color;
	transition-property: background-color, color;


}
ul#tab-menu li a.selected {
	background-color: #ff6000;

}
ul#tab-menu li:hover {
	color: #000;
	background: #ff6000;
}

/* @dream decoration */
span.yachin {
	font-weight: bold;
	color:#F00;
}
#loan_legend {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
#loan_reason ul {
	width: 100%;
	margin-bottom:1rem;
}
#loan_reason ul li{
	text-align: left;
	margin-bottom:0.5rem;
}
#loan_pay {
	color:#F00;
	font-size: 2rem;
	font-weight: bold;
}
/*---------- b_bukken系 ----------*/
#main-contents h1 {
	width: 100%;
	margin: 0 0 4rem;
	padding-bottom: 1rem;
	font-size: 46px;
	font-size: 2.875rem;
	color: #000;
	font-weight: bold;
	line-height: 100%;
	border-bottom: 6px solid #ff6000;
	word-wrap: break-word

/*
	font-size: 60px;
	line-height: 60px;
	font-weight: bold;
	border-left: 20px solid #ff6000;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2rem;
*/
}	
#main-contents h2#osusume {
	width: 100%;
	margin: 0 0 3rem;
	padding-bottom: 1rem;
	font-size: 40px;
	font-size: 2.5rem;
	color: #ff6000;
	font-weight: bold;
	line-height: 100%;
	border-bottom: 6px solid #ff6000;
	word-wrap: break-word 
}

#main-contents .infomation {
	padding: 8px;

}
#main-contents .infomation p {
	text-align: center;
}
#main-contents #header03 {
	padding: 8px;
	text-align: center;
	margin-bottom: 40px;
}
#main-contents #header03 .update-time{
	margin-bottom: 20px;

}

/* 沿線・駅名リンク */
/* b_bukken 一覧 */
table.area-navi-table,
table.station-table,
table.area-table,
table.toku-table {
	width: 100%;
}
table.area-navi-table img{
	width: 50px;
	height: auto;
}

#area-box .area-block table{
	border: solid #b16600 1px;
	background:#fff9ea;
}
table.area-navi-table th {
	font-weight: normal;
	width: 20%;
	padding: 14px;
	border: 1px solid #ccc;
	background: #ddd;	
}
table.area-navi-table td {
	padding: 14px;
	vertical-align: top;
}
table.area-navi-table td.head {
	width: 25%;
}
table.area-navi-table td a {
	display: block;
	width: 100%;

}

/*---------- 駅別・検索一覧 ----------*/

/* 沿線・駅名リンク */

/* ---------------------------------------
    エリアナビテーブル 
--------------------------------------- */
#area-box .area-block{
	list-style: none;
	background-color:#ffffff;
}
#area-box .area-block h2{
	background: #f2bb00;
	padding: 12px 0;
	cursor:pointer;
	border-bottom: 2px solid #ccc;
	margin-bottom: 0;
	height: 2rem;
}
#area-box .area-block h2,
#area-box .area-block h3{
	cursor:pointer;
}
/* Area Navi Head */
#area-box .area-block:first-child table.area-navi-table {
	background: #f2bb00;
	font-weight: bold;
	width: 100%;
}
#area-box .area-block:first-child table.area-navi-table td {
	border: 1px solid #2c2c2c;
}

#area-box .area-block:first-child table.area-navi-table td.head,
#area-box .area-block:first-child table.area-navi-table td.toku {
	padding :0;
}
#area-box .area-block:first-child table.area-navi-table td.head a,
#area-box .area-block:first-child table.area-navi-table td.toku a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	text-decoration: none;
	-moz-transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	-ms-transition-property: background-color, color;
	transition-property: background-color, color;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
}
#area-box .area-block:first-child table.area-navi-table td.head a:hover,
#area-box .area-block:first-child table.area-navi-table td.toku a:hover {
	background:#ff6000;
}
/*京阪本線*/
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪本線"]{
	background-image:url(../img/train.png);
	background-repeat: no-repeat;
	background-position: 25% 40%;
}
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪本線"]:hover {
	background-image:url(../img/train.png);
	background-repeat: no-repeat;
	background-position: 25% 40%;
}
/*京阪交野線*/
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪交野線"]{
	background-image:url(../img/train.png);
	background-repeat: no-repeat;
	background-position: 25% 40%;
}
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪交野線"]:hover {
	background-image:url(../img/train.png);
	background-repeat: no-repeat;
	background-position: 25% 40%;
}
/*JR片町線*/
#area-box .area-block:first-child table.area-navi-table td.head a[title*="ＪＲ片町線"]{
	background-image:url(../img/train.png);
	background-repeat: no-repeat;
	background-position: 25% 40%;
}
#area-box .area-block:first-child table.area-navi-table td.head a[title*="ＪＲ片町線"]:hover {
	background-image:url(../img/train.png);
	background-repeat: no-repeat;
	background-position: 25% 40%;
}
/*特集*/
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="特集"] {
	background-image:url(../img/star.png);
	background-repeat: no-repeat;
	background-position: 45% 40%;
}
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="学校区別"] {
	background-image:url(../img/school.png);
	background-repeat: no-repeat;
	background-position: 45% 40%;
}
#area-box .area-block h2.open{
	background-color:#FFAF00;
}
#area-box .area-block h2 a,
#area-box .area-block h3 a{
	color: #000;
}
#area-box .area-block h2.open a,
#area-box .area-block h3.open a {
	color:#FFF;
}
#area-box .area-block h2.rollover,
#area-box .area-block h3.rollover {
	background-color:#FFAF00;
	font-weight: bold;
	color: #000000;
}
#area-box .area-block h2:hover {
	background: #f7ab00;
}
#area-box .area-block h3 {
	background: #f2bb00;
	padding: 14px 0;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	font-weight: bold;
}
#area-box .area-block h3.open {
	border-bottom: none;
	background:#f7ab00;
}


#area-box .area-block table.toku-table td{
	width: 50%;
}
#area-box .area-block:first-child h2 {
	display: none;
}
#area-box .area-block:first-child table {
/*	background:#ccc;
	width: 100%;
*/
}
#area-box .area-block:first-child table td {
}
/* ------- */

/* 新着物件 */
#area-box .area-block:nth-child(3) h2 {
	background:#f7ab00;
}
#area-box .area-block:nth-child(3) table {
/*	background:#0FF;
	width: 50%;
	margin: 0 auto;*/
}
#area-box .area-block:nth-child(3) table td {
	width: 33%;
	border: 1px solid #b16600;
	color: #b16600;
}

/* 価格変更物件 */
#area-box .area-block:nth-child(5) h2 {
	background:#f7ab00;
}
#area-box .area-block:nth-child(5) table {
/*	background:#FF3;
	width: 50%;
	margin: 0 auto;
*/
}
#area-box .area-block:nth-child(5) table td{
	width: 33%;
	border: 1px solid #b16600;
	color: #b16600;
}
/*==================困ったエリア=============================*/
/*テスト b_bukkenでは価格変更物件に該当する areaでは 各市別に該当する…困った　*/
#area-box .area-block:nth-child(5) h2 a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(5) h2.open a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(5) h2 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(5) h2.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
/*------------------*/
#area-box .area-block:nth-child(7) h3 a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(7) h3.open a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(7) h3 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(7) h3.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
/*-----------------*/
#area-box .area-block:nth-child(9) h3 a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(9) h3.open a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(9) h3 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(9) h3.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
/*==================困ったエリアここまで=============================*/
/* -----------------------------
    京阪本線
--------------------------------*/
#area-box .area-block:nth-child(7) h2 a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(7) h2.open a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(7) h2 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(7) h2.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
#area-box .area-block:nth-child(7) table {
/*	background:#FCF;*/
}
/* -----------------------------
    京阪交野線
--------------------------------*/
#area-box .area-block:nth-child(9) h2 a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 3rem;
}
#area-box .area-block:nth-child(9) h2.open a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 3rem;
}
#area-box .area-block:nth-child(9) h2 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(9) h2.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
#area-box .area-block:nth-child(9) table {
	/*background:#6F3;*/
}
/* -----------------------------
    ＪＲ片町線
--------------------------------*/
#area-box .area-block:nth-child(11) h2 a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 3rem;
}
#area-box .area-block:nth-child(11) h2.open a{
	background:url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 3rem;
}
#area-box .area-block:nth-child(11) h2 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(11) h2.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
/* -----------------------------
    目的別(特選)
--------------------------------*/
#area-box .area-block:nth-child(13) h3 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(13) h3.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
#area-box .area-block:nth-child(13) h3 a {
	background:url(../img/arrow3.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(13) h3.open a {
	background:url(../img/arrow3.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(13) table.toku-table {

}
/* -----------------------------
    学校区別
--------------------------------*/
/* -----------------------------
    目的別(特選)
--------------------------------*/
#area-box .area-block:nth-child(15) h3 {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% -40%;
	padding-left: 3rem;
	background-color: #f2bb00;
}
#area-box .area-block:nth-child(15) h3.open {
	background:url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 2% 130%;
	padding-left: 3rem;
	background-color: #FFAF00;
}
#area-box .area-block:nth-child(15) h3 a {
	background:url(../img/arrow4.png);
	background-repeat: no-repeat;
	background-position: 0 14%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(15) h3.open a {
	background:url(../img/arrow4.png);
	background-repeat: no-repeat;
	background-position: 0 88%;
	padding-left: 4rem;
}
#area-box .area-block:nth-child(15) table.toku-table {

}
/* ページトップへ */
.area-block-footer {
	padding: 8px 8px 8px 0;
	margin: 20px 0 60px;
	text-align: right;
	letter-spacing: 0.4rem;
}
.area-block-footer a {
	height: auto;
	color: #fff;
	text-decoration: none;
	background-color: #3e41bc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	padding: 0.5rem 1rem;
	-moz-transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	-ms-transition-property: background-color, color;
	transition-property: background-color, color;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
}
.area-block-footer a:hover {
	color: #fff;
	background: #1d2088;
}
#area-box .area-block h2 a#New {}
#area-box .area-block h2 a#Pchange {}
#area-box .area-block h2 a#Train0 {}
#area-box .area-block h3 {}

/* 駅別・学校区別(検索) */
#area-box .area-block:nth-child(25) table.toku-table {}


/* 新着・価格変更 */
#area-box .area-block:nth-child(3) h2{
/*
	color: #FFF;
*/
}
#area-box .area-block:nth-child(3) {
/*
	width: 50%;
	float: left;
	background:#633;
*/
}
#area-box .area-block:nth-child(5) h2{
/*
	color: #FFF;
*/
}
#area-box .area-block:nth-child(5) {
/*
	width: 50%;
	float: right;
	background:#660;
*/
}

.area-block-footer:nth-child(4) {
/*	display: none;*/
}

/* area-navi-table 共通 */
#area-box .area-block table.area-navi-table {

}

/* --------------------------------------------------
    station table
---------------------------------------------------- */
table.station-table th {
	font-weight: bold;
	width: 18%;
	padding: 14px;
	border: 1px solid #000;
	background: #f2bb00;
	text-align: center;
}
table.station-table td {
	padding: 14px;
	vertical-align: top;
	border: 1px solid #f6d694;
	background: #fff;
	word-break: break-all;
}
table.station-table td:first-child {
	font-weight: normal;
}
table.station-table td:first-child img {
	margin-top: 1rem;
	width: 100%;
	height: auto;
}

table.station-table td.even,
table.station-table td.lefteven {
	/*background:#f6f6f6;*/
	background:#fff9ea;
}
table.station-table td.leftodd img,
table.station-table td.lefteven img {
	width: 50px;
	height: auto;
	padding-right:1rem;
}
table.station-table td.odd,
table.station-table td.leftodd {
	/*background:#fdfbeb;*/
	background:#fff9ea;
}

/* @dream decoration */
span.yachin {
	font-weight: bold;
	color:#F00;
}
.dream_syousai_h2 {
	width: 80%;
	line-height: 110%;
	padding: 0 0 0.5rem;
	letter-spacing: 0.4rem;
	border-bottom: 4px solid #f2bb00;
	margin: 0 auto;
	margin-bottom: 2rem;
}
.dream_syousai_h3 {
	width: 80%;
	line-height: 110%;
	padding: 0 0 0.5rem;
	letter-spacing: 0.4rem;
	border-bottom: 4px solid #af8349;
	margin: 0 auto;
	margin-bottom: 2rem;
}
table.loan_s {

}
table.loan_s td {
	background-color: #FAFAFA;
}
table.syousai td {
	background-color: #fff9ea;
}
.exterior_image {
	width: 100%;
}
ul.exterior li.layout {
	float: left;
	width: 50%;

}
ul.exterior li.exterior {
	float: right;
	width: 50%;
}
/*=============================================
   詳細ページ
=============================================*/
.price-history div {
	color: #039 !important;
}
/* 価格変更テキスト */
#mytext {
	color: #039 !important;
	width: auto;
}
.touch-tel {
	font-weight: bold;
	margin: 1.5rem;
	font-size: 2rem;
}
.touch-tel a {
	color: #F00;
	font-size: 2rem;
}
/*=============================================
	GoogleMap
=============================================*/
/* dream google maps */
div.td-gmap {
	width: 100%;
	padding: 0;
	margin: 0;
}
div.td-gmap table {
	width: 100% !important;
}
div.td-gmap td.maps_l {

}
div.td-gmap td.maps_c {
	width: 100% !important;
}
.detail_image_flat {
	margin-bottom: 1rem;
}
.detail_image_flat form input {
	margin-right: 0.5rem;
}
#map_canvas {
	display:inline-block;
	margin: 0 auto;
}
#sv_pano {
	display:inline-block;
	margin: 0 auto;
}


div#gmap{
	/*width:790px;*/
	width: 96%;
	padding:2%;
	margin: 0 auto;
	border: 1px solid #cccccc;
}

div#gmap table{
	border:none;
	margin: 0 auto;
}

div#gmap table td{
	border:none;
}

div#gmap table tbody td.maps_c{
	/*border: 1px solid #cccccc;*/
	padding: 0 5px;
	margin: 0 auto;
}

div#gmap table tbody td.maps_c div.detail_image_flat{
	width:60%;
	padding: 1em;
	float:left;
	margin: 5%;
}

div#gmap table tbody td.maps_c div.detail_image_flat div form{
	width:300px;
	float:right;
	margin: 5%;
}
div#gmap table td div {

}
.chkbox-accept,
form .layout_c {
	text-align: center;
}
.chkbox-accept input {
	margin: 0 5px;
	vertical-align: baseline;
}
#Click1 {
	background: #ffd800;

}

div#gmap table td div#map_canvas, /*GoogleMaps右(Map)*/
div#gmap table td div#sv_pano /*GoogleMaps左(StreetView)*/{

}

/* floating page top */
#pagetop-floating {
    position: fixed;
	z-index: 1021;
    bottom: 1%;
    right: 1%;
    font-size: 77%;
}
#pagetop-floating a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 7px;
	-moz-opacity:0.65;
	-khtml-opacity:0.65;
	opacity:0.65;
	background:url(../img/page_top.png);
	background-repeat: no-repeat;
}
#pagetop-floating a:hover {
    text-decoration: none;
    background: #999;
	-moz-opacity:0.45;
	-khtml-opacity:0.45;
	opacity:0.45;
	background:url(../img/page_top.png);
	background-repeat: no-repeat;
}
/*_____________________________________________________________*/

/*+++++++++++++++++++++++++++++++++++++++++++++
	0-A1 article layout
+++++++++++++++++++++++++++++++++++++++++++++*/
#main-contents article {}
#main-contents article section {}
#main-contents article p {
	text-align: left;
}
/*+++++++++++++++++++
	0-A2 article business
+++++++++++++++++++++*/
#main-contents article.business h2 {
/*
	width: 100%;
	margin: 0 0 4rem;
	padding-bottom: 1rem;
	color: #000;
	font-weight: bold;
	line-height: 100%;
	border-bottom: 6px solid #f2bb00;
	word-wrap: break-word;
*/
}
#main-contents article.business h2 i {
	color: #006c54;
}
#main-contents article.business h3 {}
#main-contents article.business h3 i {
	color: #af8349;
}
#main-contents article.business h4 {}
#main-contents article.business h4 i {
	color: #af8349;
}
#main-contents article.business h5 {
	color:#F00;
	font-weight: bold;
}
#main-contents article.business section h3 {}
#main-contents article.business pre {
	width: 100%;
	word-break: break-all;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/* left[img] right[documents] */
#main-contents article section.img-doc-horizontal{}
#main-contents article section.img-doc-horizontal img {
	height: auto;
	display: block;
	margin: 0 40px 0 0;
}
/* left[documents] right[img] */
#main-contents article section.doc-img-horizontal{}
#main-contents article section.doc-img-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 0 40px;
}
#main-contents article section.define-list {
}
#main-contents article section.define-list h3 {
	color: #af8349;
	border-bottom: 2px solid #af8349;
	line-height: 30px;
	padding-bottom: 8px;
	margin-bottom: 30px;

}
#main-contents article section.define-list h4 {
	font-size: 26px;
	text-align: left;
	padding-bottom: 8px;
	line-height: 26px;
	margin-bottom: 0.5rem;
}
#main-contents article section.define-list dl {
}
#main-contents article section.define-list dt {
}
#main-contents article section.define-list dd {
}
/*+++++++++++++++++++
	0-A3 article staff
+++++++++++++++++++*/
#main-contents article.staff h2 {}
#main-contents article.staff section .article-profile {
	width: auto;
}
#main-contents article.staff section .article-profile h3 {}

#main-contents article.staff section .article-profile h4 {}

#main-contents article.staff section .article-profile h5 {
	color: #666;
}
#main-contents article.staff section img.staff-img {}

#main-contents article.staff section table.default-tb td{
	text-align: left;
}
/*+++++++++++++++++++
	0-A4 article contact
+++++++++++++++++++*/
/*============================================*/
.stepBar {
	position: relative;
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 4rem;
}
.stepBar .step {
	position: relative;
	float: left;
	display: inline-block;
	line-height: 80px;
/*	line-height: 5rem;*/
	padding: 0 80px 0 40px;
	background-color: #eee;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 4px solid #fff;
}
.stepBar .step span {
	display: inline-block;
	padding: 0.7rem 0.5rem 0.7rem;
	line-height: 120%;
	vertical-align: middle;
}
.stepBar .step:before,
.stepBar .step:after {
	position: absolute;
	left: -15px;
	display: block;
	content: '';
	background-color: #eee;
	border-left: 4px solid #FFF;
	width: 40px;
	height: 40px;
}
.stepBar .step:after {
	top: 0;
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
}
.stepBar .step:before {
	bottom: 0;
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}
.stepBar .step:first-child {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.stepBar .step.current {
	color: #FFF;
	background-color: #00c6ff;
}
.stepBar .step.current:before, .stepBar .step.current:after {
	background-color: #00c6ff;
}


/*============================================*/

#main-contents article.contact .touch-block {
}
#main-contents article.contact h1 {
}
#main-contents article.contact h2 {
	font-size: 30px;
}
#main-contents article.contact .touch-block h4 a {
	color: #006c54;
}
#main-contents article.contact .touch-block dt,
#main-contents article.contact .touch-block dd {
	margin-bottom: 0.5rem;
}
.contact-form {}


/* 登録フォーム input text */
#main-contents article.contact input[name*="name"],
#main-contents article.contact input[name*="kana"],
#main-contents article.contact input[name*="replyto"],
#main-contents article.contact input[name*="replyto_con"],
#main-contents article.contact input[name*="tel"],
#main-contents article.contact input[name*="postal_code"],
#main-contents article.contact input[name*="address"],
#main-contents article.contact input[name*="price_from"],
#main-contents article.contact input[name*="price_to"],
#main-contents article.contact input[name*="eschool"],
#main-contents article.contact input[name*="jhschool"],
#main-contents article.contact input[name*="age"],
#main-contents article.contact input[name*="persons"],
#main-contents article.contact input[name*="mail_ph"],
#main-contents article.contact input[name*="mail_ph_con"],
#main-contents article.contact input[name*="fax"],
#main-contents article.contact input[name*="tel_ph"] {}

/* 登録フォーム select */
#main-contents article.contact select[name*="class"],
#main-contents article.contact select[name*="station_p"],
#main-contents article.contact select[name*="station_s"],
#main-contents article.contact select[name*="distance"],
#main-contents article.contact select[name*="item"], 
#main-contents article.contact select[name*="type_f"],
#main-contents article.contact select[name*="type_t"],
#main-contents article.contact select[name*="land_f"],
#main-contents article.contact select[name*="land_t"],
#main-contents article.contact select[name*="building_f"],
#main-contents article.contact select[name*="building_t"],
#main-contents article.contact select[name*="profit_con"],
#main-contents article.contact select[name*="profit_f"],
#main-contents article.contact select[name*="profit_t"],
#main-contents article.contact select[name*="condition1"],
#main-contents article.contact select[name*="condition2"],
#main-contents article.contact select[name*="condition3"],
#main-contents article.contact select[name*="move_year"],
#main-contents article.contact select[name*="move_month"],
#main-contents article.contact select[name*="reason"],
#main-contents article.contact select[name*="sex"],
#main-contents article.contact select[name*="job"],
#main-contents article.contact select[name*="sending"] {}

/* 登録フォーム textarea */
#main-contents article.contact textarea[name*="coments"] {}
/* 登録フォーム checkbox */
#main-contents article.contact input[name*="privacy"] {}


.required {
	margin-left: 3px;
	font-size: 0.8rem !important;
	color: #B20000;
}
.contact-form table.default-tb td {
	padding-bottom: 7px !important;
	text-align: left;
}
.contact-form select {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 7px;
/*	padding: 0.375em 0.5em;*/
}
.contact-form label {
	display: inline !important;
	margin-bottom: 7px;
}
.contact-form input[type="radio"] {
	vertical-align: middle;
	margin-bottom: 7px;
}
.contact-form input[type="text"] {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 7px;
}
.contact-form label {
	margin-bottom: 7px;
}
.contact-form input[name="address"] {

}
.contact-form textarea {
	width: 98% !important;
	height: 170px !important;
	margin-bottom: 6px;

}
.contact-form .mail-text-long {
}
.contact-form .mail-text-middle {

	width: 240px;
}
.contact-form .mail-text-short {
	width: 80px !important;
}
.contact-form .mail-select-short {}
.contact-form .mail-select-middle {}
.contact-form .mail-select-long {}

.contact-form #assesment-targetzip1,
.contact-form #assesment-clientzip1 {
	margin-left: 1rem
}
.contact-form #assesment-targetzip2 {
}

.contact-form #assesment-target-address,
.contact-form #assesment-target-addressnum,
.contact-form #assesment-tatemen,
.contact-form #assesment-tochimen,
.contact-form #assesment-address,
.contact-form #assesment-addressnum {
	margin-left: 2rem;
}

.contact-form #mail2 {
	margin-right: 1rem;
}

.contact-form #assesment-target-objectname,
.contact-form #assesment-client-objectname {
	margin-left: 1rem;
}
.contact-form #visit,
.contact-form #buy,
.contact-form #female {
	margin-left: 1rem;
}
.contact-form #assesment-chikunen,
.contact-form #assesment-price,
.contact-form #assesment-clientage {
	margin-right: 1rem;
}

.contact-form #MailFullname {
	margin-left: 1rem;
}
.contact-form #MailZipcode1 {
	margin-right: 2rem;
}
.contact-form #MailAddress2 {
	margin-right: 4rem;
}
.contact-form #MailPrice_from {
	margin-left: 2rem;
}
.contact-form #MailPrice_to {
}
.contact-form #condition1,
.contact-form #condition2,
.contact-form #condition3 {
	margin-right: 2rem;
}
.contact-form #station_p {
	margin-right: 1rem;
}
.contact-form #station_s {
	margin-left: 1rem;

}
.contact-form #type_f {
	margin-right: 1rem;	
}
.contact-form #type_t {
	margin-left: 1rem;
}
.contact-form #land_f {
	margin-left: 2rem;
	margin-right: 1rem;	
}
.contact-form #land_t {
	margin-left: 1rem;
}
.contact-form #building_f {
	margin-left: 2rem;
	margin-right: 1rem;	
}
.contact-form #building_t {
	margin-left: 1rem;
}

.contact-form #profit_con {
	margin-left: 1rem;
}
.contact-form #profit_f {
	margin-left: 1rem;
	margin-right: 1rem;
}
.contact-form #profit_t {
	margin-left: 1rem;
}
.contact-form #MailAge {
	margin-left: 2rem;
}
.contact-form #MailPersons {
	margin-left: 2rem;
}
.contact-form #MailMail_ph_con {
	margin-right: 3rem;
}
.contact-form #Mailprivacy {
	margin-left: 1rem;
	margin-right: 1rem;
}
.contact-form MailMove_year {
}


/* form items */
input[type=text],
input[type=password] {
	padding: 0.375em 0.5em;
	border: 1px solid #ccc;
	border-top-width: 2px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 100%;
}
input[placeholder] {
	color:#aaa;
}
input:focus,
textarea:focus {
	background-color: #fafadc;
}
/* form items other */
.required-mark {
	position: relative;
	top: -0.2em;
	left: 0;
	line-height: 1;
	padding: 0.25em 0.375em;
	border-radius: 2px;
	color: #FFF;
	font-weight: normal;
	font-size: 62.5%;
	background-color: #C00;
	margin-left: 0.5rem;
}
.requiyellow-mark {
	position: relative;
	top: -0.2em;
	left: 0;
	line-height: 1;
	padding: 0.25em 0.375em;
	margin: 0 0 0.5rem;
	border-radius: 2px;
	color: #000;
	font-weight: normal;
	font-size: 100%;
	background-color: #f2bb00;
}
.elements-inlineblock {
	display: inline-block;
}
.submit {
	width: 100%;
	padding-top: 30px;
	text-align: center;
}
.form-bt {
	width: auto;
	margin: 10px 5px;
	padding: 15px 40px;
	border: 1px solid #ff6000;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
	background: none, -webkit-linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	background: none, -moz-linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	background: none, -o-linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	background: none, linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	font-size: 20px;
	font-size: 1.25rem;
}
.form-bt:hover,
.form-bt-s:hover {
	background: #ff6000;
}
.form-bt-s {
	width: auto;
	margin: 10px 5px;
	padding: 11px 30px;
	border: 1px solid #ff6000;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
	white-space: nowrap;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
	background: none, -webkit-linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	background: none, -moz-linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	background: none, -o-linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	background: none, linear-gradient(top, #f2bb00 0%, #ff6000 100%);
	font-size: 20px;
	font-size: 1.25rem;
}
p.error_messe .error_key{
	color:#F00;
	font-weight: bold;

}
p.error_messe {
	text-align: left;
	line-height: 2rem;
	margin: 0 1rem 2rem;
	padding: 1rem;
	border-bottom: 1px solid #d2d2d2;
}
.form-attachment-bfore {
}
.form-attachment-after {
	margin-left: 1rem;
}
.form-attachment-bfore3 {
/*	margin: 0 3rem 0 1rem ;*/
}
/*---------------------------
	0-5.1 inquiry
---------------------------*/
.inquiry {
	margin: 0 auto;
	background:url(../img/index/topimgb.jpg);
	background-repeat: no-repeat;
}
.inquiry h2 {
	text-align: center;
}
.inquiry .tel {
	margin: 0 auto;
	padding: 10px 0 10px;
	margin-bottom: 20px;
	background: #006c54;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}
/*---------------------------
	0-5.2 category
---------------------------*/
.category {
	margin: 0 auto;
}
.category h4 {
	color: #B20000;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 1%;
}
ul.category-list li {
	display:block;
    text-align:center;

}
ul.category-list li .caption {
	font-size: 1rem;
	text-align: left;
	color: #000;
}
ul.category-list li .mask {
	margin-top: 2rem;
}
ul.category-list li:hover .mask {}
ul.category-list li a {/*display:inline-block;*/}
ul.category-list li h3 {
	background: #f2bb00;
	color: #fff;
	font-weight: bold;
}
.category-list li p {
	padding: 1%;
}
/*---------------------------
	0-5.3 pr
---------------------------*/
.pr {
	margin: 0 auto;
	text-align: center;
}
.pr h2 {
	text-align: center;
}
.pr p {
	padding-top: 150px;
}
.pr img {
	width: 100%;
	margin: auto;
}

/*---------------------------
	0-5.4 topics
---------------------------*/
.topics {
	margin: 0 auto;
}
.topics h2 {
	text-align: center;
}
.topics ol {}
.topics ol a {
	display: block;
}
.topics ol li {
	background: #f9f9f9;
	border: 1px solid #ddd;
	overflow: hidden;
}
.topics ol time {
	font-weight: bold;
	padding-right: 10px;
}
.topics ol span {
	font-size: 1.2rem;
}
.topics ol li p {
	line-height: 2;
	margin: 1.1rem 0 2rem 0;
}
/*---------------------------
	0-5.5 flow
---------------------------*/
.flow {
	margin: 0 auto;
	text-align: center;
}
.flow h2 {
	text-align: center;
}
.flow .block-text {
	border: 1px solid #ccc;
}
.flow .block-text p {}
.flow .block-text h3 {
	font-size: 30px;
}
.flow .tel {
	padding: 10px 0 10px 0;
	line-height: 2;
	background: #006c54;
	color: #fff;
	font-weight: bold;
}
.flow .tel a {
	color: #fff;
}
.flow p {
	padding: 1em;
	text-align: left;
}
/*---------------------------
	0-5.6 index-staff
---------------------------*/
.index-staff {
	margin: 0 auto;
}
.index-staff h2{
	text-align: center;
	font-size: 40px;	
}
.index-staff ul.staff-list {
	margin:0;
	padding:0;
}
.index-staff ul.staff-list li {
	list-style: none;
    text-align:center;
	border: 1px solid #ccc;
	overflow: hidden;
}
.index-staff ul.staff-list  li a {}
.index-staff ul.staff-list dl.profile dt{
	margin-bottom: 10px;
	font-weight: bold;
}
.index-staff ul.staff-list dl.profile dd{
	color: #000;
	font-size: 14px;
}
/*---------------------------
	0-5.7 index-news
---------------------------*/
.index-news {
	margin: 0 auto;
	height: auto;
}
.index-news .item-box {}
.index-news .item-box h3 {}
.index-news .item-box ul {}
.index-news .item-box ul.left {
	list-style:none;
}
.index-news .item-box ul.right {
	list-style:none;
}
.index-news .item-box ul a {
	display: block;
	padding: 0 20px;
	margin-bottom: -1px;
	border: 1px solid #ddd;
	font-size: 14px;
	text-decoration: none;
}
/*---------------------------
	0-5.8	access
---------------------------*/
.access {
	margin: 0 auto;
}
.access h2{
	margin: 0 0 40px;
	padding-bottom: 10px;
	font-size: 40px;
	font-size: 2.4rem;
	color: #000;
	font-weight: bold;
	letter-spacing: 0.4rem;
	line-height: 100%;
	text-align: center;
	border-bottom: 3px solid #ff6000;
}
.access h3 {
	text-align: center;
	color: #af8349;
	font-weight: bold;
}
.access .office-detail {}
.access .office-detail dl {
	margin-top: 0px;
	background: #e7e7e7;
	border: 1px solid #ddd;
	border-top: none;
}
.access .office-detail dl dt {
	width: 100px;
}
.access .office-detail dl dt,
.access .office-detail dl dd {
	padding: 0 10px 0;
}
.access .office-detail dl dd {
	background: #fff;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-left: 100px;
	line-height: 2.5rem;
}
/* Google Maps Area */
.access .office-map {
}
.access .office-map .google-maps,
.contact-touch .office-map .google-maps
 {
	display:inline-block;
	width: 100%;
	margin: 0 auto;
}
.access .office-map .google-maps iframe,
.contact-touch .office-map .google-maps iframe {
	border: none;
}
/*---------------------------
	0-5.9 summary
---------------------------*/
.summary {
	margin: 0 auto;
}
.summary h2{
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #f2bb00;
}
.summary h3 {
	color: #f2bb00;
	border-bottom: 2px solid #f2bb00;
}
.summary .summary-img {
	width: 100%;
}
.summary .summary-block {}
.summary .side-block {}
.summary .img-block {}
.summary p {
	text-align: left;
	margin: 0 0 1em 0 !important;
}
.summary a.link {
	color:#006c54;
	text-decoration: underline;
	font-size: 1.2rem;
}
.summary a.link2 {
	margin-top: 1rem;
	color:#006c54;
	text-decoration: underline;
	font-size: 1.2rem;
}
.summary .summary-block a.link3 {
	margin-top: 1rem;
	color: #006c54;
	text-decoration: underline;
	font-size: 1.2rem;
}
.summary .img-document {}
.summary .img-document .img-a{}
.summary .img-document .img-b{}
/*---------------------------
	0-5.10 banners
---------------------------*/
.banners {
	margin: 0 auto;
}
.banners ul {
	margin: 0 auto;
}
.banners ul li {}
/*=============================================
 0-6 footer
=============================================*/
#footer a {
	color: #000;
}
#footer {
	width: 100%;
	margin: 0 auto;
	background: #f2bb00;
	color: #000;
}
#footer .company-name {
	font-size: 1.2rem;
	font-weight: bold;
}
#footer .footer_inner{
	margin: 0 auto;
}
#footer ul.footer-nav {}
#footer .footer-nav .fa {
	margin-right: 0.5rem;
}
@media only screen and (min-width: 1280px) {
/* 幅広PC */
.mediaq {
	background-image:url('../test/new_min-width1280px.jpg');
}
table.default-tb th,
table.special-tb th {
	vertical-align: top;
}
table.default-tb td {
}
/*===========================
 a-1 header
===========================*/
.header_inner {
	max-width:1280px;
}
.headlink ul {
	float: right;
}
.headlink ul li {
	float:left;
}
.hlogo {
	float: left;
}
.head-tel {
	width: 50%;
	text-align: right;
}
.head-tel img {
	width: 100%;
}
/*===========================
 a-2 gnav
===========================*/
#gnav ul {
	width:1280px;
}
/*===========================
 a-3 mainvisual
===========================*/
.main-visual #singleImage{
	max-width: 1600px;
	max-height: 500px;
	width: 100%;
	height: 100%;
}
/*===========================
 a-4 breadcrumb
===========================*/
#breadcrumb {
	line-height: 60px;
	min-width: 1240px;
	border-bottom: 1px solid #ccc;
}
#breadcrumb ul {
	width: 1240px;
}
#breadcrumb ul li {
	float: left;
}
/*===========================
 a-5 main-contents
===========================*/
#main-contents {
	width: 1280px;
	padding: 50px 0 50px;
}
#main-contents article {
	width:1280px;
}
#main-contents div#navi {
	padding: 1rem;
	margin-bottom: 0.5rem;
}
#main-contents table.special-tb {

}
#main-contents h1 {
	border-bottom: 6px solid #48becf;
	color: #48becf;
}
#main-contents h1.tokusetsu span{
	font-size: 1.125rem;
	padding: 0 1rem;
	color: #000;
	font-weight: normal;
}

#main-contents article.menu {
	width: 73%;
	float: right;
	padding: 0 1%;
}
#main-contents .side-menu {
	width:25%;
	float: left;
	text-align: left;
}
#main-contents .side-menu h3 {
	background:#f2bb00;
	font-size: 1.25rem;
	width: 100%;
	margin-bottom: 20px;
	line-height: 40px;
	font-weight: bold;
	text-indent: 10px;
}
#main-contents .side-menu ul li {
	padding: 0 10px 15px 30px;
	line-height: 120%;

	list-style: none;
}
#main-contents .side-menu ul [class*="fontawesome-"]:before {
	position: absolute;
	top: 0 !important;
	left: 12px !important;
	font-family: 'FontAwesome', sans-serif;
	font-size: 16px !important;
	font-size: 1rem !important;
	display: block !important;
	color: #d8a238;
}
#main-contents .side-menu ul li {
	color: #48becf;
}
#main-contents .side-menu ul li.active {
	color: #e65b61;
}
#main-contents .side-menu ul li a {
	color: #48becf;
	text-decoration: underline;
}
table.station-table td:first-child {
	text-align: left;
	font-weight: bold;
}
table.station-table td:nth-child(2) br,
table.station-table td:nth-child(3) br,
table.station-table td:nth-child(4) br,
table.station-table td:nth-child(5) br{
	display: block;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	line-height: 500%;
}
table.station-table td:nth-child(6) a[title*="物件番号"] img {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="只今商談中の物件です。"] {
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="御成約頂きました。"] {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
/* dream */
#map_canvas {
	width: 1280px !important;
	height: 400px !important;
	margin: 0 auto;
}
#sv_pano {
	width: 1280px !important;
	height: 400px !important;
	margin: 0 auto;
}

/*+++++++++++++++++++++++++++++++++++++++++++++
	a-A1 article layout
+++++++++++++++++++++++++++++++++++++++++++++*/
#main-contents article {
	padding: 50px 0 50px;
}
#main-contents article section {
	padding: 0 0 50px;
}
#main-contents article section p {
	text-align: left;
}
.bottom-triangle {
	display: none;
}
/*+++++++++++++++++++
	a-A2 article business
+++++++++++++++++++++*/
#main-contents article.business h2 {
	font-size: 40px;
}
#main-contents article.business h3 {
	font-size: 36px;
	text-align: left !important;
}
#main-contents article.business h4 {
		font-size: 24px;
}
#main-contents article section.img-doc-horizontal img {
	width: 50%;
	float: left;
}
#main-contents article section.doc-img-horizontal img {
	width: 50%;
	float: right;
}

/* left[img] right[documents] */
#main-contents article section.img-doc-horizontal{}
#main-contents article section.img-doc-horizontal img {
	height: auto;
	display: block;
	margin: 0 40px 0 0;
}
/* left[documents] right[img] */
#main-contents article section.doc-img-horizontal{}
#main-contents article section.doc-img-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 0 40px;
}
/*+++++++++++++++++++
	a-A3 article staff
+++++++++++++++++++*/
#main-contents article.staff h2 {
	font-size: 36px;
}
#main-contents article.staff {
	width: 1280px;
	padding: 50px 0 50px;
}
#main-contents article.staff section .article-profile {
	float: right;
	width: 65%;
}
#main-contents article.staff section .article-profile h3 {
	line-height: 2rem;
	font-size: 28px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #ccc;
}
#main-contents article.staff section .article-profile h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section .article-profile h5 {
	font-size: 20px;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section img.staff-img {
	height: auto;
	display: block;
	margin: 40px 40px 0 0;
	width: 400px;
	float: left;
}
/*+++++++++++++++++++
	0-A4 article contact
+++++++++++++++++++*/
#main-contents article.contact h2{
	font-size: 50px;
}
#main-contents article.contact h3{
	font-size: 30px;
}
#main-contents article.contact .contact-touch {
	padding: 30px 0 30px;
}
#main-contents article.contact .touch-block {
	float:right;
	width: 640px;
}
#main-contents article.contact .touch-block h4 {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 0.5rem;
	padding-bottom: 8px;
	text-align: left;
}
#main-contents article.contact .touch-block dl {
	margin-bottom: 2rem;
	text-align: left;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}

/*----------------
	a-5.1 inquiry
----------------*/
.inquiry {
	width: 1280px;
	padding: 50px 0 50px;	
}
.inquiry h2 {
	font-size: 40px;
}
/*----------------
	a-5.2 category
----------------*/
.category {
	width:1280px;
}
.category h3 {
	margin-bottom: 12px !important;
}
.category h4 {
	text-align: left;
}
ul.category-list li {
	float: left ;
	width: 398px;
	height: 220px;
	margin: 0 20px 40px 20px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;	/* 相対位置指定 */
}
ul.category-list li .caption {
	padding: 68px 20px 0 20px;
}

ul.category-list li .mask {
	width: 100%;
	height: 100%;
	position: absolute;	/* 絶対位置指定 */

	top: 1rem;
	left: 0;
/*
	opacity: 0;	/* マスクを表示しない */
/*
	background-color: rgba(0,0,0,0.4);	/* マスクは半透明 */
/*
	-webkit-transition:	all 0.2s ease;
	transition: 1s ease;
*/
}

ul.category-list li:hover .mask {
		/*opacity:1;*/	/* マスクを表示する */
}
ul.category-list li h3 {
	padding: 10px 0 10px;
}
ul.category-list li:first-child,
ul.category-list li:nth-child(4n) {
	margin-left: 0px;
}
ul.category-list li:nth-child(3n) {
	margin-right: 0px;
}
/*----------------
	a-5.3 pr
----------------*/
.pr {
	width: 1280px;
	padding: 50px 0 50px;
}
.pr h2 {
	font-size:36px;
}
.summary {
	width: 1280px;
	padding: 50px 0 50px;
}
/*----------------
	a-5.4 topics
----------------*/
.topics {
	width: 1280px;
	padding: 50px 0 50px;
}
.topics h2 {
	font-size: 40px;
}
.topics ol li {
	float: left;
	width: 558px;
	height: 120px;
	padding: 20px;
	margin:0 80px 50px 0;
	text-align: left;
}
.topics ol li:nth-child(2n) {
	margin: 0 0 50px 0;
}
/*----------------
	a-5.5 flow
----------------*/
.flow {
	width: 1280px;
	padding: 50px 0 50px;
}
.flow h2 {
	font-size: 36px;	
}
.flow .tel {
	font-size: 24px;
}
.flow .block-text {
	padding: 20px 0 0;
	margin: 20px 0 20px;
}
.flow .block-text p {
	margin: 0.5rem 0 0.5rem 0 !important;
}
/*----------------
	a-5.6 index-staff
----------------*/
.index-staff {
	width: 1280px;
}
.index-staff ul.staff-list li {
	height: 300px;
}
ul.staff-list {
	width:1280px;
}
ul.staff-list li {
	float: left ;
	width: 218px;
	padding: 10px;
	margin: 0 10px 0 10px;
	display:block;
}
ul.staff-list img {
	width: 50%;
}
ul.staff-list dl.profile dt{
	font-size:21px;
}
ul.staff-list dl.profile dd{
	padding: 0;
	margin: 0;
	text-align: left;
}
ul.staff-list li:first-child {
	margin: 0 10px 0 0;
}
ul.staff-list li:last-child {
	margin: 0 0 0 10px;
}
ul.staff-list .posi-right-bottom {
	display: none;
}
/*----------------
	a-5.7 index-news
----------------*/
.index-news {
	width: 1280px;
	padding: 50px 0 50px;
	text-align: right;
}
.index-news .item-box {
	float: left;
	width: 640px;
}
.index-news .item-box h3 {
	text-align: left;
	font-size: 30px;
}
.index-news .item-box ul {
	width: 600px;
	margin-bottom: 20px;
	text-align: left;
}
.index-news .item-box ul.left {
	padding: 0 40px 0 0;
	margin-right: 40px;
}
.index-news .item-box ul.right {
	padding: 0 0 0 0;
}
.index-news .item-box ul a {
	line-height: 50px;
	height: 50px;
}
/*----------------
	a-5.8 access
----------------*/
.access {
	width: 1280px;
	margin-bottom: 30px;
}
.access h3 {
	font-size:32px;
}
.access .office-detail {
	float:left;
	width: 640px;
}
.access .office-detail dl {
	width: 600px;
}
.access .office-detail dl dt {
	border-top: 1px solid #ddd;
	clear: left;
	float: left;
	line-height: 2.5rem;
}
.access .office-detail dl dd {
}
/* Google Maps Area */
.access .office-map {
	float: right;
	width: 640px;
}
.access .office-map .google-maps iframe {
	float: right;
	width: 600px;
	height: 580px;
}
.contact-touch .office-map {
	float: left;
	width: 640px;
}
.contact-touch .office-map .google-maps iframe {
	float: left;
	width: 600px;
	height: 580px;
}
/*---------------------------
	a-5.9 summary
---------------------------*/
.summary {
	width: 100%;
	padding: 50px 0 50px;
}
.summary h2{
	font-size: 36px;
	font-weight: bold;
}
.summary h3 {
	font-size: 32px;
	padding-bottom: 10px;
	text-align: left;
}
.summary .summary-block {
	width: 40%;
	height: 360px;
	padding: 5%;
	float: left;
	position: relative;
}
/*-------- 以下セットで使用 --------*/
.summary .side-block {
	width: 70%;
	padding: 5% 5% 5% 0;
	float: left;
	position: relative;
}
.summary .img-block {
	width: 25%;
	float: right;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
	width: 20%;
	padding: 0 2rem;
}
/*----------------------------------*/
.summary p {
	text-align: left;
}
/* リンクパターン */
.summary a.link {
	display: inline-block;
	margin-top: 1rem;
}
.summary a.link2 {
	display: block;
	text-align: right !important;
}
.summary .summary-block a.link3 {
	display: inline-block;
	position: absolute;
	top: 340px;
}
.summary .img-document {}
.summary .img-document .img-a{
	float: left;
	margin: 0 5% 5% 0;
}
.summary .img-document .img-b{
	float: right;
	margin: 0 0 5% 5%;
}
/*----------------
	a-5.10 banners
----------------*/
.banners {
	width: 1280px;
	padding: 50px 0 50px;	
}
.banners ul {
	width: 1160px;
}
.banners ul li {
	float: left;
}
/*===========================
 a-6 footer
===========================*/
#footer {
	padding: 20px 0 50px;
}
#footer a {}
#footer .footer-company {
	padding: 0 0 20px;
/*
	background-color: #af8349;
	margin-bottom: 2rem;
*/
}
#footer .footer_inner{
	width: 1280px;
	margin: 0 auto;
}
#footer .footer-nav {}
#footer ul.footer-nav {
	width: 33%;
	float: left;
}
#footer .footer-nav ul li {}
}
@media only screen and (min-width: 961px) and (max-width: 1279px) {
/* PC 大型タブレット(max - min = 318px) */
.mediaq {
	background-image:url('../test/new_(min-width961px)and(max-width1279px).jpg');
}
table.default-tb th,
table.special-tb th {
	vertical-align: middle;
}
table.default-tb td {
}
/*===========================
 b-1 header
===========================*/
.header_inner {
	max-width:1279px;
}
.headlink {
	margin-right: 1%;
}
.headlink ul {
	float: right;
}
.headlink ul li {
	float:left;
}
.hlogo {
	float: left;
	width: 50%;	
}
.head-bottom {
	margin-left: 1%;
	margin-right: 1%;
}
.head-tel {
	width: 50%;
	text-align: right;
}
.head-tel img {
	width: 100%;
}
/*===========================
 b-2 gnav
===========================*/
#gnav ul {
	min-width:941px;
}
/*===========================
 b-3 mainvisual
===========================*/
.main-visual #singleImage{
	max-width: 1279px;
	max-height: 400px;
	width: 100%;
	height: 100%;
}
/*===========================
 b-4 breadcrumb
===========================*/
#breadcrumb ul{
	margin-left: 1%;
	margin-right: 1%;
}
#breadcrumb ul li {
	float: left;
}
/*===========================
 b-5 main contents
===========================*/
table.station-table td:first-child {
	text-align: left;
	font-weight: bold;
}
table.station-table td:nth-child(2) br,
table.station-table td:nth-child(3) br,
table.station-table td:nth-child(4) br,
table.station-table td:nth-child(5) br{
	display: block;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	line-height: 500%;
}
table.station-table td:nth-child(6) a[title*="物件番号"] img {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) a[title*="物件番号"] img {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="只今商談中の物件です。"] {
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="御成約頂きました。"] {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
/* dream */
#main-contents article.business pre {
	max-width: 1279px;
	min-width: 960px
}
#map_canvas {
	width: 960px !important;
	height: 300px !important;
	margin: 0 auto;
}
#sv_pano {
	width: 960px !important;
	height: 300px !important;
	margin: 0 auto;
}
div.td-gmap table {
	width: 100% !important;
}
.maps_c {
	width: 100% !important;
}
.bottom-triangle {
	display: none;
}
/*+++++++++++++++++++++++++++++++++++++++++++++
	b-A1 article layout
+++++++++++++++++++++++++++++++++++++++++++++*/
#main-contents article {
	padding: 40px 0 40px;
}
#main-contents article section {
	padding: 40px 0 40px;
}
#main-contents article section p {
	text-align: left;
}
/*+++++++++++++++++++
	b-A2 article business
+++++++++++++++++++++*/
#main-contents article.business h2 {
	font-size:35px;
}
#main-contents article.business h3{
	font-size:30px;
	text-align: left !important;
}
#main-contents article.business h4{
	font-size:24px;
}
#main-contents article section.img-doc-horizontal img {
	width: 450px;
	float: left;
}
#main-contents article section.doc-img-horizontal img {
	width: 450px;
	float: right;
}

/* left[img] right[documents] */
#main-contents article section.img-doc-horizontal{}
#main-contents article section.img-doc-horizontal img {
	height: auto;
	display: block;
	margin: 0 40px 0 0;
}
/* left[documents] right[img] */
#main-contents article section.doc-img-horizontal{}
#main-contents article section.doc-img-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 0 40px;
}
/*+++++++++++++++++++
	b-A3 article staff
+++++++++++++++++++*/
#main-contents article.staff h2 {
	font-size: 40px;
}
#main-contents article.staff {
	padding: 50px 0 50px;
}
#main-contents article.staff section .article-profile {
	float: right;
	width: 54%;
}
#main-contents article.staff section .article-profile h3 {
	line-height: 2rem;
	font-size: 30px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #ccc;
}
#main-contents article.staff section .article-profile h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section .article-profile h5 {
	font-size: 20px;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section img.staff-img {
	height: auto;
	display: block;
	margin: 0;
	width: 400px;
	float: left;
}
/*+++++++++++++++++++
	e-A4 article contact
+++++++++++++++++++*/

#main-contents article.contact {
	margin-left: 1%;
	margin-right: 1%;
}
#main-contents article.contact h2{
	font-size: 40px;
}
#main-contents article.contact h3{
	font-size: 24px;
}
#main-contents article.contact .office-map {
	margin: 1rem;
}
#main-contents article.contact .office-map .google-maps iframe {
	width: 600px;
	height: 580px;
}
#main-contents article.contact .touch-block h4 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0.5rem;
	padding-bottom: 6px;
}
#main-contents article.contact .touch-block dl {
	margin-bottom: 2rem;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}
#main-contents article.contact section {}
#main-contents section {}
.contact-form #MailAddress2 {
	margin-right: 0;
}
.contact-form .submit {
}
.contact-form .mail-text-middle {

}
/*----------------
	b-5.1 inquiry
----------------*/
.inquiry {
	padding: 40px 0 40px;
}
.inquiry h2 {
	font-size: 35px;
}
/*----------------
	b-5.2 category
----------------*/
ul.category-list li {
	margin-bottom: 35px;
}
ul.category-list li img {
	margin-left: 1%;
	width:44%;
	float: left;
}
ul.category-list li .caption {
	padding-left: 4%;
	margin-right: 1%;
	width: 50%;
	float: right;
	color: #000;
}
ul.category-list li h3 {
	padding: 20px 0 20px;
	font-size: 30px;
}
ul.category-list li .caption {
	width: 95%;
}
/*----------------
	b-5.3 pr
----------------*/
.pr {
	padding: 40px 0 40px;
}
.pr h2 {
	font-size:40px;
}
/*----------------
	b-5.4 topics
----------------*/
.topics {
	padding: 40px 0 40px;
	margin-left: 1%;
	margin-right: 1%;
}
.topics h2 {
	font-size: 36px;
}
.topics ol li {
	float: left;
	width: 43%;
	height: 130px;
	padding: 1%;
	overflow: hidden;
	margin:0 0 30px 0;
}
.topics ol li:nth-child(2n) {
	margin-left:9.5%;
}
.topics ol li p {
	margin: 1.1rem 0 2rem 0;
}
/*----------------
	b-5.5 flow
----------------*/
.flow {
	padding: 40px 0 40px;
}
.flow h2 {
	font-size: 36px;
}
.flow h3 {
	font-size: 32px;
	background:#fafadc;
	padding: 20px 0 20px;
}
.flow .tel {
	font-size: 24px;
}
.flow .block-text {
	padding: 20px 0 0;
	margin: 20px 0 20px;
}
.flow .block-text p {
	padding: 1%;
}
/*----------------
	b-5.6 index-staff
----------------*/
.index-staff {
	padding: 40px 0 40px;
	margin-left: 1%;
	margin-right: 1%;
}
.staff-list li {
	padding: 1%;
}
.index-staff ul.staff-list li {

}
.staff-list img {
	margin-left: 0.3%;
	width:20%;
	float: left;
}
.staff-list dl.profile {
	padding-left: 15%;
	margin-left: 5%;
}
.staff-list dl.profile dt {
	line-height: 30x;
	height: 30px;
	font-size: 30px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-left: 5%;
	margin-right: 1%;
	border-bottom: 1px dashed #ddd;
}
.staff-list dl.profile dd {
	text-align: left;
	padding-top: 3%;
	padding-left: 5%;
}
/*----------------
	b-5.7 index-news
----------------*/
.index-news {
	padding: 40px 0 40px;
}
.index-news .item-box {
	padding: 20px 0 20px;
}
.index-news .item-box h3 {
	font-size: 34px;
}
.index-news .item-box ul {
	margin-bottom: 20px;
}
.index-news .item-box ul a {
	line-height: 50px;
	height: 50px;
}
/*----------------
	b-5.8 access
----------------*/
.access {
	padding: 40px 0 40px;
}
.access .office-map .google-maps iframe {
	width: 600px;
	height: 580px;
}
.access h3 {
	font-size: 34px;
}
.access .office-detail {
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 30px;

}
/*---------------------------
	b-5.9 summary
---------------------------*/
.summary {
	padding: 40px 0 40px;
	margin-left: 1%;
	margin-right: 1%;
}
.summary h2{
	font-size: 34px;
	font-weight: bold;
}
.summary h3 {
	font-size: 30px;
	padding-bottom: 10px;
	text-align: left;
}
.summary .summary-block {
	width: 40%;
	height: 340px;
	padding: 5%;
	float: left;
	position: relative;
}

/*-------- 以下セットで使用 --------*/
.summary .side-block {
	width: 70%;
	padding: 5% 5% 5% 0;
	float: left;
	position: relative;
}
.summary .img-block {
	width: 25%;
	float: right;
}
/*----------------------------------*/
.summary p {
	text-align: left;
}
/* リンクパターン */
.summary a.link {
	display: inline-block;
	margin-top: 1rem;
}
.summary a.link2 {
	display: block;
	text-align: right !important;
}
.summary .summary-block a.link3 {
	display: inline-block;
	position: absolute;
	top: 340px;
	text-align: right;
}
.summary .img-document {}
.summary .img-document .img-a{
	float: left;
	margin: 0 5% 5% 0;
}
.summary .img-document .img-b{
	float: right;
	margin: 0 0 5% 5%;
}
/*----------------
	b-5.10 banners
----------------*/
.banners {
	padding: 40px 0 40px;	
}
.banners ul {
	width: 900px;
}
.banners ul li {
	float: left;
}
.banners ul li img {
	width: 180px;
}
/*===========================
 b-7 footer
===========================*/
#footer {
	padding: 20px 0 50px;
}
#footer a {}
#footer .footer-company {
	padding: 0 0 20px;
}
#footer .footer_inner{

	margin: 0 auto;
}
#footer .footer-nav {}
#footer ul.footer-nav {
	width: 33%;
	float: left;
}
#footer .footer-nav ul li {}
}
@media only screen and (min-width: 800px) and (max-width: 960px) {
/* 一部タブレット・旧PC (max - min = 160px) */
.mediaq {
	background-image:url('../test/new_(min-width800px)and(max-width960px).jpg');
}
/*===========================
 c-1 header
===========================*/
.header_inner {
	max-width:960px;
}
.headlink ul {
	clear: both;
	width: 300px;
	margin: 0px auto;
}
.headlink ul li {
	margin-bottom: 10px;
	display: inline-block;
}
.headlink ul li a {

}
.head-bottom {
	margin-left: 1%;
	margin-right: 1%;
}
.hlogo {
	float: left;
	width: 49%;
	margin: 0 auto;
}
.hlogo img{
	float: none;
	margin: 0 auto;
	padding: 0;
}
.head-tel {
	width: 49%;
}
.head-tel img{
	float: right;
	width: 100%;
}
/*===========================
 c-2 global navi
===========================*/
/*===========================
 c-3 main visual
===========================*/
.main-visual #singleImage{
	max-width: 960px;
	max-height: 300px;
	width: 100%;
	height: 100%;
}
/*===========================
 c-4 breadcrumb
===========================*/
#breadcrumb {
	margin-bottom: 40px;
}
#breadcrumb ul{
	margin-left: 1%;
	margin-right: 1%;
}
#breadcrumb ul li {
	float: left;
}
/*===========================
 c-5 main contents
===========================*/
table.station-table td:first-child {
	text-align: left;
	font-weight: bold;
}
table.station-table td:nth-child(2) br,
table.station-table td:nth-child(3) br,
table.station-table td:nth-child(4) br,
table.station-table td:nth-child(5) br{
	display: block;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	line-height: 500%;
}

table.station-table td:nth-child(6) a[title*="物件番号"] img {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="只今商談中の物件です。"] {
	width: 100%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="御成約頂きました。"] {
	margin-top: 4rem;
	width: 100%;
	height: auto;
}
/*_________________@dream________________________*/

/*特集*/
/*学校区別*/
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="特集"],
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="学校区別"] {
	background-position: 40% 40%;
}
/* dream */
#main-contents article.business pre {

}
#map_canvas {
	width: 770px !important;
	height: 300px !important;

}
#sv_pano {
	width: 770px !important;
	height: 300px !important;

}
div.td-gmap table {
	width: 100% !important;
}
.maps_c {
	width: 100% !important;
}
.bottom-triangle {
	display: none;
}
/*+++++++++++++++++++++++++++++++++++++++++++++
	c-A1 article layout
+++++++++++++++++++++++++++++++++++++++++++++*/
#main-contents article {
	padding: 40px 0 40px;
}
#main-contents article section {
	padding: 40px 0 40px;
}
#main-contents article section p {
	text-align: left;
}
/*+++++++++++++++++++
	c-A2 article business
+++++++++++++++++++++*/
#main-contents article.business h2 {
	font-size:36px;
}
#main-contents article.business h3{
	font-size:30px;
}
#main-contents article.business h4{
	font-size:20px;
}
#main-contents article section.img-doc-horizontal img {
	width: 450px;
	float: left;
}
#main-contents article section.doc-img-horizontal img {
	width: 450px;
	float: right;
}

/* left[img] right[documents] */
#main-contents article section.img-doc-horizontal{}
#main-contents article section.img-doc-horizontal img {
	height: auto;
	display: block;
	margin: 0 40px 0 0;
}
/* left[documents] right[img] */
#main-contents article section.doc-img-horizontal{}
#main-contents article section.doc-img-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 0 40px;
}
/*+++++++++++++++++++
	c-A3 article staff
+++++++++++++++++++*/
#main-contents article.staff h2 {
	font-size: 36px;
}
#main-contents article.staff {
	padding: 40px 0 40px;
}
#main-contents article.staff section .article-profile {
	float: right;
	width: 60%;
}
#main-contents article.staff section .article-profile h3 {
	line-height: 2rem;
	font-size: 30px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #ccc;
}
#main-contents article.staff section .article-profile h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section .article-profile h5 {
	font-size: 20px;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section img.staff-img {
	height: auto;
	display: block;
	margin: 0;
	width: 300px;
	float: left;
}
/*+++++++++++++++++++
	c-A4 article contact
+++++++++++++++++++*/

#main-contents article.contact {
	margin-left: 1%;
	margin-right: 1%;
}
#main-contents article.contact .contact-touch .office-map .google-maps iframe {
	width: 560px;
	height: 541px;
}
#main-contents article.contact .office-map {
	margin: 1rem;
}
#main-contents article.contact h2{
	font-size: 40px;
}
#main-contents article.contact h3{
	font-size: 24px;
}
#main-contents article.contact .touch-block h4 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0.5rem;
	padding-bottom: 6px;
}
#main-contents article.contact .touch-block dl {
	margin-bottom: 2rem;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}
#main-contents article.contact section {}
#main-contents section {}
.contact-form #MailAddress2 {
	margin-right: 0;
}
.contact-form .submit {
}
.contact-form .mail-text-middle {
	width: 60%;
}
.contact-form #MailAddress1 {
}
.contact-form #MailAddress2 {
	width: 60%;
	margin-right: 4rem;
}
/*++++++++++++++++
	parts
++++++++++++++++*/
table.default-tb tr,
table.special-tb tr {
	display: inline;
}
table.default-tb th,
table.special-tb th {
	font-weight: bold;
	text-align: center;
}
table.default-tb th,
table.default-tb td {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
table.special-tb th {
	font-weight: bold;
	text-align: center;
}
table.special-tb th,
table.special-tb td {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*----------------
	c-5.1 inquiry
----------------*/
.inquiry {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.inquiry h2 {
	font-size: 32px;
}
/*----------------
	c-5.2 category
----------------*/
.category {
	padding: 40px 0 40px;
}
ul.category-list li {
	margin-bottom: 30px;
}
ul.category-list li img {
	margin-left: 1%;
	width:44%;
	float: left;
}
ul.category-list li .caption {
	padding-left: 4%;
	margin-right: 1%;
	width: 50%;
	float: right;
	color: #000;
}
ul.category-list li h3 {
	padding: 20px 0 20px;
	font-size: 30px;
}
/*----------------
	c-5.3 pr
----------------*/
.pr {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
	background-position: 50% 0;
}
.pr h2 {
	font-size:36px;
}
/*----------------
	c-5.4 topics
----------------*/
.topics {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.topics h2 {
	font-size: 30px;
}
.topics ol {
	margin-bottom: 20px;
}
.topics ol li {
	padding: 1%;
}
/*----------------
	c-5.5 flow
----------------*/
.flow {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.flow h2 {
	font-size: 30px;
}
.flow h3 {
	background:#fafadc;
	padding: 20px 0 20px;
}
.flow .tel {
	font-size: 24px;
}
.flow .block-text {
	padding: 0;
	margin: 20px 0 20px;
}
.flow .block-text p {
	padding: 1%;
}
/*----------------
	c-5.6 index-staff
----------------*/
.index-staff {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.staff-list li {
}
.index-staff ul.staff-list li {
	padding: 1%;
}
.staff-list img {
	margin-left: 0.3%;
	width:20%;
	float: left;
}
.staff-list dl.profile {
	padding-left: 15%;
	margin-left: 5%;
}
.staff-list dl.profile dt {
	line-height: 24x;
	height: 24px;
	font-size: 24px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-left: 5%;
	margin-right: 1%;
	border-bottom: 1px dashed #ddd;
}
.staff-list dl.profile dd {
	text-align: left;
	padding-top: 3%;
	padding-left: 5%;
}
/*----------------
	c-5.7 index-news
----------------*/
.index-news {
	padding: 40px 0 40px;
}
.index-news h3 {
	font-size: 30px;
}
.index-news .item-box {
	padding: 20px 0 20px;
}
.index-news .item-box ul {
	margin-bottom: 20px;
}
.index-news .item-box ul a {
	line-height: 50px;
	height: 50px;
}
/*----------------
	c-5.8 access
----------------*/
.access {
	padding: 40px 0 40px;	
	padding-left: 1%;
	padding-right: 1%;
}
.access .office-map .google-maps iframe {
	width: 600px;
	height: 580px;
}
.access h3 {
	font-size: 30px;
}
.access .office-detail {
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 30px;

}
/*---------------------------
	c-5.9 summary
---------------------------*/
.summary {
	padding: 40px 0 40px;
	margin-left: 1%;
	margin-right: 1%;
}
.summary h2{
	font-size: 34px;
	font-weight: bold;
}
.summary h3 {
	font-size: 30px;
	padding-bottom: 10px;
	text-align: left;
}
.summary .summary-block {
	width: 40%;
	height: 380px;
	padding: 5%;
	float: left;
	position: relative;
}
/*-------- 以下セットで使用 --------*/
.summary .side-block {
	width: 70%;
	padding: 5% 5% 5% 0;
	float: left;
	position: relative;
}
.summary .img-block {
	width: 25%;
	float: right;
}
/*----------------------------------*/
.summary p {
	text-align: left;
}
/* リンクパターン */
.summary a.link {
	display: inline-block;
	margin-top: 1rem;
}
.summary a.link2 {
	display: block;
	text-align: right !important;
}
.summary .summary-block a.link3 {
	display: inline-block;
	position: absolute;
	top: 420px;
}
.summary .img-document {}
.summary .img-document .img-a{
	float: left;
	margin: 0 5% 5% 0;
}
.summary .img-document .img-b{
	float: right;
	margin: 0 0 5% 5%;
}
/*----------------
	c-5.10 banners
----------------*/
.banners {
	padding: 40px 0 40px;	
}
.banners ul {
	width: 776px;
}
.banners ul li {
	float: left;
}
.banners ul li img {
	width: 153px;
}
/*===========================
 c-7 footer
===========================*/
#footer {
	padding: 20px 0 0;
}
#footer .footer-company {
	padding: 0 0 20px;
}
#footer ul.footer-nav .last {
	margin-bottom: 0;
}
#footer ul.footer-nav li a{
	display: block;
	border-bottom: 1px solid #fff;
	line-height: 46px;
	height: 46px;
	background:url(../img/arrow_right3.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
#footer ul.footer-nav li.bt-list-top a{
	border-top: 1px solid #fff;
}
#footer ul.link-outbound li {
	background-color:#fff2b8;
}
#footer ul.link-outbound li a{
	background:url(../img/arrow_blank2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
}
@media only screen and (min-width: 499px) and (max-width: 799px) {
/* タブレット (max - min = 300px) */
.mediaq {
	background-image:url('../test/new_(min-width499px)and(max-width799px).jpg');
}
/*===========================
 d-1 header
===========================*/
.header_inner {
	max-width:799px;
}
.headlink ul {
	clear: both;
	width: 300px;
	margin: 0px auto;
}
.headlink ul li {
	margin-bottom: 10px;
	display: inline-block;
}
.hlogo {
	clear: both;
	width: 98%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.hlogo img{
	width: 100%;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.head-tel {
	width: 100%;
	text-align: center;
}
.head-tel img {
	width: 100%;
}
/*===========================
 d-2 gnav
===========================*/
#gnav {
	border-bottom: 8px solid #000;
}

#gnav h2 {
	display: block;
}

#gnav ul {
	position: relative;
	z-index: 999;
	display: none;
	width: 100%;
	border-bottom: 8px solid #000;
}

#gnav ul li {
	line-height: 56px;
	float: none;
	width: 100%;
	text-align: center;
	text-indent: 1%;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

#gnav ul li a {
	font-size: 14px;
	font-size: 0.875rem;
	color: #231815;
	border-right: none;
	background: url(../img/arrow_right.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 98% center;
}

#gnav ul li a:hover {
	color: #000;
	background: #fff2b8;
}

#gnav ul li:first-child a {
	border-left: none;
}
#gnav ul li:last-child {
	width: 100%;
}
/* dream */
#main-contents article.business pre {

}
#map_canvas {
	width: 480px !important;
	height: 240px !important;

}
#sv_pano {
	width: 480px !important;
	height: 240px !important;

}
div.td-gmap table {
	width: 100% !important;
}
.maps_c {
	width: 100% !important;
}
/*===========================
 d-3 main visual
===========================*/
.main-visual #singleImage{
	max-width: 799px;
	max-height: 250px;
	width: 100%;
	height: 100%;
}
/*===========================
 d-4 breadcrumb
===========================*/
#breadcrumb {
	margin-bottom: 40px;
}
#breadcrumb ul{
	margin-left: 1%;
	margin-right: 1%;
}
#breadcrumb ul li {
	float: left;
}
/*===========================
 d-5 main contents
===========================*/
.news1,
.news2 {
	width: 100%;
	clear: both;
	border-left: none;
}
.news1 h2,
.news2 h2 {
	padding: 28px 0 40px;
	font-size: 36px;
	font-size: 2.25rem;
	color: #af8349;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
}
#tab-menu {
	margin-bottom: 1rem;
	clear: both;
}
#tab-area {
	margin-top: 1rem;
	padding-top: 1rem;
}
#tab-area h3.fa {
	text-align: center !important;
}

table.station-table {
	border: none;
	width: 100%;
  }
table.station-table thead {
	display: none;
  }
table.station-table tr {
	border-top: 1px solid #ccc;
	display: block;
	margin-bottom: 2rem;
  }
table.station-table th {
	font-weight: bold;
	text-align: center;
}
table.station-table td,
table.station-table th {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  }
table.station-table td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	width: 10rem;
  }
table.station-table td:nth-child(1){
	font-size: 1.4rem;
	padding-bottom: 1.4rem;

}
table.station-table td:first-child {
	font-weight: bold;
}
table.station-table td:first-child img {
	margin-top: 1rem;
	width: 100% !important;
	height: auto !important;
}
table.station-table td:nth-child(2) img {
	display: block;
}
table.station-table td:nth-child(2),
table.station-table td:nth-child(3),
table.station-table td:nth-child(4),
table.station-table td:nth-child(5) {
	display: block;
	text-align: right;

}
table.station-table td:nth-child(6) a[title*="物件番号"] img {
	width: 50%;
	height: auto;
}
/*スマートフォン向け各セルに項目名を強制表示*/
table.station-table td:nth-child(2):before{
	text-align: left;
	content: '価格\A住所';
	white-space: pre;
	width: 50%;
}
table.station-table td:nth-child(3):before{
	text-align: left;
	content: '沿線名\A駅名';
	white-space: pre;
	width: 50%;
}
table.station-table td:nth-child(4):before{
	text-align: left;
	content: '徒歩\Aバス';
	white-space: pre;
	width: 50%;
}
table.station-table td:nth-child(5):before{
	text-align: left;
	content: "間取\A建物面積";
	white-space: pre;
	width: 50%;
}
table.station-table td:first-child {
	text-align: left;
	font-weight: bold;
}

table.station-table td:nth-child(6) img[alt*="只今商談中の物件です。"] {
	width: 50%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="御成約頂きました。"] {
	width: 50%;
	height: auto;
}
/*_________
_______@dream_________________________*/
/*京阪本線*/
/*京阪交野線*/
/*JR片町線*/
/*特集*/
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪本線"],
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪本線"]:hover,
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪交野線"],
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪交野線"]:hover, 
#area-box .area-block:first-child table.area-navi-table td.head a[title*="ＪＲ片町線"],
#area-box .area-block:first-child table.area-navi-table td.head a[title*="ＪＲ片町線"]:hover {
	background-position: 10% 40%;
}
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="特集"],
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="学校区別"] {
	background-position: 35% 40%;
}
ul#tab-menu li {
	clear: both;
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #000;
}

/*++++++++++++++++
	parts
++++++++++++++++*/
table.default-tb tr {
	display: inline;
}

table.default-tb th {
	font-weight: bold;
	text-align: center;
}
table.default-tb th,
table.default-tb td {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
table.special-tb tr {
	display: inline;
}

table.special-tb th {
	font-weight: bold;
	text-align: center;
}

table.special-tb th,
table.special-tb td {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.exterior_image {
	width: 100%;
}
ul.exterior li.layout {
	clear: left;
	width: 100%;
	height: auto;

}
ul.exterior li.exterior {
	clear: right;
	width: 100%;
	height: auto;
}
/*+++++++++++++++++++++++++++++++++++++++++++++
	d-A1 article layout
+++++++++++++++++++++++++++++++++++++++++++++*/
#main-contents article {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
#main-contents article section {
	padding: 40px 0 40px;
}
#main-contents article section p {
	text-align: left;
}
/*+++++++++++++++++++
	d-A2 article business
+++++++++++++++++++++*/
#main-contents article.business h2 {
	font-size:30px;
}
#main-contents article.business h3{
	font-size:28px;
}
#main-contents article.business h4{
	font-size:20px;
}
#main-contents article section.img-doc-horizontal img {
	width: 100%;
}
#main-contents article section.doc-img-horizontal img {
	width: 100%;
}

/* left[img] right[documents] */
#main-contents article section.img-doc-horizontal{}
#main-contents article section.img-doc-horizontal img {
	height: auto;
	display: block;
	margin: 0 40px 0 0;
}
/* left[documents] right[img] */
#main-contents article section.doc-img-horizontal{}
#main-contents article section.doc-img-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 0 40px;
}
/*+++++++++++++++++++
	d-A3 article staff
+++++++++++++++++++*/
#main-contents article.staff h2 {
	font-size: 30px;
}
#main-contents article.staff {
	padding: 40px 0 40px;
}
#main-contents article.staff section {
	margin: 0;
	padding: 0;
}
#main-contents article.staff section .article-profile {
	float: right;
	width: 48%;
}
#main-contents article.staff section .article-profile h3 {
	line-height: 2rem;
	font-size: 28px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #ccc;
}
#main-contents article.staff section .article-profile h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section .article-profile h5 {
	font-size: 20px;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section img.staff-img {
	height: auto;
	display: block;
	margin: 0 0 0 1%;
	width: 240px;
	float: left;
}
/*+++++++++++++++++++
	d-A4 article contact
+++++++++++++++++++*/
#main-contents article.contact h2{
	font-size: 30px;
	line-height: 30px;
}
#main-contents article.contact h3{
	font-size: 24px;
}
#main-contents article.contact .office-map {
	margin: 1rem;
}
#main-contents article.contact {}
#main-contents article.contact section {}
#main-contents section {}
#main-contents article.contact .contact-touch .office-map .google-maps iframe {
	width: 400px;
	height: 387px;
}
#main-contents article.contact .touch-block h4 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0.5rem;
	padding-bottom: 4px;
}
#main-contents article.contact .touch-block dl {
	margin-bottom: 2rem;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}
.contact-form #MailAddress2,
.contact-form #MailMail_ph_con {
	margin-right: 0;
}
.contact-form #MailRealaddress {
	width: 85%;
}
.contact-form .submit {
}
.contact-form .form-block {
	display: block;
}
.contact-form .mail-text-middle {
	width: 85%;
}
/*----------------
	d-5.1 inquiry
----------------*/
.inquiry {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.inquiry h2 {
	font-size: 32px;
}
/*----------------
	d-5.2 category
----------------*/
.category {
	padding: 40px 0 40px;
}
ul.category-list li {
	margin-bottom: 30px;
}
ul.category-list li img {
	margin-left: 1%;
	width:44%;
	float: left;
}
ul.category-list li .caption {
	padding-left: 4%;
	margin-right: 1%;
	width: 50%;
	float: right;
	color: #000;
}
ul.category-list li h3 {
	padding: 18px 0 18px;
	font-size: 28px;
}
ul.category-list li .caption {
	width: 95%;
}
/*----------------
	d-5.3 pr
----------------*/
.pr {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
	background-position: 50% 0;
}
.pr h2 {
	font-size:36px;
}
/*----------------
	d-5.4 topics
----------------*/
.topics {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.topics h2 {
	font-size: 30px;
}
.topics ol {
	margin-bottom: 20px;
}
.topics ol li {
	padding: 1%;
}
/*----------------
	d-5.5 flow
----------------*/
.flow {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.flow h2 {
	font-size: 30px;
}
.flow h3 {
	background:#fafadc;
	padding: 20px 0 20px;
}
.flow .tel {
	font-size: 21px;
}
.flow .block-text {
	padding: 0;
	margin: 20px 0 20px;
}
.flow .block-text p {
	padding: 1%;
}
/*----------------
	d-5.6 index-staff
----------------*/
.index-staff {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.staff-list li {
}
.index-staff ul.staff-list li {
	padding: 1%;
}
.staff-list img {
	margin-left: 0.3%;
	width:20%;
	float: left;
}
.staff-list dl.profile {
	padding-left: 15%;
	margin-left: 5%;
}
.staff-list dl.profile dt {
	line-height: 24x;
	height: 24px;
	font-size: 24px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-left: 5%;
	margin-right: 1%;
	border-bottom: 1px dashed #ddd;
}
.staff-list dl.profile dd {
	text-align: left;
	padding-top: 3%;
	padding-left: 5%;
}
/*----------------
	d-5.7 index-news
----------------*/
.index-news {
	padding: 40px 0 40px;
}
.index-news h3 {
	font-size: 30px;
}
.index-news .item-box {
	padding: 20px 0 20px;
}
.index-news .item-box ul {
	margin-bottom: 20px;
}
.index-news .item-box ul a {
	line-height: 2rem;
}
/*----------------
	d-5.8 access
----------------*/
.access .office-map .google-maps iframe {
	width: 400px;
	height: 387px;
}
.access h3 {
	font-size: 30px;
}
.access .office-detail {
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 30px;
}
/*---------------------------
	d-5.9 summary
---------------------------*/
.summary {
	padding: 40px 0 40px;
	margin-left: 1%;
	margin-right: 1%;
}
.summary h2{
	font-size: 30px;
	font-weight: bold;
}
.summary h3 {
	font-size: 24px;
	padding-bottom: 8px;
	text-align: left;
}
.summary .summary-block {
	width: 40%;
	height: 620px;
	padding: 5%;
	float: left;
	position: relative;
}
/*-------- 以下セットで使用 --------*/
.summary .side-block {
	width: 70%;
	padding: 5% 5% 5% 0;
	float: left;
	position: relative;
}
.summary .img-block {
	width: 25%;
	float: right;
}
.stepBar .step {
	clear: both;
	position:inherit;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
	width: 100%;
	padding: 0 2rem;
	margin-bottom: 2rem;
}
.bottom-triangle {
	position: absolute;
	left: 45%;
	margin-bottom: 3rem;
}
/*----------------------------------*/
.summary p {
	text-align: left;
}
/* リンクパターン */
.summary a.link {
	display: inline-block;
	margin-top: 1rem;
}
.summary a.link2 {
	display: block;
	text-align: right !important;
}
.summary .summary-block a.link3 {
	display: inline-block;
	position: absolute;
	top: 580px;
}
.summary .img-document {}
.summary .img-document .img-a{
	float: left;
	margin: 0 5% 5% 0;
}
.summary .img-document .img-b{
	float: right;
	margin: 0 0 5% 5%;
}
/*----------------
	d-5.10 banners
----------------*/
.banners {
	padding: 40px 0 40px;	
}
.banners ul {}
.banners ul li {
	margin: 10px 0;
}
.banners ul li img {}
/*===========================
 d-6 footer
===========================*/
#footer {
	padding: 20px 0 0;
}
#footer .footer-company {
	padding: 0 0 20px;
}
#footer ul.footer-nav .last {
	margin-bottom: 0;
}
#footer ul.footer-nav li a{
	display: block;
	border-bottom: 1px solid #fff;
	line-height: 46px;
	height: 46px;
	background:url(../img/arrow_right3.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
#footer ul.footer-nav li.bt-list-top a{
	border-top: 1px solid #000;
}
#footer ul.link-outbound li {
	background-color:#fff2b8;
}
#footer ul.link-outbound li a{
	background:url(../img/arrow_blank2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
}

@media only screen and (max-width: 498px) {
/* スマートフォン */
.mediaq {
	background-image:url('../test/new_max-width498px.jpg');
}
/*===========================
 e-1 header
===========================*/
.header_inner {
	width:auto;
}
.headlink ul {
	clear: both;
	width: 250px;
	margin: 0px auto;
}
.headlink ul li {
	margin-bottom: 10px;
	display: inline-block;
	margin-left :0;
	margin-right: 0;
}
.hlogo {
	clear: both;
	width: 98%;;
	margin: 0 auto;
	margin-bottom: 20px;
}
.hlogo img{
	width:100%;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.head-tel {
	width: 98%;
}
.head-tel img{
	width: 100%;
	
}
/*===========================
 e-2 global navi
===========================*/
#gnav {
	border-bottom: 8px solid #000;
}

#gnav h2 {
	display: block;
}

#gnav ul {
	position: relative;
	z-index: 999;
	display: none;
	width: 100%;
	border-bottom: 8px solid #000;
}

#gnav ul li {
	line-height: 40px;
	float: none;
	width: 100%;
	text-align: center;
	text-indent: 1%;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

#gnav ul li a {
	font-size: 14px;
	font-size: 0.875rem;
	color: #231815;
	border-right: none;
	background: url(../img/template/arrow2.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 98% center;
}

#gnav ul li a:hover {
	color: #000;
	background: #fff9ea;
}

#gnav ul li:first-child a {
	border-left: none;
}
#gnav ul li:last-child {
	width: 100%;
}
/*===========================
 e-3 mainvisual
===========================*/
.main-visual #singleImage{
	max-width: 498px;
	max-height: 156px;
	width: 100%;
	height: 100%;
}
/*===========================
 e-4 breadcrumb
===========================*/
#breadcrumb {
	height: auto;
	margin-bottom: 1rem;
}
#breadcrumb ul{
	margin-left: 1%;
	margin-right: 1%;
	padding-left: 1%;
	padding-right: 1%;
}
#breadcrumb ul li {
	float: left;
}
/*===========================
 e-5 main-contents
===========================*/
#recommend div.bk-block {
	width: calc(50% - 10px);
	margin: 5px;
}

.news1,
.news2 {
	width: 100%;
	clear: both;
	border-left: none;
}
.news1 h2,
.news2 h2 {
	padding: 28px 0 40px;
	font-size: 36px;
	font-size: 2.25rem;
	color: #af8349;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
}
dl.recent-news dt {
	padding-bottom: 0.5rem;
}
dl.recent-news dd {
	padding-bottom: 1rem;
	border-bottom: 1px solid #DDDDDD;
}

.recent-news {
	text-align: center;
}
.recent-news dt {
	padding-bottom: 20px;
	width: 100%;
	clear: both !important;
	text-align: center;
}

.recent-news dd {
	margin: 0;
	padding: 0;
	width: 100%;
}
#tab-area h3.fa {
	text-align: center !important;
}
#main-contents h1 {
	font-size: 24px !important;
}
#main-contents h2 {
	font-size: 20px !important;
}
#main-contents h3 {
	font-size: 18px !important;
}
/* dream */
table.station-table {
	border: none;
	width: 100%;
  }
table.station-table thead {
	display: none;
  }
table.station-table tr {
	border-top: 1px solid #ccc;
	display: block;
	margin-bottom: 2rem;
  }
table.station-table th {
	font-weight: bold;
	text-align: center;
}
table.station-table td,
table.station-table th {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  }
table.station-table td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	width: 10rem;
  }
table.station-table td:nth-child(1){
	font-size: 1.4rem;
	padding-bottom: 1.4rem;

}
table.station-table td:first-child {
	font-weight: bold;
}
table.station-table td:first-child img {
	margin-top: 1rem;
	width: 100% !important;
	height: auto !important;
}
table.station-table td:nth-child(2) img {
	display: block;
}
table.station-table td:nth-child(2),
table.station-table td:nth-child(3),
table.station-table td:nth-child(4),
table.station-table td:nth-child(5) {
	display: block;
	text-align: right;

}
table.station-table td:nth-child(6) a[title*="物件番号"] img {
	width: 50%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="只今商談中の物件です。"] {
	width: 50%;
	height: auto;
}
table.station-table td:nth-child(6) img[alt*="御成約頂きました。"] {
	width: 50%;
	height: auto;
}
/*スマートフォン向け各セルに項目名を強制表示*/
table.station-table td:nth-child(2):before{
	text-align: left;
	content: '価格\A住所';
	white-space: pre;
	width: 50%;
}
table.station-table td:nth-child(3):before{
	text-align: left;
	content: '沿線名\A駅名';
	white-space: pre;
	width: 50%;
}
table.station-table td:nth-child(4):before{
	text-align: left;
	content: '徒歩\Aバス';
	white-space: pre;
	width: 50%;
}
table.station-table td:nth-child(5):before{
	text-align: left;
	content: "間取\A建物面積";
	white-space: pre;
	width: 50%;
}
/*________________@dream_________________________*/
/*京阪本線*/
/*京阪交野線*/
/*JR片町線*/
/*特集*/
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪本線"],
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪本線"]:hover,
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪交野線"],
#area-box .area-block:first-child table.area-navi-table td.head a[title*="京阪交野線"]:hover, 
#area-box .area-block:first-child table.area-navi-table td.head a[title*="ＪＲ片町線"],
#area-box .area-block:first-child table.area-navi-table td.head a[title*="ＪＲ片町線"]:hover,
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="特集"],
#area-box .area-block:first-child table.area-navi-table td.toku a[title*="学校区別"] {
	background-image: none;
}
.exterior_image {
	width: 100%;
}
ul.exterior li.layout {
	clear:both;
	width: 100%;
}
ul.exterior li.exterior {
	clear:both;
	width: 100%;
}
ul.exterior li.layout img,
ul.exterior li.exterior img {
	width:100%;
	max-width: 100%;
	height: auto;
}
#map_canvas {
	width: 250px !important;
	height: 300px !important;

}
#sv_pano {
	width: 250px !important;
	height: 300px !important;

}
div.td-gmap table {
	width: 100% !important;
}
.maps_c {
	width: 100% !important;
}
ul#tab-menu li {
	clear: both;
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #000;
}
.button {
	margin-bottom: 14px;
}
.bt300,
.bt300s {
	width: 90% !important;
}
/*++++++++++++++++
	parts
++++++++++++++++*/
table.default-tb  {

}
table.default-tb tr {
	display: inline;
}

table.default-tb th {
	font-weight: bold;
	text-align: center;
}
table.default-tb th,
table.default-tb td {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
table.special-tb tr {
	display: inline;
}

table.special-tb th {
	font-weight: bold;
	text-align: center;
}

table.special-tb th,
table.special-tb td {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
table.label-tb {
	border: none;
  }
table.label-tb thead {
	display: none;
  }
table.label-tb tr {
	border-top: 1px solid #ccc;
	display: block;
	margin-bottom: 20px;
  }
table.label-tb th {
	font-weight: bold;
	text-align: center;
}
table.label-tb td,
table.label-tb th {
	display: block;
	width: 100%;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  }
table.label-tb td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	width: 10rem;
  }
/*+++++++++++++++++++++++++++++++++++++++++++++
	e-A1 article layout
+++++++++++++++++++++++++++++++++++++++++++++*/
#main-contents article {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
#main-contents article section {
	padding: 40px 0 40px;
}
#main-contents article section p {
	text-align: left;
}
/*+++++++++++++++++++
	e-A2 article business
+++++++++++++++++++++*/
#main-contents article.business h2{
	font-size:28px;
}
#main-contents article.business h3{
	font-size:23px;
}
#main-contents article.business h4{
	font-size:18px;
}
#main-contents article section.img-doc-horizontal img {
	width: 100%;
}
#main-contents article section.doc-img-horizontal img {
	width: 100%;
}

/* left[img] right[documents] */
#main-contents article section.img-doc-horizontal{}
#main-contents article section.img-doc-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 20px 0;
}
/* left[documents] right[img] */
#main-contents article section.doc-img-horizontal{}
#main-contents article section.doc-img-horizontal img {
	height: auto;
	display: block;
	margin: 0 0 20px 0;
}
/*+++++++++++++++++++
	e-A3 article staff
+++++++++++++++++++*/
#main-contents article.staff h2 {
	font-size: 30px;
}
#main-contents article.staff {
	padding: 50px 0 50px;
	margin-left: 1%;
	margin-right: 1%;
}
#main-contents article.staff section .article-profile {
	float: right;
	width: 100%;
}
#main-contents article.staff section .article-profile h3 {
	line-height: 2rem;
	font-size: 28px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #ccc;
}
#main-contents article.staff section .article-profile h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section .article-profile h5 {
	font-size: 20px;
	padding-bottom: 0.5rem;
}
#main-contents article.staff section img.staff-img {
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 1%;
	width: 100%;
	clear: both;
}
/*+++++++++++++++++++
	e-A4 article contact
+++++++++++++++++++*/
#main-contents article.contact h2{
	font-size: 30px;
}
#main-contents article.contact h3{
	font-size: 22px;
}
#main-contents article.contact {}
#main-contents article.contact section {}
#main-contents section {}
.contact-touch .office-map .google-maps {
	position: relative;
	padding-bottom: 95%;
	height: 0;
	overflow: hidden;
}
.contact-touch .office-map .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 95% !important;
}
#main-contents article.contact .touch-block h4 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0.5rem;
	padding-bottom: 4px;
}
#main-contents article.contact .touch-block dl {
	margin-bottom: 2rem;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}
.contact-form table.default-tb td {
	text-align: center;
}
.contact-form #MailAddress2 {
	margin-right: 0;
}
.contact-form .submit {
}
.contact-form .mail-text-middle {
	width: 85%;
}
.contact-form #station_p {
	margin-bottom: 10px;
}
.contact-form #MailRealaddress {
	width: 98%;
}
.contact-form #MailPrice_from {
	margin-left: 0;
}
.contact-form #type_f {
	margin-bottom: 10px;
}
.contact-form #land_f {
	margin-left: 1rem;
	margin-bottom: 10px;
}
.contact-form #building_f {
	margin-left: 1rem;
	margin-bottom: 10px;
}
.contact-form #MailMove_year {
	margin-bottom: 10px;
}
.contact-form #profit_con {
	margin-bottom: 10px;
}
.contact-form #condition1,
.contact-form #condition2,
.contact-form #condition3 {
	margin-right: 0;
}
.contact-form #MailMail_ph_con {
	margin-right: 0;
}
.contact-form .form-block {
	display: block;
}
/*----------------
	e-5.1 inquiry
----------------*/
.inquiry {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.inquiry h2 {
	font-size: 30px;
}
/*----------------
	e-5.2 category
----------------*/
.category {
	padding: 40px 0 40px;
}
ul.category-list li {
	margin-bottom: 30px;
}
ul.category-list li img {
	width: 100%;

}
ul.category-list li .caption {
	padding: 1%;
	color: #000;
}
ul.category-list li h3 {
	padding: 16px 0 16px;
	font-size: 23px;
}
/*----------------
	e-5.3 pr
----------------*/
.pr {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
	background-position: 34% 0;
}
.pr h2 {
	font-size:30px;
}
/*----------------
	e-5.4 topics
----------------*/
.topics {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.topics h2 {
	font-size: 30px;
	line-height: 2rem;
}
.topics ol {
	margin-bottom: 20px;
}
.topics ol li {
	padding: 1%;
}
/*----------------
	e-5.5 flow
----------------*/
.flow {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.flow h2 {
	font-size: 30px;
	line-height: 2rem;
}
.flow h3 {
	background:#fafadc;
	padding: 20px 0 20px;
	line-height: 2rem;
}
.flow .tel {
	font-size: 19px;
}
.flow .block-text {
	padding: 0;
	margin: 20px 0 20px;
}
.flow .block-text p {
	padding: 1%;
}
/*----------------
	e-5.6 index-staff
----------------*/
.index-staff {
	padding: 40px 0 40px;
	padding-left: 1%;
	padding-right: 1%;
}
.staff-list li {
}
.index-staff ul.staff-list li {
}
.staff-list img {
	width:100%;
}
.staff-list dl.profile {
	padding-bottom: 40px;

}
.staff-list dl.profile dt {
	line-height: 24x;
	height: 24px;
	font-size: 24px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-left: 5%;
	margin-right: 1%;
	border-bottom: 1px dashed #ddd;
}
.staff-list dl.profile dd {
	text-align: left;
	padding-top: 3%;
	padding-left: 5%;
}

/*----------------
	e-5.7 index-news
----------------*/
.index-news {
	padding: 40px 0 40px;
}
.index-news h3 {
	font-size: 26px;
	line-height: 2rem;
}
.index-news .item-box {
	padding: 20px 0 20px;
}
.index-news .item-box ul {
	margin-bottom: 20px;
}
.index-news .item-box ul li {
	height: auto;
}
.index-news .item-box ul a {
	line-height: 2rem;
}
/*----------------
	e-5.8 access
----------------*/
.access .office-map .google-maps {
	position: relative;
	padding-bottom: 95%;
	height: 0;
	overflow: hidden;
}
.access .office-map .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 95% !important;
}
.access h3 {
	font-size: 26px;
	line-height: 2rem;
}
.access .office-detail {
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 30px;
}
/*---------------------------
	e-5.9 summary
---------------------------*/
.summary {
	padding: 40px 0 40px;
	margin-left: 1%;
	margin-right: 1%;
}
.summary h2{
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}
.summary h3 {
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 8px;
	text-align: left;
}
.summary .summary-block {
	padding: 20px 0 20px;
}
/*-------- 以下セットで使用 --------*/
.summary .side-block {
	padding: 0;
}
.summary .img-block {
	margin-bottom: 20px;
	width: 100%;
}
/*----------------------------------*/
.summary p {
	text-align: left;
}
/* リンクパターン */
.summary a.link {
	display: inline-block;
	margin-top: 1rem;
}
.summary a.link2 {
	display: block;
	text-align: right !important;
}
.summary .summary-block a.link3 {
	display: block;
	text-align: center;
}
.summary .img-document {}
.summary .img-document .img-a{
	width: 100%;
}
.summary .img-document .img-b{
	width: 100%;
}
.stepBar .step {
	clear: both;
	position:inherit;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
	width: 100%;
	padding: 0 2rem;
	margin-bottom: 2rem;
}
.stepBar.step5 .step-end {
	margin-bottom: 0;
}
.bottom-triangle {
	position: absolute;
	left: 43%;
	margin-bottom: 3rem;

}
/*----------------
	e-5.10 banners
----------------*/


/*===========================
 e-6 footer
===========================*/
#footer {
	padding: 20px 0 0;
}
#footer .footer-company {
	padding: 20px 0;
}
#footer ul.footer-nav li a{
	display: block;
	border-bottom: 1px solid #fff;
	line-height: 46px;
	height: 46px;
	background:url(../img/arrow_right3.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
#footer ul.footer-nav li.bt-list-top a{
	border-top: 1px solid #fff;
}
#footer ul.link-outbound li {
	background-color:#fff2b8;
}
#footer ul.link-outbound li a{
	background:url(../img/arrow_blank2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}
}