@charset "Shift_JIS";

/******* メインエリア　コンテンツ部分 ********/
img { border: 0; }

.content {
	clear: both;
	width: 800px;
	height: auto;
	margin: 0 auto;
	position: relative; /* IE用 */
	_top: -22px; /* IE用 */
	background: url(../img/bg_sub.jpg) repeat_y;
}

#contenttop { clear: both; width: 800px; height: auto; margin: 0 auto; }

/******* トップイメージ部分 ********/

#topimg {
	clear:both;
	display:block;
	width:790px;
	height:150px;
	margin: 0 auto;
	background:url(../img/imagephoto.jpg) no-repeat;
	text-indent:-9999em;
}

/******* コンテンツ内メニュー ********/
#cmenu { width: 615px; text-align: left; margin-bottom:10px; padding-top: 4px; float: left; }
#upper_block { width: 609px; float: left; margin-bottom: 2px; }
ul#mainNav  { width: 425px; float: left; margin-left: 2px; line-height: 0; }
ul#mainNav li { float: left; margin-bottom: 2px; }
ul#mainNav li img { vertical-align:bottom; }
#twt { width: 180px; float: right; }

/******* バナーエリア ********/
#bnr_area, #fd { width: 609px; float: left; clear: both; margin-top: 3px; }
#bnr_area li { margin: 0; padding: 0; float: left; vertical-align:bottom; }
#bnr_area li img { vertical-align:bottom; }

