@charset "utf-8";

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/*------------------------------------------------------------------------------

	[ファイル名]	home.css
	
	[概要]	トップページ専用CSS
	
	[目次]
		・clear-fix
		・テキスト画像代替
	
	[メモ]	
	
	[最終更新日]	November 8, 2009;
	
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------

	テキスト画像代替
						
-------------------------------------------------------------------*/
div#sectionLegend h3,
div#compartmentOutline div#outlineBody h3,
div#outlineBody p#outlinea2,
div#outlineBody p#outlineb5,
div#outlineBody p#outlineb6,
div#outlineBody p#outlineb7,
div#outlineBody p#outline1, /*add20180406*/
div#outlineBody p#outline2,
div#outlineBody p#price{
	display: block;
	text-indent: -10000px;
/* Hides from Mac IE \*/
	overflow: hidden;
/* */
	border-bottom: 0px dotted #418aaf;
}




.main {
	margin-bottom: 50px;
}
#wrapper {
	line-height: 1.8!important;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.section {
}
#wrapper h2 {
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	padding: 15px;
	margin-top:50px;
	margin-bottom: 30px;
	background-color: #70b439;
	text-align: center;
}
.sectionBox {
	width: 900px;
	margin: auto;
	text-align: center;
}
#access_map_top {
	float: right;
	margin-left: 20px;
	border: 3px solid #ccc;
}
.sectionBox p{
	text-align: left;
}
.section ul.sectionBox {
	margin-bottom: 20px;
}
.section ul.sectionBox li {
	width: 100px;
	float: left;
	padding: 10px 0;
	margin-left: 20px;
	font-size: 1.2em;
	border: 3px solid #ccc;
	cursor: pointer;
}
.section ul.sectionBox li:hover {
	background: #e4f1d9;
}
.section ul.sectionBox li.active {
	background: #e4f1d9;
}
.sectionBox iframe {
	width: 100%;
	height: 450px;
}










/*-------------------------------------------------------------------

	sectionLegend
						
-------------------------------------------------------------------*/
div#sectionLegend{
	
}

div#sectionLegend h3{
	width: 246px; height: 21px;
	margin-bottom: 2px;
	background: url(../../compartment/images/map_heading.gif) no-repeat scroll left top;
}

div#sectionLegend div.noteList{
	padding: 10px 5px 5px 5px;
}

/*-------------------------------------------------------------------

	sectionMap
						
-------------------------------------------------------------------*/
div#sectionMap{
	padding: 9px;
}


div.frame div.frameInner5{
	
}

div#sectionLegend{
	float: left;
	width: 246px;
}

div#sectionMapDetail{
	float: right;
	width: 561px;
}

p#mapDetail{
	position: relative;
}

span#compass{
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 69px; height: 69px;
	background: url(../../compartment/images/compass.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------------

	compartmentOutline
						
-------------------------------------------------------------------*/
div#compartmentOutline div#outlineBody{
	float: left;
	width: 680px;
	margin:15px
}

div#compartmentOutline div#outlineBody h3{
	float: left;
	width: 120px; height: 91px;
/*-	margin-bottom: 10px;-*/
}

div#compartmentOutline div#outlineBody h3.pagetitle{
}



div#floorMap p#floor1{
}
div#compartmentOutline div#outlineBody p{
	clear: both;
	float: none;
	width: auto; height: auto;
	line-height: 1.3;
}

div#compartmentOutline div#outlineBody p#outline1,
div#compartmentOutline div#outlineBody p#outline2{
	clear: none;
	float: right;
	width: 560px; height: 91px;
/*-	margin-bottom: 10px;-*/
}
div#compartmentOutline div#outlineBody p#outlinenotes{
	text-align: right;
	margin-right: 10px;
	margin-top: 0;
	font-size: 12px;
}
p#compartmentThumbnail,
p#compartmentThumbnailtop{
	float: right;
	height: 135px;
	overflow: hidden;
	margin: 15px;
}
p#compartmentThumbnail a,
p#compartmentThumbnailtop a{
	height: 135px!important;
	position: relative;
}
p#compartmentThumbnail a img{
	position: absolute;
	/*top: -70px;*/
}

