@charset "UTF-8";

/* 統一の設定ここから-------------------------------------------------------- */
/* body・link・image-------------------------------------------------------- */
* {
	margin: 0px;
	padding:0px;
	}

body {
	color: #444444;
	font-size: 12px;
	line-height: 1.8em;
	padding: 0px;
	margin: 0px;
	font-family:Tahoma, Geneva, Arial, Verdana, sans-serif;
	background-color: #e9e9e8;
	}

a:link {
	text-decoration: none;
	color: #5ba7d6;
	}

a:visited {
	text-decoration: none;
	color: #5ba7d6;
	}

a:hover {
	text-decoration: none;
	color: #b8a57d;
	}




/* 画像・Flashの位置指定※IEなどswfとhtmlに隙間ができる場合の対策用----------------------------- */
img {
	vertical-align: bottom;
	padding: 0px;
	border: 0px;
	}

object , embed {
	vertical-align: middle;
	padding: 0px;
	}

ul {
	padding: 0px;
	margin: 0px;
	clear: both;
	}

li {
	list-style-type:none;
	}




/* header,container,contents,footer-------------------------------------------------------- */
#wrapper {
	width: 100%;
	padding: 0px;
	margin: 0px auto 0px auto;
	height: auto;
	background-color: #ffffff;
	background-image: url(../image/common/body_bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	}
	
#container {
	width: 900px;
	padding: 0px 20px 0px 20px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: auto;
	clear: both;
	background-image: url(../image/common/container_bg.png);
	background-repeat: repeat-y;
	}
	
#header {
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 140px;
	background-image: url(../image/common/header_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	}

#header h1 {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
	display: block;
	font-size: 10px;
	text-align: right;
	height: 35px;
	line-height: 1.6em;
	color: #b8a57d;
	}
	
#header li.logo {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	}

#header li.hcontact {
	padding: 0px;
	margin: 0px;
	float: right;
	height: auto;
	}
	
#navigation {
	width: 900px;
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 23px;
	background-image: url(../image/common/navigation_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#navigation ul {
	padding: 0px;
	margin: 0px -20px 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
#navigation li {
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: left;
	height: auto;
	}

#topimage {
	padding: 20px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: auto;
	}

#font_size {
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 25px;
	}

#font_size ul {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	height: 20px;
	background-image: url(../image/common/font_size_bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 190px;
	float: right;
	}

#font_size li.font_big {
	padding: opx;
	margin: 0px;
	float: left;
	height: 20px;
	width: 118px;
	text-align: right;
	font-size: 1px;
	line-height: 1em;
	}

#font_size li.font_small {
	padding: 0px;
	margin: 0px;
	float: right;
	height: 20px;
	width: 66px;
	text-align: left;
	font-size: 1px;
	line-height: 1em;
	}

#sidebar {
	width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: left;
	border-top: solid 1px;
	border-top-color: #aacae3;
	}

#sidebar li {
	width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: left;
	border-bottom: solid 1px;
	border-bottom-color: #aacae3;
	}
	
#contents {
	padding: 40px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: auto;
	}

#contents_footer {
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 1px;
	clear: both;
	}
	
#pagetop {
	padding: 60px 0px 0px 0px;
	margin: 0px -15px 0px 0px;
	text-align: right;
	height: auto;
	clear: both;
	background-image: url(../image/common/pagetop_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#footer {
	width: 100%;
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 100px;
	clear: both;
	background-color: #e9e9e8;
	}

.footer {
	width: 925px;
	padding: 20px 15px 0px 15px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 60px;
	font-size: 11px;
	}
	
#fnavi {
	padding: 0px;
	margin: 0px;
	float: left;
	height: auto;
	width: 550px;
	}

#fnavi p {
	padding: 0px;
	margin: 0px;
	line-height: 1.7em;
	color: #5ba7d6;
	font-size: 10px;
	}
	
#credit {
	width: 350px;
	padding: 0px;
	margin: 0px;
	float: right;
	height: auto;
	text-align: right;	
	}

#credit p {
	padding: 0px;
	margin: 0px;
	line-height: 1.7em;
	color: #5ba7d6;
	font-size: 10px;
	}




/* index-------------------------------------------------------- */
#banner {
	width: 900px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 100px;
	}

#banner ul {
	padding: 0px;
	margin: 0px -12px 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
#banner li {
	padding: 0px 12px 0px 0px;
	margin: 0px;
	float: left;
	height: 100px;
	font-size: 11px;
	width: 216px;
	}

