@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* {margin:0px; padding:0px; color:#2f2f2f; font-size:100%; font-family:'Noto Sans Japanese', serif; -webkit-text-size-adjust:none; }
html,body { height:100%; min-height:100%; }
body { background:#f7f5f1; font-size:13px; }
img { vertical-align:bottom; }
a { text-decoration:none; }
a:hover { text-decoration:none;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
 }

.sp{ display:none !important; }
.pc{ display:block !important; }



/*======================================================
	frame
=======================================================*/
header {width:100%; border-bottom:1px solid #405784;}
#head01 { margin:0 auto ; width:1000px; }
h1 {
    font-size: 12px;
    color: #405784;
    margin: 2px 0 0 132px;
}
h2 {
    margin: 20px 0;
	float:left;
}
#head01 ul#menu { float:right; width:50%; }

#head01 ul#navi {
    width: 100%;
    margin: 0 auto;
}
#navi li {
    width: 218px;
    float: left;
}
ul#navi li:first-child {
    position: absolute;
    margin: -20px 0 0 -20px;
}
#navi li:nth-child(2) {
    margin: 0 0 0 127px;
}
#head01 ul#navi li a {
}
div#new {
    width: 100%;
    background: #fff;
}
#new dl {
    width: 1000px;
    margin: 0 auto;
    height: 50px;
}
#new dt {
    color: #405784;
    font-size: 20px;
    text-align: center;
    width: 12%;
    border-right: 1px dotted;
    margin: 10px 0;
    float: left;
}
#new dd {
    width: 85%;
    float: left;
    padding: 12px 0 0 2%;
}
div#content {
    width: 1000px;
    margin: 30px 0;
}
.three-c {
    float: left;
}
.three-c li {
    width: 32%;
    float: left;
    margin: 0 2% 0 0;
}
.three-c li:nth-child(3n) {
    margin: 0;
}
.three-c li img {
    margin: 0 0 10px;
}
p.contact {
    width: 80%;
    float: left;
    text-align: center;
    margin: 30px 10%;
    border: 2px solid #405784;
    padding: 13px 0;
}
.whatnew {
    float: left;
    width: 96%;
    padding: 2%;
    background: #fff;
}
.whatnew li {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.whatnew li:last-child {
    margin: 0;
}
.whatnew li img {
    float: left;
    margin: 0 20px 0 0;
}

p.days {
    padding: 0 7px;
    font-size: 16px;
    color: #405784;
}
h3.news-title {
    font-size: 16px;
    font-weight: bold;
    color: #405784;
}




aside {
    width: 185px;
    float: left;
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 6px 19px 19px 19px;
    position: absolute;
    top: 190px;
}
aside li {
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 0 15px 30px;
    font-size: 14px;
}
aside li ul.category-list{
	display:none;
}
aside form {
    margin: 15px 0 0 -29px;
    text-align: center;
    width: 185px;
}
aside input[type="text"] {
    font-size: 2px;
    width: 100%;
}
aside select {
    width: 189px;
    border-radius: 0;
    margin: 5px 0 0 0;
}
aside input[type="submit"] {
    width: 189px;
    background: #5d5d5d;
    color: #fff;
    border: none;
    margin: 5px 0;
    padding: 4px 0;
}
aside li:nth-child(n+5) {
    padding: 10px 0;
    border-bottom: none;
}

footer {
    margin: 30px 0 0 0;
    width: 100%;
}
footer #footerinner {
    padding: 30px 0;
    width: 1000px;
    text-align: center;
    margin: 0 auto;
}

p#fmenu01 a {
    border-right: 1px dotted #405784;
    padding: 2px 20px;
    color: #405784;
    font-weight: bold;
}
p#fmenu01 a:last-child {
    border: none;
}
div#footerinner02 {
    width: 100%;
    background: #e5e5e1;
    padding: 10px 0;
}
ul#fmenu02 {
    float: right;
    width: 50%;
}
#fmenu02 li {
    float: left;
    padding: 0 20px;
    border-right: 1px solid;
}
#fmenu02 li:last-child {
    border: none;
}
p#fcopyright {
    padding: 0 30px;
}

footer #footerinner p#fcopyright { font-size:60%; }
footer #footerinner p#fcopyright span { font-size:55%; }
footer #footerinner #fpagetop { position:absolute; top:0; right:0; }
footer #footerinner #flogo { position:absolute; bottom:30px; right:0; border:solid 1px #e5e5e5; }

#container { margin:0 auto; padding:0; width:1000px; }

ul#snsbox {}
ul#snsbox li { margin:0 10px 0 0; float:left; }

