/* CSS Document */



@charset "utf-8";



/*///////////タグ///////////*/
html,body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat;
	background-position: center bottom;

}


/*///////////ナビ設定///////////*/
#navigation {
		width: 850px;
		margin: 0;
		padding: 0;
	}

#navigation ul {
		margin: 0;
		padding: 0;
	}

#navigation li{
	float: left;
	width: 141px;
	margin: 0;
	padding: 0;
	list-style-type: none
	}

#navigation li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 43px;
	padding-top: 43px;
	background-image: url(/images/navi.jpg);

	}

/*   オフマウス  */
#top a{ background-position: 0 0;}
#about a{ background-position: -141px 0;}
#contents a{ background-position: -280px 0;}
#trimming a{ background-position: -421px 0;}
#hotel a{ background-position: -562px 0;}
#staff a{ background-position: -703px 0;}

/*   オンマウス  */
/*#top a:hover{ background-position: 0 -43px;}*/
#top a:hover{ background-position: 0 -43px;}
#about a:hover{ background-position: -141px -43px;}
#contents a:hover{ background-position: -281px -43px;}
#trimming a:hover{ background-position: -421px -43px;}
#hotel a:hover{ background-position: -562px -43px;}
#staff a:hover{ background-position: -703px -43px;}

/*   アクティブオフマウス  */
#top_ac a{ background-position: 0 -43px;}
#about_ac a{ background-position: -141px -43px;}
#contents_ac a{ background-position: -281px -43px;}
#trimming_ac a{ background-position: -421px -43px;}
#hotel_ac a{ background-position: -562px -43px;}
#staff_ac a{ background-position: -703px -43px;}

/*   アクティブオンマウス  */
#top_ac a:hover{ background-position: 0 -43px;}
#about_ac a:hover{ background-position: -141px -43px;}
#contents_ac a:hover{ background-position: -281px -43px;}
#trimming_ac a:hover{ background-position: -421px -43px;}
#hotel_ac a:hover{ background-position: -562px -43px;}
#staff_ac a:hover{ background-position: -703px -43px;}




/*///////////ボックス///////////*/




/*トップページ*/

div.bn_box{
	width:850px;
	height:330px;
	margin:0px auto;
	}

