@charset "utf-8";/*=========================================================
[ local_asp.css ]
design - content style	date - creation:2016-04-05 // update:2016-05-24
=========================================================*/


/* お役立ちガイド */
#guideDetail{}

#guideDetail .table-frame{margin-top: 0.5em;margin-bottom:0.5em }
#guideDetail table.table-price{width: 100%;}
#guideDetail table.table-price th{padding: 0.2em 0.5em;background-color: #00A26B;color:#fff;text-align: center;}
#guideDetail table.table-price td{padding: 0.2em 0.5em;text-align: left;background-color: #fff;text-align: center;}
#guideDetail table.table-price tr.tr-bg-gray td{background-color: #f6f6f6}
#guideDetail table.table-price tr td:first-child {  text-align: center;font-weight: normal;}
#guideDetail table.table-price tr td:last-child{  text-align: center;font-weight: normal;}
#guideDetail table.table-price tr td:nth-last-child(2){  text-align: center;font-weight: normal;}
#guideDetail table.table-price tr td:nth-last-child(3) {  text-align: center;font-weight: normal;}
#guideDetail table.table-price .area span{display: block;font-size: smaller}

@media screen and (max-width: 960px){
	#guideDetail h3{margin-top: 2.0em}
	#guideDetail p{line-height: 1.4em}
	#guideDetail table.table-price{width: 560px;table-layout: fixed;max-width: 560px}
	#guideDetail table.table-price th {font-size: 13px;line-height: 1.4em;white-space: nowrap;}
	#guideDetail table.table-price th span{font-size: smaller;font-weight: normal;}
	#guideDetail table.table-price tr td br{}
	#guideDetail table.table-price tr td:nth-of-type(1){width: 120px !important;}
	#guideDetail table.table-price td{padding: 0.1em 0.5em;text-align: center;line-height: 1.4em}
	#guideDetail table.table-price td a{padding: 0 !important;margin: 0 !important;}
	#guideDetail table.table-price .area{  position: sticky;top: 0;left: 0;border-left: none;border-right: none;}
	#guideDetail table.table-price .area:before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-right: 1px #ccc solid;z-index: -1;box-sizing: content-box;}
	#guideDetail table.table-price .area span{}
	.guide-rental-market-value #guideDetail table.table-price td:nth-last-of-type(1){width: 3.0em}
}











.headerBoxLists {    margin: 188px auto 0;}
.text-smaller{font-size:smaller;}
#headNav {
/*	margin-top: 50px;*/
	text-align: center;
	border-top: 2px solid #00A26B;
	border-bottom: 4px solid #00A26B;
/*	background-color: #fff;*/
}
#slides div, #slideM div {
	height: 379px;
}
.hongkong .tele-ja {
  font-size: 20px;
 }
/* header---------------------------------------------------------*/
/* other---------------------------------------------------------*/
.hongkong .global_navi li a {
	padding: 0 7px;
	font-size: 16px;
}
.headerBoxLists #btnConfirm {
	top: -180px;
}

#online{position:absolute;display:block;margin:auto;top:-182px;left:0;right:0;width:352px;background-color:#fff;border-radius:8px;box-shadow: 2px 2px 2px gray;}
#online img{border:1px solid #fff;border-radius:6px;}
#online:hover {box-shadow: none;}
#online:hover img{opacity:0.8;}


