@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  /rjet/guideline.css
=================================================================== */

@media screen and (min-width: 769px) {
/***** PC用のスタイル記述 *****/

/*** top_area ***/
#top_area{
	padding:0 0 5px;
}

#top_area h3{
	font-size:48px;
	color:#00ABE1;
	padding:15px 0 0 30px;
	line-height:1.2;
}

#top_area h3 b{
	font-size:27px;
	color:#333;
	vertical-align:middle;
}


/*** content_area ***/
#content_area{
	padding:0 0 20px;
	overflow:hidden;
	
}

#content_area .inner{
	width:980px;
	margin:0 auto;
}

#content_area .menu{
	border-bottom:1px solid #164E95;
}

#content_area .menu ul{
	width:920px;
	margin:0 auto -1px;
	text-align:left;
	padding: 0 0 0 220px;
	
}

#content_area .menu ul li{
	display:inline-block;
	margin:0 0 0 5px;
}

#content_area .menu ul li a{
	display:block;
	width:220px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background:#164E95;
	padding:7px 0;
}
	
#content_area .menu ul li.active a{
	color:#164E95;
	background:#FFF;
	border-left:1px solid #164E95;
	border-right:1px solid #164E95;
	border-top:1px solid #164E95;
}

#content_area table{
	width:920px;
	margin:30px auto;
	border-top:1px solid #d7d5cf;
}

#content_area table th{
	width:224px;
	padding:20px;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	background-color:#EEF0F2;
	border-bottom:1px solid #d7d5cf;
}

#content_area table th span{
	border-left:5px solid #00ABE1;
	padding:0 0 0 5px;
	display:inline-block;
	line-height:1.3;
}

#content_area table td{
	padding:20px;
	font-size:14px;
	border-bottom:1px solid #d7d5cf;
}

#content_area table td h3{
	font-size:14px;
	font-weight:bold;
	padding:0 0 20px;
}

#content_area table td span.red{
	color:#ff1d25;
}

#content_area table td b{
	color:#007180;
}

#content_area table td div.map_box{
	padding:50px 0;
	position:relative;
}

#content_area table td div.map_box img.map_img{
	width:100%;
	height:inherit;
	display:block;
	margin:0 auto;
}

#content_area .map_box ul li{
	position:absolute;
	cursor:pointer;
}

#content_area .map_box ul li img{
	width:20px;
	height:inherit;
}


#content_area .map_box ul li div.info{
	display:none;
	position:absolute;
	bottom:43px;
	left:-32px;
	width:220px;
	font-size:12px;
	text-align:center;
	background:#FFF;
	border:2px solid #00ABE1;
	border-radius:5px;
	padding:3px;
	z-index:999;
}

#content_area .map_box ul li div.info:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 20%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

#content_area .map_box ul li div.info:after{
  content: "";
  position: absolute;
  bottom: -28px;
  left: 20%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #00ABE1;
  z-index: 1;
}

#content_area .map_box ul li a:hover{
	opacity:0.7;
}

#content_area .map_box ul li span{
	display:none;
}

#content_area .map_box ul li.niseko{
	right:209px;
	top:143px;
}
#content_area .map_box ul li.tokyo{
	right:278px;
	top:369px;
}
#content_area .map_box ul li.conrad-tokyo{
	right:270px;
	top:379px;
}
#content_area .map_box ul li.odaiba{
	right:274px;
	top:388px;
}
#content_area .map_box ul li.tokyobay{
	right:259px;
	top:378px;
}
#content_area .map_box ul li.narita{
	right:258px;
	top:357px;
}

#content_area .map_box ul li.odawara{
	right:297px;
	top:393px;
}
#content_area .map_box ul li.kyukaruizawa{
	right: 306px;
	top: 335px;
}
#content_area .map_box ul li.toyama{
	right: 335px;
	top: 330px;
}
#content_area .map_box ul li.nagoya{
	right:360px;
	top:376px;
}
#content_area .map_box ul li.rokukyoto{
	right: 395px;
	top: 370px;
}
#content_area .map_box ul li.hiltongardeninn-kyoto{
	right: 395px;
	top: 380px;
}
#content_area .map_box ul li.conradosaka{
	right:410px;
	top:375px;
}
#content_area .map_box ul li.osaka{
	right:410px;
	top:385px;
}
#content_area .map_box ul li.hiroshima{
	right: 490px;
	top: 376px;
}
#content_area .map_box ul li.fukuoka{
	left:85px;
	top:383px;
}
#content_area .map_box ul li.nagasaki{
	left: 67px;
	top: 410px;
}
#content_area .map_box ul li.naha{
	right:177px;
	top:483px;
}
#content_area .map_box ul li.shuri{
	right:166px;
	top:480px;
}
#content_area .map_box ul li.chatan{
	right:153px;
	top:468px;
}
#content_area .map_box ul li.dt_chatan{
	right:162px;
	top:468px;
}
#content_area .map_box ul li.sesoko{
	right:144px;
	top:453px;
}




