/* reset START ================================================================================= */
body, header, section, footer,h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, blockquote, form, table {
    margin:         0;
    padding:        0;
}
h1, h2, h3, h4, h5, h6, th, td {
    font-size:      100%;
    font-weight:    normal;
}
ol, ul {
    list-style:     none;
}
img {
    border: none;
    vertical-align: text-bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="submit"], input[type="button"]{
    border:         0;
    overflow:       hidden;
}
/* reset END =================================================================================== */
/* basic START ================================================================================= */
body {
    background: #FFF;
    color:      #000;
    /*font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic";*/
    font-family:"Meiryo","MS Gothic", sans-serif;
    font-size:  12px;
    text-align: center;
    line-height:150%;
}
a{
    /*color:      #0000FF;*/
    color:      #01669C;
    text-decoration: none;
}
a:hover {
/*
    opacity:    0.6;
	filter:     alpha(opacity=60);
*/
    color:      #C40600;
    text-decoration: underline;
}
a img:hover {
    opacity:    0.6;
	filter:     alpha(opacity=60);
}
/* header START ================================================================================= */
header{
    /*border-top: 5px #25354D solid;*/
    width:      100%;
    min-width:  1000px;
    /*background: #FFF;*/
    
}
header #hd-top{
    width:      100%;
    min-width:  1000px;
    height:     26px;
    background: #006699;
}
header #hd-top div{
    width:      1000px;
    height:     26px;
    margin:     0 auto;
    text-align: left;
}
header #hd-top h1,header #hd-top div p:first-child{
    width:      852px;
    padding:    8px 0;
    color:      #fff;
    line-height: 100%;
    font-size:  10px;
    float:      left;
}
header #hd-top p.hd-login{
    width:      148px;
    float:      left;
    text-align: right;
}
header #hd-main{
    width:      1000px;
    height:     135px;
    margin:     0 auto;
    overflow:   hidden;
    clear:      both;
}
header #hd-main div.logo{
    width:      470px;
    height:     54px;
    margin:     43px 0 0 0;
    float:      left;
    text-align: left;
}
header #hd-main div.hd-menu{
    width:      530px;
    height:     94px;
    float:      left;
}
header #hd-main ul.hd-menu1{
    margin:     17px 0 15px 164px;
    width:      365px;
    height:     16px;
    float:      left;
}
header #hd-main ul.hd-menu1 li{
    padding:    0 22px 0 0;
    float:      left;
}
header #hd-main ul.hd-menu1 li:last-child{
    padding:    0 0 0 0;
}
header #hd-main ul.hd-menu1 li a{
    height:     0;
    padding:    16px 0 0 0;
    display:    block;
    overflow:   hidden;
}
header #hd-main ul.hd-menu1 li a:hover{
    opacity:    0.6;
	filter:     alpha(opacity=60);
}
header #hd-main ul.hd-menu1 li.sitemap a{
    width:      76px;
    background: url("/img/common/header.png") no-repeat scroll 0 0;
}
header #hd-main ul.hd-menu1 li.staff a{
    width:      55px;
    background: url("/img/common/header.png") no-repeat scroll -97px 0;
}
header #hd-main ul.hd-menu1 li.company a{
    width:      82px;
    background: url("/img/common/header.png") no-repeat scroll -173px 0;
}
header #hd-main ul.hd-menu1 li.contact a{
    width:      81px;
    background: url("/img/common/header.png") no-repeat scroll -275px 0;
}
header #hd-main ul.hd-menu2{
    width:      531px;
    height:     94px;
    float:      left;
    clear:      both;
}
header #hd-main ul.hd-menu2 li{
    padding:    0 3px 0 0;
    float:      left;
}
header #hd-main ul.hd-menu2 li:last-child{
    padding:    0 0 0 0;
}
header #hd-main ul.hd-menu2 li a{
    height:     0;
    padding:    46px 0 0 0;
    display:    block;
    overflow:   hidden;
}
header #hd-main ul.hd-menu2 li a:hover{
    opacity:    0.6;
	filter:     alpha(opacity=60);
}
header #hd-main ul.hd-menu2 li a{
    width:      86px;
}
header #hd-main ul.hd-menu2 li.owner a{
    background: url("/img/common/header.png") no-repeat scroll 0 -30px;
}
header #hd-main ul.hd-menu2 li.chukai a{
    background: url("/img/common/header.png") no-repeat scroll -89px -30px;
}
header #hd-main ul.hd-menu2 li.nyukyo a{
    background: url("/img/common/header.png") no-repeat scroll -177px -30px;
}
header #hd-main ul.hd-menu2 li.recent a{
    background: url("/img/common/header.png") no-repeat scroll -267px -30px;
}
header #hd-main ul.hd-menu2 li.favorite a{
    background: url("/img/common/header.png") no-repeat scroll -355px -30px;
}
header #hd-main ul.hd-menu2 li.search a{
    background: url("/img/common/header.png") no-repeat scroll -443px -30px;
}