/****** 記事タイトル *******/
h2.ttlaccess {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../access/img/ttl_access.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlinquiry {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../inquiry/img/ttl_inquiry.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlsitemap {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../sitemap/img/ttl_sitemap.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlguide {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../guide/img/ttl_guide.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlstaff {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../staff/img/ttl_staff.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlaboutpet {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../aboutpet/img/ttl_aboutpet.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlprocess {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../process/img/ttl_process.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlcourse {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../course/img/ttl_course.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlreserve {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../reserve/img/ttl_reserve.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlmedical {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../medical/img/ttl_medical.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlmedical_data {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../data/img/ttl_medical.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttllinks {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../links/img/ttl_links.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlfaq {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../faq/img/ttl_faq.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlvoice {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../voice/img/ttl_voice.jpg) no-repeat;
	text-indent: -9999em;
}

h2.eating {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../eating/img/ttl_eating.jpg) no-repeat;
	text-indent: -9999em;
}

h2.prevention {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../prevention/img/ttl_prevention.jpg) no-repeat;
	text-indent: -9999em;
}

h2.example {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../example/img/ttl_example.jpg) no-repeat;
	text-indent: -9999em;
}

h2.sanpo {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../photo/images/ttl_sanpo.jpg) no-repeat;
	text-indent: -9999em;
}

h2.memoirs {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../memoirs/img/ttl_memoirs.jpg) no-repeat;
	text-indent: -9999em;
}

/****** 新着情報 *******/

.news {
	clear: both;
	width: 609px;
	height: 100% auto;
	background: url(../img/bg_news.gif) repeat-y;
	text-align: center;
	float: left;
}

.news_all {
	width: 605px;
	height: 100% auto;
	padding: 1.5em 0em 0.5em 0em;
	position: relative;
	top: 0px;
	left: 5px;
	text-align: center;	
}

h2.ttlnews {
	width: 609px;
	height: 34px;
	background: url(../img/ttl_news.jpg) no-repeat;
	text-indent: -9999em;
}

h2.ttlnews_all {
	width: 605px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 5px;
	background: url(../news/img/ttl_news.jpg) no-repeat;
	text-indent: -9999em;
}
.news li {
	width: 90%;
	margin: auto;
	text-align: left;
	text-indent: 2em;
	background: url(../img/icon_news.gif) no-repeat 0px 50%;
	line-height: 1.4em;
	border-bottom: 1px dotted #CCC;
}
.news_all li {
	width: 90%;
	margin: auto;
	text-align: left;
	text-indent: 2em;
	line-height: 1.4em;
	border-bottom: 1px dotted #CCC;
}
div.newsbottom {
	clear: both;
	width: 609px;
	height: 34px;
	margin: auto;
	background: url(../img/bg_newsbottom.gif) no-repeat;
}
div.newsbottom p { width: 90%; margin: 0px auto; text-align: right; }
a.slink { background: url(../img/icon_news.gif) no-repeat 0px 50%; font-size: 10px; }

p.privacy { display: block; clear: both; margin: 0 0 5px 0; font-size: 10px; text-align: left; }

/****** サブメニュー *******/

#sub { width: 183px; height: 100%; padding-top: 3px; margin: 0 0 20px 0; float: right; }
#sub ul li { float: left; margin-bottom: 3px; }
#sub ul li img { vertical-align:bottom; }

/****** 本文 *******/

.content_body {
	width: 605px;
	padding: 0.5em 0em 0.5em 0em;
	position: relative;
	top: 0px;
	left: 5px;
}

h3.aboutpet {
	width: 100%;
	height: 100% auto;
	padding: 0.8em 0.3em 0.3em 0.3em;
	margin: 0em 0em 0.8em 0em;
	border-bottom: 1px dotted #ccc;
}

h3.course {
	width: 100%;
	height: 100% auto;
	padding: 0.8em 0.3em 0.3em 0.3em;
	margin: 0em 0em 0.8em 0em;
	border-bottom: 1px dotted #ccc;
}

h4.course {
	width: 100% auto;
	height: 100% auto;
	padding: 0.2em 0em 0.2em 0.3em;
	margin: 0.2em 0em 0.2em 0.3em;
	border-bottom: 1px dotted #ccc;
	color: #0066CC;
	font-size:100%;
}

h3.reserve {
	width: 100%;
	height: 100% auto;
	padding: 0.8em 0.3em 0.3em 0.3em;
	margin: 0em 0em 0.8em 0em;
	border-bottom: 1px dotted #ccc;
}

h3.medical {
	width: 100%;
	height: 100% auto;
	padding: 0.8em 0.3em 0.3em 0.3em;
	margin: 0em 0em 0.8em 0em;
	border-bottom: 1px dotted #ccc;
}

h3.access {
	width: 100%;
	height: 100% auto;
	padding: 0.8em 0.3em 0.3em 0.3em;
	margin: 0em 0em 0.8em 0em;
	border-bottom: 1px dotted #ccc;
}

h3.links {
	width: 100%;
	height: 100% auto;
	padding: 0.8em 0.3em 0.3em 0.3em;
	margin: 0em 0em 0.8em 0em;
	border-bottom: 1px dotted #ccc;
}

dt.main {
	font: bold;
	color: #390;
	margin: 0.3em;
	list-style-type: none;
	line-height: 1.3em;
}

dd.main {
	margin-left: 1em;
	list-style-type: none;
	line-height: 1.3em;
}

dt.faq {
	font: bold;
	color: #390;
	margin: 0em 0.3em 0em 0.3em;
	padding: 0.3em 0.3em 0.3em 1em;
	list-style-type: none;
	line-height: 1.4em;
	background-color: #F5FFF0;
}

dd.faq {
	margin: 0.3em 0.3em 1em 0.3em;
	padding: 0.3em 0.3em 0.6em 1em;
	list-style-type: none;
	line-height: 1.4em;
	border-bottom:#ccc dotted 1px;
}


table td.process {
	border-bottom: 1px dotted #ccc;
	padding: 0.8em;
}

table td.reserve_form {
	padding: 0.3em;
}

table th.require {
	padding: 0.5em;
}

table td.require {
	padding: 0.5em;
}

table td.price {
	padding: 0.5em;
}

/****** ナビボックス *******/

.navi {
	clear: both;
	width: 800px;
	padding: 10px;
}

a.back {
	width: 119px;
	height: 13px;
	position: relative;
	left: -5px;
	background: url(../img/navi_back.gif) no-repeat;
	float: left;
	text-indent: -9999em;
}

a.pagetop {
	width: 152px;
	height: 13px;
	position: relative;
	left: 320px;
	background: url(../img/navi_pagetop.gif) no-repeat;
	float: left;
	text-indent: -9999em;
}

.example_ico {
 	background: url(../img/zoom.gif) top left no-repeat;
 	margin: 0.5em 0 0.5em 0;
	padding-left: 2em;
	font-weight:bold;
}

/****** ここまで *******/