@charset "utf-8";
/*
Theme Name: 中島紙工制作テーマ No.001
Description: 青色を基調としたテーマです。
Author: 中島紙工株式会社
Author URI: http://www.nakashima.com/
*/

@import "style/reset.css";
@import "style/fonts.css";
@import "style/base.css";
@import "style/cl.css";
@import "style/blog.css";

body {
	font-family: sans-serif;
	}

a {
	color: #0033bb;
}

body {
	background: url(images/common/body.jpg) repeat-x center top;
}

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

#base {
	width: 760px;
	padding: 0 13px;
	background: url(images/common/base-bottom.gif) no-repeat center bottom;
}

#header {
	width: 760px;
	padding: 40px 0 10px 0;
	background: url(images/common/header.gif) repeat-x left bottom;
}

#name-address {
	float:left;
	width: 400px;
}

#name-address h1,
#name-address div.clinicname {
	margin: 0;
	padding: 0;
}

#name-address h1 img,
#name-address div.clinicname img {
	display: block;
}

#name-address p#jusho {
	padding: 5px 0 0 0;
	margin: 0;
}

#banner {
	width: 320px;
	float:right;
	padding: 0 0 0 0;
}

#banner img {
	display: block;
}

#navi-home img {
	display: block;
	float: left;
}

#contents-home {
	width: 570px;
	float: right;
	padding: 15px 0 20px 0;
}

#contents-home div.f-map {
	width: 190px;
	float: left;
}

#contents-home div.flash {
	width: 380px;
	float: right;
	background: #e6fafa;
	padding: 10px 0;
}

#contents-page {
	width: 560px;
	float: right;
	padding: 15px 5px 0 0;
}

#contents-page h1 {
	font-size: 182%;
	font-weight: normal;
	background: url(images/common/h1.gif) no-repeat left bottom #92e5ff;
	padding: 40px 0 10px 20px;
	margin: 0;
	line-height: 1.2em;
}

#contents-page h2 {
	font-size: 138.5%;
	font-weight: normal;
	background: url(images/common/h2.gif) no-repeat left bottom #aaeaff;
	padding: 6px 12px;
	line-height: 1.2em;
	margin: 40px 3px 0 3px;
}

#contents-page h3 {
	font-size: 123.1%;
	font-weight: normal;
	color: #0086cf;
	margin: 30px 0 0 15px;
}

#contents-page p {
	padding: 12px 15px 0 15px;
	margin: 0;
	line-height: 1.5em;
}

#contents-page p#clinicimage {
	padding: 0;
	margin: 0;
}

#contents-page div.photo-cap {
	padding: 0 15px 0 15px;
}

#contents-page div.photo-cap img {
	position: relative;
	left: -3px;
	display: block;
}

#contents-page p.photo-cap-tate {
	width: 175px;
	float: left;
	font-size: 85%;
	line-height: 1.2em;
	padding: 15px 0 0 0;
	margin: 0;
}

#contents-page p.photo-cap-yoko {
	width: 235px;
	float: left;
	font-size: 85%;
	line-height: 1.2em;
	padding: 15px 3px 0 0;
	margin: 0;
}

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

#contents-page strong {
	color: #00794f;
	font-size: 123.1%;
	font-weight: normal;
}

.policy {
	color: #00794f;
	font-size: 100% !important;
	font-weight: normal;
}

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

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

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

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

#contents-page table.marin-tel-fax td {
	padding: 0 1px 0 0;
}

#contents-page div#map {
	width: 520px;
	height: 600px;
	margin: 15px 15px 0 15px;
}

#navi-main {
	width: 185px;
	float: left;
	padding: 15px 0 0 0;
}

#navi-main ul {
	margin: 0;
}

#navi-main ul li {
	list-style: none;
}

#navi-main ul li.navi a {
	width: 165px;
	display: block;
	padding: 8px 0 6px 20px;
	color: #fff;
	text-decoration: none;
	background: url(images/common/navi-main.gif) no-repeat right top #000066;
}

#navi-main ul li.navi a:hover,
#navi-main ul li.navi-now a {
	background: url(images/common/navi-main.gif) no-repeat left top #0556c2;
	color: #003333;
}

#navi-main ul li.child {
	background: #e6f5ff;
}

#navi-main ul li.child span {
	width: 165px;
	display: block;
	background: url(images/common/navi-main.gif) no-repeat right top #000066;
	padding: 8px 0 6px 20px;
	color: #fff;
}

#navi-main ul li.child ul {
	padding: 10px 0;
}

#navi-main ul li.child ul li a {
	display: block;
	padding: 2px 0 2px 20px;
	background: url(images/common/navi-main-child.gif) no-repeat 7px center;
	color: #003399;
	text-decoration: underline;
}

#navi-main ul li.child ul li a:hover,
#navi-main ul li.child ul li.navi-now a {
	background: url(images/common/navi-main-child.gif) no-repeat 7px center;
	color: #007e66;
}

.reserve{
	padding: 2px 0 2px 20px;
}



















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

#footer {
	padding: 0 0 15px 0;
}

#footer p {
	padding: 10px;
	margin: 0;
	background: #9bc8f5;
	border-bottom: solid 5px #375fb9;
	color: #133463;
	font-size: 85%;
}

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