.boxNotes {width: 100%;margin: 20px auto 15px;padding: 10px;background: url(/common_asp/images/notice_bg.gif);}
.boxNotesInner {padding: 15px 25px;background: #FFFFFF;}
.boxNotes .notesTxt{font-size:1.4em;}
.boxNotes .notesTxt br{display:none;}


#content .serviceapartment section {margin-bottom:3.0em;}
#content .serviceapartment section p{line-height:1.6em;font-size:14px;}
#content .serviceapartment section.explain ul{display:flex;justify-content:space-between;}
#content .serviceapartment section.explain ul li{display:block;margin:20px 0;width:48%;padding:15px;background-color:#f6f6f6;border-radius:0.5em;}
#content .serviceapartment section.explain ul li p.title{display:block;text-align:center;font-size:larger;margin-bottom:0.4em;}
#content .serviceapartment section p.annotation{padding:1.0em;border:1px dotted #ddd;margin:1.0em;}
#content .serviceapartment section h4{}
#content .serviceapartment section em{font-weight: bold;background-color: #00A26B;color: #fff;width: 2.0em;display: inline-block;line-height: 2.0em;border-radius: 1.0em;text-align: center;margin-right: 1.0em;font-style: normal;}
#content .serviceapartment section dl{line-height:1.6em;font-size:14px;}
#content .serviceapartment section dl dt{width:40%;float:left;clear:both;padding-top:1.6em;display:flex;;}
/*#content .serviceapartment section dl dt{width:40%;float:left;clear:both;padding-top:1.6em;display:flex;justify-content:flex-end;}*/
#content .serviceapartment section dl dd{margin-left:41%;padding-top:1.6em;display:flex;}
#content .serviceapartment section dl em{margin-right: 0.5em;float:left;min-width:2.0em;max-width:2.0em;min-height:2.0em;max-height:2.0em;}
#content .serviceapartment section dl span{padding-top:0.36em;}
/*
#content .serviceapartment section dl dt em{display:none;}
#content .serviceapartment section dl dt span{font-size:1.1em;text-align:right;}
*/
#content .serviceapartment section dl dt span{font-size:1.1em;}
#content .serviceapartment section dl dd em{color:#00A26B;border:1px solid #00A26B;background-color:#fff;}
/*
#content .serviceapartment section dl dd:before{content: '';display: inline;background: #eee;height: 1px;width: 100%;margin-bottom: 5px;}
#content .serviceapartment section dl dt:before{content: '';display: inline;background: #eee;height: 1px;width: 100%;margin-bottom: 5px;}
*/
#headNavInner .global_navi li{margin: 0;}


/* LINE */
#header div.headerBoxLists{min-height: 96px;}
#header div.headerBoxLists > ul{}
#header div.headerBoxLists ul li:FIRST-CHILD{display: block;margin: 0 auto;text-align: center;width: 100%;}
#header div.headerBoxLists ul li:nth-child(2){width:390px;text-align: right;padding-right: 0px;}
#header div.headerBoxLists ul li:nth-child(2) img{margin-left: 10px;}
#header div.headerBoxLists ul li:last-child{width:370px}
#header div.headerBoxLists ul li:FIRST-CHILD p{position: relative;font-size:13px;}
#header div.headerBoxLists .headerBoxList-item.btn{padding-top:7px;padding-bottom: 10px;}
.headerBoxLists #headerSubErea{margin-top: -170px;}


body>.div-seminar.campaign{background-color:unset;}

body:not(.top) .global_navi{position: absolute;top: 3em;}
body:not(.top) ul#navGlobal{}
body:not(.top) ul#navGlobal li{}
body:not(.top) ul#navGlobal li a{}
body:not(.top) #navGlobal a{padding-left:8px;padding-right:9px;}


@media screen and (max-width: 960px){
	.headerBoxLists #headerSubErea {margin-top: 20px;width: 100%;}
	#wrapper #header div.headerBoxLists ul li{width: 100% !important;text-align: center;padding:5px 0;}	
	#header div.headerBoxLists ul li:nth-child(2) img{display: inline}

	#content .serviceapartment section.explain ul li p.title{padding: 0;font-size: normal;text-align: left;}
	body.guide-detail .mainWrapper #content ul li p{padding: 0;font-size: 13px;}
	#content .serviceapartment section p.annotation{margin-left: 0;margin-right: 0;}

	.guide-serviceapartment_flow #content h2+div{width: 100% !important;}

	#content .serviceapartment section dl dt{width:100%;float:none;}
	#content .serviceapartment section dl dd{margin-left:0}
	#content .serviceapartment section dl dt span {}
	#content .serviceapartment section dl dt span br{display: none;}

	.guide-detail .guide-tel .mainWrapper section.detail table{width: 100% !important;}
	.guide-detail .guide-tel .mainWrapper section.detail table tr{width: auto !important;}
	.guide-detail .guide-tel .mainWrapper section.detail table tr td{height: auto !important;font-size: 12px;}

	.boxNotesInner{padding:10px ;}
	.boxNotes .notesTxt{font-size:1.0em;}

	#online{position:relative;top:0;}
}

@media screen and (max-width: 767px){
#pagetopFooter.fixed{bottom: 0px !important;}
#online{position:relative;width:100%;top:0;}
#online img{width:100% !important;top:0;}
#headNavInner.fixed #online {width:166px !important;top:0;height:40px;position:absolute;margin:0;left:100px;box-shadow:unset;}
#headNavInner.fixed #online img{width:auto;height:100%;}
	body.guide #container img{max-width: 100%;height: auto !important;}
	body.guide #container .bodycopy>table{width: 100% !important;}

}