.cooking { background-color:#eeb2a3; }

#column { width:250px; height:auto; border:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#column p.column_ttl { margin:0 0 32px 0; font-size:80%; font-weight:bold; text-align:center; }
#column div.colomn_sl { padding:20px; background-color:#f4f4f4; border-bottom:solid 1px #e5e5e5; }
#column div.colomn_sl p.plan_sl_ph { width:210px; height:210px; }
#column div.colomn_sl h4.plan_sl_name { margin:6px 0 16px 0; font-size:90%; font-weight:bold; }
#column div.colomn_sl p.plan_sl_txt { font-size:70%; line-height:1.6em; }
#column div.colomn_sl a { display:block; }
#column div.colomn_sl a:hover { opacity:0.7; }
#column div.column_plan { padding:20px; }
#column div.column_plan ul.column_plan_list { margin:0; padding:0; }
#column div.column_plan ul.column_plan_list li { position:relative; margin:0 53px 30px 0; width:210px; float:left; }
#column div.column_plan ul.column_plan_list li a { display:block; }
#column div.column_plan ul.column_plan_list li a:hover { opacity:0.7; }
#column div.column_plan ul.column_plan_list li:nth-child(4n) { margin:0 0 30px 0; float:left; }
#column div.column_plan ul.column_plan_list li .date { margin:0; font-size:80%; }
#column div.column_plan ul.column_plan_list li .category { position:absolute; margin:-10px 0 0 110px;  padding:5px; width:90px; font-size:80%; color:#fff; text-align:center; }
#column div.column_plan ul.column_plan_list li .images { margin:6px 0 0 0; left:0; top:20px; }
#column div.column_plan ul.column_plan_list li .title { margin:8px 0 0 ; font-size:90%; background:transparent url(/webroot/img/arrow.png) right top no-repeat; }

#column_left { width:250px; height:auto; border:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#column_left p.column_ttl { margin:20px 0 32px 0; font-size:80%; font-weight:bold; text-align:center; }
#column_left ul.cat_list { margin:0; padding:0 20px 20px 20px; }
#column_left ul.cat_list li { margin:0; }
#column_left ul.cat_list li a { position:relative; width:210px; font-size:80%; text-decoration:underline; cursor:pointer; display:block; }
#column_left ul.cat_list li a:hover { text-decoration:none; }
#column_left ul.cat_list li a.accordion:after { position:absolute; top:13px; right:0; margin-top:-14px; content: '>'; font-size:14px; font-weight:bold; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); -moz-transition:all, 0.25s, linear; -o-transition:all, 0.25s, linear; -webkit-transition:all, 0.25s, linear; transition:all, 0.25s, linear;}
#column_left ul.cat_list li a.accordion.active:after { -moz-transform:translate(0, 50%); -ms-transform:translate(0, 50%); -webkit-transform:translate(0, 50%); transform:translate(0, 50%); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }
#column_left ul.cat_list li ul.inner li { margin:0 0 0 20px; list-style:circle; cursor:pointer; }
#column_left ul.cat_list li ul.child { display:none; }



div#page-title {
    background: #f6f6f6;
    width: 100%;
}
#page-title h2 {
    width: 750px;
    margin: 0 auto;
    padding: 20px 0 20px 250px;
    font-size: 20px;
    font-weight: bold;
}
div#page-title02 {background:#a0c06c; width:100%;}
#page-title02 h2 {
	color:#fff;
    width: 750px;
    margin: 0 auto;
    padding: 20px 0 20px 250px;
    font-size: 20px;
    font-weight: bold;
}

p.sub-text {
font-size: 14px;
    margin: 10px;}
	p.sub-text-contact {
font-size: 14px;
    margin: 10px;
	color:#a66513;}

/*======================================================
	Index
=======================================================*/
#slide {
    width: 1000px;
    margin: 0 auto;
}
.new {
    border-top: 1px solid #000;
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
}
.new dt {
    width: 15%;
    float: left;
    padding: 1% 2%;
}
.new dd {
    width: 81%;
    margin: 1% 0%;
    float: left;
}