nav{
    clear:      both;
}
nav ul{
    margin:     0 auto;
    width:      1000px;
    height:     33px;
}
nav ul li{
    height:     33px;
    padding:    0 0 0 0;
    float:      left;
}
nav ul li a{
    height:     0;
    padding:    33px 0 0 0;
    display:    block;
    overflow:   hidden;
}
nav ul li a:hover{
    opacity:    0.6;
	filter:     alpha(opacity=60);
}
nav ul li.rosen a{
    width:      127px;
    background: url("/img/common/header.png") no-repeat scroll 0 -89px;
}
nav ul li.area a{
    width:      145px;
    background: url("/img/common/header.png") no-repeat scroll -128px -89px;
}
nav ul li.new a{
    width:      112px;
    background: url("/img/common/header.png") no-repeat scroll -273px -89px;
}
nav ul li.tenant a{
    width:      196px;
    background: url("/img/common/header.png") no-repeat scroll -385px -89px;
}
nav ul li.sale a{
    width:      112px;
    background: url("/img/common/header.png") no-repeat scroll -581px -89px;
}
nav ul li.flow a{
    width:      178px;
    background: url("/img/common/header.png") no-repeat scroll -693px -89px;
}
nav ul li.town a{
    width:      129px;
    background: url("/img/common/header.png") no-repeat scroll -872px -89px;
}

#main{
    width:      1000px;
    margin:     35px auto 0 auto;
    overflow:   hidden;
}
footer{
    width:      100%;
    background: #0C84C1;
    color:      #fff;
    overflow:  hidden;
    clear:      both;
}
footer div.fo_main{
    width:      1000px;
    margin:     0 auto;
    overflow:   hidden;
}
body.top footer{
    margin-top: 0;
}
footer div.fo_left{
    width:      800px;
    float:      left;
}
footer div.fo_left p{
    width:     800px;
    padding:   15px 0;
    line-height: 200%;
    overflow:  hidden;
    text-align:left;
}
footer div.fo_left ul{
    padding:    0 4px;
    width:      792px;
    overflow:  hidden;
}
footer div.fo_left li{
    width:      177px;
    padding:    0 0 0 12px;
    margin:     0 0 13px 0;
    height:     12px;
    background: url("/img/common/icon.gif") no-repeat scroll 0 -30px;
    line-height: 100%;
    text-align: left;
    float:      left;
}
footer div.fo_left li a, footer div.fo_left li a:hover{
    color:      #fff;
}
footer div.fo_right{
    width:      200px;
    padding:    10px 0 0 0;
    float:      left;
}
footer div.fo_right p.banner{
    margin:     15px 0;
}
footer>p{
    width:      1000px;
    height:     12px;
    margin:     23px auto 10px auto;
    line-height: 100%;
    text-align: center;
    clear:      both;
}

#pankuzu{
    width:      100%;
    border-top:     1px solid #dcd6d6;
    border-bottom:     1px solid #dcd6d6;
    margin:     12px 0 0 0;
    height:     32px;
    background: #F6F6F6;
    color:      #777;
}
#pankuzu a{
    color:      #777;
    text-decoration: underline;
    
}
#pankuzu ul{
    width:      999px;
    border-left: 1px solid #dcd6d6;
    margin:     0 auto;
    height:     32px;
}
#pankuzu ul{
  overflow: hidden;
  /*width: 100%;*/
}
 
