@charset "utf-8";
/*
Theme Name: 皮ふ科SSクリニック
*/
@import "style/reset.css";
@import "style/fonts.css";
@import "style/base.css";
@import "style/cl.css";
@import "style/blog.css";
@import "basefont.css.php";

a {
	color: #0033bb;
}

#base {
	width: 800px;
	margin: 0 auto;
	background: url(images/common/contents.gif) repeat-y left top;
}

#header {
	background: url(images/common/header.jpg) no-repeat left bottom #0183e5;
}

#header a#mark {
	width: 127px;
	float: left;
	display: block;
	padding: 5px 0 10px 5px;
}

#header a#mark img {
	display: block;
}

#header h1,
#header div.clinicname {
	margin: 0;
	padding: 30px 0 0 0;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
	line-height: 1.2em;
	text-indent: 5px;
}

#header h1 a,
#header div.clinicname a {
	color: #fff;
	text-decoration: none;
}

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

#address-tel {
	margin: 0;
	padding: 5px 0 5px 135px;
	line-height: 1.1em;
	background: url(images/common/address-tel.jpg) repeat-x left bottom #8ce8fd;
}

#contents {
	width: 800px;
	background: url(images/common/navi-bottom.jpg) no-repeat left bottom;
	padding: 0 0 10px 0;
}

#contents.contents-home {
	background: #fff;
}

#homephoto img {
	display: block;
	padding: 0 0 15px 0;
	background: url(images/home/image-bottom.jpg) repeat-x left bottom;
}

#home-content {
	width: 770px;
	background: #eeeeee;
	padding: 15px 15px 10px 15px;
	margin: 5px 0 0 0;
}

#information {
	width: 375px;
	float: right;
}

#information h2 {
	font-size: 138.5%;
	background: url(images/home/home-h2.jpg) no-repeat left bottom #c9f3ff;
	padding: 10px 15px 7px 15px;
	margin: 0;
}

#information div.info-table {
	background: #fff;
	margin: 5px 5px 0 5px;
	width: 365px;
	height: 130px;
	overflow: auto;
}

#information table {
	margin: 5px 0 0 0;
}

#information table th {
	width: 100px;
	border: none;
	text-align: left;
	vertical-align: baseline;
	font-weight: normal;
	padding: 5px 2px 2px 10px;
	line-height: 1.1em;
}

#information table td {
	border: none;
	text-align: left;
	vertical-align: baseline;
	font-weight: normal;
	padding: 5px 2px 2px 0px;
	line-height: 1.1em;
}

#navi-home {
	width: 375px;
	float: left;
}

#navi-home h2 {
	font-size: 138.5%;
	background: url(images/home/home-h2.jpg) no-repeat left bottom #c9f3ff;
	padding: 10px 15px 7px 15px;
	margin: 0;
}

#navi-home ul {
	margin: 0;
	padding: 0 0 0 4px;
	width: 182px;
	float: left;
}

#navi-home ul li {
	width: 182px;
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}

#navi-home ul li a {
	display: block;
	width: 167px;
	padding: 7px 0 9px 15px;
	font-size: 123.1%;
	color: #fff;
	background: url(images/common/navi-home.gif) no-repeat left bottom #59c7ff;
	text-decoration: none;
	line-height: 1em;
}

#navi-home ul li a:hover {
	color: #333;
	background: url(images/common/navi-home.gif) no-repeat right bottom #fff;
}

#navi-home ul li a span {
	line-height: 1;
	font-size: 75%;
}

#contents-page,
#contents-index,
#contents-single {
	width: 520px;
	float: right;
	padding: 0 30px 0 0;
}

#contents-page h1,
#contents-index h1,
#contents-single h1 {
	font-size: 182%;
	margin: 0;
	padding: 40px 0 15px 15px;
	background: url(images/common/h1.jpg) no-repeat center bottom #c8f3ff;
}

