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

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

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

*/
/*	
	//作成者：曽我
	//作成日：20160325
	//更新日：20160325
	//最新更新日時：20160325 13:40
	//最新更新者：曽我
*/
/*
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
変更記録
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
20160325　index.php
*/

/*--------------------------index.php-----------------------*/
/*----section#introduction---*/
section#introduction {
    width: 100%;
}
section#introduction div#introduction_pref {
    background: #FFF;
    padding: 2%;
    margin: -1px 0 0 0;
}
section#introduction div#introduction_pref h2 {
    margin: 5% 0 0 6%;
    font-size: 0.65em;
}
section#introduction div#introduction_pref h3 {
    margin: 4% 0 0 6%;
    font-size: 1em;
}
section#introduction div#introduction_pref p {
    color: #02183c;
    margin: 0 0 38px 0;
    padding: 0 20px 0 20px;
    font-size: 0.85em;
}
/*----section#dog_daycare---*/
section#dog_daycare div#dog-daycare_back {
    position: relative;    
}
section#dog_daycare div#dog-daycare_back h2 img#dog_daycare {
    position: absolute;
    z-index: 2;
    bottom: -5%;
    width: 80%;
    left: 2%;
}
section#dog_daycare div#dog_daycare_pref {
    background: #ff6600;    
    padding: 5% 5% 5% 5%;
    color: #FFF;
    margin: -1px 0 0 0;
}
section#dog_daycare div#dog_daycare_pref h3 {
    margin: 5% 0 0 0;
}
section#dog_daycare div#dog_daycare_pref div#table {
    width: 100%;
    display: table;
}
section#dog_daycare div#dog_daycare_pref p {
    font-size: 0.85em;
    width: 90%;
    display: table-cell;
    padding: 0 5% 5% 0;
}
section#dog_daycare div#dog_daycare_pref a#arrow {
    display: table-cell;
    width: 10%;
    vertical-align: middle;    
}

section#dog_daycare div#dog_daycare_pref ul li {
    float: left;
    width: 10%;
    margin: 2% 2% 2% 0;
}
/*----section#triming---*/
section#triming div#triming_bac {
    position: relative;
}
section#triming div#triming_bac h2 img {
    position: absolute;
    z-index: 2;
    bottom: -5%;
    width: 80%;
    left: 2%;
}
section#triming div#triming_pref {
    background: #66ccff;    
    padding: 5% 5% 5% 5%;
    color: #FFF;
}
section#triming div#triming_pref h3 {
    margin: 5% 0 0 0;
}
section#triming div#triming_pref div#table {
    width: 100%;
    display: table;
}
section#triming div#triming_pref div#table p {
    font-size: 0.85em;
    width: 90%;
    display: table-cell;
    padding: 0 5% 5% 0;
}
section#triming div#triming_pref div#table a#arrow {
    display: table-cell;
    width: 10%;
    vertical-align: middle;    
}
section#triming div#triming_pref ul li {
    float: left;
    width: 10%;
    margin: 2% 2% 2% 0;
}
section#triming+div#arrow {
    background: #e1e1e1;
    text-align: center;
    padding: 0 0 2% 0;
}
section#triming+div#arrow img {
    width: 15%;
}
/*----section#bussy---*/
section#bussy {
    background: #e1e1e1;
    padding: 5% 8% 12% 8%; 
}
section#bussy div#bussy_pref_blue {
    padding: 5%;
    background: #6da8ff;
    color: #FFF;
}
section#bussy div#bussy_pref_blue h3 {
    margin: 1% 0;
}
section#bussy div#bussy_pref_blue p {
    padding: 0 0 5% 0;  
    font-size: 0.85em;
}
section#bussy div#bussy_pref_blue div#center {
    text-align: center;
}
section#bussy div#bussy_pref_blue div#center img {
    margin: 2% 0;
    width: 25%;
}
section#bussy div#bussy_white {
    margin: 10% 0;
    background: #FFF;
    color: #7f7f7f;
    padding: 5%;
}
section#bussy div#bussy_white h3 {
    margin: 2% 0 2% 0;
    text-align: center;
}
section#bussy div#bussy_white h3 img {
    width: 90%;
}
section#bussy div#bussy_white p {
    font-size: 0.85em;
}
section#bussy div#bussy_white div#table {
    display: table;
    margin: 4% 0 2% 0;
}
section#bussy div#bussy_white div#table div#arrow {
    width: 12%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