div.menu_box_top{
	width:220px;
	height:346px;
	background-image: url(/images/bg_menu_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:10px;
	}
	
div.contents_box_top{
	width:630px;
	height:547px;
	background-image: url(/images/bg_my_contents_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	}

div.contents_area_top{
	width:630px;
	height:587px;
	padding-top:100px;
	padding-left:60px;
	}

div.contents_topics_box{
	/*width:518px;*/
	/*height:380px;*/
	width:515px;
	height:400px;
	font-size:12px;
	}
	
/*中のページ*/

div.menu_box{
	width:220px;
	height:346px;
	background-image: url(/images/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:10px;
	}

div.contents_box{
	width:630px;
	background-repeat: no-repeat;
	background-position: center top;
	}

div.contents_textarea{
	width:550px;
	margin:20px;
	font-size:13px;
	color:#333333;
	}

div.contents_textarea_13{
	width:550px;
	margin:20px;
	font-size:13px;
	color:#333333;
	}

div.contents_textarea_14{
	width:550px;
	margin:20px;
	font-size:14px;
	color:#333333;
	}
div.contents_textarea_15{
	width:550px;
	margin:20px;
	font-size:14px;
	color:#333333;
	}

/*ブログ*/

div.blog_box{
	width:540px;
	margin:0px auto;
	padding-top:15px;
	padding-bottom:10px;
	background-image: url(/images/bg_blog.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	clear:both;
}

div.blog_area{
	width:496px;
	margin-left:32px;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px dotted #EBE0D3;
	background-color: #FFFFFF;
}

div.blog_title{
	width:486px;
	font-size: 15px;
	padding:10px;
	color: #484848;
	font-weight: bold;
}

div.blog_date{
	width:486px;
	font-size: 10px;
	padding-right:10px;
	color:#5CB0BC;
	font-weight: bold;
}


div.blog_text{
	width:486px;
	font-size: 12px;
	padding:10px;
	color: #484848;
}

/*縦幅が変動するメニューボックス*/

.menu_box{
	width:220px;
	margin-top:10px;
	font-size: 13px;
	color:#333333;
}
.blog_menu_date{
	font-size: 13px;
	color:#999999;
}

/*日常診療*/

div.treatment_box{
	width:540px;
	margin:0px auto;
	padding-top:15px;
	padding-bottom:10px;
	background-image: url(/images/bg_blog.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	clear:both;
}

div.treatment_area{
	width:496px;
	margin-left:32px;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px dotted #EBE0D3;
	background-color: #FFFFFF;
}

div.treatment_title{
	width:486px;
	font-size: 15px;
	padding:10px;
	color: #484848;
	font-weight: bold;
}

div.treatment_date{
	width:486px;
	font-size: 10px;
	padding-right:10px;
	color:#5CB0BC;
	font-weight: bold;
}


div.treatment_text{
	width:486px;
	font-size: 12px;
	padding:10px;
	color: #484848;
}
.treatment_menu_box{
	width:220px;
	margin-top:10px;
	font-size: 13px;
	color:#333333;
}
.treatment_menu_date{
	font-size: 13px;
	color:#999999;
}



/*カットの画像*/

.img_border{
	padding: 2px;
	border: 1px dashed #84B8D5;
}

/*トリミング料金　テーブル*/
table.price{
	width: 100%;
	margin:0px;
	font-size:14px;
	color:#333333;
	border: 1px solid #F0E9D6;
}

th.price{
	background-color:#F0E9D6;
	border: 1px solid #F0E9D6;
	padding:5px 0;
}

td.price{
	border: 1px solid #F0E9D6;
	padding:5px 0;
}

td.price02{
	background-color:#F0E9D6;
	border: 1px solid #F0E9D6;
	padding:5px 0;
}

/*ペットホテル料金　テーブル*/
table.hotel{
	width: 100%;
	margin:0px;
	font-size:14px;
	color:#333333;
	border: 1px solid #F0E9D6;
}

th.hotel{
	width:50%;
	background-color:#F0E9D6;
	border: 1px solid #F0E9D6;
}

td.hotel{
	width:50%;
	border: 1px solid #F0E9D6;
}

td.hotel02{
	width:50%;
	background-color:#F0E9D6;
	border: 1px solid #F0E9D6;
}

/*テキスト*/
p.bgfont{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}


/*リスト*/
li{
	list-style-type:none;
}

/*イメージ*/
img.hotel_osewa {
    float: right;
    height: 85px;
    margin-right: 14px;
    width: 201px;
}

/*フッター*/

div.footer_box{
	width:850px;
	font-size:12px;
	margin:0px auto;
	}
	
div.footer_copy{
	width:400px;
	float:right;	
	font-size:12px;
	}

div.footer_main_box{
	width:460px;
	height:170px;
	float:right;	
	font-size:12px;
	padding-top:10px;
	}

div.footer_c_box{
	width:345px;
	height:197px;
	float:left;
	font-size:12px;
	background-image: url(/images/bg_footer_c.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

div.footer_c_textbox{
	width:295px;
	padding:25px;
	font-size:12px;
	}	


/*院長挨拶*/
p.about_cont{
	line-height:18px;
}

/*院長イメージ1*/
img.dr_saji{
	margin:0px 8px 0px 0px;
}

/*院長イメージ2*/
img.dr_saji02{
	margin:15px 0px 0px 8px;
}

/*院長イメージ3*/
img.dr_saji03{
	margin:13px 0px 0px 8px;
}

/*トリミング風景*/
trimming_cont01{
	text-valign:bootom;
	margin:0 aout;
}

trimming_cont02{
	text-align:left;
	text-valign:bootom;
	margin:0 aout;
}

/*共通*/

div.bns_box{
	widht:220px;
	height:95px;
	margin-top:15px;
	}




div.junp_box{
	width:850px;
	height:20px;
	font-size:12px;
	clear:both;
	margin:0px auto;
	}

div.header_box{
	width:850px;
	height: 140px;
	margin:0px auto;
	padding-top:5px;
	}
	
div.body_u{
	width:850px;
	height:13px;
	margin:0px auto;
	background-image: url(/images/bg_body_u.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

.font_11px{
	font-size:11px;
	color:#333333;
	}
	
.font_12px{
	font-size:12px;
	color:#333333;
	}
		
.font_13px{
	font-size:13px;
	color:#333333;
	}
	
.font_14px{
	font-size:14px;
	color:#333333;
	}
	
.font_15px{
	font-size:15px;
	color:#333333;
	}

.lineheight{
	line-height:1.6;
}
.spacing{
	letter-spacing: 5px;
}
.underline{
	border-bottom:solid 1px #A0522D;
}