@charset "utf-8";

/* ====== side navigation ====== */
#sidebar .navi .title { background-image: url(/imgs/medical/navi_title.gif); }
#sidebar .navi ul li.navi01 a { background-image: url(/imgs/medical/navi01.gif); }
#sidebar .navi ul li.navi02 a { background-image: url(/imgs/medical/navi02.gif); }
#sidebar .navi ul li.navi02a a { background-image: url(/imgs/medical/navi02a.gif); }
#sidebar .navi ul li.navi02b a { background-image: url(/imgs/medical/navi02b.gif); }
#sidebar .navi ul li.navi02c a { background-image: url(/imgs/medical/navi02c.gif); }

#sidebar .navi ul li.navi03 a { background-image: url(/imgs/medical/navi03.gif); }
#sidebar .navi ul li.navi03a a { background-image: url(/imgs/medical/navi03a.gif); }
#sidebar .navi ul li.navi03b a { background-image: url(/imgs/medical/navi03b.gif); }
#sidebar .navi ul li.navi03c a { background-image: url(/imgs/medical/navi03c.gif); height:42px;}
#sidebar .navi ul li.navi03d a { background-image: url(/imgs/medical/navi03d.gif); }
#sidebar .navi ul li.navi03e a { background-image: url(/imgs/medical/navi03e.gif); }
#sidebar .navi ul li.navi03f a { background-image: url(/imgs/medical/navi03f.gif); }
#sidebar .navi ul li.navi04 a { background-image: url(/imgs/medical/navi04.gif); }
#sidebar .navi ul li.navi05 a { background-image: url(/imgs/medical/navi05.gif); }


/* ====== main ====== */
#main div { background: url(/imgs/article_line.gif) repeat-x left bottom; clear: both; margin-top: 27px; padding-bottom: 24px; position: relative; }
#mainPopup div { margin:0 auto; background: url(/imgs/article_line.gif) repeat-x left bottom; width:570px; text-align:left;}
#mainPopupSmall div { margin:0 auto; width:570px; text-align:left;}
#main div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main div div { background-image: none; clear: none; margin-top: 0; padding-bottom: 0; position: static; }
#main div div:after { content: ""; }
#main div h3, #main div h4, #main div .text { float: left; width: 340px; }
#main div h3, #main div h4, #main div p { margin-bottom: 0.5em; }
#main div h4 { color: #00a8a7; font-size: 117%; line-height: 1.1; }
#main div .wide { float: none; width: auto; }
#main div p.caption { font-weight: bold; }
#main div p.link a, #main div p strong { padding: 4px; }
#main div ul.caution { margin-top: 1em; }
#main div ul.caution li { padding-left: 1em; text-indent: -1em; }
#main div .photo { background-image: url(/imgs/pic_bg.gif); clear: none; float: right; margin-top: 0; padding-bottom: 17px; width: 226px; }
#main div .photo span { background: url(/imgs/pic_bg.gif); display: block; padding: 20px 15px 0 20px; text-align: center; }
#main hr { clear: both; display: block; margin: 20px; visibility: hidden; }
#main .article01 .photo { background-image: url(/imgs/pic_bg_1st.gif); }
#main .article01 .photo span { background-image: url(/imgs/pic_bg_1st.gif); }
#main .article01, #main .article05, #main .article09, #main .article13, #main .article17, #main .article21, #main .article25 { background: url(/imgs/article_line_right.gif) repeat-x right bottom; }
#main .article03, #main .article07, #main .article11, #main .article15, #main .article19, #main .article23, #main .article27 { background-image: url(/imgs/article_line_left.gif); }

/* page navigation */
.pnavi { width:572px; text-align: center; margin-top:10px; padding:0;}
.pnavi li { display:inline;}
.pnavi li.prev a { margin:0; padding:0;}
.pnavi li.center a { text-align:center; margin:0 auto;}
.pnavi li.next a { margin:0; padding:0;}
.pnavi li.next a img { margin:0; padding:0;}

#main .pnavinext li { margin: 0 120px; text-align: right; }
#main .pnaviprev li { margin: 0 120px; }

/* backnumber list */
#main .bn { background-image: none; padding: 5px 0 0; }
#main .bn h3 { float: none; }
#main .bn ul { list-style: circle; padding-left: 3em; }
#main .bn ul li a { padding-right: 1em; }