h2.index_ttl { margin:60px 0 0 0; padding:0 0 6px 20px; font-size:120%; font-weight:bold; border-bottom:solid 1px #2f2f2f; background:transparent url(/webroot/img/index_icon.png) left 6px no-repeat; clear:both; }
h2.index_ttl span { font-size:80%; font-weight:bold; }
ul.index_list { margin:4px 0 0 0; padding:50px 0 0 0; border-top:solid 1px #e5e5e5; }
ul.index_list li { position:relative; margin:0 53px 30px 0; width:210px; float:left; }
ul.index_list li a { display:block; }
ul.index_list li a:hover { opacity:0.7; }
ul.index_list li:nth-child(4n) { margin:0 0 30px 0; float:left; }
ul.index_list li .date { margin:0; font-size:80%; }
ul.index_list li .category { position:absolute; margin:-10px 0 0 110px;  padding:5px; width:90px; font-size:80%; color:#fff; text-align:center; }
ul.index_list li .images { margin:6px 0 0 0; left:0; top:20px; }
ul.index_list li .title { margin:8px 0 0 ; font-size:90%; background:transparent url(/webroot/img/arrow.png) right top no-repeat; }
.more { text-align:center; width:1000px; }
.more a { color:#d70c25; }
.more a:hover { color:#d70c25; opacity:0.7; }

/*======================================================
	content-page
=======================================================*/
#content-img{width:1000px; margin:0 auto;}
div#pan {
    width: 100%;
    background: #fff;
}
#pan ul {
    width: 1000px;
    margin: 0 auto;
    height: 40px;
}
#pan li {
    margin: 10px 10px 10px 0;
    float: left;
}
.content-text {
    float: left;
    width: 80%;
    margin: 0 10% 50px;
    font-size: 16px;
    line-height: 160%;
}

.seminar {
    float: left;
    width: 96%;
    padding: 2%;
    background: #fff;
}
.seminar li {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.seminar li:last-child {
    margin: 0;
}
.seminar li img {
    float: left;
    margin: 0 20px 0 0;
}

h3.seminar-title {
    font-size: 16px;
    font-weight: bold;
    color: #405784;
}

/*======================================================
	searh_map
=======================================================*/

h3.sub_ttl {
    background: #f6f6f6;
    margin: 20px 0 10px;
    padding: 7px 20px;
    font-size: 14px;
}
.search_check {
    font-size: 12px;
    width: 94%;
    margin: 0 3% 30px;
}
p.all-property {
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #d8d8d8;
}
p.all-property span {
    font-size: 21px;
    margin: 0 4px;
}
#search-result-list li {
    float: left;
    border-bottom: 1px solid #3f3f3f;
    padding: 20px 0;
}
#search-result-list img {
    float: left;
	width:276px;
}
#search-result-list h4 {
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    float: left;
    width: 459px;
    font-weight: bold;
    color: #3f3f3f;
}

#search-result-list p {
    float: left;
    width: 459px;
    margin: 0 0 0 15px;
    color: #3f3f3f;
    font-size: 13px;
}
#search-result-list p.price {
    font-size: 18px;
    margin: 10px 0 10px 15px;
    font-weight: bold;
}
#search-result-list p.price span.vacant {
    margin: 0 0 0 10px;
    background: #a0c06c;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
}
#search-result-list p.price span.full {
    margin: 0 0 0 10px;
    background: #aa9166;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
}

/*======================================================
	検索結果　4
=======================================================*/
.four_c_result li {
    width: 184px;
    float: left;
    margin: 0 4px 20px 0;
}
.four_c_result li:nth-child(4n) {
    margin: 0 0 20px 0;
}
/*======================================================
	検索結果　2
=======================================================*/
#search-result-list_2 li {
    float: left;
    padding: 20px 0;
    width: 32%;
    margin: 0 2% 0 0;
}
#search-result-list_2 li:nth-child(3n){
    float: left;
    padding: 20px 0;
    width: 32%;
    margin: 0;
}
#search-result-list_2 img {
    float: left;
	width:100%;
}
#search-result-list_2 h4 {
    font-weight: bold;
    color: #3f3f3f;
}

#search-result-list_2 p {
    float: left;
    color: #3f3f3f;
    font-size: 13px;
}
#search-result-list_2 p.price {
    font-size: 16px;
    font-weight: bold;
}
#search-result-list_2 p.price span.vacant {
    margin: 0 0 0 10px;
    background: #a0c06c;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
}
#search-result-list_2 p.price span.full {
    margin: 0 0 0 10px;
    background: #aa9166;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
}
/*======================================================
	物件詳細
=======================================================*/
p.pan {
    color: #fff;
    width: 750px;
    margin: 0 auto;
    padding: 5px 0 0 250px;
    font-size: 12px;
}
p.pan a {
    color: #fff;
    margin: 0 1em 0 0;
}
#page-title02 h2.detail {
    color: #fff;
    width: 750px;
    margin: 0 auto;
    padding: 0 0 10px 250px;
    font-size: 20px;
    font-weight: bold;
}
.detail_head {
    float: left;
    margin: 20px 0 0 0;
}
.detail_head img {
    float: left;
}
.detail_head p.price {
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 0 17px;
    float: left;
    width: 300px;
}
.detail_head p.price span.vacant {
    margin: 0 0 0 10px;
    background: #a0c06c;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
}
.detail_head p.price span.full {
    margin: 0 0 0 10px;
    background: #aa9166;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
}
.detail_head p.eki,
.detail_head p.area,
.detail_head p.room {
    float: left;
    width: 300px;
    margin: 15px 0 0 17px;
    font-size: 14px;
    color: #737373;
}
.detail_head p.area span,
.detail_head p.room span {
	font-weight:bold;}
