@charset "utf-8";
@import "style/reset.css";
@import "style/fonts.css";
@import "style/base.css";
@import "style/cl.css";
@import "style/blog.css";

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

/*----------------------
body-base
----------------------*/
body {
	width:780px;
	margin:0 auto;
	}

/*----------------------
header
----------------------*/
#header {
	width:750px;
	background:url(images/common/header.jpg) no-repeat left top;
	margin:10px 0 0 0;
	padding:15px 0 10px 30px;
	}

#header h1,
#header div.clinicname {
	margin:0 0 15px 0;
	}

#header div.clinicname a {
	display:block;
	}

#header p {
	margin:15px 0 0 65px;
	}

/*----------------------
navi-main
----------------------*/
#navi-main {
	padding:5px 0 0 13px;
	}

#navi-main ul {
	margin:0;
	padding:0;
	}

#navi-main li  {
	width:125px;
	margin:0 1px 0 0;
	padding:0;
	color:#333;
	float:left;
	list-style: none;
	}

#navi-main li a {
	width:123px;
	border:1px solid #ff9900;
	text-decoration:none;
	text-align:center;
	display:block;
	color:#333;
	}

#navi-main ul li.page_item a {
	padding:15px 0 10px 0;
	}

#navi-main ul li.current_page_item a,
#navi-main ul li.current_page_parent a,
#navi-main ul li.current_page_item a:hover,
#navi-main ul li.current_page_parent a:hover {
	background:url(images/common/navi.gif) no-repeat left top;
	}	

#navi-main li.page-item-home a,
#navi-main li.page-item-4 a,
#navi-main li.page-item-5 a,
#navi-main li.page-item-6 a,
#navi-main li.page-item-7 a,
#navi-main li.page-item-22 a {
	background:url(images/common/navi.gif) no-repeat right top;
	}

#navi-main li.page-item-home a:hover,
#navi-main li.page-item-4 a:hover,
#navi-main li.page-item-5 a:hover,
#navi-main li.page-item-6 a:hover,
#navi-main li.page-item-7 a:hover,
#navi-main li.page-item-22 a:hover {
	background:url(images/common/navi.gif) no-repeat center top;
	}

#navi-main ul li ul li {
	margin:0 !important;
	}

#navi-main ul li ul li a {
	background:#fff !important;
	padding:8px 0 !important;
	margin:-1px 0 0 0;
	}

#navi-main ul li ul li a:hover {
	background:#ffe999 !important;
	}

#navi-main ul li ul {
	display:none;
	margin:0 !important;
	}

#navi-main ul li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	width:150px;
	padding:0;
	margin:0;
	}

/*----------------------
contents
----------------------*/
#contents {
	width:755px;
	margin:0 0 0 13px;
	}

#contents p#des {
	font-size:85%;
	margin:3px 0 20px 0;
	}

#contents * {
	/*color:#333;*/
	}

#contents a {
	color:#000099;
	}

/*----------------------
information
----------------------*/
#information {
	width:330px;
	float:left;
	}

#information h2 {
	font-size:138.5%;
	background:url(images/home/h2.gif) no-repeat 0 50%;
	border-bottom:solid 1px #ff9900;
	margin:5px 0 10px 0;
	padding:0 0 2px 20px;
	line-height:1.1em;
	}

#information table th {
	border:none;
	padding:2px 20px 2px 0;
	margin:0;
	vertical-align:baseline;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	}

#information table td {
	border:none;
	padding:2px 0;
	line-height:1.5em;
	}

/*----------------------
yoyaku,jikan
----------------------*/
#yoyaku,
#jikan {
	width:405px;
	float:right;
	}

#yoyaku h2,
#jikan h2 {
	font-size:138.5%;
	line-height:1.1em;
	color:#fff;
	background:url(images/home/h2b.gif) no-repeat left bottom #640000;
	padding:5px 15px;
	margin:0;
	}

#yoyaku div {
	background:url(images/home/woman.jpg) no-repeat right 15px #fff1a6;
	padding:15px 110px 15px 15px;
	margin:0 0 20px 0;
}

#yoyaku p {
	line-height: 1.5em;
}

#yoyaku ul {
	margin: 0;	
}

#yoyaku ul li {
	list-style:none;
	line-height:1.5em;
	background:url(images/common/li-yoyaku.gif) no-repeat 0 0.3em;
	padding:0 0 0 15px;
}

