@charset "UTF-8";

html {
    overflow-y:scroll;
}

body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
    font-size:15px;
    color:#000;
}

br {
    letter-spacing:normal;
}

img {
    border:0;
    vertical-align:bottom;
}

#logo {
	width:100%;
	height:50px;
	background-color:#fff;
}

#navi {
	width:100%;
	height:60px;
	background-color:#F26964;
	position: absolute;
	top: 50px;
	z-index:999;
}

#navi.fixed {
  position: fixed;
  top: 0px;
  z-index:999;
}

#navi-frame {
	clear:both;
	float:left;
	width:1100px;
	background-color:#F26964;
}

#navi-logo {
	float:left;
	clear:both;
	width:400px;
	height:80px;
	background-color:#fff;
}

#menu {
    overflow:hidden;
    width:670px;
    margin-top:8px;
    margin-left:30px;
    float:left;
}

#container {
    width:100%;
    margin:0 auto;
    background:#fff;
    padding-top:100px;
}

#slide-container {
    width:100%;
    margin:30px auto;
    background:#fff;
    padding-top:50px;
}

#slide {
    position:relative;
    overflow:hidden;
    padding-bottom:25px;
}

.slidePrev {
    width:50px;
    height:60px;
    position:absolute;
    top:145px;
    /* leftの位置はjQuery(common.js)にて設定 */
    cursor:pointer;
    z-index:100;
}

.slideNext {
    display:block;
    width:50px;
    height:60px;
    position:absolute;
    top:145px;
    /* leftの位置はjQuery(common.js)にて設定 */
    cursor:pointer;
    z-index:100;
}

.slideInner {
    position:relative;
    margin:0;
    padding:0;
}
.slideInner li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.slideInner li img {
    margin:0;
    padding:0 5px;
}

.filterPrev {
    position:absolute;
    left:0;
    opacity:0.5;
    filter: alpha(opacity=50);
    background-color:#fff;
}

.filterNext {
    position:absolute;
    right:0;
    opacity:0.5;
    filter: alpha(opacity=50);
    background-color:#fff;
}

.controlNav {
    position:absolute;
    float:left;
    left:50%;
    bottom:0;
}

.controlNav span {
    position:relative;
    left:-50%;
    float:left;
    margin:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:10px;
    height:10px;
    overflow:hidden;
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    background:#eee;
    text-indent:-9999px;
    vertical-align:middle;
}

.controlNav span:hover {
    background:#ccc;
    cursor:pointer;
}

.controlNav span.current {
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
    background:#85d1c6;
}

#greetings-container {
    width:100%;
    margin:30px auto;
}

#greetings-inner {
    width:1100px;
    height:480px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    background:#f1f5f4 url("../images/bg-greetings.jpg") 100% no-repeat;
}

#greetings {
	width:100%;
	height:100%;
	background-color:rgba(100,100,74,0.6);
}

#greetings-msg {
    clear:both;
    overflow:hidden;
    width:880px;
    margin:0 auto;
    font-size:18px;
    line-height:2.0;
    color:#fff;
    padding: 40px 0;
}

#banner-container {
    width:100%;
    margin:0 auto;
    background: #f1f5f4;
}

#banner {
    width:1100px;
    margin:0 auto;
    background: #f1f5f4;
}

#banner-inner {
    clear:both;
    overflow:hidden;
    padding:10px 0;
}

#banner-area {
    margin-top:20px;
    margin-bottom:20px;
    float:left;
    text-align:center;
}

#banner-area .label {
	float:left;
	width:160px;
	color:#F26964;
}

#banner-area .msg {
	float:left;
	width:620px;
    margin-top:10px;
    margin-left:20px;
    padding:32px 30px 32px 30px;
	color:#F26964;
    border: 1px solid #F26964;
    text-align:left;
}

#banner-area a {
    width:220px;
    clear:both;
    float:left;
    text-decoration:none;
    margin-top:10px;
    margin-left:20px;
    padding:30px 30px 30px 42px;
    background-color:#F26964;
    color:#fff;
    border: 3px solid #F26964;
    transition: all  0.3s ease;
}

#banner-area a:hover {
    background-color:#fff;
    color:#F26964;
    border: 3px solid #F26964;
}

#footer-contact-container {
    width:100%;
    margin:0 auto;
    background: #363947;
}

#footer-contact {
    clear:both;
    overflow:hidden;
    width:1100px;
    margin:0 auto;
    padding:30px 0;
    background-color:#363947;
}

#footer-contact-inner {
	font-style:normal;
    font-size:14px;
    color:#fff;
    text-align:center;
    width:960px;
    margin: 0 auto;
    padding:10px 0;
}