ul.sns {
    width: 300px;
    float: left;
    margin: 0 0 0 17px;
    font-size: 12px;
}
ul.sns li {
    float: left;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    padding: 2px 10px;
    margin: 0 10px 0 0;
}
ul.detail_nav {
    width: 750px;
    float: left;
    border-bottom: 1px solid #86bd60;
    margin: 20px 0 0 0;
}
.detail_nav li {
    width: 20%;
    float: left;
    text-align: center;
    border: 1px solid #86bd60;
    margin: 0 3px -1px 0;
    font-size: 14px;
    padding: 5px 0;
}
.detail_nav li.current {
    background: #86bd60;
}
.detail_nav li.current a {color:#fff;}


h3.detail-h3 {
    width: 750px;
    float: left;
    margin: 20px 0 5px;
    font-size: 16px;
    font-weight: bold;
}
p.detail-sub-text {
    width: 750px;
    float: left;
    font-size: 14px;
    color: #737373;
}
ul.detail_category {
    width: 750px;
    float: left;
    margin: 20px 0;
}
ul.detail_category li {
    width: 15%;
    margin: 0 1% 1% 0;
    float: left;
    border: 1px solid #e5e5e5;
    color: #86bd60;
    text-align: center;
    font-size: 12px;
    padding: 8px 0;
}
.detail-contact-box {
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 750px;
    border-bottom: 1px solid #e5e5e5;
}
.detail-contact-box p.contact-btm {
    width: 50%;
    float: left;
    background: #a6b6d2;
    padding: 10px 0;
    border-radius: 5px;
    margin: 20px 0;
    text-align: center;
}
.detail-contact-box p.contact-btm a {
color:#fff;}
p.contact-tel {
    float: left;
    border-radius: 5px;
    margin: 20px 0;
    text-align: center;
    width: 50%;
}
div#detail-room {
    float: left;
    margin: 20px 0 0 0;
}

div#detail-room-left {
    float: left;
    width: 300px;
}
#detail-room-left li {
    width: 93px;
    float: left;
    margin: 0 10px 10px 0;
}
#detail-room-left li:nth-child(3n) {
    margin: 0 0 10px 0;
}
div#detail-room-right {
    width: 438px;
    float: right;
    font-size: 14px;
}
div#detail-room-right h4 {
    background: #f6f6f6;
    padding: 5px 10px;
}
table.table01 {
    width: 438px;
    margin: 0 0 20px 0;
}
.table01 th {
    padding: 5px 0 5px 10px;
    font-weight: bold;
}
div#detail-room-foot {
    float: left;
}
#detail-room-foot ul {
    width: 100%;
    float: left;
    font-size: 12px;
}
#detail-room-foot li {
    float: left;
    margin: 0 10px 5px 0;
}
#detail-room-foot h3 {
    float: left;
    width: 750px;
    margin: 30px 0 10px 0;
    font-weight: bold;
}
#detail-room-foot p {
    float: left;
    font-size: 14px;
}
p.date {
    width: 100%;
    float: left;
    font-size: 12px;
    text-align: right;
}
ul.room-date {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 20px 0;
}
.room-date li {
    width: 10%;
    float: left;
    text-align: center;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 1% 0 0;
}


.room-date li.current {
    background: #5d5d5d;
    color: #fff;
}
.vacancy tr {
    border-bottom: 1px solid #dadada;
}
.vacancy tr:nth-child(2n) {
    border: none;
}

table.vacancy th {
    font-size: 12px;
    font-weight: bold;
}
th.colcol1 {
    width: 10%;
}
th.colcol2 {
    width: 10%;
}
th.colcol3 {
    width: 15%;
}
th.colcol4 {
    width: 16%;
}
th.colcol5 {
    width: 7%;
}
th.colcol6 {
    width: 23%;
}
th.colcol7{width:19%;}
td.room_text {
    font-size: 12px;
    padding: 8px;
}
table.vacancy span.vacant {
    margin: 0 0 0 10px;
    background: #a0c06c;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
}
table.vacancy span.full {
    margin: 0 0 0 10px;
    background: #aa9166;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
}
td.room_price {
    font-size: 18px;
    font-weight: bold;
}
.room_contact a {
    background: #a6b6d2;
    width: 100%;
    float: left;
    padding: 5px 0;
    text-align: center;
    margin: 5px 0;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}
.room_favorite a.favorite {
    background: #508b2f;
    width: 100%;
    float: left;
    padding: 5px 0;
    text-align: center;
    margin: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

/*======================================================
	favorite
=======================================================*/

p.all-contact {
    background: #a6b6d2;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    padding: 10px;
}
p.all-contact a {
    color: #fff;
}
#search-result-list p.delete {
    position: absolute;
    margin: 2px 0 0 2px;
    z-index: 1;
    background: #5d5d5d;
    padding: 2px 9px;
    width: 3em;
    color: #fff;
}


