/*  
Site Name: Hibiki Veterinary Clinic.
Version: 1.0
Author:Hibiki Veterinary Clinic.
Author URI: http://www.hibiki-ah.com
Creator: Mochola Co Ltd. http://mochola.jp/
*/

/* Reset */

body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
img,
table,th,td,
dl,dt,dd,
form {
	margin: 0px;
	padding:0px;
	border: 0px;
	font-style: normal;
	font-size: 100%;
}

/* Base Setting */
body{
	font-family:"ＭＳ Ｐゴシック",Osaka;
	background-color:#fff;
	background-image: url(/image/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	color:#333;
	text-align: center;/* center on ie */
}

/* headings*/
h1, h1 a,h2, h2 a,h3 a,h4 a{
	color:#02539C;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{
	color:#cc0000;
}


/* links*/
a{
	text-decoration: underline;
	color: #02539C;
}

a:hover{
	text-decoration:none;
	color: #003366;
}

a img{
	border:none;
}


/* paragraphs, lists, etc*/
p{
	margin:0;
	padding:0 0 18px 0;
}

ul{
	margin:0 0 0 15px;
	padding:0 0 18px 0;
}

ul ul{
	padding:0;
}

blockquote{
	margin:0;
	padding:0 18px;
	font-style:italic;
}

pre{
	overflow:auto;
	margin:0 0 18px 0;
	padding:4px;
}

hr{
	color: #ccc;
	width: 100%;
}

/* images*/
img.left{
	float:left;
	margin:0 12px 0 0;
}

img.right{
	float:right;
	margin:0 0 0 12px;
}

img.center{
	display: block;
	margin:0 auto;
}
img.spacer{
	margin-bottom: 15px;
}

/* font-size */
.small{
	font-size: 75%;
	line-height: 140%;
}
.big{
	font-size: 110%;
	line-height: 160%;
}

/* font-color */
.red{
	color: #cc0000;
}
.redb{
	color: #cc0000;
	font-weight: bold;
}
.blue{
	color: #003366;
}
.grey{
	color: #999;
}
.lb{
	color: #0099cc;
}

.bold{
	font-weight: bold;
}

/* align */
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}

/* container */
#container{
	background-color:#fff;
	background-image: url(/image/bg_contents.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; /* center on everything else */
	margin-right: auto; /* center on everything else */
	padding: 0px;
	width: 808px;
	height: 100%;
	text-align: center;
}

.breadcrumbs{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #666;
	font-size: 75%;
	line-height: 140%;
}

/* header*/
#header{
	background-image: url(/image/bg_header.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 808px;
	height: 255px;
	text-align: left;
}
*html #header .logo{
	margin-top: 74px;
	margin-left: 5px;
	padding: 0px;
	width: 574px;
	float: left;
}
#header .logo{
	margin-top: 74px;
	margin-left: 10px;
	padding: 0px;
	width: 574px;
	float: left;
}
#header .subnav{
	margin-top: 90px;
	padding: 0px;
	width: 220px;
	text-align: left;
	float: right;
}
#header ul.btnnav{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#header ul.btnnav li{
	margin: 0px;
	padding: 0px;
}

/* topsidebar */
*html #topsidebar{
	float: right;
	width: 218px;
	margin-right: 5px;
	padding: 0px;
	text-align: left;
	background-color:#fff;
}
#topsidebar{
	float: right;
	width: 218px;
	margin-right: 15px;
	padding: 0px;
	text-align: left;
	background-color:#fff;
}

#topsidebar .notemini{
	background-image: url(/image/notehead2.gif);
	background-repeat: no-repeat;
	background-color: #E9E8E6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: center;
}
#topsidebar .notemini img{
	margin-top: 30px;
	margin-left: 5px;
	padding: 0px;
}
#topsidebar .entrymini{
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	text-align: left;
}
#topsidebar .entrymini p{
	padding: 0px;
	font-size: 85%;
	color: #333;
	line-height: 185%;
}