p#compartmentThumbnailtop a img{
	position: absolute;
	top: 0px;
}

/*-------------------------------------------------------------------

	floorMap
						
-------------------------------------------------------------------*/
div#floorMap{
	margin-top: 0px;
	margin-bottom: 30px;
}

div#floorMap p#floor1{
	float: left;
}

div#floorMap p#floor2{
	float: right;
	margin-right:50px;
}

/*-------------------------------------------------------------------

	specialNote
						
-------------------------------------------------------------------*/
div#specialNote{
	margin-top: 10px;
	float:left;
	width:900px;
}

/*add 20180406*/
.info_box{
	width:90%;
	margin:0 auto 0;
	max-width:900px;
}
.info_block{
	width:100%;
	margin:0 0 15px 0 ;
	display:table;
}

.info_box h3{
	font-size:1.8em;
	text-align:center;
	margin:0 0 10px 0 ;
}

.info_tel{
	border-left:#4e9674 2px solid;
	width : -webkit-calc(100% / 3 - 2px) ;
	width : calc(100% / 3 - 2px) ;
	display:table-cell;
	padding:5px 0 0;
}
.info_mail{
	border-left:#4e9674 2px solid;
	width : -webkit-calc(100% / 3 - 2px) ;
	width : calc(100% / 3 - 2px) ;
	display:table-cell;
	padding:5px 0 0;
}
.info_form{
	border-left:#4e9674 2px solid;
	border-right:#4e9674 2px solid;
	width : -webkit-calc(100% / 3 - 24px) ;
	width : calc(100% / 3 - 24px) ;
	display:table-cell;
	position:relative;
	padding:5px 10px 0;
}
.info_tel p,
.info_mail p,
.info_form p{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.info_tel h4{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
.info_mail h4{
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}
.info_form a.form_btn{
	position:absolute;
	width : 90% ;
	top:34px;
	left:50%;
	margin-left:-45%;
	background:#4e9674;
}
.info_form a:link{
	color:#fff;
	text-decoration:none;
}
.info_form a:hover{
	color:#fff;
	text-decoration:none;
	background:#62ab88;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.info_form a:active{
	color:#fff;
	text-decoration:none;
}
.info_form a:visited{
	color:#fff;
	text-decoration:none;
}

.info_form h4{
	font-size:1.3em;
	text-align:center;
}
.info_form p.form_sp{
	display:none;	
}
.info_line{
	display:none;
}

/*/add 20180406*/

/*-------------------------------------------------------------------

	No.1
						
-------------------------------------------------------------------*/
div#outlineBody h2{
	background: url(../../compartment/images/no1_page_title.gif) no-repeat scroll left top;
}

div#outlineBody p#outline{
	background: url(../../compartment/images/no1_outline.gif) no-repeat scroll left top;
}

body#ridgeNo1 div#floorMap p#floor1{
	width: 440px;
}

body#ridgeNo1 div#floorMap p#floor2{
	width: 374px;
}



/*-------------------------------------------------------------------

	No.2
						
-------------------------------------------------------------------*/
div#outlineBody h2{
	background: url(../../compartment/images/no2_page_title.gif) no-repeat scroll left top;
}

div#outlineBody p#outline{
	background: url(../../compartment/images/no2_outline.gif) no-repeat scroll left top;
}

body#ridgeNo2 div#floorMap p#floor1{
	width: 440px;
}

body#ridgeNo2 div#floorMap p#floor2{
	width: 374px;
}





/*-------------------------------------------------------------------

	No.2
						
-------------------------------------------------------------------*/
div#outlineBody h2{
	background: url(../../compartment/images/no2_page_title.gif) no-repeat scroll left top;
}

div#outlineBody p#outline{
	background: url(../../compartment/images/no2_outline.gif) no-repeat scroll left top;
}

body#ridgeNo2 div#floorMap p#floor1{
	width: 440px;
}

body#ridgeNo2 div#floorMap p#floor2{
	width: 374px;
}

/*-------------------------------------------------------------------

	No.3
						
-------------------------------------------------------------------*/
div#outlineBody h2{
	background: url(../../compartment/images/no3_page_title.gif) no-repeat scroll left top;
}