/*======================================================
	colum
=======================================================*/
#column-list li {
    float: left;
    border-bottom: 1px solid #3f3f3f;
    padding: 20px 0;
}
#column-list img {
    float: left;
	width:276px;
}
#column-list h4 {
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    float: left;
    width: 459px;
    font-weight: bold;
    color: #3f3f3f;
}

#column-list p {
    float: left;
    width: 459px;
    margin: 0 0 0 15px;
    color: #3f3f3f;
    font-size: 13px;
}
/*======================================================
	おすすめ物件特集　pickup
=======================================================*/
#pickup-list li {
    float: left;
    padding: 20px 0;
	margin:0 0 20px 0;
}
#pickup-list img {
    float: left;
	width:100%;
}
#pickup-list h4 {
    margin: 10px 0;
    float: left;
    width: 100%;
    font-weight: bold;
    color: #3f3f3f;
}

#pickup-list p {
    float: left;
    width: 100%;
    margin: 0;
    color: #3f3f3f;
    font-size: 13px;
}

/*======================================================
	会社概要
=======================================================*/
dl#company-list {
    font-size: 14px;
}
#company-list dt {
    float: left;
    border-top: 1px solid #e4e4e4;
    padding: 1% 5%;
	clear:left;
	width:10%;
}
#company-list dd{
	float:left;
	width:70%;
    border-top: 1px solid #e4e4e4;
	    padding: 1% 5%;
}
#company-list dt:first-child {border:none;}
#company-list dd:first-child {border:none;}

section.shakun,
section.saiyou,
section.enkaku,
section.access {
    float: left;
    width: 100%;
	margin-bottom:30px;
}
.shakun h2,
.enkaku h2,
.saiyou h2,
.access h2 {
    width: 100%;
    float: left;
    text-align: center;
    color: #3F5686;
    font-size: 30px;
    border-bottom: 1px solid #3f5686;
}
.shakun p {
    text-align: center;
    margin: 0 0 50px;
}

dl#enkaku-list,
dl#saiyou-list {
    font-size: 14px;
}
#enkaku-list dt,
#saiyou-list dt {
    float: left;
    border-top: 1px solid #e4e4e4;
    padding: 1% 5%;
	clear:left;
	width:10%;
}
#enkaku-list dd,
#saiyou-list dd{
	float:left;
	width:70%;
    border-top: 1px solid #e4e4e4;
	    padding: 1% 5%;
}
#enkaku-list dt:first-child,
#saiyou-list dt:first-child {border:none;}
#enkaku-list dd:first-child,
#saiyou-list dd:first-child {border:none;}
/*======================================================
	お問い合わせ
=======================================================*/
p.sub-text−contact {
    font-size: 12px;
    color: #a66513;
    margin: 20px 0;
}
dl#contact-list {
    font-size: 14px;
}
#contact-list dt {
    float: left;
    border-top: 1px solid #e4e4e4;
    padding: 1% 5%;
	clear:left;
	width:20%;
}
#contact-list dd{
	float:left;
	width:60%;
    border-top: 1px solid #e4e4e4;
	    padding: 1% 5%;
}
#contact-list dt:first-child {border:none;}

#contact-list dd:first-child {border:none;}
p.contact-private {
    padding: 1% 5%;
}
p.submit-b {
    position: absolute;
    width: 80%;
    margin: 50px 0 0 230px;
}
p.submit-b input {
    border-radius: 5px;
    width: 30%;
    background: #86bd60;
    border: none;
    color: #fff;
    padding: 10px;
}

