* {
outline:none;
}

body {
margin:0;
padding:0;
font-family:arial, sans-serif;
font-size:12px;
line-height:16px;
}

h1 {
font-size:16px;
font-family:verdana;
font-weight:bold;
margin:0;
padding:0 0 20px 0;
color:#000;
}

h2 {
font-size:14px;
font-family:verdana;
font-weight:bold;
margin:0;
padding:0 0 10px 0;
color:#666;
}

hr {
height:1px;
overflow:hidden;
background-color:#fff;
border:0;
border-top:1px solid #ddd;
margin:0;
color:#fff;
}

a, a:link, a:active, a:visited {
text-decoration:none;
color:#7d0a17;
}

a:hover {
color:#000;
}

img {
border:0;
}




#body {
text-align:center;
}

#page {
position:relative;
width:980px;
margin:0 auto;
text-align:left;
background-image:url(/images/page-bg.png);
background-repeat:repeat-y;
background-position:center top;
}

#header {
position:absolute;
top:0;
left:50px;
width:880px;
}

#header .logo {
display:block;
position:absolute;
top:10px;
width:360px;
height:60px;
background-image:url(/images/aris-dog-logo.png);
background-repeat:no-repeat;
background-position:top left;
}

#header .logo span {
position:absolute;
top:-1000px;
}

#header .call {
display:block;
position:absolute;
right:0;
top:33px;
width:270px;
height:89px;
background:#fff url(/images/call-dog.jpg) no-repeat right bottom;
}

#header .call div {
padding-top:35px;
font-size:16px;
line-height:20px;
font-family:verdana, sans-serif;
}

#header .call .type-1 {
color:#669933;
}

#header .call .type-2 {
color:#a4ca7d;
}

#header .call .type-3 {
color:#669933;
font-size:20px;
font-weight:bold;
}

#nav {
position:absolute;
top:90px;
width:880px;
height:33px;
border-bottom:1px solid #ccc;
}

#nav .item {
display:block;
float:left;
height:20px;
line-height:20px;
padding-right:25px;
padding-left:23px;
background-image:url(/images/nav-icon.png);
background-repeat:no-repeat;
background-position:left 0;
text-decoration:none;
color:#999;
font-size:14px;
font-family:verdana;
font-weight:bold;
}

#nav .item:hover, #nav .item.active {
background-position:left -20px;
color:#000;
}

#content {
min-height:300px;
padding:150px 50px 50px 50px;
color:#666;
}

#content .content-left {
float:left;
width:500px;
}

#content .content-right {
width:320px;
float:right;
border:1px solid #ccc;
background-color:#eee;
}

#content .content-right .pad {
padding:0 10px 20px 10px;
}

#content .content-right .pad div {
padding:10px 0 5px 0;
line-height:20px;
}

#content .content-right .pad div span {
font-weight:bold;
}


#footer {
height:100px;
background-image:url(/images/footer-bg.png);
background-repeat:no-repeat;
background-position:center bottom;
line-height:25px;
}

#footer .pad {
padding:0 50px 0 50px;
font-size:10px;
color:#999;
}

#footer hr {
margin-bottom:10px;
}

#footer .links {
float:left;
width:520px;
}

#footer .links a {
color:#999;
margin:0 5px 0 2px;
text-decoration:none;
}

#footer .links a:hover {
color:#555;
}

#footer .legal {
width:300px;
float:right;
}

#footer .language {
width:38px;
height:25px;
overflow:hidden;
float:right;
position:relative;
}

#footer .language a {
display:block;
width:38px;
height:25px;
overflow:hidden;
background:#fff url(/images/language-flags.gif) no-repeat left top;
}

#footer .language a.jp {
background-position:0 top;
}

#footer .language a.en {
background-position:-38px top;
}

#footer .language span {
display:block;
position:absolute;
top:-30px;
}

.subnav {
width:200px;
float:left;
border-right:1px solid #ddd;
min-height:300px;
}

.subnav .header {
display:block;
font-weight:bold;
padding-bottom:10px;
color:#000;
font-size:14px;
}

.subnav .item {
display:block;
font-weight:bold;
padding:0 0 10px 10px;
}

.subnav .item.active {
text-decoration:underline;
}

.subcontent {
width:650px;
float:right;
margin-left:20px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}



#curtain {
display:none;
position:fixed;
left: 0;
top: 0;
z-index:100;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}

#services {
display:none;
position:fixed;
z-index:100;
top:150px;
left:50%;
margin-left:-175px;
width:420px;
float:right;
background-color:#fff;
border:1px solid #ddd;
border-radius: 5px;
cursor:pointer;
}

