@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/**************************************************************************
Copyright (c) NISHINO ANIMAL CLINIC All Rights Reserved.
**************************************************************************/

body { background:#fff; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html		{}  
a			{ color:#30c; text-decoration:underline;}
a:visited	{ color:#50c; text-decoration:underline;}
a:hover		{ color:#f60; text-decoration:none;}
a:active	{ color:#f90; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH		{ overflow:visible; min-height:480px; background:url(../img/bgH.jpg) top repeat-x;}
#bgImgH2	{ overflow:visible; min-height:360px; background:url(../img/bgHunder.jpg) top repeat-x;}
#container	{ width:960px; margin:0 auto; text-align:center;}
#pagetop	{ width:960px; margin:0 auto; text-align:center;}
#bgImgF		{ clear:both; height:auto; background:url(../img/bgF.jpg) repeat-x;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header		{ position:relative; width:960px; height:127px; background:#FAFAD2;}
h1			{ position:absolute; top:7px; left:6px;}
#headTelBox	{ position:absolute; top:0; right:4px;}

/*Heading Level 2*/
#mainImg	{ width:960px; height:289px; margin:0 auto; padding:0;}
#undrH2		{ position:relative; width:960px; height:169px; background:url(../img/underH2Bg.jpg) no-repeat top left; margin:0 auto; padding:0;}
#undrH2 img	{ position:absolute; top:63px; right:29px;}

/*Navi*/
#naviBox 	{ position:relative; list-style:none; width:944px; height:63px; margin:0 auto 20px; padding:0 0 0 16px; background:url(../img/gNaviBg.jpg) no-repeat; text-align:center; font-size:0px;}
#naviBox li	{ float:left; height:49px; margin:0; padding:0; line-height:0; font-size:0px;}
/*Navi Under*/
#naviBoxUndr{ position:relative; list-style:none; width:944px; height:63px; margin:0 auto 20px; padding:0 0 0 16px; background:url(../img/gNaviBgUnder.jpg) no-repeat; text-align:center; font-size:0px;}
#naviBoxUndr li{ float:left; height:49px; margin:0; padding:0; line-height:0; font-size:0px;}

/*-------------------------------------------------------------------------
mainContentsArea
-------------------------------------------------------------------------*/
#content	{ overflow:hidden; width:960px; margin:0 auto; padding:0; background:#fff url(../img/bgC.jpg) repeat-y; text-align:left;}
.contUndr	{ padding:10px 15px 0 15px !important;}
.contUndr > h3	{ position:relative; width:; height:; margin:0 0 20px 0; padding:5px 0 6px 9px; background:#4169E1; border-top:2px solid #132E7D; color:#fff; font-weight:bold;}


#Lside		{ float:left; width:690px; padding:10px 0 0 0;}
#Rside		{ float:right; width:250px; height:auto;}
#Lside > h3	{ position:relative; width:; height:; margin:0 0 20px 0; padding:5px 0 6px 9px; background:#4169E1; border-top:2px solid #132E7D; color:#fff;}
#Lside > h3 span{ position:absolute; top:4px; right:5px;}
#Rside div	{ margin:0 0 7px 0;}
#sideMap	{ position:relative; width:241px; height:402px; margin:0; padding:8px 0 0 8px; background:url(../img/sideBg.jpg) no-repeat top left;}
#sideMap > img{ position:absolute; top:8px; left:8px;}
#sideMap > a{ position:absolute; top:243px; left:18px;}
#sideMap > h4{ position:absolute; bottom:85px; left:20px; width:208px; padding:0 0 10px 0; border-bottom:1px dashed #333;}
#sideMap ul	  { position:absolute; bottom:22px; left:20px; font-size:0.9em; line-height:1.2;}
#sideMap ul	li{ padding:0 0 4px 0;}
li#liAdd	{ background:url(../img/icoAdd.jpg) no-repeat 0 2px; padding-left:23px !important;}
li#liTel	{ background:url(../img/icoTel.jpg) no-repeat 0 0; padding-top:4px !important; padding-left:23px !important;}

#content > h3	{
	clear:both; margin:0 0 12px 0; width:840px; height:26px; margin:0 0 12px 0; padding:8px 0 0 40px;
	background:url(../img/H3bg.jpg) no-repeat left top; font-family:"メイリオ", sans-serif; font-size:1.4em; font-weight:bold;
	}

.sect			{ clear:both; margin:0 0 0.5em 0; padding:0 12px 8px 12px; text-align:left;}
.sect > h4		{ margin:0 0 5px 0; padding:3px 0 2px 4px; font-family:"メイリオ", sans-serif; font-size:1.2em; font-weight:bold; color:#f80;}
.sect p			{ margin:0 0 0.6em 0; line-height:1.2;}
.sect p strong	{ font-weight:bold; color:#03C;}
.sect ul		{ margin:0 0 10px 0;}
.sect ul li		{ padding:0 0 10px 0; line-height:1.2;}
.unit			{ padding:5px 16px 16px 16px;}
.unit h5		{ margin:0 0 4px 0; color:#4EA873; font-size:1.1em; font-weight:bold;}
.unit p			{}
.unit p strong	{ color:#03C;}

/*Top Page's Only*/
.sectTop	{ clear:both; width:622px; padding:0 6px 16px 12px; text-align:left;}
.sectTop h4	{ margin:0 0 5px 0; padding:0 0 0 0; border-left:4px solid #4EA873; font-size:1.2em; font-weight:bold; color:#339;}
.sectTop p	{ margin:0 0 10px 0; line-height:1.4;}

#topEm1			 { float:left; width:335px; margin:0 20px 0 0; padding:0;}
#topEm1 > h3	 { position:relative; width:; height:; margin:0 0 20px 0; padding:5px 0 6px 9px; background:#4169E1; border-top:2px solid #132E7D;}
#topEm1 > h3 span{ position:absolute; top:4px; right:5px;}

#topEm2			 { float:left; width:335px; margin:0 0 0 0; padding:0;}
#topEm2 > h4	 { position:relative; background:#ACDEEE; color:#333; margin:0 0 20px 0; padding:0;}
#topEm2 > h4 span{ position:absolute; top:5px; left:190px; font-size:1.2em;}
#topEm2	ul		 { margin:0 0 0 0.5em; font-size:1em;}
#topEm2	ul li	 { list-style:disc outside; padding:0 0 6px 0;}

/*diaryPro*/
dl#Topics	{ list-style:none; margin:0 0 3em 0; padding:0; text-align:left;}
#Topics dt	{ float:left; margin:0 1em 0 0; padding:2px 0 0 0; line-height:1.2; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
#Topics dd	{ margin:0 0 1.2em 0; padding:0 0 1.2em 0; border-bottom:1px dashed #EBEBEB;}
#Topics dd:last-child{ margin:0 0 0.5em 0; padding:0; border-bottom:none;}

/*table*/
.basicTable		{ width:100%; margin:0; font-size:1em; font-weight:bold;}
.basicTable tr.odd { background:#F8EFDF;}
.basicTable tr.evn { background:#fff;}
.basicTable th	{ padding:5px; border-right:1px solid #EDD7AD; color:#333; text-align:center;}
.basicTable td	{ padding:6px 5px 6px 5px; border-right:1px solid #EDD7AD; color:#000; text-align:center; vertical-align:middle;}
.blank	{ height:200px;}

/*equipment*/
.equipImgBox	{ float:left; width:416px; margin:0 15px 15px 0; padding:10px; background:url(../img/refreImgBg.jpg) no-repeat right bottom; border:1px solid #ccc; border-radius:5px;}
.equipImgBox h4	{ display:inline-block; margin:0 0 5px 0; padding:0 0 0 5px; border-left:5px solid #F90; color:#f70; font-size:1.2em; font-weight:bold;}
.equipImgBox img{ float:right; margin:0 0 0 10px; border-radius:5px;}
.equipImgBox p	{ line-height:1.4;}
.equipImgBox ol { display:inline-block; list-style:none;}
.equipImgBox ol li { margin:0 0 15px 0; line-height:1.4;}

/*access*/
.flBox		{ float:left; width:380px; margin:0; padding:0; }
.frBox		{ float:right; width:510px; margin:0; padding:0;}
.flBox h4,.frBox h4	{ margin:0 0 5px 0; padding:3px 0 2px 4px; font-family:"メイリオ", sans-serif; font-size:1.2em; font-weight:bold; color:#f80;}
.flBox p	{ clear:both; margin:0 0 0.8em 0; font-weight:bold;}
.flBox img	{}

/**/
.infoTableBox	{ float:left; width:620px;}

/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer		 { clear:both; position:relative; width:960px; height:130px; margin:0 auto; padding:0; background:url(../img/footer.jpg) no-repeat left top; color:#333; text-align:center;}
#toTop		 { position:absolute; top:0; right:10px; width:175px; height:28px; margin:0; text-align:center;}
#footLogo	 { position:absolute; top:76px; left:7px;}
#footLink			{ position:absolute; top:45px; right:5px; width:620px; font-size:1em; line-height:1.4; text-align:right; color:#000;}
#footLink li 		{ float:left; margin:0 0 0 0; padding:0 15px 0 15px; border-right:1px solid #000;}
#footLink li#homeMk	{ padding:0 15px 0 18px; background:url(../img/icoHome.jpg) no-repeat 0 0;}
#footLink li:last-child	{ padding:0 0 0 15px !important; border-right:none !important;}
#footLink li a		{ color:#000; text-decoration:none;}
#footLink li a:visited{ color:#000; text-decoration:none;}
#footLink li a:hover  { color:#f60; text-decoration:underline;}
#footLink li a:active { color:#f60; text-decoration:underline;}
#copyright	{ position:absolute; top:84px; right:10px; font-family:Arial, Helvetica, sans-serif; color:#400000; font-weight:bold; font-size:0.9em;}


/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 11px 0;}
.maru{ border-radius:5px;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 5px 5px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.flimg3{ float:left; margin:0 10px 10px 15px;}
.frimg3{ float:right; margin:0 15px 10px 10px;}
.red{ color:#f00;}
.blue{ color:#09f;}
.orange{ color:#f60;}
.green{ color:#3c0;}
.f0{ font-size:0.001em;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f110{ font-size:1.1em;}
.f120{ font-size:1.2em;}
.f160{ font-size:1.6em;}
.f180{ font-size:1.8em;}
.f200{ font-size:2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
strong{ font-weight:bold;}
.indent{ text-indent:0.8em;}
img.bdrImg	{ padding:1px; background:#fff; border:1px solid #ccc; box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc;}

#DemoSpacer{ display:block; height:700px;}