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

/*
==INDEX=====================================================================

旗谷動物病院
┣基本設定
┣共通箇所
┣ナビゲーション
┣
┗

============================================================================
*/



/*▼基本設定━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/

* {margin: 0px;	padding: 0px; outline: none; font-style: normal;} 

hr {display: none;}

img {border: none;}

.clear {clear: both;}

li {list-style: none;}

.for_top{
	margin: 10px 0px 20px auto;
	height: 14px;
	width: 115px;
}


body {
	font: 13px/22px "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, serif;
	color: #333333;
	background: url(img/bg.gif) repeat center center;
}


#header{
	height: 157px;
	width: 100%;
	background: url(img/com_headergif.gif) no-repeat center top;	
}

#header_in{
	height: auto;
	width: 950px;
	margin: 0px auto;
	padding: 18px 0px 0px;
}

#header_leftbox{
	height: auto;
	width: 420px;
	float: left;
}

#header_right_box{
	float: right;
	height: auto;
	width: 260px;
	padding: 87px 0px 0px;
}

#header_leftbox .title{
	font-size: 13px;
	font-weight: normal;
}


#contents{
	background: #FFFFFF;
	margin: 0px auto;
	height: auto;
	width: 950px;
}


#contents_in{
	margin: 0px auto;
	height: auto;
	width: 924px;
}


#contents_in_left{
	float: left;
	height: auto;
	width: 673px;
}

#contents_in_right{
	float: right;
	height: auto;
	width: 241px;
	padding: 20px 0px 0px;
}


#footer_navi_bg{
	background: url(img/footer_navi_bg.gif) no-repeat;
	margin: 20px auto 0px;
	padding: 25px 0px 0px;
	height: 68px;
	width: 900px;
}

#footer_navi_bg table{
	margin: 0px auto;
	height: auto;
	width: 860px;
}


#footer{
	background: url(img/footer_bg.gif) no-repeat center top;
	height: 206px;
	width: 100%;
}

#footer_in{
	margin: 0px auto;
	height: auto;
	width: 950px;
	padding-top: 170px;
}

#footer_in p{
	margin: 0px auto;
	height: auto;
	width: 407px;
}




#contents_ather{
	margin: 0px auto;
	height: auto;
	width: 950px;
}

.guide_title{
	background: url(img/guide_title.jpg) no-repeat center top;
}

.examination_title{
	background: url(img/examination_title.jpg) no-repeat center top;
}

.trim_title{
	background: url(img/trim_title.jpg) no-repeat center top;
}

.item_title{
	background: url(img/item_title.jpg) no-repeat center top;
}

.staff_title{
	background: url(img/staff_title.jpg) no-repeat center top;
}


.info_title{
	background: url(img/info_title.jpg) no-repeat center top;
}


.room_title{
	background: url(img/room_title.jpg) no-repeat center top;
}


#contents_in_left_ather{
	height: auto;
	width: 660px;
	float: left;
	padding: 132px 0px 0px;
}

#contents_in_right_ather{
	float: right;
	height: auto;
	width: 241px;
	padding: 250px 10px 0px 0px;
}

#contents_in_left_ather_in{
	background: url(img/main_contents_bg.png) no-repeat center bottom;
	height: auto;
	width: 660px;
	border-top: 1px solid #CCCCCC;
}

#contents_in_left_ather_inwrite{
	height: auto;
	width: 630px;
	margin: 0px auto;
	padding: 20px 0px;
}




/*▼スタッフ紹介━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/


#staff_harada_box,
#staff_masahiko_box,
#staff_kaneko_box,
#staff_reiko_box{
	padding: 0px 0px 40px;
}

#staff_reiko_box .title{
	margin: 0px 0px 0px auto;
	height: 46px;
	width: 181px;
}




/*▼お知らせ━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/

.info_write_box{
	height: auto;
	width: 630px;
}

.info_write_box .title{
	background: url(img/info_write_bar.gif) no-repeat;
	height: 40px;
	width: 630px;
	padding: 5px 0px 15px 25px;
	margin: 10px 0px 0px;
}

.info_write_box .title span{
	font-family: "メイリオ";
	font-size: 18px;
}

.info_write_box table{
	margin: 0px 0px 10px;
}



#room_back_box{
	padding: 15px 0px 400px;
	background: url(img/room_back_bg.jpg) no-repeat right 50px;	
}

#room_back_box li{
	padding: 5px 0px;
	background: url(img/room_back_icon.gif) no-repeat 0px 10px;
}

#room_back_box li span{
	padding: 0px 0px 0px 15px;
}





/*▼トップページ━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/

#top_main_img{
	padding: 5px 0px 0px;
	width: 924px;
	margin: 0px auto;
}

#top_contents_in_left{
	height: auto;
	width: 185px;
	float: left;
	padding: 20px 0px 0px;
}

#top_contents_in_right{
	float: right;
	height: auto;
	width: 469px;
	padding: 20px 0px 0px;
}




.top_left_info_box{
	height: auto;
	width: 185px;
	border-bottom: 2px solid #CCCCCC;
	margin: 0px 0px 15px;
}

.top_left_info_list{
	padding: 0px;
	height: auto;
	width: 185px;
}

.top_left_info_list dt,
.top_left_info_list dd{
	padding: 0px 0px 3px 15px;
}

.top_left_info_list dt{
	background: url(img/top_left_kome.gif) no-repeat 0px 4px;
}

.top_left_info_list dd{
	background: url(img/top_left_line.gif) repeat-x left bottom;
}


#top_center_main_box{
	background: url(img/top_center_main_bg.jpg) no-repeat;
	height: auto;
	width: 469px;
}

#top_center_main_box .text{
	padding: 75px 0px 0px;
}


#top_center_time_box{
	height: auto;
	width: 469px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
}

#top_center_time_box_table{
	border-top: 3px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 3px solid #CCCCCC;
}

#top_center_time_box_table th,
#top_center_time_box_table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	padding: 2px 0px;
}

#top_center_time_box .list{
	font-size: 12px;
}





/*▼メニュー━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/

#menu_box{
	height: auto;
	width: 924px;
	margin: 0px auto;
}


#menu_box li{
	float: left;
	height: 65px;
	width: 154px;
}

#menu_box li a{
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 154px;
}


#com_menu_guide{
	background: url(img/com_menu_guide.gif) no-repeat;
}

#com_menu_examination{
	background: url(img/com_menu_examination.gif) no-repeat;
}

#com_menu_trim{
	background: url(img/com_menu_trim.gif) no-repeat;
}

#com_menu_item{
	background: url(img/com_menu_item.gif) no-repeat;
}

#com_menu_staff{
	background: url(img/com_menu_staff.gif) no-repeat;
}

#com_menu_room{
	background: url(img/com_menu_room.gif) no-repeat;
}



#com_menu_guide a:hover{
	background: url(img/com_menu_guide_a.gif) no-repeat;
}

#com_menu_examination a:hover{
	background: url(img/com_menu_examination_a.gif) no-repeat;
}

#com_menu_trim a:hover{
	background: url(img/com_menu_trim_a.gif) no-repeat;
}

#com_menu_item a:hover{
	background: url(img/com_menu_item_a.gif) no-repeat;
}

#com_menu_staff a:hover{
	background: url(img/com_menu_staff_a.gif) no-repeat;
}

#com_menu_room a:hover{
	background: url(img/com_menu_room_a.gif) no-repeat;
}



#guide_houshin_box{
	height: auto;
	width: 630px;
}

#guide_daigaku_box{
	height: auto;
	width: 630px;
	padding: 0px 0px 10px;
}

#guide_daigaku_box .text{
	padding: 15px 0px 10px;
}

#guide_annnai_box{
	height: auto;
	width: 630px;
}

#guide_annnai_tel{
	padding: 15px 0px;
}



#guide_acsess_box{
	height: auto;
	width: 630px;
	padding: 15px 0px 0px;
}

#guide_acsess_box .left_box{
	float: left;
	height: auto;
	width: 205px;
	border-left: 4px solid #CCCCCC;
	padding: 10px 0px;
}

#guide_acsess_box .right_box{
	float: right;
	height: auto;
	width: 418px;
}

#guide_acsess_box .left_box .title {
	color: #006600;
	font-family: "メイリオ";
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 0px 0px 10px 10px;
}

#guide_acsess_box .left_box .list {
	padding: 5px 0px;
	padding: 0px 0px 0px 10px;
}


#guide_acsess_map{
	margin: 15px auto;
	height: 423px;
	width: 525px;
	border: 3px solid #CCCCCC;
}



#guide_acsess_houhou_sbox{
	padding: 15px 0px;
	height: auto;
	width: 630px;
}

#guide_acsess_houhou_sbox .table td{
	padding: 10px 8px;
}

#guide_acsess_houhou_sbox .table .line{
	background: url(img/top_left_line.gif) repeat-x 0px bottom;
}


#guide_acsess_tyuusya_sbox{
	padding: 15px 0px;
	height: auto;
	width: 630px;
}


#guide_acsess_tyuusya_sbox .left_box{
	float: left;
	height: auto;
	width: 300px;
}

#guide_acsess_tyuusya_sbox .right_box{
	float :right;
	height: auto;
	width: 285px;
}


#guide_suisen_box{
	height: auto;
	width: 630px;
	padding: 20px 0px 0px;
}



.guide_suisen_s_box{
	padding: 15px 0px 25px;
	height: auto;
	width: 630px;
}

.guide_suisen_s_box .left_box{
	float: left;
	height: auto;
	width: 408px;
}

.guide_suisen_s_box .left_box .text{
	padding: 0px 0px 15px;
}

.guide_suisen_s_box .right_box{
	float: right;
	height: auto;
	width: 211px;
}


/*--------------------------------------------------------------
	●診察料
----------------------------------------------------------------*/

