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

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

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

*/
/*	
	//作成者：曽我
	//作成日：20160401
	//更新日：20160401
	//最新更新日時：20160401 13:40
	//最新更新者：曽我
*/
/*
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
変更記録
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
20160401　基準CSS作成
*/

/*-----section#daycare----*/
section#daycare div#pref {
    margin: -2px 0 0 0;
    background: #897766;
    padding: 6% 7% 10% 7%;
}
section#daycare div#pref h3 img {
    width: auto;
    height: 1.5em;
}
section#daycare div#pref h2 {
    color: #FFF;
    margin: 4% 0 0 0;
    font-size: 1.5em;
}
section#daycare div#pref h2 span {
    font-size: 0.55em;
    font-weight: normal;
}
section#daycare div#pref p {
    color: #FFF;
    font-size: 0.85em;
}
/*-----section#shigekitappuri----*/
section#shigekitappuri div#pref {
    margin: -2px 0 0 0;
    background: #996633;
    padding: 4% 7% 8% 5%;
    color: #FFF;
}
section#shigekitappuri div#pref h2 {    
    margin: 4% 0;
    font-size: 1em;
}
section#shigekitappuri div#pref h3 {
    font-size: 0.85em;
}
section#shigekitappuri div#pref p {
    font-size: 0.85em;
    margin: 2% 0;
}
section#shigekitappuri div#pref a#arrow {
    display: table-cell;
    width: 10%;
    vertical-align: middle;    
}

section#shigekitappuri div#pref ul li {
    float: left;
    width: 10%;
    margin: 2% 2% 2% 0;
}
/*-----section#shigekitappuri----*/
section#friend_many div#pref {
    background: #0072bf;
    padding: 4% 7% 8% 5%;
    color: #FFF;
}
section#friend_many div#pref h2 {    
    margin: 4% 0;
    font-size: 1em;
}
section#friend_many div#pref h3 {
    font-size: 0.85em;
}
section#friend_many div#pref p {
    font-size: 0.85em;
    margin: 2% 0;
}
section#friend_many div#pref a#arrow {
    display: table-cell;
    width: 10%;
    vertical-align: middle;    
}
section#friend_many div#pref ul li {
    float: left;
    width: 10%;
    margin: 2% 2% 2% 0;
}
section#friend_many div#arrow {
    text-align: center;
    background: #e1e1e1;
}
section#friend_many div#arrow img {
    margin: -2px 0 0 0;
    width: 15%;
}
/*-----section#daycare_oneday----*/
section#daycare_oneday {
    margin: -2px 0 0 0;
    background: #e1e1e1;
    padding: 4% 4% 10% 4%;
}
section#daycare_oneday div#white {
    background: #FFF;
    padding: 2% 2% 4% 2%;
}
section#daycare_oneday div#white h2 {
    color: #b7b7b7;
    font-size: 1.15em;
    margin: 0 0 4% 0;
}
/*-----section#orusuban----*/
section#orusuban {
    margin: -10px 0 0 0;
    background: #e1e1e1;
    padding: 1% 0 10% 0;
}
section#orusuban div#thumbs {
    margin: 2% 8% 0 8%;    
}
section#orusuban div#pref {
    background: #FFF;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#orusuban div#pref h2 {
    margin:2% 0;
    text-align: center;
}
section#orusuban div#pref h2 img {
    height: 0.85em;
    width: auto;
}
section#orusuban div#pref p {
    font-size: 0.85em;
    color: #666666;
    line-height: 125%;
}
/*-----section#uchinokohuan----*/
section#uchinokohuan {
    background: #e1e1e1;
    padding: 0 0 10% 0;
}
section#uchinokohuan div#thumbs {
    margin: 0 8% 0 8%;    
}
section#uchinokohuan div#pref {
    background: #0091d8;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#uchinokohuan div#pref h2 {
    margin:2% 0;
    text-align: center;
}
section#uchinokohuan div#pref h2 img {
    height: 0.85em;
    width: auto;
}
section#uchinokohuan div#pref p {
    font-size: 0.85em;
    color: #FFF;
    line-height: 125%;
}
/*-----section#inugirai----*/
section#inugirai {
    background: #e1e1e1;
    padding: 0 0 10% 0;
}
section#inugirai div#thumbs {
    margin: 0% 8% 0 8%;    
}
section#inugirai div#pref {
    background: #e28a9e;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#inugirai div#pref h2 {
    margin:2% 0;
    text-align: center;
}
section#inugirai div#pref h2 img {
    height: 0.85em;
    width: auto;
}
section#inugirai div#pref p {
    font-size: 0.85em;
    color: #FFF;
    line-height: 125%;
}
/*-----section#stress----*/
section#stress {
    background: #e1e1e1;
    padding: 0 0 10% 0;
}
section#stress div#thumbs {
    margin: 0% 8% 0 8%;    
}
section#stress div#pref {
    background: #FFF;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#stress div#pref h2 {
    margin:2% 0;
    text-align: center;
}
section#stress div#pref h2 img {
    height: 0.85em;
    width: auto;
}
section#stress div#pref p {
    font-size: 0.85em;
    color: #666666;
    line-height: 125%;
}
/*-----section#bunrihuan----*/
section#bunrihuan {
    background: #e1e1e1;
    padding: 0 0 10% 0;
}
section#bunrihuan div#thumbs {
    margin: 0% 8% 0 8%;    
}
section#bunrihuan div#pref {
    background: #709d48;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#bunrihuan div#pref h2 {
    margin:2% 0;
    text-align: center;
}
section#bunrihuan div#pref h2 img {
    height: 0.85em;
    width: auto;
}
section#bunrihuan div#pref p {
    font-size: 0.85em;
    color: #FFF;
    line-height: 125%;
}
/*-----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.85em;
    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#sougeigaarukara----*/