#pankuzu ul { 
    list-style: none; 
    overflow: hidden; 
    font-size: 10px;
}
#pankuzu ul li { 
    float: left; 
}
#pankuzu ul li a {
    color:  #777;
    text-decoration: none; 
    padding: 8px 0 8px 45px;
    background: #F6F6F6;
    position: relative; 
    /*border-left: 1px solid #dcd6d6;*/
    display: block;
    float: left;
}
#pankuzu ul li a:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #F6F6F6;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}	
#pankuzu ul li a:before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #dcd6d6;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
}
html*#pankuzu ul li a{
    position: static;
}


#pankuzu ul li:first-child a {
    padding-left: 10px;
}
#pankuzu ul li:nth-child(2) a       { background:        #F6F6F6; }
#pankuzu ul li:nth-child(2) a:after { border-left-color: #F6F6F6; }
#pankuzu ul li:nth-child(3) a       { background:        #F6F6F6; }
#pankuzu ul li:nth-child(3) a:after { border-left-color: #F6F6F6; }
#pankuzu ul li:nth-child(4) a       { background:        #F6F6F6; }
#pankuzu ul li:nth-child(4) a:after { border-left-color: #F6F6F6; }
#pankuzu ul li:nth-child(5) a       { background:        #F6F6F6; }
#pankuzu ul li:nth-child(5) a:after { border-left-color: #F6F6F6; }
#pankuzu ul li:last-child a {
    background: #F6F6F6 !important;
    color: black;
    pointer-events: none;
    cursor: default;
}
#pankuzu ul li:last-child a:after { border: 0; }
#pankuzu ul li:last-child a:before { 
    border-bottom: 0;
    border-top:0;
}




#page-title h1{
    width:      940px;
    height:     0;
    padding:    38px 0 0 0;
    overflow:   hidden;
    margin:     0 auto;
} 




input[type=submit]:hover, input[type=button]:hover{
    opacity:    0.6;
	filter:     alpha(opacity=60);
    cursor:     pointer;
}
input[type=text]{
    padding:            2px;
    border: 1px #9B9B9B solid;
}

select{
    border: 1px #9B9B9B solid;
}

.button01{
/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(50,169,228) 0%,rgb(12,132,193) 99%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(50,169,228)),color-stop(0.99, rgb(12,132,193)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(50,169,228) 0%,rgb(12,132,193) 99%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(50,169,228) 0%,rgb(12,132,193) 99%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(50,169,228) 0%,rgb(12,132,193) 99%);
background-image:linear-gradient(180deg,rgb(50,169,228) 0%,rgb(12,132,193) 99%);
width:56px;
height:24px;
border-color:rgb(10,108,156);
border-width:1px;
/* Firefox v1.0+ */
-moz-border-radius:4px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:4px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:4px;
border-style:solid;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff32a9e4,endColorstr=#ff0c84c1,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff32a9e4,endColorstr=#ff0c84c1,GradientType=0);
}

.button2{
background-color:rgb(79,201,121);
/* Firefox v1.0+ */
-moz-border-radius:5%;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:5%/12%;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:5%/12%;
}
#menu{
    width:  983px;
    height: 36px;
    padding: 15px 0 15px 17px;
    margin: 0 0 15px 0;
    background: url('/img/town/back01.gif') scroll repeat 0 0;
}
#menu li{
    float:      left;    
    margin:     0 6px 0 0;
}
#menu li a{
    height:     0;
    padding:    36px 0 0 0;
    overflow:   hidden;
    display:    block;
}
#menu li:nth-of-type(1) a{
    width:  91px;
    background: url('/img/common/tool_menu.png') scroll no-repeat 0 0;
    display:    none;
}
#menu li:nth-of-type(2) a{
    width:  85px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -96px 0;
}
#menu li:nth-of-type(3) a{
    width:  127px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -186px 0;
}
#menu li:nth-of-type(4) a{
    width:  91px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -318px 0;
}
#menu li:nth-of-type(5) a{
    width:  149px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -414px 0;
}
#menu li:nth-of-type(6) a{
    width:  137px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -568px 0;
    display:    none;
}
#menu li:nth-of-type(7) a{
    width:  103px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -710px 0;
}
#menu li:nth-of-type(8) a{
    width:  139px;
    background: url('/img/common/tool_menu.png') scroll no-repeat -818px 0;
    /*display:    none;*/
}
#menu li:nth-of-type(1) a:hover,
#menu li:nth-of-type(1) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat 0 -36px;
}
#menu li:nth-of-type(2) a:hover,
#menu li:nth-of-type(2) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -96px -36px;
}
#menu li:nth-of-type(3) a:hover,
#menu li:nth-of-type(3) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -186px -36px;
}
#menu li:nth-of-type(4) a:hover,
#menu li:nth-of-type(4) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -318px -36px;
}
#menu li:nth-of-type(5) a:hover,
#menu li:nth-of-type(5) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -414px -36px;
}
#menu li:nth-of-type(6) a:hover,
#menu li:nth-of-type(6) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -568px -36px;
}
#menu li:nth-of-type(7) a:hover,
#menu li:nth-of-type(7) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -710px -36px;
}
#menu li:nth-of-type(8) a:hover,
#menu li:nth-of-type(8) a.hover{
    background: url('/img/common/tool_menu.png') scroll no-repeat -818px -36px;
}

