﻿html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333;
	background: #FFF;
	text-align: left;
	font-size: small;
	font-family: "Osaka", "MS UI Gothic", sans-serif;

/* 091013 sakurai */
	scrollbar-track-color:#d8efa7;
	scrollbar-face-color:#8ec31f;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#8ec31f;
	scrollbar-3dlight-color:#8ec31f; 
/* 091013 sakurai */

/*	font-family: "Osaka", "MS P ゴシック", sans-serif; */
}

/* 画面最上部のスキマ */
body { padding-top: 8px; }

p, ol li { line-height: 1.5; }
p { margin-bottom: 1em; }
strong { font-weight: bold; }
a { color: #333; text-decoration: none; }
a:hover { color: #8fc31f; text-decoration: underline; }
h4 {font-size: 110%;}

table { width: 100%; }

.clear { clear: both; padding-top: 1em; }
.valign_top { vertical-align: top; }
.valign_bottom { vertical-align: bottom; }

input, textarea { border: 1px solid #A8A8A8; }
input.radio, input.checkbox { margin: 3px; vertical-align: bottom; }
label, button, input.submit, input.image { cursor: pointer; }
* html input.radio, * html input.checkbox { margin: -3px 0 0; vertical-align: middle; } /* ie6 */
*+html input.radio, *+html input.checkbox { margin: 0; vertical-align: middle; } /* ie7 */
input.text, input.password, textarea, select { margin: 0; font: 1em/1.3; vertical-align: bottom; }
input.text, input.password, textarea { padding: 2px; }

sup {
/*	font-size: 80%; */
	position: relative;
	top: -0.2em;
}




#all {
	width: 950px;
	margin: 0 auto;
}



/************************ menu *************************/
/**
┏━━━━━━━━━━━━━━━━━━━━━━┓─────
┃　　　　　　　　　　　　　　　　　　　　　　┃↑　↑　↑
┃ａｎｉｃａ　　　　　　　　　　　　　　　　　┃42(Hlogo)
┃　　　　　　　　　　　　　　　　　　　　　　┃↓　69(Hvisible)
┣━━┳━━━┳━━━┳━━━┳━━━┳━━━┫─　　　96(Hmax)
┃　　┃　　　┃　　　┃　　　┃　　　┃　　　┃27　↓
┗━━┻━━━┻━━━┻━━━┻━━━┻━━━┛──
│　　│　　　│　　　│　　　│　　　│　　　│27(Hmenu)↓
└──┴───┴───┴───┴───┴───┘─────
　タイトル画像高さ（反転部分含む）：Hmax
　メニュー部分高さ　　　　　　　　：Hmenu
　タイトル可視部分高さ　　　　　　：Hvisible
　ロゴ部分高さ　　　　　　　　　　：Hlogo
**/

/***************** menu 091013 sakurai *******************/
/**
┏━━━━━━━━━━━━━━━━━━━━━━┓─────
┃　　　　　　　　　　　　　　　　　　　　　　┃↑　↑　↑
┃ａｎｉｃａ　　　　　　　　　　　　　　　　　┃28(Hlogo)
┃　　　　　　　　　　　　　　　　　　　　　　┃↓　55(Hvisible)
┣━━┳━━━┳━━━┳━━━┳━━━┳━━━┫─　　　82(Hmax)
┃　　┃　　　┃　　　┃　　　┃　　　┃　　　┃27　↓
┗━━┻━━━┻━━━┻━━━┻━━━┻━━━┛──
│　　│　　　│　　　│　　　│　　　│　　　│27(Hmenu)↓
└──┴───┴───┴───┴───┴───┘─────
**/


#menu {
	width: 100%;
	height: 55px; /* Hvisible */
	background: url(/images/header777.png) no-repeat;
}
h1 {
	width: 100%;
	height: 28px; /* Hlogo */
}
h1 a {
	height: 100%;
	text-indent: -5000px;
}
h1 a, 
#menu ul,
#menu li { display: block; }
#menu li {
	height: 27px;
	width: 172px;
	float: left;
	position: relative;
}
#menu li.index {
	width: 88px;
}