section#sougeigaarukara {
    background: #e1e1e1;
    padding: 0 0 10% 0;
}
section#sougeigaarukara div#thumbs {
    margin: 0% 8% 0 8%;    
}
section#sougeigaarukara div#pref {
    background: #0091d8;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#sougeigaarukara div#pref h2 {
    margin:2% 0;
    text-align: center;
}
section#sougeigaarukara div#pref h2 img {
    height: 0.85em;
    width: auto;
}
section#sougeigaarukara div#pref p {
    font-size: 0.85em;
    color: #FFF;
    line-height: 125%;
}
/*-----section#raitenannai----*/
section#raitenannai {
    background: #e1e1e1;
    padding: 0 0 10% 0;
}
section#raitenannai div#white {
    background: #FFF;
    margin: 0% 8% 0% 8%;
    padding: 5% 5% 8% 5%;
}
section#raitenannai div#white img {
    display: block;
    margin: 0 auto 4% auto;
}
section#raitenannai div#white a img#onedaimg{
    height: 1.5em;
    width: auto;
    margin: 2% auto 2% auto;
}
section#raitenannai div#white img#setimei {
    height: 2.5em;
    width: auto;
    margin: 4% 0 4% 0;
}
section#raitenannai div#white img#setimei2 {
    height: 5.5em;
    width: auto;
    margin: 4% 0 4% 0;
}
section#raitenannai div#white p {
    font-size: 0.85em;
    color: #666;
}
/*-----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: 4% 5% 8% 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 20% auto;
    width: 98%;
}
/*-----section#biyou----*/
section#biyou {
}
section#biyou div#pref {
    padding: 6% 7% 10% 7%;
    background: #fc7f72;
    color: #FFF;
}
section#biyou div#pref h2 {
    font-size: 1.00em;
    margin: 4% 0;
}
section#biyou div#pref div#text {
    padding: 0 0% 0 0;
    display: table;
}
section#biyou div#pref div#text p {
    font-size: 0.85em;
    margin: 4% 0;
    display: table-cell;
    width: 85%;
}
section#biyou div#pref div#text div#arrows {
    width: 15%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
section#biyou div#pref div#text div#arrows img {
    width: 70%;
}
section#biyou div#pref ul li {
    float: left;
    width: 10%;
    margin: 4% 2% 2% 0;
}
/*-----section#businessHours----*/
section#businessHours {
    background: #e1e1e1;
    padding: 8% 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#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#praice----*/
section#praice {
    background: #e1e1e1;
    padding: 8% 0 10% 0;
}
section#praice div#waku {
    background: #FFF;
    margin: 0% 4% 0% 4%;
    padding: 5% 5% 8% 5%;
}
section#praice div#waku h2 {
    font-size: 1.3em;
    color: #696969;
    margin: 0% 0 2% 0;
    padding: 4% 0 0 0;
}
section#praice div#waku h2 span {
    font-size: 0.6em;
    color: #a9a9a9;
}
section#praice div#waku h3 img {
    height: 1.7em;
    width: auto;
    margin: 4% 0 3% 0;
}
section#praice div#waku p {
    font-size: 0.85em;
    color: #404040;
    margin: 0 0 2% 0;
}
section#praice div#waku p#note {
    font-size: 0.85em;
    color: #404040;
    margin: 3% 5% 2% 10%;
}
section#praice div#waku h4 {
    font-size: 0.92em;
    margin: 5% 0 0 0;
    color: #2f4f4f;
    font-weight: normal;
}
section#praice div#waku table+h3 {
    margin: 10% 0 0 0;
}
section#praice div#waku table {
    width: 100%;
    font-size: 0.85em;
    color: #404040;
    margin: 0 0 0 5%;
}
section#praice div#waku table tr td {
    padding: 0.2em 0;
}
section#praice div#waku table tr td#unit_price {
    font-size: 0.85em;;
}