#banner p {
	padding: 30px 0px 0px 102px;
	margin: 0px;
	text-align: left;
	line-height: 1.5em;
	}

.public {
	display: block;
	background-image: url(../image/index/public.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}
	
a:hover.public {
	background-image: url(../image/index/publicm.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}

.kids {
	display: block;
	background-image: url(../image/index/kids.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}
	
a:hover.kids {
	background-image: url(../image/index/kidsm.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}

.implant {
	display: block;
	background-image: url(../image/index/implant.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}
	
a:hover.implant {
	background-image: url(../image/index/implantm.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}

.aesthetic {
	display: block;
	background-image: url(../image/index/aesthetic.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}
	
a:hover.aesthetic {
	background-image: url(../image/index/aestheticm.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 216px;
	height: 100px;
	}
	
#special {
	width: 900px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 100px;
	}

#special ul {
	padding: 0px;
	margin: 0px -12px 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
#special li {
	padding: 0px 12px 0px 0px;
	margin: 0px;
	float: left;
	height: 100px;
	font-size: 11px;
	width: 292px;
	}

#special p {
	padding: 30px 12px 0px 102px;
	margin: 0px;
	text-align: left;
	line-height: 1.5em;
	}

.mi {
	display: block;
	background-image: url(../image/index/mi.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 292px;
	height: 100px;
	}
	
a:hover.mi {
	background-image: url(../image/index/mim.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 292px;
	height: 100px;
	}

.recruit {
	display: block;
	background-image: url(../image/index/recruit.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 292px;
	height: 100px;
	}
	
a:hover.recruit {
	background-image: url(../image/index/recruitm.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 292px;
	height: 100px;
	}
	
.blog {
	display: block;
	background-image: url(../image/index/blog.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 292px;
	height: 100px;
	}
	
a:hover.blog {
	background-image: url(../image/index/blogm.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 292px;
	height: 100px;
	}
	
#info_about {
	padding: 20px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 180px;
	}

.info {
	width: 444px;
	padding: 40px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	height: 168px;
	float: left;
	background-image: url(../image/index/info_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.info ul {
	padding: 0px;
	margin: 0px;
	clear: both;
	height: 112px;
	}

.info li {
	width: 414px;
	padding: 4px 15px 0px 15px;
	margin: 0px;
	text-align: left;
	height: 24px;
	font-size: 11px;
	}

.info a:hover {
	text-decoration: underline;
	}


.info p#more {
	width: 429px;
	padding: 0px 15px 0px 0px;
	margin: 0px;
	text-align: right;
	height: 28px;
	font-size: 11px;
	position: relative;
	top: 28px;
	}

.about {
	width: 444px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: 208px;
	float: right;
	background-image: url(../image/index/about_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.about h1 {
	padding: 44px 0px 0px 15px;
	margin: 0px;
	text-align: left;
	line-height: 2.1em;
	font-size: 11px;
	font-weight: normal;
	}



/*facilities-------------------------------------------------------- */
#facilities {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#facilities p {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

.facilities_top {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	}

.facilities_middle {
	width: 660px;
	padding: 0px 0px 40px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	}

.facilities_image {
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
	width: 210px;
	height: 260px;
	}

.facilities_text {
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: right;
	width: 440px;
	height: auto;
	}

.facilities_footer {
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 660px;
	height: 40px;
	clear: both;
	border-bottom: solid 1px;
	border-bottom-color: #dddddd;
	}
	
#access {
	width: 660px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	background-image: url(../image/facilities/access_bg.gif);
	background-position: 0px 70px;
	background-repeat: no-repeat;
	}

#access iframe {
	width:658px;
	height:348px;
	padding: 0px;
	margin: 0px;
	border: solid 1px;
	border-color: #dddddd;
	}

#access li.access_button {
	padding: 10px 0px 30px 10px;
	margin: 0px;
	text-align: left;
	float: right;
	}

#access p#access_info {
	padding: 15px 20px 10px 20px;
	margin: 30px 0px 0px 0px;
	text-align: left;
	clear: both;
	width: 660px;
	background-image: url(../image/facilities/access_info_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 180px;
	line-height: 1.8em;
	}

#access p#access_info span {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-size: 120%;
	display: block;
	}	



/* profile-------------------------------------------------------- */
#greeting {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#greeting p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#greeting span {
	padding: 21px 105px 0px 0px;
	margin: 0px;
	text-align: right;
	display: block;
	background-image: url(../image/profile/sign.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 19px;
	}
	
#profile {
	width: 660px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}
	
.profile_image {
	width: 150px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: 150px;
	float: left;
	}

.profile_text {
	width: 480px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: right;
	}

#profile_text {
	width: 480px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: 74px;
	border-bottom: dotted 1px;
	border-bottom-color: #dddddd;
	}
	
.profile_text li.profile_text_left {
	padding: 15px 0px 0px 10px;
	margin: 0px;
	text-align: left;
	float: left;
	width: 100px;
	font-size: 12px;
	}

.profile_text li.profile_text_right {
	padding: 15px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	float: right;
	width: 350px;
	font-size: 12px;
	}




/*treatment-------------------------------------------------------- */
#implant {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#implant p {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#kids {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#kids p {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#aesthetic {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#aesthetic p {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#public {
	width: 660px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#public p {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

.treatment_image {
	width: 660px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	height: auto;
	}


/* medical bill-------------------------------------------------------- */
#medical_bill {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#medical_bill p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#medical_bill table {
	width: 100%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	}

#medical_bill th {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	text-align: center;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	background-color: #e9e9e8;
	font-weight: normal;
	}

#medical_bill td {
	width: auto;
	padding: 20px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	}

#medical_bill td.image {
	width: auto;
	padding: 10px;
	margin: 0px;
	text-align: center;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	background-image: url(../image/medical_bill/noimage.gif);
	background-position: center center;
	background-repeat: no-repeat;
	}

#medical_bill td.detail {
	width: auto;
	padding: 10px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	}

#medical_bill table.price {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 0px;
	}

#medical_bill table.price th {
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	vertical-align: middle;
	font-weight: normal;
	background-color: #ffffff;
	border: solid 0px;
	width: 35%;
	}