#jikan p {
	line-height:1.5em;
	background:url(images/home/woman.jpg) no-repeat right 15px #fff1a6;
	padding:15px 110px 15px 15px;
	margin:0 0 20px 0;
	}

#jikan p {
	background:#fff1a6;
	padding:15px;
	}

/*----------------------
contents-page
----------------------*/
#contents-page {
	width:470px;
	float:right;
	}

#contents-page h1 {
	font-size:182%;
	line-height:1.1em;
	color:#fff;
	background:url(images/common/h1.gif) no-repeat left bottom #640000;
	padding:10px 10px 10px 15px;
	margin:20px 0 0 0;
	}

#contents-page p#des {
	font-size:85%;
	line-height:1.3em;
	background:#fff1a6;
	padding:5px 12px;
	margin:0;
	}

#contents-page h2 {
	font-size:	138.5%;
	line-height:1.1em;
	background:url(images/common/h2.gif) no-repeat left bottom #ffe999;
	padding:10px 10px 8px 12px;
	margin:40px 0 15px 0;
	}

#contents-page p {
	line-height:1.5em;
	margin:1em 0.7em;
	}

#contents-page h3 {
	font-size:123.1%;
	line-height:1.1em;
	background:url(images/common/h3.gif) no-repeat left bottom;
	padding:10px 0 3px 12px;
	margin:25px 0 0 0;
	}

#contents-page ol {
	margin:1em 2.5em;
	}

#contents-page ol li {
	padding:0 0 0 0;
	line-height:1.5em;
	}

#contents-page ul {
	margin:1em;
	}

#contents-page ul li {
	list-style:none;
	line-height:1.5em;
	background:url(images/common/li.gif) no-repeat 0 0.3em;
	padding:0 0 0 15px;
	}

#contents-page table {
	margin:1em 0.7em;
	}

#contents-page table th {
	border:none;
	padding:2px 15px 2px 0;
	font-weight:normal;
	line-height:1.5em;
	vertical-align:baseline;
	text-align:left;
	}

#contents-page table td {
	border:none;
	padding:2px 0;
	line-height:1.5em;
	}

#contents-page table.denwayoyaku th,
#contents-page table.denwayoyaku td,
#contents-page table.internetyoyaku th,
#contents-page table.internetyoyaku td {
	border: solid 1px #ccc;
	padding: 5px;
	vertical-align: middle;
}

#contents-page table.denwayoyaku th,
#contents-page table.internetyoyaku th {
	background: #fff6c6;
}

#contents-page table.denwayoyaku p,
#contents-page table.denwayoyaku ul {
	margin: 0;
	padding: 0;
}

#contents-page p img.photo-a {
	width:220px;
	float:left;
	margin:0 10px 0 0;
	}

#contents-page p.photo-b {
	width:220px;
	float:left;
	margin:0 0 1em 0.7em !important;
	}

/*----------------------
image-photo
----------------------*/
#image-photo {
	width:251px;
	float:left;
	margin:20px 0 0 0;
	}

/*----------------------
info-navi
----------------------*/
#info-navi {
	width:251px;
	float:left;
	margin:20px 0 0 0;
	background:#fff1a6;
	}

#info-navi h2 {
	font-size:138.5%;
	background:url(images/home/h2.gif) no-repeat 0 50%;
	border-bottom:solid 1px #ff9900;
	margin:20px 10px;
	padding:0 0 2px 20px;
	line-height:1.1em;
	}

#info-navi ul {
	margin:1em 0 1em 2.4em;
	}

/*----------------------
pageup
----------------------*/
p#pageup {
	margin:20px 0;
	text-align:right;
	}

#pageup a {
	font-size:85%;
	background:url(images/common/pageup.gif) no-repeat right center;
	padding:2px 10px;
	}

/*----------------------
footer
----------------------*/
#footer {
	width:755px;
	margin:0 0 0 13px;
	background:url(images/common/footer.gif) repeat-x left top;
	}

#footer p {
	font-size:85%;
	color:#333;
	line-hieght:1.3em;
	padding:5px 0 100px 5px;
	}

#footer p a {
	color:#333;
	text-decoration:none;
	}

/*----------------------
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%
----------------------*/

