@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#gion {
	width:755px;
}

#gion .section {
	width:100%;
	margin:0 0 20px;
	padding:0 0 20px;
	padding:8px;

}

#gion .map {
	width:600px;
	margin:0 0 20px;
	padding:15px;
	border:2px solid #c96430;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


#gion h2 {
	color:#9c0d07;
	font-size:1.2em;
	background:url(images/bg_gion.png) repeat;
	margin:0 0 15px;
	padding:10px 0 6px 10px;
	min-height:22px;
	border-bottom:2px solid #9c0d07;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

#gion .ttl {
	font-size:1.2em;
	color:#231815;
	border-bottom:1px dotted #9c0d07;
	margin:0 0 10px;
	padding:0 0 5px 0;
}

#gion .ttl span {
	color:#231815;
	border-left:3px solid #9c0d07;
	margin:0 0 3px;
	padding:0px 0 0px 3px;
}

.hoko_ph {
	float:left;
	width:236px;
	margin:0 15px 20px 0;
}

.hoko_ph:nth-child(3) {
	float:left;
	width:236px;
	margin:0 0 20px 0;
}

/*.spot_ph .ph:nth-child(3n) {
	float:left;

	margin:0 0 20px 0;
}*/

.hoko_ph p,
.hoko_ph_yoko p {
	margin:0 0 5px;
	padding:0;
}

#gion .parking {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #c96430;
	overflow:hidden;
}

#gion .parking dt {
	font-weight:bold;
	float:left;
	width:20%;
	padding:5px;
}

#gion .parking dd {
	float:left;
	width:70%;
	padding:5px;
}

#gion .spot_btn {
	margin:0;
	display:inline-block;
}


#gion .spot_btn a {
	font-weight:bold;
	color:#ffffff;
	display:block;
	padding:3px 8px;
	border:2px solid #feba71;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color:#ff8400;
}

#gion .spot_btn a:hover {
	color:#ff8400;
	background-color:#ffd5a7;
}




#gion .ruporupo h3 {
	font-size:1.4em;
	margin:0 0 8px;
}

.renta_navi {
	list-style:none;
	margin:0 0 20px!important;
	padding:0!important;
}

.renta_navi li {
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}

#gion .fig {
	width:100%;
	border-collapse:collapse;
	border:1px solid #c5c5c5;
	margin:0 auto 0;
}

/*.renta_navi li a {
	font-weight:bold;
	color:#ffffff!important;
	display:inline-block;
	padding:8px;
	background:#57bc0f;
	border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	text-align:center;
}*/

/*.renta_navi li a {
	font-weight:bold;
	display:inline-block;

	padding:0 0 0 12px;
	background:url(../rentacycle/images/ico_arw.png) 0 0.4em no-repeat;
}

.renta_navi li a:hover {
	background:url(../rentacycle/images/ico_arw_over.png) 0 0.4em no-repeat;
}*/

.renta_navi {
	float:left;
	width:370px;
	width:245px;
	margin:0 0 20px;
	text-align:center;
}

.renta_navi p {
	margin:20px 0 0;
}

.renta_navi a {
	display:block;
}

.fukidashi {
	font-weight:bold;
	color:#ffffff;
  position: relative;
	line-height:1.4;

	margin:0 15px;
	padding:10px;
  background-color: #0079d2;
  text-align: center;
	border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.fukidashi:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #0079d2;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}