#footer-contact-inner .link {
	width:360px;
	background:#363947 url("../images/arrow.gif") 250px 49% no-repeat;
	padding:20px 0;
	float:left;
	font-size:16px;
    border: 1px solid #fff;
    color:#fff;
    transition: all  0.3s ease;
    text-decoration:none;
}

#footer-contact-inner .link:hover {
	background:#fff url("../images/arrow_hover.gif") 250px 49% no-repeat;
    border: 1px solid #fff;
    color:#363947;
}

#footer-contact-inner .msg {
	width:410px;
	background-color:#363947;
	color:#fff;
	padding:10px 0;
	float:left;
	margin-left:20px;
	text-align:left;
}

#footer-link-container {
    width:100%;
    margin:1px auto 0px auto;
    background: #363947;
}

#footer-link {
    clear:both;
    width:1100px;
    height:25px;
    margin:0 auto;
    padding-top:20px;
    background: #363947;
}

#footer-link .footer-navi {
	width:460px;
    margin:0 auto;
}

#footer-link .footer-navi li {
	display: block;
	float: left;
	border-right: 1px solid #ccc;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif!important;
	font-size: 13px;
	padding-left:30px;
    padding-right:30px;
}

#footer-link .footer-navi li.right {
	border-right: 0px;
}

#footer-link .footer-navi li a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

#footer-link .footer-navi li a:hover {
	text-decoration: underline;
}

#footer {
    clear:both;
    width:1100px;
    margin:0 auto;
    background: #363947;
    padding:10px 0;
}

#footer .copyright {
    font-style:normal;
    font-size:14px;
    color:#fff;
    line-height:2.0;
    text-align:center;
}

#menu a {
    overflow:hidden;
    float:left;
    margin-top:5px;
    margin-bottom:0;
    margin-right:0;
    margin-left:8px;
    padding:5px 30px 5px 30px;
    color:#fff;
	background-color:#F26964;
    border: 1px solid #fff;
    text-decoration:none;
    transition: all  0.3s ease;
}

#menu a:hover {
    color:#F26964;
	background-color:#fff;
}


.topNaviCon {
    position:relative;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0 0 2em 0;
}

#pageTop {
    position:fixed;
    right:20px;
    bottom:20px;
}

#pageTop a {
    display:block;
    padding:30px 30px 30px 42px;
    color:#fff;
    font-size:11px;
    text-decoration:none;
    background:#F26964 url("../images/bg_pagetop.gif") 30px 50% no-repeat;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border: 3px solid #F26964;
    transition: all  0.3s ease;
}
#pageTop a:hover {
    background:#fff url("../images/bg_pagetop_hover.gif") 30px 50% no-repeat;
    color:#F26964;
    border: 3px solid #F26964;
}

#worksarea-container {
    width:100%;
    margin:0 auto;
    background:#fff;
}

#worksarea {
    width:1100px;
    margin:50px auto;
    background:#fff;
}

#worksarea .works-panel {
    clear:both;
    overflow:hidden;
    margin:50px auto;
    padding:30px 0px;
}

#worksarea .works-panel .works-title {
	width:150px;
    clear:both;
    overflow:hidden;
	margin:40px auto;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	letter-spacing: 10px;
	border-bottom: 3px solid #414347;
	padding:2px 0px;
    color:#414347;
}

#worksarea .works-panel .works-msg {
	width:800px;
    clear:both;
    overflow:hidden;
	margin:20px auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	letter-spacing: 10px;
	padding:2px 0px;
    color:#414347;
}

#worksarea .works-panel .works-frame {
	width:700px;
    clear:both;
    overflow:hidden;
	margin:40px auto;
	text-align:center;
}

#worksarea .works-panel .works-frame .sub-frame {
	width:350px;
	float:left;
}

#worksarea .works-panel .works-frame .sub-frame-left {
    clear:both;
}

#worksarea .works-panel .works-frame .sub-frame a {
	float:left;
    width:265px;
    text-decoration:none;
    margin:0px 10px;
    padding:110px 30px 110px 30px;
    color:#fff;
    transition: all  0.3s ease;
    font-size:26px;
    background-color:#A18E5C;
}

#worksarea .works-panel .works-frame .sub-frame-left a {
    background-color:#F26964;
}

#worksarea .works-panel .works-frame .sub-frame a:hover {
    background-color:#363947;
    color:#fff;
}

#menuarea-container {
    width:100%;
    margin:0 auto;
}

#menuarea {
    width:1100px;
    margin:0px auto;
    background-image:url(../images/menuarea-back.jpg);
}

