@charset "utf-8";
/*	
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
CSS作成ルール
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□

・作成者～最新更新者をファイルを触った場合必ず記載する。

・基本的には「div#要素名 div#子要素名」と記載するようにする。
　「.class」や「#id」などの直接書きは禁止。

*/
/*	
	//作成者：曽我
	//作成日：20160404
	//更新日：20160404
	//最新更新日時：20160404 13:40
	//最新更新者：曽我
*/
/*
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
変更記録
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
20160404　基準CSS作成
*/
/*-----section#pet_hotel----*/
section#pet_hotel div#pref p {
    color: #666666;
    font-size: 0.85em;
    margin: 6% 7% 10% 7%;
}
/*-----section#pet_hotel_02----*/
section#pet_hotel_02 div#pref {
    margin: -2px 0 0 0;
    background-color: #996633;
    color: #FFF;
    padding: 6% 7% 10% 7%;
}
section#pet_hotel_02 div#pref h3 {
    font-size: 1.15em;
    margin: 3% 0;
}
section#pet_hotel_02 div#pref h4 {
    font-size: 1em;
    margin: 1% 0;
}
section#pet_hotel_02 div#pref p {
    font-size: 0.85em;
}
section#pet_hotel_02 div#pref ul li {
    float: left;
    width: 10%;
    margin: 4% 2% 2% 0;
}
/*-----section#dogrun----*/
section#dogrun div#pref {
    background-color: #977e01;
    color: #FFF;
    padding: 6% 7% 10% 7%;
}
section#dogrun div#pref h3 {
    font-size: 1.15em;
    margin: 3% 0;
}
section#dogrun div#pref h4 {
    font-size: 1em;
    margin: 1% 0;
}
section#dogrun div#pref p {
    font-size: 0.85em;
}
section#dogrun div#pref ul li {
    float: left;
    width: 10%;
    margin: 4% 2% 2% 0;
}
section#dogrun div#arrow {
    background: #e1e1e1;
    text-align: center;
}
section#dogrun div#arrow img {
    width: 15%;
    margin: -2px 0 0 0;
}
/*-----section#hotel_arrow----*/
section#hotel_arrow {
    padding: 4% 4% 10% 4%;
    margin: -1px 0 0 0;
    background: #e1e1e1;
}
section#hotel_arrow div#waku {
    background-color: #FFF;
    padding: 2%;
}
/*-----section#tozikome----*/
section#tozikome {
    padding: 2% 8% 10% 8%;
    background: #e1e1e1;
}
section#tozikome div#waku div#pref {
    background-color: #FFF;
    padding: 6% 7% 10% 7%;
}
section#tozikome div#waku div#pref h3 {
    text-align: center;
    margin: 4% 0;
}
section#tozikome div#waku div#pref h3 img {
    height: 0.95em;
    width: auto;
}
section#tozikome div#waku div#pref p {
    color: #666666;
    font-size: 0.85em;
    padding: 2% 0;
}
/*-----section#takusanasonde----*/
section#takusanasonde {
    padding: 0 8% 10% 8%;
    background: #e1e1e1;
}
section#takusanasonde div#pref {
    background-color: #FFF;
    padding: 6% 7% 10% 7%;
}
section#takusanasonde div#pref h3 {
    text-align: center;
    margin: 4% 0;
}
section#takusanasonde div#pref h3 img {
    height: 0.95em;
    width: auto;
}
section#takusanasonde div#pref p {
    color: #666666;
    font-size: 0.85em;
    padding: 2% 0;
}
/*-----section#home----*/
section#home div#pref {
    background-color: #996633;
    color: #FFF;
    padding: 6% 7% 10% 7%;
}
section#home div#pref h3 {
    font-size: 1em;
    margin: 3% 0;
}
section#home div#pref h4 {
    font-size: 0.9em;
    margin: 1% 0;
}
section#home div#pref p {
    font-size: 0.85em;
    margin: 2% 0;
}
section#home div#pref ul li {
    float: left;
    width: 10%;
    margin: 4% 2% 2% 0;
}
/*-----section#sengyou----*/
section#sengyou div#pref {
    background-color: #0064f6;
    color: #FFF;
    padding: 6% 7% 10% 7%;
}
section#sengyou div#pref {
    margin: -5px 0 0 0;
}
section#sengyou div#pref h3 {
    font-size: 1em;
    margin: 3% 0;
}
section#sengyou div#pref h4 {
    font-size: 0.9em;
    margin: 1% 0;
}
section#sengyou div#pref p {
    font-size: 0.85em;
    margin: 2% 0;
}
section#sengyou div#pref ul li {
    float: left;
    width: 10%;
    margin: 4% 2% 2% 0;
}
/*-----section#kaiinseido_sougei----*/
section#kaiinseido_sougei {
    position: relative;
}
section#kaiinseido_sougei section#azukari {
    position: absolute;
    width: 58%;
    padding: 2%;
    top: 0;
    left: 0;
    background: url(../img/index/shuttle_bus_service_6back.png);
}
section#kaiinseido_sougei section#azukari h2 {
    font-size: 1.0em;
    color: #FFF;
}
section#kaiinseido_sougei section#azukari h3 {
    font-size: 0.85em;
    color: #FFF;
    margin: 2% 0 0 0;
}
section#kaiinseido_sougei section#azukari p {
    font-size: 0.65em;
    color: #FFF;
    margin: 2% 0 0 0;
}
section#kaiinseido_sougei section#azukari div#arrows {
    text-align: center;
    padding: 2% 0 2% 0;
}
section#kaiinseido_sougei section#azukari div#arrows img {
    width: 20%;
}
section#kaiinseido_sougei section#sougei {
    position: absolute;
    width: 58%;
    padding: 2%;
    bottom: 0;
    right: 0;
    background: url(../img/index/shuttle_bus_service_5back.png);
}
section#kaiinseido_sougei section#sougei h2 {
    font-size: 1.0em;
    color: #FFF;
}
section#kaiinseido_sougei section#sougei h3 {
    font-size: 0.65em;
    color: #FFF;
}
section#kaiinseido_sougei section#sougei h4 {
    font-size: 0.85em;
    color: #FFF;
    margin: 2% 0 0 0;
}
section#kaiinseido_sougei section#sougei p {
    font-size: 0.65em;
    color: #FFF;
    margin: 2% 0 0 0;
}
section#kaiinseido_sougei section#sougei div#arrows {
    text-align: right;
    padding: 2% 0 2% 0;
}
section#kaiinseido_sougei section#sougei div#arrows img {
    width: 20%;
}
div#arrowsbottom {
    background: #e1e1e1;
    text-align: right;
}
div#arrowsbottom img {    
    margin: 0 25% 0 0;
    width: 15%;
    padding: 0 0 2% 0;
}
/*-----section#sougei----*/
section#sougei {
    background: #e1e1e1;
    padding: 2% 8% 10% 8%;
}
section#sougei div#blueback {
    background: #0083ce;
    padding: 4% 2% 1% 2%;
}
section#sougei h2 {
    margin: 0% 0 4% 0;
}
section#sougei div#white {
    background: #FFF;
    padding: 4% 2%;
    margin: 0 0 4% 0;
}
section#sougei div#white h3 {
    text-align: center;
}
section#sougei div#white h3 img {
    height: 0.8em;
    width: auto;
}
section#sougei div#white div#arrowstype2 {
    text-align: center;
    margin: 4% 0;
}
section#sougei div#white div#arrowstype2 img {
    width: 10%;
}
section#sougei div#white h3#nidan img {
    height: 2em;
    width: auto;
}
/*-----section#raiten----*/
section#raiten {
    background: #e1e1e1;
    padding: 0 8% 10% 8%;    
}
section#raiten div#white {
    background: #FFF;
    padding: 6% 7% 10% 7%;  
}
section#raiten div#white h2 {
    padding: 4% 0;
    text-align: center;
}
section#raiten div#white h2 img {
    height: 0.95em;
    width: auto; 
}
section#raiten div#white div#raiten_img {
    margin: 4% 0;
    text-align: left;
}
section#raiten div#white div#raiten_img img {
    width: 80%;
}
section#raiten div#white div#right_bottom {
    text-align: right;
    margin: 6% 0 2% 0;
}
section#raiten div#white div#right_bottom img {
    width: 50%;
}
section#raiten div#blue {
    padding: 6% 7% 10% 7%;
    background-color: 5999c6;
    color: #FFF;
}
section#raiten div#blue h3 {
    font-size: 0.9em;
    margin: 4% 0 2% 0;
}
section#raiten div#blue p {
    color: #FFF;
    font-size: 0.85em;
}
section#raiten div#blue div#arrowstype2 {
    text-align: center;
    margin: 4% 0;
}
section#raiten div#blue div#arrowstype2 img {
    width: 10%;
}
section#raiten div#blue p#bold {
    text-align: center;
    margin: 0 0 2% 0;
}
section#raiten div#blue p#bold span#big {
    font-size: 1.25em;
}
/*-----section#map----*/
section#map {
    background: #e1e1e1;
    padding: 0 8% 10% 8%; 
}
section#map div#white {
}
section#map div#white div#thmbs {
    width: 100%;
    padding: 2% 0;
    background: #fff;
    text-align: center;
}
section#map div#white div#thmbs img {
    width: 80%;
    height: auto;
}
section#map div#white div#pref {
    background: #fff5cc;
    padding: 6% 7% 10% 7%;
} 
section#map div#white div#pref h4 {
    color: #666;
}
section#map div#white div#pref p {
    color: #666;
    font-size: 0.85em;
}
div#main_img {
    margin: 15% auto 15% auto;
    width: 98%;
}
/*-----section#businessHours----*/
section#businessHours {
    background: #e1e1e1;
    padding: 5% 4% 0 4%;
}