div#outlineBody p#outline{
	background: url(../../compartment/images/no3_outline.gif) no-repeat scroll left top;
}

body#ridgeNo3 div#floorMap p#floor1{
	width: 440px;
}

body#ridgeNo3 div#floorMap p#floor2{
	width: 374px;
}


/*-------------------------------------------------------------------

	sectionHeader
						
-------------------------------------------------------------------*/
div#sectionHeader{
	margin-bottom: 10px;
}

div#sectionHeader div.frameBorderWhiteInner1{
	padding: 5px;
}

div#sectionHeader div#sectionMapS{
	float: left;
	width: 280px;
}

div#sectionHeader div#sectionMapS .frameInner5{
	padding: 0px;
}

div#sectionHeader div#sectionMapS p.note{
	padding: 2px 5px;
}

div#sectionHeader div#specialNote{
	float: right;
	width: 515px;
	margin-top: 12px;
}

div#sectionHeader div#specialNote h2{
	margin-right: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d9d9d9;
	font-weight: bold;
	line-height: 1.5;
}

div#sectionHeader div#specialNote p.textBody{
	margin-top: 1px; margin-right: 15px;
	padding: 10px 10px 10px 0px;
	border-top: 1px dotted #d9d9d9;
	color: #666666;
	line-height: 1.5;
}

/*----------------------------------------------------------

パース取り込み

----------------------------------------------------------*/

#perth{
	float:right;
	width:561px;

	background-color:#f9f9f9;
	
}

#perth .section{
	margin-top:10px;
	float:left;
	width:125px;
	height:112px;
	background:url(../../compartment/images/perth_back.gif) no-repeat;	
}
#perth ul{
	margin:5px 5px 5px 0px;
	padding:5px 5px 0px 5px;
}
#perth ul li{
	marign:0px;
	padding:0px;

}
#perth .no{
	display:block;
	text-align:center;
	height:12px;
	font-size:12px;
	padding-top:3px;
	font-weight:bold;
	color:#000000;
}
#perth li.image{
	width:125px;
	height:88px;

}

/*----------------------------------------------------------

パースイメージ

----------------------------------------------------------*/
#frameBorder_perth{
	float:left;
	margin-top:30px;
	margin-bottom:20px;
}
#frameBorder_perth .perth_img{
	float:left;
	width: 200px;
	display: inline;
	margin-right: 10px;
}
#frameBorder_perth .perth_img2{
	float:left;
	width: 200px;
	display: inline;
}

#frameBorder_perth .perth_img p,
#frameBorder_perth .perth_img2 p{
	margin-top:5px;
	background: url(../../images/common/arrow_gray.gif) no-repeat bottom left;
	font-size:0.8em;
	text-indent:15px;
	line-height: 1;
}
#frameBorder_perth h4{
	text-align:left;
}

/*----------------------------------------------------------

おすすめポイント

----------------------------------------------------------*/
div#osusume{
	float:right;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 450px;
}
div#osusume h4#osusumetitle{
	margin-bottom: 5px;
	text-align:left;
}

div#osusume #pointicon{
	width: 450px;
	margin-bottom:5px;
}
div#osusume #pointicon ul{
	width: 430px;
}
div#osusume #pointicon ul li{
	display:block;
	float: left;
	width: 80px;
	margin-right: 7px;
	margin-bottom: 5px;
}
div#osusume #pointicon ul li.mrno{
	
	margin-right: 0;
}
div.sec{
	clear: both;
}



#specialNote .frameBorderWhiteInner1{
	padding: 10px;
}



#sectionMapDetail-sp,
#floorMap-sp{
	display: none;
}{
	display: none;
}