#medical_bill table.price td {
	width: auto;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 0px;
	vertical-align: middle;
	}

#medical_bill span {
	padding: 10px 0px 3px 0px;
	margin: 0px;
	text-align: right;
	font-size: 12px;
	display: block;
	border-bottom: solid 1px;
	border-bottom-color: #dddddd;
	color: #599fc9;
	}

#health_insurance {
	width: 660px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#health_insurance p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#health_insurance table {
	width: 100%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	}

#health_insurance th {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	text-align: center;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	background-color: #e9e9e8;
	font-weight: normal;
	}

#health_insurance td {
	width: auto;
	padding: 20px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	}

#health_insurance td.image {
	width: auto;
	padding: 10px;
	margin: 0px;
	text-align: center;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	background-image: url(../image/medical_bill/noimage.gif);
	background-position: center center;
	background-repeat: no-repeat;
	}

#health_insurance td.detail {
	width: auto;
	padding: 10px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	}
	
	
	
/* contact-------------------------------------------------------- */
#reserve {
	width: 660px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: left;
	height: 190px;
	float: right;
	background-image: url(../image/contact/reserve_bg.gif);
	background-position: 0px 70px;
	background-repeat: no-repeat;
	}

#reserve p {
	padding: 65px 0px 10px 20px;
	margin: 0px;
	text-align: left;
	line-height: 1.7em;
	}
	
#contact {
	width: 660px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

#contact p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	}

#contact span {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 10px;
	line-height: 1.7em;
	color: #5ba7d6;
	}

#contact span.error {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 13px;
	color: #800000;
	display: block;
	line-height: 2em;
	border-bottom: dotted 1px;
	border-bottom-color: #800000;
	}

#contact table {
	width: 100%;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	}

#contact th {
	width: 150px;
	padding: 10px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	background-color: #e9e9e8;
	font-weight: normal;
	}

#contact td {
	width: auto;
	padding: 10px;
	margin: 0px;
	text-align: left;
	height: auto;
	border: solid 1px;
	border-color: #dddddd;
	vertical-align: middle;
	font-size: 11px;
	}

input {
	padding: 3px;
	margin: 0px;
	border: solid 1px;
	width: 40%;
	font-size: 12px;
	border-color: #dddddd;
	}

textarea {
	padding: 3px;
	margin: 0px;
	border: solid 1px;
	width: 95%;
	height: 10em;
	font-size: 12px;
	border-color: #dddddd;
	}

#submit {
	width: 660px;
	padding: 30px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	height: auto;
	float: right;
	}

.submit {
	background-color:#5ba7d6;
	width: 100%;
	border: solid 0px;
	padding: 10px 0px 10px 0px;
	cursor: pointer;
	color: #ffffff;
	line-height: 1.2em;
	}

.back {
	background-color:#333333;
	width: 100%;
	border: solid 0px;
	padding: 5px 0px 5px 0px;
	cursor: pointer;
	color: #ffffff;
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
	}