#examination_chiryou_box{
	padding: 15px 0px 20px;
}

#examination_chiryou_table{
	padding: 0px 0px 10px;
}

#examination_chiryou_table .left_box{
	float: left;
	height: auto;
	width: 301px;
	padding: 0px 0px 15px;
}

#examination_chiryou_table .right_box{
	float: right;
	height: auto;
	width: 301px;
	padding: 0px 0px 15px;
}

#examination_chiryou_table .table{
	margin: 10px 0px 5px;
}

#examination_chiryou_table .table td{
	margin: 0px;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #CCCCCC;
}

.table_bg1{
	font-weight: bold;
	background: #e4ffd1;
}

#examination_hoken_box{
	background: url(img/examination_hoken_bg.gif) no-repeat;
	height: 456px;
	width: 630px;
}

#examination_hoken_box_in{
	padding: 175px 0px 0px 40px;
	height: 263px;
	width: 424px;
}

#examination_hoken_box_in .table{
	margin: 20px 0px 0px;
}

#examination_itinen_box{
	padding: 20px 0px;
	height: auto;
	width: 630px;
	background: url(img/examination_itinen_bg.jpg) no-repeat left bottom;
}

#examination_itinen_box_in{
	margin: 25px 0px 0px auto;
	height: auto;
	width: 370px;
}