/* ====== section: topindex ====== */
body#mc #main div { background:none; margin-top: 0px; padding-bottom: 0px; position: relative; }
body#mc #main #mainvisual { margin:0; padding:0; }
body#mc #main .lead { margin:10px 0; padding:0; }
body#mc #main .top15 { margin:0 !important; padding-top:15px; }
body#mc #main .no { margin:0 !important; padding:0; }
body#mc #main .lead .txt { float:left; width: 570px; }
body#mc #main .lead .txtNo { width: 570px; }
body#mc #main .lead .txt img { margin:10px; }
body#mc #main .lead .txtNo img { margin:10px; }
body#mc #main .lead .txtNo img.mgn20 { margin:20px; }
body#mc #main .lead .txt p { margin:0; padding:0; }
body#mc #main .lead .txt p.font12 { margin:0; padding:0; font-size:1.0em; }
body#mc #main .lead .txtNo p.font12 { margin:0; padding:0; font-size:1.0em;}
body#mc #main .lead .txt p.font12.orange { color:#ffb200; font-weight:bold; padding-top:10px;}
body#mc #main .lead .txt p.bot10 { margin:0; padding-bottom:10px; font-size:1.0em; }
body#mc #main .lead .txtNo p.bot10 { margin:0; padding-bottom:10px; font-size:1.0em; }
body#mc #main .lead .txt p.font12.top10{ padding-top:10px;}
body#mc #main .lead .txtNo p.font12.top10{ padding-top:10px;}  
body#mc #main .lead .txt p.font12.top10.right10{ width:300px; padding-bottom:20px;}  
body#mc #main .lead .txt p.font12.right { text-align:right; padding:10px 15px 25px 0;}
body#mc #main .lead .txtNo p.font12.right { text-align:right; padding:10px 15px 25px 0;}
body#mc #main .lead .img { float:right; }
.top10{ padding-top:10px;} 
.dog { background:url(/imgs/medical/parvo_icon_dog.gif) center right no-repeat; padding-right:60px;}
.cat { background:url(/imgs/medical/parvo_icon_cat.gif) center right no-repeat; padding-right:60px;}

body#mc #main ul#btn { list-style:none; }
body#mc #main ul#btn li { width:570px; height: 73px; overflow: hidden; }
body#mc #main ul#btn li a { background:url(/imgs/medical/mc_btns.gif); display: block; height: 100%; text-indent: -9999px; width:100%; }
body#mc #main ul#btn li.btn01 a { background-position: 0 0; }
body#mc #main ul#btn li.btn01 a:hover, body#mc #main ul#btn li.btn01 a:focus { background-position: 570px 0; }
body#mc #main ul#btn li.btn02 a { background-position: 0 219px; }
body#mc #main ul#btn li.btn02 a:hover, body#mc #main ul li.btn02 a:focus { background-position: 570px 219px; }
body#mc #main ul#btn li.btn03 a { background-position: 0 146px; }
body#mc #main ul#btn li.btn03 a:hover, body#mc #main ul#btn li.btn03 a:focus { background-position: 570px 146px; }
body#mc #main ul#btn li.btn04 a { background-position: 0 73px; }
body#mc #main ul#btn li.btn04 a:hover, body#mc #main ul#btn li.btn04 a:focus { background-position: 570px 73px; }


/* ====== section: health ====== */
body#mc #main ul#sub { list-style:none }
body#mc #main ul#sub li { width:543px; height: 53px; overflow: hidden; }
body#mc #main ul#sub li a { background:url(/imgs/medical/mc_healthBtn.gif); display: block; height: 100%; text-indent: -9999px; width:100%; }
body#mc #main ul#sub li.btn01 a { background-position: 0 0; }
body#mc #main ul#sub li.btn01 a:hover, body#mc #main ul#sub li.btn01 a:focus { background-position: 543px 0; }
body#mc #main ul#sub li.btn02 a { background-position: 0 106px; }
body#mc #main ul#sub li.btn02 a:hover, body#mc #main ul#sub li.btn02 a:focus { background-position: 543px 106px; }
body#mc #main ul#sub li.btn03 a { background-position: 0 53px; }
body#mc #main ul#sub li.btn03 a:hover, body#mc #main ul#sub li.btn03 a:focus { background-position: 543px 53px; }