p.sp{
	display: none;
}
.hide{
 display: none;
}
/*------------------------------------------------------------------------------

	[ファイル名]	outline.css
	
	[概要]	物件概要共通CSS
	
	[目次]
		・clear-fix
		・テキスト画像代替
	
	[メモ]	
	
	[最終更新日]	November 9, 2009;
	
------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------

	clear-fix
							
-------------------------------------------------------------------*/
#hoge:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/* Win IE7 */
*:first-child + html #hoge
{
	height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #hoge
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#hoge
{
	display: inline-table;
}
/* End Mac IE */

div#sectionLifeInformation div.sectionContentInner:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/* Win IE7 */
*:first-child + html div#sectionLifeInformation div.sectionContentInner
{
	height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#sectionLifeInformation div.sectionContentInner
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#sectionLifeInformation div.sectionContentInner
{
	display: inline-table;
}
/* End Mac IE */


/*-------------------------------------------------------------------

	テキスト画像代替
						
-------------------------------------------------------------------*/
div#sectionPrice h3,
div#sectionOutline h3
{
	display: block;
	text-indent: -10000px;
/* Hides from Mac IE \*/
	overflow: hidden;
/* */
	border-bottom: 0px dotted #418aaf;
}

div#sectionLifeInformation h3
{
	display: block;
	text-indent: -10000px;
/* Hides from Mac IE \*/
	overflow: hidden;
/* */
	border-bottom: 0px dotted #418aaf;
}

/*-------------------------------------------------------------------

	categoryTitle
						
-------------------------------------------------------------------*/
body.outline div#categoryTitle h1{
	background-image: url(../../outline/images/category_title.jpg);
}

/*-------------------------------------------------------------------

	本文
						
-------------------------------------------------------------------*/
body.outline p.photo{
	margin-bottom: 6px;
}

body.outline p.textBody{
	font-size: 95%;
	line-height: 1.3 !important;
}

/*-------------------------------------------------------------------

	sectionPrice
						
-------------------------------------------------------------------*/
div#sectionPrice{
	margin-top: 20px;
}

div#sectionPrice h3{
	width: 100%; height: 29px;
	background: url(../../images/heading_price.gif) no-repeat scroll left top;
}

div#sectionPrice table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e6e6e6;
}

div#sectionPrice table th{
	padding: 10px 0px;
	background-color: #f4f0e0;
	border-right: 1px solid #e7dfc9;
	text-align: center;
	font-weight: bold;
}

div#sectionPrice table td{
	padding: 10px 0px;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	text-align: center;
}

div#sectionPrice table td.col1{
	font-weight: bold;
}
div#sectionPrice p#notes{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 50px;
	font-size: 10px;
}
/*-------------------------------------------------------------------

	sectionOutline
						
-------------------------------------------------------------------*/
div#sectionOutline{
	margin-top: 20px;
}

div#sectionOutline h3{
	width: 100%; height: 46px;
	margin-bottom: 15px;
	background: url(../../images/heading_outline.gif) no-repeat scroll left top;
}

div#sectionOutline table{
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 1px solid #e9e9e9;
}

div#sectionOutline table th{
	line-height: 1.3;
	width: 28%;
	padding: 10px 10px;
	background-color: #f5f5f5;
	border: 1px solid #e9e9e9;
	text-align: center;
	font-weight: bold;
	text-align: left;
}

div#sectionOutline table td{
	line-height: 1.3;
	padding: 10px 10px;
	background-color: #ffffff;
	border-bottom: 1px solid #f5f5f5;
	text-align: left;
}

/* -------------------------
	20140204追加ここから
----------------------------*/
.twoColumn .columnA{
	float:left;
	width:900px;
}
.twoColumn .columnphotoA{
	float:left;
	margin-top:25px;
	margin-right:33px;
}
.twoColumn .columnphotoB{
	float:right;
	margin-top:25px;
}

.headingTypeA{
	width: 828px;
}
.sptitle,
#sptitle{
	display: none;
}
/*-------------------------------------------------------------------
	テキストナビゲーション　2012/8/6
-------------------------------------------------------------------*/