/*======================================================
	Plan Single
=======================================================*/
#plan { position:relative; width:750px; height:auto; border-top:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#plan #plan_head { padding:6px 10px; border-bottom:solid 1px #e5e5e5; }
#plan #plan_head #plan_head_ttl { font-size:80%; }
#plan #plan_head .snsposition { margin:-30px 0 0 0; float:right; }
#plan #plan_datebox { position:absolute; left:-12px; top:50px; width:80px; border:solid 1px #e5e5e5; }
#plan #plan_datebox #plan_cat { padding:6px 0; color:#fff; font-size:80%; text-align:center; border-bottom:solid 1px #e5e5e5; }
#plan #plan_datebox p#plan_date { padding:10px 0 20px; font-size:120%; line-height:1em; text-align:center; background-color:#fff; }
#plan #plan_datebox p#plan_date span { font-size:50%; font-weight:bold; }
#plan #plan_status { position:absolute; right:30px; top:50px; padding:40px 0 0 0; width:100px; height:60px; border-radius:50px; background-color:#e9d59b; color:#d70c25; text-align:center; font-weight:bold; }
#plan h2#plan_ttl { margin:36px 0 0 86px; font-size:140%; font-weight:bold; }
#plan p#plan_ph { margin:42px 0 32px 0; width:300px; height:240px; }
#plan p#plan_lead { margin:-272px 32px 32px 330px; font-size:90%; line-height:1.7em; min-height:240px; }
#plan table#plan_detail { width:100%; border-top:solid 1px #e5e5e5; }
#plan table#plan_detail tr {}
#plan table#plan_detail td { padding:12px 32px; border-bottom:solid 1px #e5e5e5; font-size:90%; }
#plan table#plan_detail td.ttlcell { background-color:#f4f4f4; }
#plan table#plan_detail td a { text-decoration:underline; }
#plan table#plan_detail td a:hover { text-decoration:none; }
#plan p.plan_subttl { padding:32px 32px 12px 32px; font-size:90%; font-weight:bold; }
#plan p.plan_subtxt { padding:12px 32px 32px 32px; font-size:80%; }



/*======================================================
	Salonese Single
=======================================================*/
#salonese { position:relative; width:750px; height:auto; border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#salonese #sl_headbox { border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; }
#salonese #sl_headbox #sl_head { padding:6px 10px; border-bottom:solid 1px #e5e5e5; }
#salonese #sl_headbox #sl_head #sl_head_ttl { font-size:80%; }
#salonese #sl_headbox #sl_head .snsposition { margin:-30px 0 0 0; float:right; }
#salonese #sl_headbox #sl_bgbox { margin:5px; padding:15px; background:transparent url(/webroot/img/sl_namebg.gif) left top repeat; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner { padding:20px; background-color:#c59a52; border:solid 5px #fff; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner p.sl_thumb { width:100px; height:100px; color:#fff; float:left; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner div.righttxt { margin:0 10px; width:539px; text-align:center; float:left; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner div.righttxt p.sl_ttl { padding:0 0 6px 0; font-size:100%; color:#fff; border-bottom:dotted 1px #fff; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner div.righttxt h2.sl_name { padding:6px 0 0 0; font-size:160%; color:#fff; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner div.righttxt h2.sl_name span { margin:0 0 0 10px; font-size:50%; color:#fff; }
#salonese #sl_headbox #sl_bgbox #sl_bgboxinner div.righttxt p.sl_address { margin:6px 0 0 0; font-size:70%; color:#fff; }

#salonese #sl_content { margin:40px 0 0 0; border-top:solid 1px #e5e5e5; }
#salonese #sl_content .tab-index ul { display:table; width:100%; text-align:center; }
#salonese #sl_content .tab-index li { display:table-cell; width:25%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#salonese #sl_content .tab-index li:last-child { border-right:none; }
#salonese #sl_content .tab-index a { padding:12px 0; width:100%; font-size:80%; font-weight:bold; display:block; }
#salonese #sl_content .tab-index a:hover { background-color:#f7f5ea; }
#salonese #sl_content .tab-index .active a { color:#fff; background-color:#000; }
#salonese #sl_content .tab-contents { min-height:1080px; display:none; }
#salonese #sl_content .tab-contents.active { display:block; }

#salonese #sl_content div#sl_profile { padding:36px 0; }
#salonese #sl_content div#sl_profile p.sl_ph { width:280px; float:left; }
#salonese #sl_content div#sl_profile p.sl_prof { margin:0 20px; width:429px; font-size:90%; float:left; }
#salonese #sl_content table#sl_detail { width:100%; border-bottom:solid 1px #e5e5e5; }
#salonese #sl_content table#sl_detail tr {}
#salonese #sl_content table#sl_detail td { padding:12px 32px; border-top:solid 1px #e5e5e5; font-size:90%; }
#salonese #sl_content table#sl_detail td a { text-decoration:underline; }
#salonese #sl_content table#sl_detail td a:hover { text-decoration:none; }
#salonese #sl_content table#sl_detail td.ttlcell { width:30%; background-color:#f4f4f4; }