#contents-page p#des,
#contents-index p#des {
	font-size: 85%;
	line-height: 1.3em;
	padding: 5px 15px;
	margin: 0;
}

#contents-page h2,
#contents-index h2 {
	font-size: 138.5%;
	background: url(images/common/h2.gif) no-repeat left bottom #ccf3ff;
	margin: 50px 0 0 0;
	padding: 10px 15px;
	line-height: 1.1em;
	border-top: solid 1px #a4e0ff;
}

#contents-page h3 {
	font-size: 138.5%;
	background: url(images/common/h3.gif) repeat-x left bottom;
	padding: 30px 0 5px 0;
	margin: 0 15px;
	color: #4cb900;
}
#contents-page p {
	line-height: 1.5em;
	margin: 15px 15px 0 15px;
	padding: 0;
}

.photo-caption {
	width: 240px;
	float: left;
	padding: 15px 0 0 15px;
}

.photo-caption div {
	background: url(images/common/photo.jpg) no-repeat left top;
	width: 240px;
	height: 151px;
	text-align: center;
	padding: 4px 0 0 0;
}

.photo-caption p {
	margin: 0 !important;
	padding: 0 !important;
}

.photo-caption-a {
	width: 140px;
	float: left;
	padding: 15px 0 0 15px;
}

.photo-caption-a div {
	background: url(images/common/photo-a.jpg) no-repeat left top;
	width: 140px;
	height: 228px;
	text-align: center;
	padding: 4px 0 0 0;
}

.photo-caption-a p {
	font-size: 85%;
	margin: 0 !important;
	padding: 0 !important;
}

.photo-caption-b {
	width: 165px;
	float: left;
	padding: 15px 0 0 15px;
}

.photo-caption-b div {
	background: url(images/common/photo-b.jpg) no-repeat left top;
	width: 165px;
	height: 228px;
	text-align: center;
	padding: 4px 0 0 0;
}

.photo-caption-b p {
	font-size: 85%;
	margin: 0 !important;
	padding: 0 !important;
}

.photo-caption-c {
	width: 235px;
	float: left;
	padding: 15px 0 0 15px;
}

.photo-caption-c div {
	background: url(images/common/photo-c.jpg) no-repeat left top;
	width: 235px;
	height: 335px;
	text-align: center;
	padding: 4px 0 0 0;
}

.photo-caption-c p {
	font-size: 85%;
	line-height: 1.1em !important;
	margin: 0 !important;
	padding: 0 !important;
}

.photo-caption-d {
	width: 240px;
	float: left;
	padding: 15px 0 0 15px;
}

.photo-caption-d div {
	background: url(images/common/photo.jpg) no-repeat left top;
	width: 236px;
	height: 151px;
	text-align: center;
	padding: 4px 0 0 0;
}

.photo-caption-d p {
	font-size: 85%;
	line-height: 1.1em !important;
	margin: 0 !important;
	padding: 0 !important;
}

.photo-caption-e {
	height: 155px;
	margin: 15px 0 0 15px;
	background: url(images/common/photo-e.jpg) no-repeat left top;
}

.photo-caption-e div {
	float: left;
	width: 240px;
	text-align: center;
	padding: 4px 10px 0 0;
}

.photo-caption-f {
	width: 500px;
	margin: 15px 0 0 15px;
	background: url(images/common/photo-f.jpg) no-repeat left top;
}

.photo-caption-f-chi {
	width: 240px;
	height: 151px;
	float: left;
	text-align: center;
	padding: 4px 10px 0 0;
	margin-bottom: 14px;
}


.photo-caption-cl {
	clear: left;
}

#contents-page table {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
}

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

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

#contents-page ul {
	margin: 15px 15px 0 15px;
}

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

#contents-page ul.ul-a {
	width: 180px;
	float: left;
	margin: 0 !important;
	padding: 15px 15px 0 15px;
}

#contents-page ul.ul-a-w {
	width: 280px;
}