#menuarea .menu-panel {
    clear:both;
    overflow:hidden;
    width:900px;
    margin:50px auto;
    padding:50px 0px;
}

.menu-panel .menu-half {
	width:430px;
	height:260px;
	float:left;
	margin:20px 10px;
}

.menu-panel .menu-left {
	clear:both;
}

.menu-panel .menu-half .title {
	clear:both;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	letter-spacing: 10px;
	margin:10px auto;
	padding:2px 0px;
	border-bottom: 3px solid #F26964;
    color:#F26964;
}

.menu-panel .menu-half .title-forsale {
	width:220px;
}

.menu-panel .menu-half .title-rental {
	width:160px;
}

.menu-panel .menu-half .title-profile {
	width:170px;
	border-bottom: 3px solid #A18E5C;
    color:#A18E5C;
}

.menu-panel .menu-half .title-recruit {
	width:190px;
}

.menu-panel .menu-half .title-contact {
	width:190px;
}

.menu-panel .menu-half .title-access {
	width:190px;
}

.menu-panel .menu-half .msg {
	clear:both;
	width:100%;
	height:20px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	color:#F26964;
}

.menu-panel .menu-half .link {
	clear:both;
	width:100%;
	text-align:center;
	padding:5px 0px;
	margin:0px 0px;
}

.menu-panel .menu-half .link a {
	float:left;
    width:280px;
    clear:both;
    text-decoration:none;
    margin:0px 40px;
    padding:50px 30px 50px 30px;
    color:#fff;
    transition: all  0.3s ease;
    font-size:22px;
    background-color:#F26964;
}

.menu-panel .menu-left .link a {
    background-color:#A18E5C;
}

.menu-panel .menu-half .link a:hover {
    background-color:#363947;
}

#contents-panel {
    clear:both;
    overflow:hidden;
    width:940px;
    margin-top:30px;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #F26964;
}

#contents-panel div.content-title {
	clear:both;
	overflow:hidden;
	width:100%;
	padding:10px 30px;
	background:#F26964;
	color:#fff;
	font-size:20px;
}

#contents-panel div.content-body {
	clear:both;
	overflow:hidden;
	width:100%;
	padding:30px 0px;
	background:#fff;
}

#contents-panel div.content-body div.odd {
	clear:both;
	width:840px;
    overflow:hidden;
    margin:0px auto;
    background: #fff;
}

#contents-panel div.content-body div.even {
	clear:both;
	width:840px;
    overflow:hidden;
    margin:0px auto;
    border: 1px solid #f1f5f4;
    background: #f1f5f4;
}

#contents-panel div.content-body div.header {
	clear:both;
	float:left;
	width:160px;
	overflow:hidden;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
}

#contents-panel div.content-body div.odd div.msg {
	float:left;
	width:620px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    border-left: 1px solid #f1f5f4;
    word-wrap: break-word;
}

#contents-panel div.content-body div.even div.msg {
	float:left;
	width:620px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    border-left: 1px solid #fff;
    word-wrap: break-word;
}

#contents-panel div.content-body div.msg div.subtitle {
	float:left;
	margin-left:20px;
	width:50px;
}

#contents-panel div.content-body div.msg div.subtitle-l {
	float:left;
	margin-left:20px;
	width:80px;
}

#contents-panel div.content-body div.msg div.submsg {
	float:left;
}

#contents-panel div.content-body div.body-title {
	float:left;
	clear:both;
	margin-top:20px;
	margin-left:30px;
}

#contents-panel div.content-body div.topmsg {
	float:left;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:40px;
}

#contents-panel div.content-body div.hd-office-l {
	float:left;
	clear:both;
	margin-top:10px;
	margin-left:10px;
	width:300px;
	height:225px;
	background:url('../images/hd-office1.jpg') 100% no-repeat;
}

#contents-panel div.content-body div.hd-office-r {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:300px;
	height:225px;
	background:url('../images/hd-office2.jpg') 100% no-repeat;
}

div.map {
	float:left;
	clear:both;
	width:840px;
	height:500px;
	padding-top:20px;
}

.content-body div.btn-area {
	float:left;
	clear:both;
	margin-top:30px;
	margin-left:30px;
	text-align:center;
	width:100%;
}

.btn {
	padding: 15px 40px;
	border-style: none;
	font-size:15px;
	background-color:#F26964;
	color:#fff;
}
.btn:hover {
    background-color:#363947;
    cursor: pointer;
}

.btn:active {
    background-color:#A18E5C;
}

#article-msg {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	font-size:20px;
	color:#414347;
	margin-top:100px;
}

.it {
	font-size:15px;
}