@charset "utf-8";
/* CSS Document */


@media screen and (max-width:699px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#tel {
display: none;
}



#news {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
#news ul li {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px dotted #C5C5C5;
}


#contact_title {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
	font-size: 15px;
	color: #464646;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 8px;
	padding-top: 8px;
	line-height: 22px;
	clear: both;
}

#index_link p a {
	width: 85%;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background-color: #787169;
	color: #FFFFFF;
	-webkit-box-shadow: 7px 7px #E7E6E5;
	box-shadow: 7px 7px #E7E6E5;
}
#index_link p a:hover {
	background-color: #938C84;
}

#index_link2 p a {
	width: 85%;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background-color: #CCA122;
	color: #FFFFFF;
	-webkit-box-shadow: 7px 7px #E4DCC5;
	box-shadow: 7px 7px #E4DCC5;
}
#index_link2 p a:hover {
	background-color: #F0C616;
}

#index_link3 p a {
	width: 85%;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background-color: #5382B3;
	color: #FFFFFF;
	-webkit-box-shadow: 7px 7px #D9DFE5;
	box-shadow: 7px 7px #D9DFE5;
}
#index_link3 p a:hover {
	background-color: #6996C5;
}

body {
	line-height: 1;
	font-family: "Meiryo UI";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#ue {
display: none;
}
#logo {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
#header {
	background-image: url(../image/back1.gif);
	background-repeat: repeat;
	padding-bottom: 5px;
	padding-top: 5px;
}	

#index_photo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#index_maintext {
	font-size: 14px;
	line-height: 22px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
#index_maintext h1 {
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 10px;
}

#index_midashi {
	margin-bottom: 10px;
}
#index_kakeizu {
	height: 420px;
	width: 770px;
}

#index_syuruiback {
	background-image: url(../image/back2.gif);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 5px;
}
#index_kakeizu .text {
	font-size: 16px;
	line-height: 24px;
	padding-top: 10px;
	padding-right: 70px;
	padding-left: 30px;
}
#index_syurui {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}
#index_syurui h2 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #292929;
	line-height: 24px;
	border-left: 5px solid #EDC831;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
#index_syurui h3{
	font-size: 20px;
	margin-bottom: 15px;
	color: #292929;
	line-height: 24px;
	border-left: 5px solid #3D88D8;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	clear: both;
}

#index_flowlink {
	height: 193px;
	width: 218px;
	float: left;
}
#index_youi {
	height: 240px;
	width: 692px;
	font-size: 15px;
	float: right;
}
#index_contents {
	height: 250px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#index_contentsback {
	background-image: url(../image/back5.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
#foot_tel {
display: none;
}
#foot_link a {
	width: 85%;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background-color: #6D8E34;
	color: #FFFFFF;
	-webkit-box-shadow: 7px 7px #DFE7D3;
	box-shadow: 7px 7px #DFE7D3;	
}
#foot_link p a:hover {
	background-color: #8DB052;
}

#sp_tel a {
	width: 85%;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #34548E;
	color: #FFFFFF;
	-webkit-box-shadow: 7px 7px #D3D7E7;
	box-shadow: 7px 7px #D3D7E7;
}
#sp_tel a:hover {
	background-color: #5262B0;
}	
#index_foot {
	margin-bottom: 20px;
}
#pan {
display: none;
}

#foot_menu a {
	color: #333333;
}
#foot_menu a:hover {
	color: #0099CC;
}
#foot_menu {
display: none;
}
#foot_text {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}
#foot_back {
	background-image: url(../image/back3.gif);
	background-repeat: repeat;
	padding-top: 10px;
}
#page_main {
	font-size: 20px;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-bottom: 20px;
	background-color: #F1F1F3;
}
	
#pet_page_main {
	font-size: 20px;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-bottom: 20px;
	background-color: #F1F1F3;
}	
#title {
	font-size: 20px;
	margin-bottom: 15px;
	color: #292929;
	line-height: 24px;
	border-left: 5px solid #D5D5D5;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
#text {
	font-size: 15px;
	line-height: 25px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
#text img {
	float: left;
	margin-right: 15px;
	width: 45%;
}
#text2 {
	font-size: 15px;
	line-height: 25px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;

}
#text2 .tel {
display: none;
}	

