@charset "utf-8";
/* CSS Document */


*{
    margin:0;
    padding:0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}


/*




body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
    padding: 0;
    vertical-align: baseline;
}

table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}


a{
	border:none;
}

.clear{
	clear: both;
}

body {
	font-size:13px;
	*font-size:small;
    *font:x-small;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W6","OSAKA",arial,helvetica,clean,sans-serif;
	color:#FFF;
}

div {
    font-size:inherit;
    font:100%;
}
*/


/*
.text8 { font-size:59%; }
.text9 { font-size:65%; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
*/

#contents #wrap {
	display: block;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	width: 920px;
}

/* ローディング */
#myloader {
    width:31px;
    height:31px;
    display:none;
	position:absolute;
	margin-left:445px;
	margin-top:255px;
    z-index:100;
}

#myfade {
    width:100%;
    height:100%;
    display:none;
    background-color:#FFFFFF;
    position:absolute;
    top:0px;
    left:0px;
    z-index:50;
}

/* コンテンツ全体 */
#contents #mymain{
    font-family:"遊ゴシック","ヒラギノ角ゴ ProN","メイリオ","MS Pゴシック",sans-serif;
	-webkit-text-size-adjust: none;
	position:relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow:hidden;
	float:left;
	clear:both;
	width: 920px;
}

/* 非表示エレメント */
#contents #wrap .myoff{
	display:none;
}

/* エレメント */
#contents #wrap .myelement{
	position: absolute;
	padding: 0px;
}

/* エレメント2 */
#contents #wrap .myelement2{
	position:relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow:hidden;
	float:left;
	clear:both;
	width: 920px;
	height: auto;
	line-height: 0px;
}

/* リンク画像ロールオーバー */
#contents #wrap a img{
transition: 0.3s;
/*filter: brightness(100%);*/
opacity: 1;
}
#contents #wrap a:hover img:not(.map img){
/*opacity: 0.7;*/
/*filter: brightness(80%);*/
opacity: 0.5;
}
/* リンク画像ロールオーバー */



/* ヘッダロゴエリア */

#contents .mylogobt{
	position: relative;
	display:block;
	float: left;
	clear: both;
    margin: 0px 0 0 0;
	padding:0px;
	width: 920px;
	height:52px;
	list-style:none;
}

#contents .mylogobt li{
	position: relative;
	display:block;
	padding:0px;
	height:52px;
	margin: 0px 0px 0px 0px;
}

#contents .mylogobt li:first-child {
	width: 154px;
	float: left;
}

#contents .mylogobt li:last-child {
	width: 230px;
	float: right;
}
/* ヘッダロゴエリア */

/* ヘッダメニューボタン */
#contents .myheadbt{
	position: relative;
	display:block;
	float: left;
	clear: both;
    margin: 0px 0 0 0;
	padding:0px;
	width: 920px;
	height:70px;
	list-style:none;
	background-color: #ffffff;
}

#contents .myheadbt li{
	position: relative;
	display:block;
	float: left;
	padding:0px;
	height:70px;
	margin: 0px 0px 0px 4px;
}

#contents .myheadbt li:first-child {
	float: left;
	margin-left: 0px;
}

#contents .fixed {
	position: fixed;
    top: 0px;
    z-index: 49;
}


/* ヘッダメニューボタン */

/* スライド */
#contents #wrap .myfadein{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	overflow:hidden;
	float:left;
	width: 920px;
	height: 600px;
}
/* スライド */

/* タイトルピクト */
#contents #wrap .mytitle{
text-align: center;
margin-top: 92px;
}
/* タイトルピクト */


/* メインタイトル */
#contents #wrap .maintitlecp{
font-feature-settings: "palt" 1;
text-align: center;
font-size: 36px;
line-height:50px;
letter-spacing: 6px;
font-weight: 400;
color: #000000;
}


/* マップ検索 */
#contents #wrap .kensaku{
height: 60px;
font-feature-settings:"palt" 1;
font-size: 16px;
line-height:16px;
letter-spacing:1px;
padding-top: 18px;
padding-left: 265px;
background-image: url("../images/map_icon.png");
background-position: left 205px top 0px;
}

/* 自由設計 */
#contents #wrap .maintitlecp-jiyu {
font-size: 32px;
line-height:32px;
letter-spacing: 3px;
padding-bottom: 10px;
}

#contents #wrap .maintitlecp-jiyu2 {
font-size: 34px;
font-weight: bold;
text-decoration: underline;
text-decoration-color:#f1ea74;
text-decoration-thickness: 20px;
text-underline-offset: -10px;
}

#contents #wrap .maintitlecp-jiyuhonbun1 {
margin-top: 80px;
padding: 0 55px 0 55px;
font-size: 16px;
line-height: 32px;
text-align: justify;
letter-spacing:4px;
}

#contents #wrap .maintitlecp-jiyuhonbun-q {
margin-top: 85px;
padding-left: 130px;
font-size: 32px;
line-height: 32px;
text-align: justify;
letter-spacing:1px;
background-image: url("../images/houselist_q.png");
background-position: left 82px top 0px;
}

#contents #wrap .maintitlecp-jiyuhonbun-a {
margin-top: 30px;
padding: 0 90px 0 130px;
font-size: 16px;
line-height: 32px;
text-align: justify;
letter-spacing:1px;
background-image: url("../images/houselist_a.png");
background-position: left 82px top 0px;
}




/* クオリティ */
#contents #wrap .maintitlecp-ct01 {
font-size: 32px;
line-height:32px;
}

