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

/* @override 
  http://www.dogs-cats.jp/CSS/index.css */

/*
===Copyright and Credits==============
   CSS FILE for OGAWA ANIMAL HOSPITAL
   copyright : OGAWA ANIMAL HOSPITAL
======================================

===CONTENTS===========================
   last up date 04.14.2010
   start   date 03.25.2010
======================================
*/

body  {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
font-size: 13px;
line-height: 1.5em;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
#container {
	width: 850px;
	background: #FFFFFF;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #0066CC;
} 
#container strong { font-weight: normal; }

h1 {
	color: #0066CC;
	padding-left: 20px;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
}
h2 {
	font-size: 138.5%;
	color: #0066CC;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #0066CC;
}

/*--- header ----------*/
#header {
padding: 0;
background-image: url(../img/index/h-bg.gif);
height: 80px;
background-repeat: repeat-x;
background-position: left top;
} 
#header-navi {
float: right;
width: auto;
}
#header-navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header-navi li {
	display: inline;
	margin-right: 15px;
}
#header-navi a {
	text-decoration: none;
	color: #000000;
}
#header-navi a:hover {
	text-decoration: none;
	color: #0066CC;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	padding-bottom: 3px;
}

/*--- sidebar ----------*/
#sidebar {
	float: left;
	width: 200px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 15px;
}
.logo {
text-align: center;
font-size: 146.5%;
color: #0066CC;
font-weight: bold;
display: block;
margin-bottom: 50px;
}
#sidebar p {
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 10px;
line-height: 1.2em;
}
.s-p-l {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	margin: 0px;
	color: #0066CC;
	font-size: 108%;
	font-weight: bold;
}
#sidebar01 {
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 10px;
line-height: 1.2em;
}

#sidebar00 {
	font-size: 93%;
	line-height: 1.2em;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: #ECF3FF;
}
#ifr {
	margin-top: 20px;
	text-align: center;
}

/*--- content ----------*/
#content {
margin-left: 230px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
} 
#content dl {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content dt {
	margin-bottom: 10px;
	background-color: #CCCCCC;
	padding-left: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #666666;
	color: #0066CC;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
#content dd {
	padding-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#movie {
height: 200px;
margin-bottom: 20px;
}

/*--- footer ----------*/
#footer {
	text-align: center;
	padding: 0px;
	margin: 0px;
} 
#footer p {
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}

#footer-navi {
	margin-bottom: 10px;
}
#footer-navi ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#footer-navi li {
	display: inline;
	margin-right: 20px;
}
#footer-navi a {
	font-size: 93%;
	text-decoration: none;
	color: #000000;
}
#footer-navi a:hover {
	text-decoration: none;
	background-color: #006699;
	color: #FFFFFF;
}
#address {
background-color: #CCCCCC;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #0066CC;
}


/*--- other ----------*/
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link {
	text-decoration: none;
	color: #0066CC;
}
a:visited {
	text-decoration: none;
	color: #0066CC;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
	color: #0066CC;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 {
	font-size:100%;
	font-style: normal;
}
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.left05 { margin-left:5px; }
.left10 { margin-left:10px; }
.left20 { margin-left:20px; }
.top05 { margin-top:5px; }
.top10 { margin-top:10px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.bottom10 {margin-bottom: 10px;}
.bottom20 {margin-bottom: 20px;}
.bottom30 {margin-bottom: 30px;}
.bottom40 {margin-bottom: 40px;}
.right10 {margin-right: 10px;}
.right20 {margin-right: 20px;}
.right30 {margin-right: 30px;}
.right40 {
	margin-right: 40px;
}
#shock {
	padding: 10px;
	border: 1px solid #000000;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#shock #red {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-bottom: 5px;
	letter-spacing: 0.2em;
}