#examination_itinen_box_table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


#examination_itinen_box_table th,
#examination_itinen_box_table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
}

#examination_itinen_box_table th{
	font-weight: bold;
	background: #e4ffd1;
}

}



/*▼トリミング・ペットホテル━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/



#trim_trim_box{
	height: auto;
	width: 630px;
}

#trim_trim_box .text{
	padding: 15px 0px 50px;
}

#trim_table_box{
	margin: 15px 0px 5px;
	height: auto;
	width: 630px;
	background: url(img/trim_table_bg.gif) repeat;
}

#trim_table_box .table{
	background: #FFFFFF;
	margin: 0px auto 5px;
	height: auto;
	width: 620px;
}

#trim_table_box th{
	background: #339933;
	padding: 10px 0px;
}


#trim_table_box td{
	padding: 5px 0px 5px 10px;
}

.color_e2ffda{
	background: #e2ffda;
}

#trim_pethoteru_box{
	background: url(img/trim_pethoteru_img.gif) no-repeat right 10px;
	height: auto;
	width: 630px;
}

#trim_pethoteru_box .text{
	padding: 15px 0px 25px;
}


#trim_pethoteru_box_in .left_box{
	float: left;
	height: auto;
	width: 301px;
}

#trim_pethoteru_box_in .right_box{
	float: right;
	height: auto;
	width: 315px;
	padding: 100px 0px 0px;
}




#trim_pethoteru_box_in .table td{
	margin: 0px;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #CCCCCC;
}




/*健康一口メモ*/


#item_yobou_box{
	padding: 15px 0px 20px;
	height: auto;
	width: 630px;
}

#item_yobou_img_box{
	background: url(img/item_yobou_img.jpg) no-repeat right top;
	height: auto;
	width: 630px;
	padding: 0px 0px 100px;
}

#item_funin_box{
	padding: 15px 0px;
	height: auto;
	width: 630px;
}


#item_nomi_box{
	height: auto;
	width: 630px;
	padding: 20px 0px 15px;
}

#item_nomi_sbar_nomi_box{
	height: auto;
	width: 630px;
	padding: 15px 0px;
}

#item_nomi_sbar_nomi_box .left_box{
	float: left;
	height: auto;
	width: 500px;
}


#item_nomi_sbar_nomi_box .right_box{
	float: right;
	height: auto;
	width: 110px;
}

#item_nomi_box .list{
	padding: 15px 0px;
}

#item_nomi_box .list li{
	padding-bottom: 1em;
}

#item_nomiife_img{
	margin: 10px auto 20px;
	height: 156px;
	width: 614px;
}


#item_nomilife_sbar_dani_box{
	height: auto;
	width: 630px;
	padding: 15px 0px;
}

#item_nomilife_sbar_dani_box .left_box{
	float: left;
	height: auto;
	width: 500px;
}


#item_nomilife_sbar_dani_box .right_box{
	float: right;
	height: auto;
	width: 110px;
}


.news .title{

}


/*--------------------------------------------------------------
	●CLEARFIX
----------------------------------------------------------------*/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */





#top_info_box{
	padding: 25px 0px 10px;
	height: auto;
	width: 507px;
}






/*--------------------------------------------------------------
	●リンク
--------------------------------------------------------------*/

/*

a:link {
color: #000000;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

a:hover {
color: #000000;
text-decoration:underline;
}

*/


/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}



/*--------------------------------------------------------------
	●フォント関連
--------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font13-22 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}
.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #FF0000;
}

.center{
	background: center;
}


.text_red{
	color: #CC0000;
}


.line_left{
	border-left: 1px solid #CCCCCC;
}