#menu li a {
	height: 100%;
	display: block;
	text-indent: -5000px;
}
/* 通常メニュー（各Y座標に、「-Hlogo」） */
#menu li.index a { background: url(/images/header777.png) no-repeat 0 -28px; }
#menu li.hospitals a { background: url(/images/header777.png) no-repeat -89px -28px; }
#menu li.pet_shops a { background: url(/images/header777.png) no-repeat -261px -28px; }
#menu li.trimmings a { background: url(/images/header777.png) no-repeat -433px -28px; }
#menu li.pet_hotels a { background: url(/images/header777.png) no-repeat -605px -28px; }
#menu li.about_anica_club a { background: url(/images/header777.png) no-repeat -777px -28px; }
/* 反転メニュー（各Y座標に、「-Hvisible」） */
#menu li.index a:hover { background: url(/images/header777.png) no-repeat 0 -55px; }
#menu li.hospitals a:hover { background: url(/images/header777.png) no-repeat -89px -55px; }
#menu li.pet_shops a:hover { background: url(/images/header777.png) no-repeat -261px -55px; }
#menu li.trimmings a:hover { background: url(/images/header777.png) no-repeat -433px -55px; }
#menu li.pet_hotels a:hover { background: url(/images/header777.png) no-repeat -605px -55px; }
#menu li.about_anica_club a:hover { background: url(/images/header777.png) no-repeat -777px -55px; }
#menu ul.dropdown {
	top: 26px;
	left: 0;
	height: 0;
	width:170px;
	border:1px solid #8ec31f;
	border-top: none;
	background: #fff;
	z-index: 200;
	opacity: 0;
	position: absolute;
	overflow: hidden;
	display: hidden;
}
#menu ul.dropdown li {
	clear: left;
	display:inline;
	height: 1.2em;
	line-height: 1.2;
	border-bottom: 1px dotted #8ec31f;
}
#menu ul.dropdown li.bottom { border-bottom: none; }

#menu ul.dropdown li a {
	text-indent: 5px;
	color: #9f9e95;
	background: #f0eee0;
}
#menu ul.dropdown li a:hover {
	background: #fff;
	color: black;
	text-decoration: none;
}


/************************ content *************************/
#content {
	width: 100%;
	margin-top: 10px;
}

/************************ left_menu *************************/
#left_menu {
	width: 175px; /* 実効幅160px, 右アキ15px */
	float: left;
	font-size: 80%;
}
#left_menu div { margin-bottom: 15px; }
#left_menu h3 {
	height: 23px;
	text-indent: -5000px;
}

#lm_purpose { /* 目的で探す */
  width: 159px;
	background: url(/images/lm_purpose.png) no-repeat;
}
/* #lm_purpose li { height: 57px; } */
#lm_purpose li a {
	height: 100%;
	display: block;
	text-indent: -5000px;
}
#lm_purpose .hospital { height: 57px; }
#lm_purpose .pet_shop { height: 56px; }
#lm_purpose .trimming { height: 55px; }
#lm_purpose .pet_hotel { height: 55px; }
#lm_purpose .hospital a { background: url(/images/lm_purpose.png) no-repeat 0 -24px; }
#lm_purpose .pet_shop a { background: url(/images/lm_purpose.png) no-repeat 0 -81px; }
#lm_purpose .trimming a { background: url(/images/lm_purpose.png) no-repeat 0 -138px; }
#lm_purpose .pet_hotel a { background: url(/images/lm_purpose.png) no-repeat 0 -193px; }
#lm_purpose .hospital a:hover { background: url(/images/lm_purpose.png) no-repeat -160px -24px; }
#lm_purpose .pet_shop a:hover { background: url(/images/lm_purpose.png) no-repeat -160px -81px; }
#lm_purpose .trimming a:hover { background: url(/images/lm_purpose.png) no-repeat -160px -138px; }
#lm_purpose .pet_hotel a:hover { background: url(/images/lm_purpose.png) no-repeat -160px -193px; }


#lm_event { width: 159px; }
#lm_event li a {
	height: 100%;
	display: block;
	text-indent: -5000px;
}
#lm_event h3 { background: url(/images/lm_event.png) no-repeat; } /* イベント */
#lm_event .event_01 { height: 159px; }
#lm_event .event_04 { height: 58px; }
#lm_event .event_02 { height: 58px; }
#lm_event .event_03 { height: 39px; }
#lm_event .event_01 a { background: url(/images/lm_event_01.png) no-repeat 0 0; }
#lm_event .event_04 a { background: url(/images/lm_event_04.png) no-repeat 0 0; }

#lm_event .event_02 a { background: url(/images/lm_event_02.png) no-repeat 0 0; }
#lm_event .event_03 a { background: url(/images/lm_event_03.png) no-repeat 0 0; }
#lm_event .event_01 a:hover,
#lm_event .event_04 a:hover,
#lm_event .event_02 a:hover,
#lm_event .event_03 a:hover {
  background-position: -159px 0;
}

#lm_special h3 { background: url(/images/lm_special.png) no-repeat; }
#lm_activity h3 { background: url(/images/lm_activity.png) no-repeat; }
#lm_activity ul, 
#lm_special ul { width: 159px; }
#lm_activity li, 
#lm_special li {
	border: 1px solid #8ec31f;
	border-top: none;
}
#lm_activity li.bottom, 
#lm_special li.bottom {
	border: none;
	background: url(/images/lm_special_bottom.png) 0 -2px no-repeat;
}
#lm_activity li a, 
#lm_special li a {
	height: 100%;
	display: block;
	padding-left: 10px;
	line-height: 23px;
}