section#bussy div#bussy_white div#table div#arrow img {
    width: 70%;
}
section#bussy div#bussy_white div#table div#preflist {
    width: 60%;
    display: table-cell;
    font-size: 0.85em;
} 
section#bussy div#bussy_white div#table div#links {
    width: 25%;
    display: table-cell;
    vertical-align: bottom;
}
section#bussy div#bogs_list ul {
    margin: 2% 0;   
}
section#bussy div#bogs_list ul li {
    width: 49%;
    float: left;
    margin: 0 0 1% 0;
}
section#bussy div#bogs_list ul li:nth-child(even){
    float: right;
}
/*----section#dog_daycare_3---*/
section#dog_daycare_3 {
    background:  #e1e1e1;
    padding: 0 0 2% 0;
}
section#dog_daycare_3 div#triming_bac {
    position: relative;    
}
section#dog_daycare_3 div#triming_bac h2 img#dog_daycare {
    position: absolute;
    z-index: 2;
    bottom: -5%;
    width: 80%;
    left: 2%;
}
section#dog_daycare_3 div#triming_pref {
    background: #803300;    
    padding: 5% 5% 5% 5%;
    color: #FFF;
    margin: -1px 0 0 0;
}
section#dog_daycare_3 div#triming_pref h3 {
    margin: 5% 0 0 0;
}
section#dog_daycare_3 div#triming_pref div#table {
    width: 100%;
    display: table;
}
section#dog_daycare_3 div#triming_pref p {
    font-size: 0.85em;
    width: 90%;
    display: table-cell;
    padding: 0 5% 5% 0;
}
section#dog_daycare_3 div#triming_pref a#arrow {
    display: table-cell;
    width: 10%;
    vertical-align: middle;    
}
section#dog_daycare_3 div#triming_pref ul li {
    float: left;
    width: 10%;
    margin: 2% 2% 2% 0;
}
section#dog_daycare_3 div#arrow {
    background:  #e1e1e1;
    text-align: center;
}
section#dog_daycare_3 div#arrow img {
    width: 15%;
}
section#dog_daycare_3 div#sougei,section#dog_daycare_3 div#raiten  {
    margin: 5% 8% 12% 8%;
    background: #FFF;
    padding: 5%;
}
section#dog_daycare_3 div#sougei h3,section#dog_daycare_3 div#raiten h3 {
    margin: 2% 0;
    text-align: center;
}
section#dog_daycare_3 div#sougei h3 img {
    width: 90%;
}
section#dog_daycare_3 div#raiten h3 {
    margin: 2% 0 3% 0;
}
section#dog_daycare_3 div#raiten h3 img {
    width: auto;
    height: 1.745em;
}
section#dog_daycare_3 div#sougei p {
    color: #7f7f7f;
    font-size: 0.85em;
    text-align: center;
    margin: 0 0 2% 0;
}
section#dog_daycare_3 div#raiten h3+img {
    margin: 3% 0;
    width: 80%;
}
section#dog_daycare_3 div#raiten div#links {
    text-align: right;
    margin: 4% 0 0 0;
}
section#dog_daycare_3 div#raiten div#links img {
    width: 60%
}
/*----section#pet_hotel---*/
section#pet_hotel {
    background:  #e1e1e1;
    padding: 0 0 10% 0;    
}
section#pet_hotel div#triming_bac {
    position: relative;    
}
section#pet_hotel div#triming_bac h2 img#dog_daycare {
    position: absolute;
    z-index: 2;
    bottom: -5%;
    width: 80%;
    left: 2%;
}
section#pet_hotel div#triming_pref {
    background: #c09a00;    
    padding: 5% 5% 5% 5%;
    color: #FFF;
    margin: -1px 0 0 0;
}
section#pet_hotel div#triming_pref h3 {
    margin: 5% 0 0 0;
}
section#pet_hotel div#triming_pref div#table {
    width: 100%;
    display: table;
}
section#pet_hotel div#triming_pref p {
    font-size: 0.85em;
    width: 90%;
    display: table-cell;
    padding: 0 5% 5% 0;
}
section#pet_hotel div#triming_pref a#arrow {
    display: table-cell;
    width: 10%;
    vertical-align: middle;    
}
section#pet_hotel div#triming_pref ul li {
    float: left;
    width: 10%;
    margin: 2% 2% 2% 0;
}
section#pet_hotel div#arrow {
    background:  #e1e1e1;
    text-align: center;
    margin: -1px 0 0 0;
}
section#pet_hotel div#arrow img {
    width: 15%;
}
section#pet_hotel div#docs_list {
    padding: 1%;
    background: #FFF;
    margin: 5% 2% 10% 2%;
}
section#pet_hotel div#docs_list img {
    width: 49%;
    float:left;
}
section#pet_hotel div#docs_list img:last-child {
    float: right;
}
section#pet_hotel div#setumei {
    padding: 5% 5% 10% 5%;
    background: #FFF;
    margin: 0 8% 10% 8%;    
}
section#pet_hotel div#setumei h3 {
    margin: 4% 0 0 1%;
    color: #999999;
}
section#pet_hotel div#setumei h3+p {
    margin: 0 0 0 10%;
    color: #666666;
    font-size: 0.85em;
}
section#pet_hotel div#setumei p#pref {
    padding: 0 0 0 16%;
    color: #666666;
    font-size: 0.85em;
    background: url(../img/index/icon/icon_boarding_kennel_point01.png) no-repeat left center;
    background-size: 14% auto;
}
section#pet_hotel div#setumei p#pref span {
    font-weight: bold;
}
section#pet_hotel div#setumei div#arrow {
    margin: 3% 0 3% 0;
    background: #FFF;
}
section#pet_hotel div#setumei div#arrow img {
    width: 10%;
}
section#pet_hotel div#map {
    margin: 0 8% 0 8%;
    background: #FFF;
}
section#pet_hotel div#map div#maplist {
    text-align: center;
}
section#pet_hotel div#map div#maplist img {
    margin: 3% 0;
    width: 85%;
}
section#pet_hotel div#prefbox {
    background: #fff5cc; 
    padding: 5% 7% 7% 7%;
}
section#pet_hotel div#prefbox h3 {
    color: #666666;
}
section#pet_hotel div#prefbox p {
    font-size: 0.85em;
    color: #666666;
}
div#main_img {
    margin: 15% auto 7% auto;
    width: 98%;
}
div#arrows_5 {
    text-align: left;
}
div#arrows_5 img {
    width: 15%;
    margin: 0 0 0 15%;
}
/*----section#shuttle_bus_service_training---*/
section#shuttle_bus_service_training {
    position: relative;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 {
    width: 60%;
    position: absolute;
    top:0;
    left: 0;
    padding: 3%;
    background: url(../img/index/shuttle_bus_service_5back.png) ;
    color: #FFF;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 span#tenpo {
    margin: 0 0 4% 0;
    display: block;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 span#tenpo img {
    width: 45%;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 h3 {
    margin: 0 0 3% 0;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 h3 img {
    width: 80%;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 h4 {
    font-size: 0.75em;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 p {
    font-size: 0.75em;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 div#links {
    text-align: center;
    margin: 1% 0 0 0;
}
section#shuttle_bus_service_training div#shuttle_bus_service_01 div#links img {
    width: 15%;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 {
    width: 55%;
    position: absolute;
    bottom:0;
    right: 0;
    padding: 3%;
    background: url(../img/index/shuttle_bus_service_6back.png) ;
    color: #FFF;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 span#tenpo {
    margin: 0 0 4% 0;
    display: block;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 span#tenpo img {
    width: 60%;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 h3 {
    margin: 0 0 3% 0;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 h3 img {
    width: 80%;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 h4 {
    font-size: 0.75em;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 p {
    font-size: 0.75em;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 div#links {
    text-align: center;
    margin: 1% 0 0 0;
}
section#shuttle_bus_service_training div#shuttle_bus_service_02 div#links img {
    width: 15%;
}
/*----section#factory---*/
section#factory {
    margin: 60px 0 30px 0;
}
section#factory p#preflist {
    padding: 5% 8% 7% 8%;
    color: #666666;
}
section#factory ul {
    width: 84%;
    margin: 2% auto;
}
section#factory ul li {
    width: 48%;
    float: left;
    margin: 0 0 2% 0;
}
section#factory ul li:nth-child(even){ 
    float: right;
}