/* sidebar */
*html #sidebar{
	float: right;
	width: 218px;
	margin-right: 7px;
	padding: 0px;
	text-align: left;
	background-color:#fff;
}
#sidebar{
	float: right;
	width: 218px;
	margin-right: 15px;
	padding: 0px;
	text-align: left;
	background-color:#fff;
}

#sidebar .notemini{
	background-image: url(/image/notehead2.gif);
	background-repeat: no-repeat;
	background-color: #E9E8E6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: center;
}
#sidebar .notemini img{
	margin-top: 30px;
	margin-left: 5px;
	padding: 0px;
}
#sidebar .entrymini{
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	text-align: left;
}
#sidebar .entrymini p{
	padding: 0px;
	font-size: 85%;
	color: #333;
	line-height: 185%;
}
#sidebar .notemini{
	background-image: url(/image/notehead2.gif);
	background-repeat: no-repeat;
	background-color: #E9E8E6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: center;
}
#sidebar .notemini img{
	margin-top: 30px;
	margin-left: 5px;
	padding: 0px;
}
#sidebar .entrymini{
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	text-align: left;
}
#sidebar .entrymini p{
	padding: 0px;
	font-size: 85%;
	color: #333;
	line-height: 185%;
}
#sidebar .entrymini p.border{
	border-bottom: 1px dotted #696969;
}

/* topcontent*/
*html #topcontent{
	float: left;
	width: 550px;
	margin-left: 5px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
}
#topcontent{
	float: left;
	width: 550px;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
}

#topcontent .note{
	background-image: url(/image/bg_notehead.gif);
	background-repeat: no-repeat;
	background-color: #E9E8E6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
}
#topcontent .note img{
	margin-top: 30px;
	margin-left: 5px;
	padding: 0px;
}
#topcontent .entry{
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	text-align: left;
}

/* topimage*/
#topimage{
	margin-bottom: 10px;
	padding: 0px;
	width: 550px;
	height: 310px;
}

/* content*/
*html #content{
	float: left;
	width: 550px;
	margin-left: 5px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
}
#content{
	float: left;
	width: 550px;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
}

#content h2{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 13px;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background-image: url(/image/h2_bg.gif);
	background-repeat: no-repeat;
}
#content h2 a{
	color: #fff;
}
#content h3{
	background-color: #ffffff;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 105%;
	font-weight: bold;
	color: #996C33;
	line-height: 150%;
	border: 1px dashed #996C33;
}
#content h3.fusen{
	margin-top: 20px;
	padding: 0px;
}

#content h4{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 5px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	line-height: 150%;
	background-color: #996C33;
}
#content p{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-size: 85%;
	color: #333;
	line-height: 185%;
	letter-spacing: 1px;
}
#content table{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #fff;
	width: 90%;
}

#content td{
	font-size: 85%;
	color: #696969;
	line-height: 150%;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
}
#content td.head{
	font-weight: bold;
	color: #696969;
	background-color: #FFCC66;
}
#content td.even{
	color: #666;
	background-color: #F5F5DC;
}
#content .topcontent{
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
}
#content .topcontent h2{
	margin: 0px;
	padding: 0px;
}
#content .photo{
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 0px;
	width: 110px;
	text-align: left;
	float: left;
}
#content .text{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding: 3px;
	width: 420px;
	font-size: 85%;
	line-height: 150%;
	letter-spacing: 1px;
	text-align: left;
	background-color: #f5f5f5;
	float: right;
}
#content .columnleft{
	margin-top: 10px;
	width: 400px;
	text-align: left;
	float: left;
}
#content .columnleft ul{
	background-image: url(/image/box400_bg.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content .columnleft p{
	margin: 0px;
	padding: 5px;
	font-size: 100%;
}
#content .columnleft ul li{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
}
#content .columnleft ul li.bottom{
	background-image: url(/image/box400_bottom.jpg);
	width: 400px;
	height: 10px;
}
#content .columnright{
	margin-top: 10px;
	width: 170px;
	text-align: left;
	float: right;
}
#content .columnright ul{
	background-image: url(/image/box170_bg.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content .columnright ul li{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
}
#content .columnright p{
	margin: 0px;
	padding: 5px;
	width: 155px;
	line-height: 150%;
	letter-spacing: 0px;
	font-size: 100%;
}
#content .columnright ul li.bottom{
	background-image: url(/image/box170_bottom.jpg);
	width: 170px;
	height: 10px;
}

