@charset "utf-8";

/* ====== reset ====== */
body, h1, h2, h3, div, p, ol, ul, li, dl, dd, dt, table, tr, th, td, form, fieldset, object { margin: 0; padding: 0; }
body { color: #444; background: #fff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", helvetica, arial, sans-serif; font-size: 75%; letter-spacing: 0.02em; }
h1, h2, h3 { line-height: 1; }
table, textarea, input, select, option { font-family: inherit; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
p, th, td, dd, li, textarea { line-height: 1.65; }
img { vertical-align: bottom; }
.darkOrange { color:#e28400; font-weight:bold;}
a img { border: none; }
.clear { clear: both; }
.clearfix:after {content:".";display:block;height: 0;clear:both;visibility:hidden; }
.clearfix:before{content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix { display:inline-block; }
*html.clearfix { height: 1%; }
.clearfix {display:block; }
/*note*/

/* ====== font size ====== */
/*
 * 16px: 134%
 * 14px: 117%
 * 12px: 100%
 * 10px: 83%
 */


/* ====== abbreviation ====== */
/*
 * btn:		button
 * crd:		CARDOMEC(R)
 * flp:		FRONTLINE Plus(R)
 * gnavi:	global navigation
 * pnavi:	page navigation
 */


/* ====== base structure ====== */
body { background: #b0c926; }
h1 { background: url(/imgs/title_bg.gif) no-repeat; color: #fff; font-size: 1.6em; height: 29px; padding: 9px 0 0 45px; }
h1.h1_bgPopup{ width:571px; height:39px; text-align:left; margin-left:14px; padding:9px 0 0 45px; color:#ffffff; font-size:1.6em; background:url(/imgs/medical/mc_bg.gif) no-repeat;}
h1 span{font-size:0.8em !important;}
	.h1font15{ font-size:0.8em !important;}
	.h1top20{ margin:20px 0;}
	.h1top20No{ margin:20px auto; width:526px !important; padding:9px 0 0 45px;}
h2 { background: url(/imgs/icon_leaf.gif) no-repeat; color: #e28400; font-size: 1.4em; line-height: 1.2; min-height: 7px; padding: 0 0 10px 23px; }
	h2.h2_locator{ width:190px; height:30px; text-indent:-9999px; background:url(/imgs/locator_title.gif) no-repeat;}
	h2.h2_leaf{ padding:2px 0 0 23px;}
	h2.top20{ margin-top:20px;}

#sidebar h2 { height: auto; text-indent: 0; width: auto; }
a { text-decoration: underline; }
a:link { color: #884b2a; }
a:visited { color: #6b3b22; }
a:hover { color: #bf541a; }
a:focus { color: #bf541a; outline: none; }
a:active { color: #792c1b; outline: none; }
#wrapper { background: #fff url(/imgs/header_bg.gif) repeat-x; margin: 0; text-align: center; }
#wrapperNon { background: #fff url(/imgs/header_bg.gif) repeat-x; margin: 0;}
#header { height: 148px; margin: auto; padding: 0 75px; position: relative; text-align: left; width: 810px; }
#contents { margin: auto; padding: 0 75px; position: relative; width: 810px; z-index: 2; }
#main, #sidebar { min-height: 300px; padding-bottom: 10px; position: relative; text-align: left; }
body.twocolumns #main { float: left; width: 571px; } /* twocolumns */
#sidebar { float: right; margin-top: -40px; position: relative; width: 215px; z-index: 1; } /* twocolumns */
#crumbs { height: 34px; margin-top: 6px; position: relative; text-align: left; z-index: 2; }
#footer { margin-top: -45px; position: relative; z-index: 1; }
#footer div { margin: auto; position: relative; text-align: left; width: 960px; }
hr { display: none; }
.noscript { color: #f00; line-height: 1.3; }
.smallTextSpaceS{letter-spacing: -0.11em !important;}
.smallTextSpaceM{letter-spacing: -0.06em !important;}
.smallTextSpaceL{letter-spacing: -0.02em !important;}
.smallTextSpaceN{letter-spacing: normal !important;}

.attentionText{font-weight:bold;}


/* ====== header ====== */
#header { background: url(/imgs/header_bg_middle.gif) no-repeat 75px 0; }
#header .logo { font-size: 0; height: 59px; line-height: 0; margin-left: 11px; overflow: hidden; padding-top: 11px; width: 234px; }
#header .logo a { background: url(/imgs/header_logo.gif); display: block; height: 100%; text-indent: -9999px; width: 100%; }
#headerPopup .logo{ font-size: 0; height: 59px; line-height: 0; margin-left: 11px; overflow: hidden; padding-top: 11px; width: 234px; }
#headerPopup .logo a { background: url(/imgs/header_logoPopup.gif) no-repeat; display: block; height: 100%; text-indent: -9999px; width: 100%; }

#header .gnavi { padding: 10px 0 0 4px; }
#header .gnavi li { background: url(/imgs/gnavi_comingsoon.gif); float: left; height: 64px; margin-right: 1px; overflow: hidden; text-indent: -9999px; width: 99px; }
#header .gnavi li.navi02, #header .gnavi li.navi05, #header .gnavi li.navi06 { width: 100px; }
#header .gnavi li a { background: url(/imgs/gnavi01.gif); display: block; height: 64px; width: 100%; }
#header .gnavi li.navi02 { background-position: 702px 0; }
#header .gnavi li.navi02 a { background-image: url(/imgs/gnavi02.gif); }
#header .gnavi li.navi03 { background-position: 601px 0; }
#header .gnavi li.navi03 a { background-image: url(/imgs/gnavi03.gif); }
#header .gnavi li.navi04 { background-position: 501px 0; }
#header .gnavi li.navi04 a { background-image: url(/imgs/gnavi04.gif); }
#header .gnavi li.navi05 { background-position: 401px 0; }
#header .gnavi li.navi05 a { background-image: url(/imgs/gnavi05.gif); }
#header .gnavi li.navi06 { background-position: 300px 0; }
#header .gnavi li.navi06 a { background-image: url(/imgs/gnavi06.gif); }
#header .gnavi li.navi07 { background-position: 199px 0; }
#header .gnavi li.navi07 a { background-image: url(/imgs/gnavi07.gif); }
#header .gnavi li.navi08 { background-position: 99px 0; }
#header .gnavi li.navi08 a { background-image: url(/imgs/gnavi08.gif); }
#header .gnavi li a:hover, #header .gnavi li a:focus { background-position: 0 64px; }
#header .gnavi li a.current { background-position: 0 128px; }
#header .gnavi li a.current:hover, #header .gnavi li a.current:focus { background-position: 0 128px; }

#header .company { height: 12px; line-height: 12px; overflow: hidden; position: absolute; right: 212px; top: 19px; width: 111px; }
#header .company a { background: url(/imgs/header_btn.gif) 176px 0; display: block; text-indent: -9999px; }
#header .company a:hover, #header .company a:focus { background-position: 176px 12px; }

#header .fontsize { position: absolute; right: 85px; top: 17px; width: 115px; }
#header .fontsize p.title { background: url(/imgs/header_btn.gif) 52px 0; font-size: 0; height: 12px; left: 0; line-height: 0; position: relative; text-indent: -9999px; top: 2px; width: 52px; }
#header .fontsize ul { height: 17px; position: absolute; right: 0; top: 0; width: 57px; }
#header .fontsize li { float: left; height: 17px; margin-right: 1px; overflow: hidden; width: 18px; }
#header .fontsize li a { background: url(/imgs/header_btn_fontsize.gif); display: block; height: 100%; text-indent: -9999px; width: 100%; }
#header .fontsize li.small a.current { background-position: 0 17px; }
#header .fontsize li.medium a { background-position: 37px 0; }
#header .fontsize li.medium a.current { background-position: 37px 17px; }
#header .fontsize li.big a { background-position: 18px 0; }
#header .fontsize li.big a.current { background-position: 18px 17px; }
#header .fontsize p.noscript { margin-top: 8px; }

#header .searchArea { position: absolute; right: 85px; top: 25px; width: 291px; text-align:right; color:#8a4b2c; font-size:11px;}
#header .searchArea img{float:left; margin-top:1px;}
#header .searchArea input#searchform { width: 171px; height:16px; border-top:1px #868686 solid; border-right:1px #c0c1c3 solid; border-left:1px #c2c0c3 solid; border-bottom:1px #e2e2e2 solid; padding:1px; margin:2px 3px 0; float:left; font-size:14px;}
#header .searchArea input#searchbtn {background:url("/imgs/search_btn.gif") repeat scroll 0 0 transparent; cursor:pointer; height:24px; width:49px; overflow:hidden;
text-indent:-9999px; border:0 solid; float:right; display:block;}


/* ====== footer ====== */
#footerNon { background: url(/imgs/footerNon_bg.gif) no-repeat bottom center; height: 117px;}
#footerNon ul{}
#footerNon ul li a{ margin:0 auto !important; width:75px; height:22px; background: url(/imgs/btn_close.gif) no-repeat; display:block; text-indent:-9999px;line-height:0;}
#footerNon ul li a:hover{ background-position:0 -22px;}

#footer { background: url(/imgs/footer_bg.gif) repeat-x 50% 60px; height: 150px; }
#footer div { background: url(/imgs/footer_bg_middle.gif) no-repeat; height: 30px; padding-top: 120px; }
#footer ul { padding: 4px 0 0 75px; width: 810px; }
#footer li { float: left; height: 12px; margin-right: 12px; overflow: hidden; }
#footer li a { background: url(/imgs/footer_btn.gif); display: block; height: 100%; text-indent: -9999px; width: 100%; }
#footer li.navi01 { width: 111px; }
#footer li.navi01 a { background-position: 0 0; }
#footer li.navi01 a:hover, #footer li.navi01 a:focus { background-position: 0 12px; }
#footer li.navi02 { width: 135px; }
#footer li.navi02 a { background-position: 477px 0; }
#footer li.navi02 a:hover, #footer li.navi02 a:focus { background-position: 477px 12px; }
#footer li.navi03 { width: 74px; }
#footer li.navi03 a { background-position: 332px 0; }
#footer li.navi03 a:hover, #footer li.navi03 a:focus { background-position: 332px 12px; }
#footer li.navi04 { width: 70px; }
#footer li.navi04 a { background-position: 246px 0; }
#footer li.navi04 a:hover, #footer li.navi04 a:focus { background-position: 246px 12px; }
#footer li.navi05 { width: 94px; }
#footer li.navi05 a { background-position: 164px 0; }
#footer li.navi05 a:hover, #footer li.navi05 a:focus { background-position: 164px 12px; }
#footer p { height: 19px; position: absolute; right: 75px; top: 120px; width: 121px; }
#footer p a { background: url(/imgs/footer_copyright.gif) no-repeat right top; display: block; height: 100%; text-indent: -9999px; width: 100%; }


/* ====== contents ====== */
body.twocolumns #contents { background: url(/imgs/sidebar_bg.gif) repeat-y 766px 0; }


/* ====== bread crumbs ====== */
#crumbs { color: #884b2a; font-size: 83%; }
#crumbs li { display: inline; line-height: 1.1; }
#crumbs li a { background: url(/imgs/crumbs_arrow.gif) no-repeat right top; padding-right: 20px; }


/* ====== side navigation ====== */
#sidebar { background: url(/imgs/sidebar_bg_top.gif) no-repeat; padding-top: 51px; }

#sidebar .navi { background: url(/imgs/navi_bg.gif) repeat-y 5px 0; }
#sidebar .navi .title { background: url(/imgs/frontline/navi_title.gif) no-repeat 5px 0; height: 47px; text-indent: -9999px; padding: 0 5px; width: 205px; }
#sidebar .navi ul { padding: 0 5px; }
#sidebar .navi ul li { background: url(/imgs/navi_dot01.gif) no-repeat left bottom; line-height: 1; width: 188px; }
#sidebar .navi ul li.last-child { background: url(/imgs/navi_bg_bottom.gif) no-repeat left bottom; height: 50px; width: 205px; }
#sidebar .navi ul li a { background-repeat: repeat-x; background-position: 0 5px; display: block; height: 27px; margin-left: 19px; text-indent: -9999px; width: 157px; }
#sidebar .navi ul li a:hover, #sidebar .navi ul li a:focus { background-position: 157px 5px; }
#sidebar .navi ul li a.current { background-position: 314px 5px; }
#sidebar .navi ul li a.current:hover, #sidebar .navi ul li a.current:focus { background-position: 314px 5px; }
#sidebar .navi ul ul { padding: 0; }
#sidebar .navi ul ul li { background: url(/imgs/navi_dot02.gif) no-repeat left top; }
#sidebar .navi ul ul li.last-child { background: url(/imgs/navi_bg_bottom_2nd.gif) no-repeat left bottom; margin-top: -5px; }
#sidebar .navi ul ul li a { height: 22px; background-position: 0 3px; }
#sidebar .navi ul ul li.last-child a { background-position: 0 8px; }
#sidebar .navi ul ul li a:hover, #sidebar .navi ul ul li a:focus { background-position: 157px 3px; }
#sidebar .navi ul ul li.last-child a:hover, #sidebar .navi ul ul li.last-child a:focus { background-position: 157px 8px; }
#sidebar .navi ul ul li a.current { background-position: 314px 3px; }
#sidebar .navi ul ul li.last-child a.current { background-position: 314px 8px; }
#sidebar .navi ul ul li a.current:hover, #sidebar .navi ul ul li a.current:focus { background-position: 314px 3px; }
#sidebar .navi ul ul li.last-child a.current:hover, #sidebar .navi ul ul li.last-child a.current:focus { background-position: 314px 8px; }


/* ====== vet locator ====== */
#sidebar .locator { background: url(/imgs/locator_bg.gif) repeat-y 5px 0;}
/*#sidebar .locator p.message { margin: 0 0 10px 13px; }*/
#sidebar .locator p.message { margin: 0px; }
#sidebar .locator form{ *font-size:13px; line-height:0px; letter-spacing:0 !important;}
#sidebar .locator .loc01 { margin: 5px 0; padding-left: 40px; text-indent: -20px;}
#sidebar .locator .loc02 { margin: 5px 0; padding-left: 40px; text-indent: -20px; }
#sidebar .locator .loc03 { margin: 5px 0; padding-left: 40px; text-indent: -20px; font-size:12px; }
#sidebar .locator .loc04 { margin: 5px 0; padding-left: 40px; text-indent: -20px; font-size:12px; }
#sidebar .locator .loc04 input{ width:150px;}
#sidebar .locator .locSelect select{ width:140px; font-size:13px !important; }
#sidebar .locator .loc03 input{ width:150px; }
#sidebar .locator .locSelect{ margin: 5px 0; padding-left: 40px; *padding-left:20px; text-indent: -20px; font-size:13px;}
#sidebar .locator .title { background: url(/imgs/locator_title.gif) no-repeat; height: 82px; margin: 0 0 0 13px; padding: 0; text-indent: -9999px; width: 190px; }
#sidebar .locator label { display: block; }
#sidebar .locator .locCenter { margin-left:auto; margin-right:auto;}
#sidebar .locator #send { margin-left:auto; margin-right:auto;}
#sidebar .locator .btn { background: url(/imgs/sidebar_bg_bottom.gif) no-repeat left bottom; margin: 0; padding: 5px 0 180px; }
#sidebar .locator .btn a { background: url(/imgs/locator_btn.gif); display: block; height: 22px; margin-left: 76px; overflow: hidden; text-indent: -9999px; width: 65px; }
#send { background: url(/imgs/locator_btn.gif); display: block; height: 22px; margin-left: 0px; overflow: hidden; text-indent: -9999px; width: 65px; border:0px solid; cursor:pointer;}
#send2 { background: url(/imgs/locator_btn.gif); display: block; height: 22px; margin-left: 0px; overflow: hidden; text-indent: -9999px; width: 65px; border:0px solid; cursor:pointer;}

#sidebar .locator .comingsoon { background: url(../imgs/sidebar_bg_bottom.gif) no-repeat left bottom; margin: 0; padding: 5px 5px 180px; text-indent: 0; }
#sidebar .locator .btn a:hover, #sidebar .locator .btn a:focus { background-position: 0 22px; }



/* ====== link to pagetop ====== */
#linktotop { clear: both; height: 34px; overflow: hidden; text-align: left; }
#linktotop a { background: url(/imgs/btn_pagetop.gif); display: block; height: 100%; margin-left: 650px; text-indent: -9999px; width: 110px; }
#linktotop a:hover, #linktotop a:focus { background-position: 0 34px; }


/* ====== popup ====== */
body.popup #header { background-image: none; height: 90px; padding: 0 10px; width: auto; }
body.popup #header .logo { background: url(/imgs/popup_header_logo.gif) no-repeat 0 11px; text-indent: -9999px; }
body.popup #header .logo a { background-image: url(/imgs/popup_header_logo.gif); }

body.popup #contents { padding: 0 20px; width: auto; }

body.popup #footer div { background-image: none; width: auto; }
body.popup #footer p { background: url(/imgs/footer_copyright.gif) no-repeat right top; text-indent: -9999px; right: 20px; }