section#businessHours div#shopHours {
  width: 92%;
  background: #b0c4de;
  padding: 0 4% 6%;
  color: #fff;
}

section#businessHours div#shopHours h2 {
    margin: 0% 0 2% 0;
    padding: 4% 0 0 0;
    font-size: 1.25em;
    font-weight: normal;
}

section#businessHours div#shopHours h2 span {
  font-size: 0.75em;
  padding: 0 0 0 4%;
}

section#businessHours div#shopHours table {
  table-layout: fixd;
  width: 100%;
  border-collapse: collapse;
}

section#businessHours div#shopHours table th {
  width: 50%;
  text-align: center;
  font-size: 1em;
  color: #fff;
  padding: 2% 2%;
}

section#businessHours div#shopHours table td {
  width: 50%;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  padding: 2% 2%;
}

section#businessHours div#shopHours p {
  font-size: 0.85em;
  margin: 4% 0 0 0;
}

section#businessHours div#operatingHours {
  width: 92%;
  background: #b0c4de;
  margin: 6% 0 0 0;
  padding: 0 4% 6%;
  color: #fff;
}

section#businessHours div#operatingHours h2 {
    margin: 0% 0 2% 0;
    padding: 4% 0 0 0;
    font-size: 1.25em;
    font-weight: normal;
}

