@charset "shift_jis";
/* CSS Document */

/*全ページ共通項目*/

img{
	border:0;
}

.conteiner_main {
	width:1000px;
	margin:0 auto;
	padding:0;
}

.main-left {
	display:block;
	float:left;
	width:650px;
	height:auto;
	margin:0 0 0 10px;
}

.clear {
	clear:both !important;
}

/*物件メニュー start*/

.room {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

/*.room h3 {
	background:url(../img/main/room-bg.jpg) no-repeat left top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:39px;
	border-top:4px solid #0070A6;
	border-bottom:#DDDDDD 1px solid;
	text-indent:50px;
	text-align:left;
	text-decoration:none;
}*/

.room h3{
    margin-bottom:10px;
}

.room ul {
	width:100%;
	/*height:200px;*/
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

.room ul h80 {
	width:100%;
	height:80px;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
/*物件メニュー end*/


/*トップページメニュー start*/

.top {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

/*.top h3 {
	background:url(../img/main/top-bg.jpg) no-repeat left top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:39px;
	border-top:4px solid #072B4E;
	border-bottom:#DDDDDD 1px solid;
	text-indent:50px;
	text-align:left;
}*/

.top ul {
	width:100%;
	/*height:130px;*/
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

/*博士.com専用メニュー*/

/*RHS側からのTOPICS*/

.rhs-topics {
	display:block;
	width:100%;
	margin:10px 0 50px;
	padding:0;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.rhs-topics h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 10px;
    margin: 0;
    border-bottom: 1px dotted #ddd;
}

.rhs-topics iframe {
	height:250px !important;
	width:650px !important;
	margin:0;
	padding:0;
	background:#FFF !important;
	overflow: auto !important;
}

/*====================================

棟画面用css 20151021 kubota

====================================*/

/*棟機能になった際の物件メニュー start*/

.room_build {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

.room_build h3 {
	background:url(../img/main/room-bg.jpg) no-repeat left top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:39px;
	border-top:4px solid #0070A6;
	border-bottom:#DDDDDD 1px solid;
	text-indent:50px;
	text-align:left;
	text-decoration:none;
}

.room_build ul {
	width:100%;
	height:80px;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

/*棟機能になった際の物件メニュー end*/

/*棟ごとの物件メニュー start*/

.build {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

.build h3 {
	background:url(../img/main/build-bg.jpg) no-repeat left top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:39px;
	border-top:4px solid #0070A6;
	border-bottom:#DDDDDD 1px solid;
	text-indent:50px;
	text-align:left;
	text-decoration:none;
}

.build ul {
	width:100%;
	height:80px;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

/*棟ごとの物件メニュー end*/

/*追加分*/

/*---------- 2020.10 追記 ----------*/
hr{
  height: 8px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="hsla(0, 0%, 85%, 1.0)"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"/><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"/></svg>');
  background-size: 3px 3px;
  border:0;

  /*height: 10px;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 80%, 1),
    hsla(0, 0%, 80%, 1) 33.33%,
    hsla(0, 0%, 80%, 0) 33.33%,
    hsla(0, 0%, 80%, 0) 100%);
  background-size: 3px 100%;
  border:0;*/
}


.main-left h3.title{
    border-left: 10px solid #374e66 !important;
}

.main_menu_btn1,
.main_menu_btn2,
.main_menu_btn3,
.main_menu_btn0{
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 30px !important;
    padding: 0;
}

.main_menu_btn0{
    margin-top: 30px !important;
}

.main_menu_btn0 li{
    width: 320px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.main_menu_btn0 li a,
.access_btn_0{
    display:block;
    background: #f7fdff;
    border: 2px solid #374e66 !important;
    border-radius: 5px;
    transition: 0.2s;
    color: #333;
    text-align: center;
    padding: 12px 5px;
    text-decoration: none;
    font-size: 15px;
    box-sizing:border-box;
    font-weight: bold;
}

.main_menu_btn0 li a i,
.access_btn_0 i{
    padding:0 10px;
    color: #29b7d3;
    vertical-align: middle;
    font-size: 40px;
}

.main_menu_btn1 li{
    width: 210px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.main_menu_btn1 li:nth-of-type(3n),
.main_menu_btn2 li:nth-of-type(3n),
.main_menu_btn3 li:nth-of-type(3n),
.main_menu_btn0 li:nth-of-type(2n){
    margin-right: 0;
}

.main_menu_btn1 li a{
    display:block;
    background: #f7fdff;
    border: 2px solid #374e66 !important;
    border-radius: 5px;
    transition: 0.2s;
    color: #333;
    text-align: left;
    padding: 12px 5px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}

.main_menu_btn1 li a i,
.main_menu_btn2 li a i,
.access_btn i{
    padding:0 10px;
    color: #29b7d3;
    vertical-align: middle;
    font-size: 20px;
}

.main_menu_btn1 li a:hover,
.main_menu_btn2 li a:hover,
.main_menu_btn3 li a:hover,
.main_menu_btn0 li a:hover{
    background: #def3f8;
    /*background: #b7c1ce;
    color: #fff;*/
}

.main_menu_btn2 li,
.main_menu_btn3 li{
    width: 210px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.main_menu_btn2 li a,
.access_btn{
    display: block;
    background: #f7fdff;
    border: 1px solid #374e66 !important;
    border-radius: 5px;
    transition: 0.2s;
    color: #333;
    text-align: left;
    padding: 9px 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.main_menu_btn2 li a:hover,
.main_menu_btn3 li a:hover,
.access_btn:hover,
.access_btn_0:hover{
    background: #def3f8;
    /*background: #b7c1ce;*/
    color: #374e66;
    cursor:pointer
}

.main_menu_btn3 li a{
    display: block;
    background: #f7fdff;
    border: 1px solid #374e66 !important;
    border-radius: 5px;
    transition: 0.2s;
    color: #333;
    text-align: center;
    padding: 9px 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}