#lm_question h3, 
#lm_mailmagazine h3 {
  width: 159px;
	height: 25px;
}
#lm_question h3 { height: 24px; }

#all #left_menu #lm_mailmagazine { margin-bottom: 7px;}
#lm_question a, 
#lm_mailmagazine a {
	height: 100%;
	display: block;
	text-indent: -5000px;
}
#lm_mailmagazine a { background: url(/images/lm_mailmagazine.png) no-repeat; }
#lm_mailmagazine a:hover { background-position: -159px 0; }
#lm_question h3 a { background: url(/images/lm_question.png) no-repeat -1px 0; }
#lm_question a:hover { background-position: -1px -24px; }


#lm_staff,
#lm_staff a {
  width: 159px;
  height: 96px;
}
#lm_staff a {
  background: url(/images/lm_staff_001.png) no-repeat 0 0;
  display: block;
}
#lm_staff span { display: none; }


#lm_staff2,
#lm_staff2 a {
  width: 159px;
  height: 85px;
}
#lm_staff2 a {
  background: url(/images/lm_staff_002.png) no-repeat 0 0;
  display: block;
}
#lm_staff2 span { display: none; }


#lm_resipi,
#lm_recipi a {
  width: 159px;
  height: 85px;
}
#lm_recipi a {
  background: url(/images/events/resipi03.png) no-repeat 0 0;
  display: block;
}
#lm_recipi span { display: none; }

/************************ content_right *************************/
#content_right {
	width: 773px;
	float: left;
}

.content_right {
	width: 100%;
	border: 1px solid #8ec31f;
	border-top: none;
	border-bottom: none;
	font-size: 90%;
}
.content_right b,
.content_right strong { color: #8ec31f; }
.content_right_corner_bottom { margin-bottom: 5px; }


#page_top_link {
	margin-bottom: 0;
	padding: 0 15px;
	text-align: right;
	clear: both;
}

/*--> Insert by otsubo-c (2009/10/08) */
#mini_contents {
	font-size: 80%;
	padding: 0;
	margin-bottom: -6px;
}
#mini_contents ul, 
#mini_contents li {
	display: block;
	padding-left: 12px;
	clear: left;
}
#mini_contents ul { padding: 0 5px; }
#mini_contents li {
/*	width: 100%;*/
	width: 90%;
/*	border-bottom: 1px dotted #8ec31f;*/
} 
#mini_contents li.top { margin-top: -6px; }
#mini_contents li.bottom { border: none; }
#mini_contents dt, 
#mini_contents dd {
	display: block;
	line-height: 1.5;
	float: left;
}

#mini_contents dt {
/*	text-indent: 5px;*/
/*	width: 110px;*/
	width: 100%;
	color: #8ec31f;
	font-weight: bold;
	border-bottom: 1px dotted #8ec31f;
}
/*#mini_contents dd { width: 514px; }*/
#mini_contents dd {
	width: 100%;
	padding-top: 2px;
}
#mini_contents dd hr {
	height: 0;
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #FFF;
	border: none;
	border-bottom: 1px dotted #8ec31f;
	line-height: 0;
}
/*<-- Insert by otsubo-c (2009/10/08) */

#mini_sitemap {
	font-size: 80%;
	padding: 0;
	margin-bottom: -6px;
}
#mini_sitemap ul, 
#mini_sitemap li {
	display: block;
	clear: left;
}
#mini_sitemap ul { padding: 0 5px; }
#mini_sitemap li {
	width: 100%;
	border-bottom: 1px dotted #8ec31f;
} 
#mini_sitemap li.top { margin-top: -6px; }
#mini_sitemap li.bottom { border: none; }
#mini_sitemap dt, 
#mini_sitemap dd {
	display: block;
	line-height: 2.3;
	float: left;
}

#mini_sitemap dt {
	text-indent: 5px;
	width: 110px;
	color: #8ec31f;
	font-weight: bold;
}
#mini_sitemap dd { width: 653px; }
#mini_sitemap dd hr {
	height: 0;
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #FFF;
	border: none;
	border-bottom: 1px dotted #8ec31f;
	line-height: 0;
}

body#tinymce {
	padding-top: 0;
	border: none;
}


/************************ footer *************************/
#footer {
	width: 100%;
	padding-top: 8px;
	background: url(/images/footer.png) no-repeat;
	color: white;
	font-size: 80%;
	text-align: center;
}
#footer p {
	line-height: 1.3;
	}
#footer a {
	padding: 0 0.5em;
	color: #fff;
}
#footer a:hover { color: #333; }

/************************ bug fix *************************/

/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* GoogleAnalytics Bug Fix for firefox 3 */
#ga_shade { display: none !important; }