#txtnavi{
	width:900px;
	margin: auto;
	margin-top:20px;
	padding-bottom:5px;
	background:#ffffff;
	border:1px solid #dddddd;
}
#txtnavi.left{
	float:left;
}
#txtnavi .header{

}
#txtnavi .header ul{
	margin:5px;
	background:#eeeeee;
	height:24px;
	vartical-align:center;
	display: block;
	padding-bottom: 10px;
}
#txtnavi .header li{
	float:left;
}
#txtnavi .header li.large{
	margin-top:5px;
}
#txtnavi .header li.small{
	margin-top:8px;
}
#txtnavi .header p.title{
	margin-left:10px;
	font-size:1.2em;
}
#txtnavi .header p{
	margin-left:15px;
}
#txtnavi .link{
	clear:both;
	float:left;
	margin-left:5px;
	width:600px;
	height:32px;
	border:1px solid #dddddd;
}
* html #txtnavi .link{
	width:500px;
}
#txtnavi .link ul{
	margin-top: 5px;
	padding:5px 0px 5px 5px;
}

#txtnavi .link ul.small{
	width:100px;
}

#txtnavi .link li{
	float:left;
	line-height:1.3em;
	background:url(../../images/common/arrow_gray.gif) no-repeat;
	background-position: 0% 50%;
	margin-left: 1em;
	padding-left:1em;
	padding-right:2em;
}
#txtnavi .contact{
	float:right;
	margin-right:20px;
	width:260px;
}
#txtnavi .contact ul{
	margin:0px;
	width:260px;
}


#txtnavi .contact .inquiryButton a{
	display: block;
	text-indent: -10000px;
/* Hides from Mac IE \*/
	overflow: hidden;
/* */
	border-bottom: 0px dotted #418aaf;
	width: 260px; height: 33px;
	background: url(../../images/common/inquiry.jpg) no-repeat scroll center center;
}

/*-------------------------------------------------------------------

							iconZoom
						
-------------------------------------------------------------------*/
a.thickbox{
	position: relative;
	display: block;
}

a.thickbox span.iconZoom{
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 100%; height: 100%;
	background: url(../../images/common/zoom_icon.png) no-repeat scroll right bottom;
}

/* Win IE6 \*/
* html a.thickbox span.iconZoom{
	display: block;
	top: auto; left: auto; bottom: 0px !important; right: 0px !important;
	display: block;
	width: 28px; height: 34px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/common/zoom_icon.png");
}
/* End Win IE6 */

div#mainContent a.thickbox:hover,div#mainContent a.thickbox:active{
	border-bottom: 0px solid #000000;
}
/*-------------------------------------------------------------------

	clear-fix
							
-------------------------------------------------------------------*/
div.section:after,
div#localNav ul:after,
div.frame div.frameInner5:after,
div.frameBorder div.frameBorderInner1:after,
div.frameBorderWhite div.frameBorderWhiteInner1:after,
div.twoColumn:after,
div#anchorNav ul:after,
p.anchorTop:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/* Win IE7 */
*:first-child + html div.section,
*:first-child + html div#localNav ul,
*:first-child + html div.frame div.frameInner5,
*:first-child + html div.frameBorder div.frameBorderInner1,
*:first-child + html div.frameWhiteBorder div.frameBorderWhiteInner1,
*:first-child + html div.twoColumn,
*:first-child + html div#anchorNav ul,
*:first-child + html p.anchorTop
{
	height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div.section,
* html div#localNav ul,
* html div.frame div.frameInner5,
* html div.frameBorder div.frameBorderInner1,
* html div.frameBorderWhite div.frameBorderWhiteInner1,
* html div.twoColumn,
* html div#anchorNav ul,
* html p.anchorTop
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div.section,
div#localNav ul,
div.frame div.frameInner5,
div.frameBorder div.frameBorderInner1,
div.frameBorderWhite div.frameBorderWhiteInner1,
div.twoColumn,
div#anchorNav ul,
p.anchorTop
{
	display: inline-table;
}
/* End Mac IE */

/*-------------------------------------------------------------------

	frameBorder
						
-------------------------------------------------------------------*/
div.frameBorder{
}

div.frameBorder div.frameBorderInner1{
	position: relative;
	padding: 8px;
}



/*-------------------------------------------------------------------

	frameBorderWhite
						
-------------------------------------------------------------------*/
div.frameBorderWhite{
	background-color: #ffffff;
}

div.frameBorderWhite div.frameBorderWhiteInner1{
	position: relative;
	border: 1px solid #e9e9e9;
}

div.frameBorderWhite div.frameBorderWhiteTl{
	position: absolute;
	top: -1px; left: -1px;
	width: 8px; height: 8px;
	background: url(../../images/common/frame_border_white_tl.gif) no-repeat scroll left top;
}

div.frameBorderWhite div.frameBorderWhiteTr{
	position: absolute;
	top: -1px; right: -1px;
	width: 8px; height: 8px;
	background: url(../../images/common/frame_border_white_tr.gif) no-repeat scroll right top;
}

div.frameBorderWhite div.frameBorderWhiteBl{
	position: absolute;
	bottom: -1px; left: -1px;
	width: 8px; height: 8px;
	background: url(../../images/common/frame_border_white_bl.gif) no-repeat scroll left bottom;
}

div.frameBorderWhite div.frameBorderWhiteBr{
	position: absolute;
	right: -1px; bottom: -1px;
	width: 8px; height: 8px;
	background: url(../../images/common/frame_border_white_br.gif) no-repeat scroll right bottom;
}
/*-------------------------------------------------------------------

	sectionLifeInformation
						
-------------------------------------------------------------------*/
div#sectionLifeInformation{
	width:900px;
	margin:auto;
}