*html #content .note{
	background-image: url(/image/bg_notehead.gif);
	background-repeat: no-repeat;
	background-color: #E9E8E6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	width: 500px;
	text-align: left;
}
*html #content .note h2{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px;
}
#content .note{
	background-image: url(/image/bg_notehead.gif);
	background-repeat: no-repeat;
	background-color: #E9E8E6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
}
#content .note img{
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 0px;
}
*html #content .entry{
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	width: 480px;
	text-align: left;
}
#content .entry{
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	text-align: left;
}
#content .entry p img{
	margin-right: 10px;
}

#content ul.list{
	margin-bottom: 20px;
	padding: 0px;
	list-style-type: none;
}

#content ul.list li{
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 85%;
	line-height: 150%;
	letter-spacing: 1px;
	border-bottom: #ccc solid 2px;
}
#content ul.list li a{
	font-size: 110%;
	font-weight: bold;
}

#content .entry ul{
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 0px;
}
#content .entry ul li{
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	line-height: 150%;
	letter-spacing: 1px;
}
#content .entry ol{
	margin-left: 45px;
	margin-right: 45px;
	margin-bottom: 20px;
	padding: 0px;
}
#content .entry ol li{
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	line-height: 150%;
	letter-spacing: 1px;
}
#content .entry div.sq{
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
	background-color: #fff;
}
#content .entry ol.sq{
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	color: #FF9933;
}
#content .entry ol.list li{
	padding-bottom: 20px;
}
#content .entry dl{
	margin-bottom: 20px;
	padding: 0px;
}
#content .entry dl dt{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 85%;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 1px;
	border-left: 3px solid #03A95F;
}
#content .entry dl dd{
	margin: 0px;
	padding-bottom: 10px;
	font-size: 85%;
	line-height: 150%;
	letter-spacing: 1px;
}
#content .pagetop{
	margin-top: 10px;
	margin-right: 20px;
	padding-top: 10px;
	text-align: right;
}

table.mailform td{
	border: none;
}


/* sitemap list*/
#content ul.sitemap{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	list-style-type: none;
}

#content ul.sitemap li{
	font-size: 85%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

/* news */
ul.news{
	margin-bottom: 20px;
	padding: 0px;
	list-style-type: none;
}
ul.news li{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 95%;
	color: #333;
	line-height: 130%;
	border-bottom: 1px dashed #333;
}
.date{
	font-size: 95%;
	color: #333;
	line-height: 150%;
	letter-spacing: 1px;
}
.more{
	margin-top: 5px;
	padding: 0px;
	font-size: 85%;
	text-align: right;
	border-bottom: none;
}

/* form*/
form .text{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 170px !important;
	border: 1px solid #ccc;
	color:#333;
	background-color: #fff;
}
form .button{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60px !important;
	font-weight: bold;
	border:1px solid #ccc;
	background-color:#f5f5f5;
	cursor: pointer;
}
form .button:hover{
	background-color:#999;
	cursor: pointer;
}

/* content misc*/
.pagenav{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 75%;
	text-align: center;
	background-color:#f5f5f5;
}
.next {
	margin-left: 20px;
	text-align: right;
	width: 250px;
	float: right;
}
.previous {
	margin-right: 20px;
	text-align: left;
	width: 250px;
	float: left;
}

/* footermenu */
ul.footermenu{
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
	list-style-type: none;
	width: 800px;
}
ul.footermenu li{
	margin-right: 3px;
	font-size: 70%;
	color: #696969;
	display: inline;
}
ul.footermenu li.textb{
	font-weight: bold;
}

/* footer*/
#footer{
	position: relative;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto; /* center on everything else */
	margin-right: auto; /* center on everything else */
	padding: 0px;
	width: 808px;
	text-align: center;
}

#footer address{
	background-color: #fff;
	background-image: url(/image/bg_footer_bottom.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 25px;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	color: #696969;
	letter-spacing: 1px;
	background-color:#fff;
}