#content_area table.saiyo_num{
	border-top:1px solid #d7d5cf;
	border-right:1px solid #d7d5cf;
	width:100%;
}

#content_area table.saiyo_num th{
	padding:5px;
	font-size:11px;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	text-align:center;
}

#content_area table.saiyo_num th.hotel{
	text-align:left;
	font-size:10px;
	white-space: nowrap;
}


#content_area table.saiyo_num td{
	padding:5px;
	font-size:14px;
	text-align:right;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
}

/* yukyu_num */
#content_area table.yukyu_num{
	border-top:1px solid #d7d5cf;
	border-right:1px solid #d7d5cf;
	margin:0;
	width:65%;
}

#content_area table.yukyu_num th{
	padding:5px;
	font-size:11px;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	text-align:left;
	width:350px;
}


#content_area table.yukyu_num td{
	padding:5px;
	font-size:14px;
	text-align:right;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	width:150px;
}

#content_area table.yukyu_num td span{
	font-size:10px;
}


}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

/*** top_area ***/
#top_area{
	padding:0 0 5px;
}

#top_area h3{
	font-size:200%;
	color:#00ABE1;
	padding:15px 10px;
	line-height:1.2;
}

#top_area h3 b{
	font-size:80%;
	color:#333;
	vertical-align:middle;
}


/*** content_area ***/
#content_area{
	padding:0 0 20px;
	overflow:hidden;
	
}

#content_area .inner{
	margin:0 auto;
	padding:0 10px;
}

#content_area .menu{
	border-bottom:1px solid #164E95;
}

#content_area .menu ul{
	width:100%;
	margin:0 auto -1px;
	text-align:center;
	
}

#content_area .menu ul li{
	display:inline-block;
	margin:0 0 0 5px;
	width:30%;
}



#content_area .menu ul li a{
	display:block;
	width:100%;
	text-align:center;
	font-size:100%;
	color:#FFF;
	background:#164E95;
	padding:7px 0;
}

#content_area .menu ul li a span{
	display:none;
}


#content_area .menu ul li.active a{
	color:#164E95;
	background:#FFF;
	border-left:1px solid #164E95;
	border-right:1px solid #164E95;
	border-top:1px solid #164E95;
}

#content_area table{
	width:100%;
	margin:30px auto;
}

#content_area table th{
	display: list-item;
	list-style:none outside none;
	width:100%;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	text-align:left;
	background-color:#EEF0F2;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	border-right:1px solid #d7d5cf;
	border-top:1px solid #d7d5cf;
}

#content_area table th br{
	display:none;
}

#content_area table th span{
	border-left:5px solid #00ABE1;
	padding:0 0 0 5px;
	display:inline-block;
	line-height:1.3;
}

#content_area table td{
	display: list-item;
	list-style:none outside none;
	padding:10px 5px;
	font-size:110%;
	margin:0 0 15px;
}

#content_area table td hr{
	border:none;
	border-bottom:1px dashed #333;
}


#content_area table td h3{
	font-size:110%;
	font-weight:bold;
	padding:0 0 20px;
}

#content_area table td span.red{
	color:#ff1d25;
}

#content_area table td b{
	color:#007180;
}

#content_area table td .list{
}

#content_area table td .list ul{
}

#content_area table td .list ul li{
	font-size:14px;
	margin:0 0 10px;
}

#content_area table td .list ul li a{
	display:none;
}

#content_area table td .list ul li .info{
	background:url(../../img/about/map/icon_marker.png) left top no-repeat;
	padding:0 0 0 30px;
}







#content_area table.saiyo_num{
	border-top:1px solid #d7d5cf;
	border-right:1px solid #d7d5cf;
	width:100%;
}

#content_area table.saiyo_num th{
	display:table-cell;
	padding:2px 5px;
	font-size:11px;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	text-align:center;
	line-height:1.5;
	white-space: nowrap;
}

#content_area table.saiyo_num th br{
	display:inline;
}


#content_area table.saiyo_num th.hotel{
	text-align:left;
	font-size:10px;
	padding:2px 0 2px 5px;
	white-space:normal;
}


#content_area table.saiyo_num td{
	display:table-cell;
	padding:2px 5px;
	font-size:12px;
	text-align:right;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
}

#content_area table.yukyu_num{
	border-top:1px solid #d7d5cf;
	border-right:1px solid #d7d5cf;
	width:100%;
}

#content_area table.yukyu_num th{
	display:table-cell;
	padding:2px 5px;
	font-size:10px;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	text-align:left;
	line-height:1.5;
	white-space: nowrap;
	width:50%;
}

#content_area table.yukyu_num th br{
	display:inline;
}


#content_area table.yukyu_num td{
	display:table-cell;
	padding:2px 5px;
	font-size:12px;
	text-align:right;
	font-weight:normal;
	border-bottom:1px solid #d7d5cf;
	border-left:1px solid #d7d5cf;
	width:50%;
}


}