#contents-page ul#li-site li {
	background: url(images/common/li-sitemap.gif) no-repeat 0 0.35em;
}

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

#contents-page em {
	color: #ff3366;
	font-style: normal;
}

#contents-page strong {
	color: #ff3366;
	font-size: 138.5%;
}

.kakaku {
	width: 260px;
	float: left;
}

.kakaku table {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
}

.kakaku th {
	border: solid 1px #54b712;
	text-align: left;
	vertical-align: baseline;
	font-weight: normal;
	padding: 2px 4px;
	line-height: 1.5em;
	color: #28972b;
	background: #e4ffd1;
}

.kakaku td {
	border: solid 1px #54b712;
	text-align: left;
	vertical-align: baseline;
	font-weight: normal;
	padding: 2px 5px;
	line-height: 1.5em;
}

.meyasu {
	background: #ddfbdc;
	margin: 15px 15px 0 15px;
	padding: 2px;
}

.meyasu h3 {
	font-size: 100% !important;
	color: #004d47 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.3em !important;
	background: none  !important;
}

.meyasu p {
	margin: 0 !important;
}

#map {
	margin: 15px 15px 0 15px;
}

#contents-single div.storycontent {
	margin: 0 15px;
}

#contents-index div.storycontent {
	margin: 0 15px;
}

#navi-main-container {
	width: 220px;
	float: left;
}

#navi-main {
	margin: 25px 10px 0 10px;
	background: #cff4ff;
}

#navi-main h2 {
	font-size: 138.5%;
	background: url(images/common/navi-h2.jpg) no-repeat left bottom;
	margin: 0;
	padding: 10px;
}

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

#navi-main ul li {
	width: 182px;
	list-style: none;
	margin: 3px 0;
	padding: 0;
}

#navi-main ul li a {
	display: block;
	width: 167px;
	padding: 5px 0 7px 15px;
	font-size: 123.1%;
	color: #fff;
	background: url(images/common/navi-main.gif) no-repeat left bottom #59c7ff;
	text-decoration: none;
}

#navi-main ul li a:hover,
#navi-main ul li.current_page_item a,
#navi-main ul li.current-cat a {
	color: #333;
	background: url(images/common/navi-main.gif) no-repeat right bottom #fff;
}

#navi-main ul li a span {
	font-size: 75%;
}

#chiryou-blog { /* navi-main ul を継承 */
	margin:0 !important;
	padding:0 0 0 15px !important;
}

#chiryou-blog li { /* navi-main ul li を継承 */
	width: 172px !important;
}

#chiryou-blog li a { /* navi-main ul li a を継承 */
	display: block !important;
	width: 167px !important;
	padding: 0 0 0 10px !important;
	font-size: 116% !important;
	color: #333 !important;
	background: url(images/common/navi-chiryou-blog.gif) no-repeat left center !important;
	text-decoration: none !important;
}

#chiryou-blog li a:hover { /* navi-main ul li a:hover を継承 */
	background: url(images/common/navi-chiryou-blog.gif) no-repeat left center !important;
	text-decoration: underline !important;
}

#chiryou-blog li.current-cat a {
	color: #ff6600 !important;
}

#pageup {
	text-align: right;
	padding: 20px 30px 0 0;
	margin: 0;
}

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

#footer {
	background: url(images/common/footer.gif) repeat-x left bottom #0083e5;
	padding: 10px 0 20px 0;
	margin: 0 0 0 0;
}

#footer ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#footer ul li {
	display: inline;
	list-style: none;
}

#footer ul li a {
	font-size: 85%;
	color: #fff;
	text-decoration: underline;
	background: url(images/common/navi-sub.gif) no-repeat left center;
	padding: 0 10px 0 10px;
}

#footer p {
	margin: 10px 20px;
	padding: 0;
	line-height: 1em;
	color: #fff;
	font-size: 85%;
}

#login {
	text-align: right;
	background: #fff;
}

#login a {
	font-size: 77%;
	color: #666;
	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%
----------------------*/