.nml.next a{ width:560px; text-align:right; margin-left:0; background:url(/imgs/medical/arrowNext.gif) 0 0 no-repeat; padding-left:15px; color:#884b2a;}
.nml.back a{ clear:both; background:url(/imgs/medical/arrowBack.gif) 0 0 no-repeat; padding-left:15px; color:#884b2a;}
.leaves01{ width:572px; height:32px; background:url(/imgs/medical/leaves01.gif) no-repeat;}
.leaves02{ width:572px; height:3px; background:url(/imgs/medical/leaves02.gif) no-repeat;}


ul.nml.next02{ margin:0 !important; text-align:right; list-style-type:none !important;}
ul.nml.next02 li a{ margin:0 !important; padding-left:15px !important; color:#884b2a; background:url(/imgs/medical/arrowNext.gif) 0 0 no-repeat;}


#tableBox{ margin:0; padding:30px 0 0 20px;}
#tableBoxSmall{ margin:0; padding:15px 0 0 20px;}
.leaf{ padding:0; margin-bottom:30px;}
.leaf.bot10{ padding:0; margin-bottom:10px;}
.leafSmall{ padding:0; margin-bottom:10px;}
.tableBdr{ background:url(/imgs/medical/tableBdr.gif) repeat-x; height:1px;}
.tableLeft{ padding-left:5px; background-color:#faf1dc; text-align:left;}
.tableLeft.wid122{ padding-left:5px; background-color:#faf1dc; text-align:left; width:122px;}
.tableLeft.wid258{ padding-left:5px; background-color:#faf1dc; text-align:left; width:258px;}

.tableRight{ padding-left:5px; background-color:#ffffff; text-align:left;}
.tableRight.wid141{ padding-left:5px; background-color:#ffffff; text-align:left; width:141px;}

.tableRight ul.dogIcon{ list-style-type:none;}
.tableRight ul.dogIcon li{ background:url(/imgs/medical/icon_dog.gif) 0 5px no-repeat; padding-left:15px;}

.tableRight ul.catIcon{ list-style-type:none;}
.tableRight ul.catIcon li{ background:url(/imgs/medical/icon_cat.gif) 0 5px no-repeat; padding-left:15px;}

.bdrYellow{ height:1px; width:532px; background-color:#fcc035; }
.bgYellow{ background-color:#faf1dc; }
.noBdr{margin:0 !important; padding-bottom:5px;}


/* ====== section: list ====== */

.list_bg{ width:570px; background:url(/imgs/medical/mc_list_bg.gif) top right no-repeat !important;}
.list_table{ width:531px; height:669px; margin:0 auto; background:url(/imgs/medical/mc_list_table.gif) 0 0 no-repeat !important; text-indent:-9999px; clear:both;}
.font10 { width:531px; margin:0 auto; padding-top:5px; font-size:0.8em; text-align:right; }



ul.checklist{ list-style-type:none; color:#ffb200; font-weight:bold;}
ul.checklist li{ background:url(/imgs/medical/icon_check.gif) 0 5px no-repeat; padding-left:17px;}

/* ====== section: bodyLanguage ====== */

.boxBodyLeft{ width:270px; float:left;}
.boxBodyLeft p{ font-size:1.2em; padding-top:10px;}
.boxBodyLeft.center{ text-align:center; margin:0 auto;}
.center02{ width:270px; margin:0 auto; float:left;}
.center02.right02 { width:220px; margin:0 auto; padding-left:50px; float:left;}
.boxBodyRight{ width:270px; float:right;}
.boxBodyRight p{ font-size:1.2em; padding-top:10px;}
.boxBodyRight img{ text-align:center;}
.boxBodyRight.center{ text-align:center; margin:0 auto;}



/* plus */
#main div h4.exp { padding: 6px 0 4px 14px; }
#main div h4 img { vertical-align: top; }



/* ====== popup ====== */
/* main */
body.popup #main div h3, body.popup #main div h4, body.popup #main div .text { float: none; width: auto; }
#main div ol { list-style: decimal; padding-left: 3em; }

/* close button */
#main .close { padding-top: 20px; text-align: center; }
body.popup #main .noscript { text-align: center; }

.center { clear: both; float: none; text-align: center; width: 100%; }
.center img { margin: 5px; vertical-align: middle; }