#onayami_photo {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
#onayami_text {
	font-size: 14px;
	line-height: 24px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;	
}
#onayami_box {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
}
#onayami_title {
	height: 60px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#onayami_back {
	background-image: url(../image/back1.gif);
	background-repeat: repeat;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 30px;
}
#sp_onayami_koumoku {
	width: 88%;
	margin-right: auto;
	margin-left: auto;	
}	
#onayami_koumoku {
	width: 33%;
	float: left;
}
#onayami_koumoku p {
	line-height: 35px;
	font-size: 16px;
}
#onayami_profile {
	font-size: 14px;
	line-height: 24px;
}
#onayami_eto {
display: none;
}
#onayami_profilebox {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#onayami_table {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#onayami_table th {
	font-size: 18px;
	padding: 10px;
	background-color: #F9F5F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #736859;
	display: block;
}
#onayami_table td {
	font-size: 18px;
	padding: 10px;
	text-align: center;
	display: block;	
}
#onayami_table .center {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #736859;
	border-left-color: #736859;
}
#price_box {
	width: 95%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#price_photo {
	margin-bottom: 15px;
	width: 90%;
	margin-right: auto;	
	margin-left: auto;
}
#price_text {
	font-size: 15px;
	line-height: 25px;
	width: 95%;
	margin-right: auto;	
	margin-left: auto;
}
#price_text .nedan {
	font-weight: bold;
	background-color: #DBE3E5;
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
#price_text .caption {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#company_table {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#company_table th {
	font-size: 16px;
	text-align: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #F4F4F0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1CFC5;
	display: block;
}
#company_table td {
	font-size: 14px;
	line-height: 24px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D1CFC5;
	display: block;
}
#omoi_text {
	margin-right: auto;
	margin-left: auto;
}
#omoi_texta {
	font-size: 14px;
	line-height: 24px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
#omoi_texta img {
	width: 55%;
	margin-right: 6px;
	float: left;
}
#omoi_textb {
	font-size: 14px;
	line-height: 24px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
#omoi_textb img {
	width: 55%;
	margin-right: 6px;
	float: left;
}
#omoi_kazoku {
display: none;
	
}
#mail {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#mailform .mailform th {
	font-size: 18px;
	font-weight: lighter;
	padding: 15px;
	text-align: left;
	vertical-align: middle;
	background-color: #F8F8F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7B5A2;
}
#mailform .mailform td {
	font-size: 15px;
	line-height: 20px;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B7B5A2;
}
#index_back {
	padding-top: 20px;
}
	
#flow_image {
display: none;
}	
#sp_flow {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}	
#sp_flow img {
	width: 30%;
	float: left;
}	

#sp_flow .text {
	float: right;
	font-size: 15px;
	line-height: 23px;
	width: 68%;
}		
#sp_flow .text strong {
	font-size: 18px;
	margin-bottom: 6px;
}

#sp_white {
	margin-bottom: 10px;
	height: 10px;
	width: 95%;
	clear: both;
}	
.gmap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.gmap iframe, .gmap object, .gmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	
#pet_item {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 20px;
}	
#pet_item .photo {
	margin-bottom: 6px;
}	
	
#pet_option {
	width: 90%;
	background-color: #F1F1F1;
	margin-bottom: 50px;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	font-size: 14px;
	line-height: 22px;
}	
	
#pet_option p img {
	margin-top: 10px;
	margin-bottom: 10px;
}
#pet_option p strong {
	font-size: 20px;
	line-height: 38px;
	border-bottom: 3px dotted #FBBE28;
}
#pet_option p a {
	text-shadow: 0px 0px;
	color: #2F86D7;
	text-decoration: none;
}
#pet_option p a:hover {
	color: #28BCFB;
}	

#pet_flow_photo {
	margin-right: auto;
	margin-left: auto;	
	width: 90%;
}
#pet_flow_text {
	margin-right: auto;
	margin-left: auto;	
	width: 90%;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 26px;	
}
#pet_flow_text p strong {
	font-size: 18px;
	line-height: 25px;
	color: #93572A;
}	
	
	
}