#salonese #sl_content ul#sl_plan_list {}
#salonese #sl_content ul#sl_plan_list li { padding:30px; width:100%; border-top:solid 1px #e5e5e5; box-sizing:border-box; }
#salonese #sl_content ul#sl_plan_list li:first-child { border-top:none; }
#salonese #sl_content ul#sl_plan_list li a { position:relative; display:block; }
#salonese #sl_content ul#sl_plan_list li a:hover { opacity:0.7; }
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_ph { position:relative; width:210px; float:left; }
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_ph .category { position:absolute; margin:-10px 0 0 110px;  padding:5px; width:90px; font-size:80%; color:#fff; text-align:center; }
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_ph .images { margin:6px 0 0 0; left:0; top:20px; }
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_txt { margin:0 0 0 20px; width:450px; min-height:150px; background:transparent url(/webroot/img/arrow.png) right top no-repeat; float:left; }
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_txt h3 { margin:0 0 16px 0; font-size:100%; font-weight:bold; }
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_txt ul.sl_dtl {}
#salonese #sl_content ul#sl_plan_list li a div.sl_plan_txt ul.sl_dtl li { margin:0 0 3px 0; padding:0; font-size:80%; border:none; }

#salonese #sl_content ul#gallery { margin:7px 0 0 7px; }
#salonese #sl_content ul#gallery li { margin:0 1px 16px 0; padding:0; width:180px; font-size:70%; display:inline-block; vertical-align:top; }
#salonese #sl_content ul#gallery li a:hover { opacity:0.7; }
#salonese #sl_content ul.gallery_page { margin:2px 0 0 0; float:right; }
#salonese #sl_content ul.gallery_page li { font-size:70%; line-height:1.8em; text-align:center; float:left; }
#salonese #sl_content ul.gallery_page li a { width:20px; height:20px; display:block; }
#salonese #sl_content ul.gallery_page li a:hover { opacity:0.7; }
#salonese #sl_content ul.gallery_page li.current a { color:#fff; background-color:#000; }

#salonese #sl_content div.youtube { margin:30px; padding:0 0 30px 0; text-align:center; border-bottom:solid 1px #e5e5e5; }
#salonese #sl_content p.youtubetxt { font-size:70%; text-align:left; }



/*======================================================
	Showroom Single
=======================================================*/
#showroom { position:relative; width:750px; height:auto; border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#showroom #sh_headbox { border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; }
#showroom #sh_headbox #sh_head { padding:6px 10px; border-bottom:solid 1px #e5e5e5; }
#showroom #sh_headbox #sh_head #sh_head_ttl { font-size:80%; }
#showroom #sh_headbox #sh_head .snsposition { margin:-30px 0 0 0; float:right; }
#showroom #sh_headbox #sh_bgbox { margin:5px; padding:15px; background:transparent url(/webroot/img/sh_namebg.gif) left top repeat; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner { padding:20px; background-color:#c59a52; border:solid 5px #fff; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner p.sh_thumb { width:100px; height:100px; color:#fff; float:left; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner div.righttxt { margin:0 10px; width:539px; text-align:center; float:left; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner div.righttxt p.sh_ttl { padding:0 0 6px 0; font-size:100%; color:#fff; border-bottom:dotted 1px #fff; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner div.righttxt h2.sh_name { padding:6px 0 0 0; font-size:160%; color:#fff; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner div.righttxt h2.sh_name span { margin:0 0 0 10px; font-size:50%; color:#fff; }
#showroom #sh_headbox #sh_bgbox #sh_bgboxinner div.righttxt p.sh_address { margin:6px 0 0 0; font-size:70%; color:#fff; }

#showroom #sh_content { margin:40px 0 0 0; border-top:solid 1px #e5e5e5; }
#showroom #sh_content .tab-index ul { display:table; width:100%; text-align:center; }
#showroom #sh_content .tab-index li { display:table-cell; width:50%; border-right:1px solid #ccc; }
#showroom #sh_content .tab-index li:last-child { border-right:none; }
#showroom #sh_content .tab-index a { padding:12px 0; width:100%; font-size:80%; font-weight:bold; display:block; }
#showroom #sh_content .tab-index a:hover { background-color:#f7f5ea; }
#showroom #sh_content .tab-index .active a { color:#fff; background-color:#000; }
#showroom #sh_content .tab-contents { display:none; }
#showroom #sh_content .tab-contents.active { display:block; }

#showroom #sh_content ul#sh_plan_list {}
#showroom #sh_content ul#sh_plan_list li { padding:30px; width:100%; border-top:solid 1px #e5e5e5; box-sizing:border-box; }
#showroom #sh_content ul#sh_plan_list li a { position:relative; display:block; }
#showroom #sh_content ul#sh_plan_list li a:hover { opacity:0.7; }
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_ph { position:relative; width:210px; float:left; }
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_ph .category { position:absolute; margin:-10px 0 0 110px;  padding:5px; width:90px; font-size:80%; color:#fff; text-align:center; }
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_ph .images { margin:6px 0 0 0; left:0; top:20px; }
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_txt { margin:0 0 0 20px; width:450px; min-height:150px; background:transparent url(/webroot/img/arrow.png) right top no-repeat; float:left; }
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_txt h3 { margin:0 0 16px 0; font-size:100%; font-weight:bold; }
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_txt ul.sh_dtl {}
#showroom #sh_content ul#sh_plan_list li a div.sh_plan_txt ul.sh_dtl li { margin:0 0 3px 0; padding:0; font-size:80%; border:none; }

#showroom #sh_content table#sh_detail { width:100%; border-bottom:solid 1px #e5e5e5; }
#showroom #sh_content table#sh_detail tr {}
#showroom #sh_content table#sh_detail td { padding:12px 32px; border-top:solid 1px #e5e5e5; font-size:90%; }
#showroom #sh_content table#sh_detail td a { text-decoration:underline; }
#showroom #sh_content table#sh_detail td a:hover { text-decoration:none; }
#showroom #sh_content table#sh_detail td.ttlcell { width:30%; background-color:#f4f4f4; vertical-align:middle; }



/*======================================================
	Category
=======================================================*/
#category { position:relative; width:750px; height:auto; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#category #cat_content { margin:0; border-top:solid 1px #e5e5e5; }
#category #cat_ttl { padding:30px; font-size:100%; font-weight:bold; }
#category #cat_content .tab-index ul { display:table; width:100%; text-align:center; border-top:solid 1px #e5e5e5; }
#category #cat_content .tab-index li { display:table-cell; width:50%; border-right:1px solid #ccc; }
#category #cat_content .tab-index li:last-child { border-right:none; }
#category #cat_content .tab-index a { padding:12px 0; width:100%; font-size:80%; font-weight:bold; display:block; }
#category #cat_content .tab-index a:hover { background-color:#f7f5ea; }
#category #cat_content .tab-index .active a { color:#fff; background-color:#000; }
#category #cat_content .tab-contents { display:none; }
#category #cat_content .tab-contents.active { display:block; }

#category #cat_content ul#cat_plan_list {}
#category #cat_content ul#cat_plan_list li { padding:30px; width:100%; border-top:solid 1px #e5e5e5; box-sizing:border-box; }
#category #cat_content ul#cat_plan_list li a { position:relative; display:block; }
#category #cat_content ul#cat_plan_list li a:hover { opacity:0.7; }
#category #cat_content ul#cat_plan_list li a div.cat_plan_ph { position:relative; width:210px; float:left; }
#category #cat_content ul#cat_plan_list li a div.cat_plan_ph .category { position:absolute; margin:-10px 0 0 110px;  padding:5px; width:90px; font-size:80%; color:#fff; text-align:center; }
#category #cat_content ul#cat_plan_list li a div.cat_plan_ph .images { margin:6px 0 0 0; left:0; top:20px; }
#category #cat_content ul#cat_plan_list li a div.cat_plan_txt { margin:0 0 0 20px; width:450px; min-height:150px; background:transparent url(/webroot/img/arrow.png) right top no-repeat; float:left; }
#category #cat_content ul#cat_plan_list li a div.cat_plan_txt h3 { margin:0 0 16px 0; font-size:100%; font-weight:bold; }
#category #cat_content ul#cat_plan_list li a div.cat_plan_txt ul.cat_dtl {}
#category #cat_content ul#cat_plan_list li a div.cat_plan_txt ul.cat_dtl li { margin:0 0 3px 0; padding:0; font-size:80%; border:none; }



/*======================================================
	Salonese list
=======================================================*/
#sl_list { position:relative; width:750px; height:auto; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; box-sizing:border-box; float:left; }
#sl_list #sl_list_content { margin:0; border-top:solid 1px #e5e5e5; }
#sl_list #sl_ttl { padding:30px; font-size:100%; font-weight:bold; }
#sl_list ul#sl_listpage {  }
#sl_list ul#sl_listpage li { padding:30px; width:100%; border-top:solid 1px #e5e5e5; box-sizing:border-box; }
#sl_list ul#sl_listpage li a { display:block; }
#sl_list ul#sl_listpage li a:hover { opacity:0.7; }
#sl_list ul#sl_listpage li a p.sl_list_ph { width:100px; height:100px; float:left; }
#sl_list ul#sl_listpage li a div.sl_list_txt { margin:0 0 0 19px; width:570px; float:left; }
#sl_list ul#sl_listpage li a div.sl_list_txt p { font-size:80%; }
#sl_list ul#sl_listpage li a div.sl_list_txt h3 { margin:0 0 16px 0; font-size:100%; font-weight:bold; }
#sl_list ul#sl_listpage li a div.sl_list_txt p { font-size:80%; }


















section ul#pagenation { margin:16px 0 0 0; float:right; }
section ul#pagenation li { margin:0 2px 0 0; width:20px; height:20px; font-size:70%; line-height:1.8em; background-color:#fff; text-align:center; border:solid 1px #ccc; border-radius:3px; float:left; }
section ul#pagenation li a { width:20px; height:20px; color:#7c5b2c; text-decoration:none; display:block; }
section ul#pagenation li a:hover { background-color:#e5f2ff; }