section#businessHours div#operatingHours h2 span {
  font-size: 0.75em;
  padding: 0 0 0 4%;
}

section#businessHours div#operatingHours table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

section#businessHours div#operatingHours table th {
  width: 50%;
  text-align: center;
  font-size: 1em;
  color: #fff;
  padding: 2% 2%;
}

section#businessHours div#operatingHours table td {
  width: 50%;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 2% 2%;
}

section#businessHours div#operatingHours p {
  font-size: 0.85em;
  margin: 4% 0 0 0;
}

section#businessHours div#operatingHours a {
  color: #4b6fb3;
  text-decoration: none;
}

/*-----section#prices----*/
section#prices {
    background: #e1e1e1;
    padding: 6% 4% 8% 4%;
}
section#prices div#white {
    background: #FFF;
    width: 92%;
    margin: 0% auto;
    padding: 0 4% 4% 4%;
}
section#prices div#white h2 {
    color: #404040;
    margin: 0% 0 2% 0;
    padding: 4% 0 0 0;
    font-size: 1.25em;
    font-weight: normal;
}
section#prices div#white h2 span {
    font-size: 0.65em;
    margin: 0 0 0 1%;
}
section#prices div#white h3 img {
    height: 1.3em;
    width: auto;
}
section#prices div#white h4 {
    margin: 3% 0;
    color: #404040;
    font-weight: normal;
}
section#prices div#white table+h3 {
    margin: 10% 0 0 0;
}
section#prices div#white table {
    width: 100%;
    font-size: 0.85em;
    color: #404040;
}
section#prices div#white table tr td {
    padding: 0.2em 0;
}
section#prices div#white table+p {
    color: #404040;
    font-size: 0.75em;
    margin: 4% 0;
    padding: 0 2%;
}
section#prices div#white p {
    color: #404040;
    font-size: 0.75em;
    margin: 2% 0;
    padding: 0 2%;    
}