#services>.pad {
padding:20px;
}

#services>.pad .pad {
padding:15px;
}

#services h1 {
padding:0 0 10px 0;
}

#services .breeds {
padding-bottom:10px;
color:#888;
font-size:10px;
}

.service {
float:left;
width:180px;
height:200px;
border:2px solid #ccc;
border-radius:5px;
background-color:#eee;
}

.service.right {
float:right;
}

#services .note {
clear:both;
padding:15px 0 5px 0;
text-align:center;
font-size:16px;
font-weight:bold;
color:#888;
}

.service .pad {
padding:10px;
}

.service .heading {
font-weight:bold;
font-size:14px;
height:25px;
}

.service .list {
height:100px;
}

.service .price {
height:50px;
line-height:45px;
font-weight:bold;
font-size:22px;
text-align:left;
padding:10px 0 0 70px;
}

.service .price.tick {
background:#eee url(/images/tick.png) no-repeat 10px center;
}

.service .price.cross {
background:#eee url(/images/cross.png) no-repeat 10px center;
}

#price-groups {
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.price-group {
padding:10px;
background-color:#eee;
border:2px solid #ddd;
border-radius:5px;
cursor:pointer;
}

.price-group pre {
display:none;
}

.price-group h2 {
padding:0 0 10px 0;
margin:0;
font-size:12px;
}

.price-group .type {
position:relative;
width:80px;
height:80px;
float:left;
background-image:url(/images/type-breeds.jpg);
background-repeat:no-repeat;
background-position:left top;
}	

.price-group .type span {
display:block;
width:80px;
height:33px;
position:absolute;
top:85px;
font-size:10px;
text-align:center;
font-weight:bold;
line-height:11px;
}

.price-group .clear {
height:33px;
}


table.form {
border-collapse:collapse;
width:100%;
}

table.form th, table.form td {
padding:3px 5px 1px 3px;
margin:0;
vertical-align:top;
}

table.form td.label {
padding:7px 20px 3px 0;
white-space:nowrap;
}

table.form td.field {
width:100%;
}

table.form input.field, table.form textarea.field {
width:230px;
border:1px solid #ccc;
padding:3px;
font-weight:bold;
font-size:14px;
}

table.form textarea.field {
height:100px;
}

table.form input.button {
padding:3px 15px 5px 15px;
background-color:#7d0a17;
text-align:center;
color:#fff;
font-weight:bold;
border-radius:3px;
border:0;
margin:4px 0 0 0;
}

.error {
padding:10px 0 10px 0;
font-weight:bold;
color:#a00;
}

.info {
padding:10px 0 10px 0;
font-weight:bold;
color:#0a0;
}

p.feature {
font-size:13px;
font-style:italic;
font-weight:bold;
}

.more-info {
width:420px;
float:left;
border:2px solid #ccc;
border-radius:5px;
margin-bottom:20px;
}

.more-info.right {
float:right;
}

.more-info .pad {
padding:20px;
}

.photo {
padding:10px;
float:left;
border:1px solid #ddd;
margin:0 20px 20px 0;
}

.photo.right {
float:right;
margin:0 0 20px 20px;
}

.photo .caption {
text-align:center;
padding-top:5px;
font-size:10px;
font-weight:bold;
}


.stage {
float:left;
border-radius:0;
background-color:#f2f2f2;
text-align:center;
border:1px solid #ccc;
}

.stage img {
width:250px;
/* height:188px; */
display:block;
}

.stage .title {
width:230px;
font-size:14px;
font-weight:bold;
padding:10px 10px 0 10px;
}

.stage .description {
width:230px;
height:24px;
margin:5px 0 10px 0;
padding:0 10px 0 10px;
font-size:10px;
color:#888;
line-height:12px;
}

.arrow {
float:left;
width:35px;
height:35px;
border:2px solid #81ad37;
border-color:#bae15c #81ad37 #81ad37 #bae15c;
border-radius:5px;
margin:20px 7px 20px 7px;
background-color:#eee;
background-repeat:no-repeat;
background-position:center center;
}

.arrow.left {
margin-top:100px;
background-image:url(/images/arrow-left.png);
background-position:1px 0;
}

.arrow.right {
margin-top:100px;
background-image:url(/images/arrow-right.png);
background-position:center 0;
}

.arrow.down {
margin-left:100px;
background-image:url(/images/arrow-down.png);
}


#birthday {
height:70px;
line-height:50px;
font-size:50px;
font-weight:bold;
font-family:verdana, sans-serif;
color:#bb0a21;
margin:0;
}