#station-list_f{
    width:      100%;
    min-width:  1000px;
    margin:     25px 0 0 0;
    background: #CDEDFC;
    color:      #444;
    overflow:   hidden;    
}
#station-list_f article{
    width:      1000px;
    margin:     20px auto;
    text-align: left;
    overflow:   hidden;
    float:      none;
}
#station-list_f h2{
    color:      #000;
    padding-left: 20px !important;;
    font-size:  16px !important;;
    font-weight:bold !important;;
    line-height: 110% !important;;
    text-align: left !important;;
    background: #CDEDFC !important;
}
#station-list_f div{
    width:      955px;
    padding:    0 0 0 15px;
    overflow:   hidden;
}
#station-list_f h3{
    margin:     16px 5px 0 20px;
    clear:      both;
    height:     12px;
    font-size:  12px;
    line-height: 100%;
    float:      left;
}
#station-list_f ul{
    margin:     16px 0 0 9px;
    overflow:   hidden;
}
#station-list_f ul li{
    /*height:     12px;*/
    margin:     0 9px 0 0;
    padding:    0 9px 0 0;
    font-size:  12px;
    line-height: 130%;
    background: url('/img/common/icn_separate.png') scroll no-repeat top right;
    float:      left;
}
#station-list_f ul li:last-child{
    background: none;
}
#station-list_f ul li a{
    color:      #444;
}

body > div.box .modal-top{
    margin-top: 200px !important;
    position: relative;
    width: 397px;
    height: 397px;
    margin: 0 auto;
    display: block;
}

body > div.box .modal-top a img:hover {
    opacity: 1;
}
body > div.box .modal-top .close{
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9;
}
body > div.box{
    width: 100%;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    z-index: 9;
    position: fixed;
}
/*
=============================================================
LINEからのお問い合わせ
=============================================================
*/

.line_contact {
	width: 60px;
	position: fixed;
	top: 150px;
	right: 0px;
	 animation-name:line_contact;
  animation-duration:1s; /* アニメーション時間 */
  animation-timing-function: ease-out; /* アニメーションさせるイージング */
  animation-delay:1s; /* アニメーション開始させる時間 */
  animation-iteration-count:1; /* 繰り返し回数 */
  animation-direction:normal; /* 往復処理をするかどうか */
  animation-fill-mode: forwards; /* アニメーション後のスタイルをどうするか */
}
@keyframes line_contact {
  0% {opacity: 0; transform: translate3d(30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.line_contact a img:hover {
    opacity:    1;
	filter:     alpha(opacity=100);
}

.line_contact figure {
  width: 60px;
  height: 293px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.line_contact figure::before {
  position: absolute;
  top: -75%;
  left: 0;
  z-index: 2;
  display: block;
  content: '';
  width: 70%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.line_contact figure:hover::before {
  -webkit-animation: shine .65s;
  animation: shine .65s;
}
@-webkit-keyframes shine {
  100% {
    top: 125%;
  }
}
@keyframes shine {
  100% {
    top: 125%;
  }
}