@charset "utf-8";

/*
Theme Name: 愛こころのクリニック
Description: 
Author: nakashima.com (002108)
Author URI: http://www.nakashima.com/
*/

/* font-size sample
----------------------
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
----------------------*/

.clear {
	clear: both;
}

a {
	color: #0033bb;
}

a img {
	border: none;
}

#skiplink a {
	float: left;
}

.spacer {
	display: block;
}

#base {
	width: 884px;
	margin: 0 auto;
}

#header {
	width: 884px;
	background: url(images/header.gif) no-repeat right bottom;
}

#header h1, #header div#clinicname {
	padding: 13px;
	margin: 0;
}

#tel-address {
	width: 884px;
	background: url(images/address-mid.gif) repeat-y;
}

#tel-address-top {
	font-size: xx-small;
	height: 19px;
	background: url(images/address-top.jpg) no-repeat;
	width: 884px;
}

#tel-address-bot {
	width: 884px;
	background: url(images/address-bot.jpg) no-repeat left bottom;
	padding-bottom: 26px;
}

#tel-address ul {
	width: 832px;
	margin: 0 auto;
	padding-top: 7px;
}

#tel-address * {
	vertical-align: middle;
}

#tel-address ul li {
	list-style: none;
	font-size: 115%;
}

#tel-address ul li.denwa {
	width: 14em;
	float: left;
}

#tel-address ul li img {
	position: relative;
	top: -2px;
	padding-right: 3px;
}

#content-container,
#content-container-top,
#content-contianer-bot {
	width: 884px;
	margin: 0 auto;
}

#content-container-top,
#content-container-bot {
	font-size: xx-small;
	background: url(images/content-container-top.gif) no-repeat;
	height: 13px;
}

#content-container {
	background: url(images/content-container-mid.jpg) repeat-y;
}

#content-container-bot {
	background: url(images/content-container-bot.gif) no-repeat;
}

#content-home, #content-page, #sitemap-page, #content-blog {
	width: 546px;
	float: right;
	padding: 0 26px 0 0;
}

#content-home p#description {
	font-size: 85%;
}

#information h2 {
	margin: 26px 0 13px 0;
}

#information table {
	margin: 0;
}

#information table th, #information table td {
	border: none;
	font-weight: normal;
	vertical-align: baseline;
	text-align: left;
	padding: 0 1em 0.4em 0;
	line-height: 1.3;
}

#sidebar {
	width: 299px;
	float: left;
}

#navi-main {
	width: 299px;
	background: url(images/navi-main-mid.jpg) repeat-y left top;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}

#navi-main-bot {
	font-size: xx-small;
	height: 26px;
	background: url(images/navi-main-bot.gif) no-repeat left bottom;
}

#navi-main ul {
	width: 247px;
	margin: 0 26px;
}

#navi-main ul li {
	list-style: none;
	padding-bottom: 2px;
}

#navi-main ul li a {
	display: block;
	width: 231px;
	padding: 13px 0 13px 16px;
	text-decoration: none;
	font-size: 116%;
	color: #000;
	background: url(images/navi-main.gif) no-repeat #ffc64e;
}

#navi-main ul li a:hover {
	background: url(images/navi-main.gif) no-repeat -247px top #ffcf68;
}

#navi-main ul li.current_page_item a {
	background: url(images/navi-main.gif) no-repeat -494px top #ff9118 !important;
}

#message {
	width: 247px;
	padding: 0 26px;
	background: url(images/message-top.gif) no-repeat left top;
}

#message p {
	margin: 0;
	padding: 13px 0 0 0;
}

#footer {
	width: 858px;
	padding: 26px 13px 13px 13px;
	margin-top: 13px;
	background: url(images/footer.gif) no-repeat;
	font-size: 85%;
}

#navi-sub {
	width: 600px;
	float: left;
}

#footer p {
	width: 200px;
	float: right;
	text-align: right;
	margin: 0;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	display: inline;
	padding-right: 1em;
	list-style: none;
}

#footer ul li a {
	color: #000;
	text-decoration: none;
	background: url(images/navi-sub.gif) no-repeat left center;
	padding-left: 8px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#login-logout {
	padding: 0 13px 13px 13px;
	font-size: 85%;
	text-align: right;
}

#login-logout a {
	color: #333;
	text-decoration: none;
}

#login-logout a:hover {
	text-decoration: underline;
}

#content-page h1, #sitemap-page h1, #content-blog h1 {
	font-size: 182%;
	font-weight: normal;
	padding: 26px 13px;
	margin: 0 0 13px 0;
	background: url(images/h1.jpg) no-repeat left bottom #ffb755;
}

#content-page h2, #content-blog h2.search-title {
	font-size: 167%;
	font-weight: normal;
	margin: 39px 0 13px 0;
	padding: 13px;
	background: url(images/h2.jpg) repeat-x left bottom #fffec1;
	border: solid 1px #ffd800;
}

#content-blog h2.search-title a {
	color: #000;
}

#content-page p {
	margin: 1em 0;
	line-height: 1.5;
}

#content-page table {
	margin-bottom: 1em;
	padding: 0;
}

#content-page table th, #content-page table td {
	border: solid 1px #ccc;
	text-align: left;
}

#content-page ul, #content-page dl {
	margin: 1em 0;
}

#content-page ul li {
	list-style: none;
	background: url(images/li.gif) no-repeat 0 0.4em;
	padding-left: 15px;
	line-height: 1.5;
	margin-bottom: 0.2em;
}

#content-page dt, #content-page dd {
	line-height: 1.5;
}

#content-page dd {
	margin-bottom: 0.2em;
}

#content-page ol li {
	line-height: 1.5;
	margin-bottom: 0.2em;
}

#content-page pre {
	width: 100%;
	overflow: auto;
	line-height: 1.5;
	margin: 13px 0;
}

#content-page address {
	line-height: 1.5;
	margin: 13px 0;
	font-style: italic;
}

#sitemap-page ul {
	margin: 1em 0;
}

#sitemap-page ul li {
	list-style: none;
	background: url(images/li-sitemap.gif) no-repeat 0 0.4em;
	padding-left: 13px;
	line-height: 1.5;
	margin-bottom: 0.2em;
}

#sitemap-page ul li ul {
	margin: 0 0 0 50px;
}

#content-blog div.blogtitle {
	width: 533px;
	margin: 26px 0 13px 0;
	padding: 13px 0 0px 13px;
	background: url(images/h2.jpg) repeat-x left bottom #fffec1;
}

#content-blog div.blogtitle h2 {
	font-size: 167%;
	font-weight: normal;
	margin: 0 13px 0 0;
}

#content-blog div.blogtitle h2 a {
	color: #000;
}

#content-blog div.blogtitle div.time {
	text-align: right;
	font-size: 85%;
	padding: 3px;
}