div#sectionLifeInformation div.sectionContent{
	border: 5px solid #f6f6f6;
	font-size: 95%;
}

div#sectionLifeInformation div.sectionContentInner{
	padding: 15px;
}

div#sectionLifeInformation h3{
	width: 100%; height: 51px;
	margin-top: 15px;
	background: url(../../images/life_information_heading.gif) no-repeat scroll left top;
}

div#sectionLifeInformation1{
	float: left;
	width: 49%;
}

div#sectionLifeInformation2{
	float: right;
	width: 49%;
}

div#sectionLifeInformation table{
	width: 100%;
	border-collapse: collapse;
}

div#sectionLifeInformation th{
	padding: 9px 3px;
	background-color: #f6f6f6;
	font-weight: bold;
}

div#sectionLifeInformation td{
	padding: 7px 3px;
	border-bottom: 1px dotted #e9e9e9;
}

div#sectionLifeInformation td.col2{
	width: 33%;
	text-align: right;
	white-space: nowrap;
}

/*-------------------------------------------------------------------

	調整
						
-------------------------------------------------------------------*/
body.compartment p.note{
	padding: 12px;
}
#anchorTop {
	display: none;
	position:fixed;
	bottom:30px;
	right:30px;
	background: none;
}
#inquiry_pc{
	display: block;
	position:fixed;
	top:10px;
	right:10px;
}

#inquiry_sp{
	display: none!important;
}
span.spbr{
 	font-weight: bold;
}
.madoribk{
	text-align: center;
}

.madoriback{
	display: block!important;
	margin: 20px auto 0;
	width: 300px;
	padding: 20px;
	border: 3px solid #ccc;
}

.wbr { /*add20180405 */
	display: none;
}


/*追加css*/
.sectionBox .mapArea{
	margin: 10px 0 0;
}

.sectionBox .Gmap iframe {
    width: 882px;
    height: 280px;
}
.mapArea .btnArea a,.btnArea02 a{
	display: none;
}

h3.pagetitle{
	border-top: 2px solid #ccc;
}
h3.pagetitle span{
	font-weight: bold;
	font-size: 40px;
	display: inline-block;
	padding: 5px;
	background: #fff;
}

.compartment-wrap{
	width: 900px;
	margin: 0 auto;
}

.compartment-wrap .sectionBox-left{
	float: left;
}
.compartment-wrap .sectionBox-left li{
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
.compartment-wrap .sectionBox-left li a{
	color: #000;
}
.compartment-wrap .sectionBox-left li a:hover,
.compartment-wrap .sectionBox-right a:hover{
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition-duration: 0.5s;
}
.compartment-wrap .sectionBox-right{
	float: right;
}

.mapbutton{
	position: fixed;
	right: 10px;
	bottom: 80px;
	width: 180px;
}
.mapbutton img{
	width: 100%;
}

.mapbutton a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition-duration: 0.5s;
}