#contents #wrap .maintitlecp-ct02 {
width: auto;
text-align: left;
letter-spacing: 3px;
padding-left: 90px;
padding-bottom: 30px;
margin-left: 125px;
/**/text-decoration: underline;
text-decoration-color: #8ec6e0 ;
text-decoration-skip-ink: none;
text-decoration-thickness: 22px;
text-underline-offset: -11px;
}

#contents #wrap .maintitlecp-ct02::before{
position: absolute;
top: 0px;
left: 0px;
content: url(../images/quality_illust07.png);
}

#contents #wrap .maintitlecp-ct02b1 {
font-size: 48px;
font-weight: bold;
}
#contents #wrap .maintitlecp-ct02b2 {
font-size: 44px;
font-weight: bold;
}

#contents #wrap .maintitlecp-ct03 {
font-size: 24px;
line-height:24px;
letter-spacing: 2px;
}

#contents #wrap .maintitlecp-cthonbun{
font-size: 16px;
line-height:36px;
letter-spacing: 2px;
}

#contents #wrap .maintitlecp-zehtitle{
font-size: 32px;
line-height:32px;
letter-spacing: 2px;
padding-left: 280px;
text-align: left;
}

#contents #wrap .maintitlecp-zehtitle2{
width: auto;
height: 30px;
font-size: 24px;
line-height:24px;
letter-spacing:1px;
text-align: left;
padding-left:40px;
}

#contents #wrap .maintitlecp-zehtitle2head{
font-size:20px;
line-height:20px;
letter-spacing: 2px;
}

#contents #wrap .maintitlecp-zehtitle2::before{
position: absolute;
top: 0px;
left: 0;
content: url(../images/quality_illust05.png);
}

#contents #wrap .maintitlecp-zehhonbun{
font-size: 16px;
line-height:26px;
margin-top: 25px;
padding: 0 91px 0 91px;
letter-spacing: 2px;
text-align:justify;
}

#contents #wrap .maintitlecp-zehtitlehojyo1{
width: 740px;
font-size: 30px;
line-height:30px;
margin-top: 55px;
margin-left: 90px;
padding: 35px 0px 25px 175px;
letter-spacing: 2px;
background-color: #000000;
color: #ffffff;
text-align: left;
}

#contents #wrap .maintitlecp-zehtitlehojyo2{
width: 740px;
font-size: 16px;
line-height:26px;
margin-top: 0px;
margin-left: 90px;
margin-bottom: 80px;
padding: 0px 30px 30px 30px;
letter-spacing: 0px;
background-color: #000000;
color: #ffffff;
text-align:justify;
}

#contents #wrap .maintitlecp-zehtitlehojyo1::before{
position: absolute;
top: 22px;
left: 112px;
content: url(../images/quality_illust06.png);
}



/* 家づくり */
#contents #wrap .maintitlecp-hb {
font-size: 34px;
line-height:48px;
}

#contents #wrap .maintitlecp-hbhonbun{
font-size: 16px;
line-height:26px;
margin-top: 25px;
padding: 0 91px 0 91px;
letter-spacing: 1px;
text-align:justify;
}

#contents #wrap .maintitlecp-shikishimatitle{
font-size: 34px;
line-height:50px;
letter-spacing: 2px;
text-align: center;
}

#contents #wrap .maintitlecp-shikishimahonbun{
font-size: 16px;
line-height:38px;
margin-top: 100px;
letter-spacing: 1px;
text-align:center;
overflow: visible;
}

#contents #wrap .maintitlecp-shikishimatitle2{
width: auto;
margin:70px 0px 0px 90px;
font-size:22px;
line-height:42px;
letter-spacing: 6px;
text-align:left;
color: #ffffff;
}


/* マップメニューボタン */
#contents .mymaparea{
position:relative;
	display: block;
	margin: 0px 0px 0px 45px;
	padding: 0px;
	overflow:hidden;
	float:left;
	clear:both;
	width: 831px;
height: 780px;
	line-height: 0px;
}


#contents .mymapbt{
	position: relative;
	display:block;
	float: left;
	clear: both;
    margin: 0px 0 0 0;
	padding:0px;
	width: 831px;
	height:78px;
	list-style:none;
background-color: transparent;
}

#contents .mymapbt li{
	position: relative;
	display:block;
	float: left;
	width: 277px;
	padding:0px;
	height:78px;
	margin: 0px 0px 0px 0px;
    cursor: pointer;
　　background-color: transparent;
}

#contents .mymapbt .mapbt01{
background-image: url(../images/map_bt_osaka_off.png);
}
#contents .mymapbt .mapbt02{
background-image: url(../images/map_bt_kyoto_off.png);
}
#contents .mymapbt .mapbt03{
background-image: url(../images/map_bt_shiga_off.png);
}

#contents .mymapbt li img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#contents .mymaparea .map{
top:60px;
left:0px;
width: 831px;
height: 720px;

}

.myelement[class*="map_"] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}


/* マップメニューボタン */



/* 概要 */
#contents .mygaiyou{
	width:920px;
	position:relative;
	display: inline;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	float:left;
	font-size:12px;
	line-height:16px;
	clear:both;
}


/* clear */
#contents .myclear{
	clear:both;
}







/*
+ClearFix[common]
############################################################ */
.flearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE7 only */
*:first-child+html .flearFix {
  display: inline-block;
}
/* end WinIE7 only*/

/* WinIE6 and below */
/*\*/
* html .flearFix {
  height:1%;
}
/* end WinIE6 and below*/

/* Mac IE*/
/*\*//*/
#xxxxxx {
	display: inline-table;
}
/* end Mac IE*/