@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px     71.42%               */
/*                   11px     78.57%               */
/*                   12px     85.71%               */
/*                   14px     100%                 */
/*                   16px     114.2%               */
/*                                                 */
/*===============フォントサイズ換算-END============*/

/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/

/*---------- 02  Container -----------*/

body {
	background: url(../images/header_bg.jpg) top repeat-x;
	font-size:78.57%;
}

#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
}

#main {
	margin: 0;
	padding:0;
}

#index_content {
	width: 900px;
	font-size: 100%;
	line-height: 1.75em;
	padding:0;
	margin:0;
}


#content {
	width: 666px;
	float: right;
	font-size: 100%;
	line-height: 1.75em;
	padding:0;
	margin:0;
}

#footer_content {
	clear:both;
	background: url(../images/footer_bg.jpg) top repeat-x;
}

/*---------- 03  Header -----------*/

#header {
	width: 900px;
	height: 380px;
	margin: 0;
	padding: 0;
}
#header01{
	margin:0;
	padding:0;
	width:513px;
	float:left;
}
#header01 h1 {
	text-indent: -9999px;
	width:513px;
	margin:0;
	padding:0;
	}
#top {
	display: block;
	width: 513px;
	height: 350px;
	background: url(../images/index_01.jpg) 0 0 no-repeat;
}
#header02 {
	margin:0;
	padding:0;
	width:387px;
	float:right;
}

#header02_a {
	width:387px;
	height:111px;
}
#header02_b {
	width:387px;
	height:111px;
}
#header02_c {
	width:387px;
	height:128px;
}

div.texth1{font-size:78.57%; margin:0; padding:3px 0 0 0; color: #630;}
*:first-child+html div.texth1 { font-size: 11px; margin:0; padding:3px 0 0 0; color: #630;} /*  for IE7 only */
* html body div.texth1 { font-size: 11px; margin:0; padding:3px 0 0 0; color: #630; } /*  for IE6 only */


#sub_header {
	width: 900px;
	height: 180px;
	margin: 0;
	padding: 0;
}

#sub_header01 {
	margin:0;
	padding:0;
	width:389px;
	float:left;
}
#sub_header01 h1 {
	text-indent: -9999px;
	width:389px;
	margin:0;
	padding:0;
	}
#sub_header01 h1 a {
	display: block;
	width: 389px;
	height: 139px;
	background: url(../images/sub_01.jpg) 0 0 no-repeat;
}
#sub_header02 {
	margin:-20px 0 0 0;
	padding:0;
	width:491px;
	float:right;
}

#sub_header02 p {
	margin: 0;
	padding:0;
	width:491px;
}

#sub_header02_a {
	width:491px;
	height:100px;
}
#sub_header02_b {
	width:491px;
	height:60px;
}


/*----------04  Navigation -----------*/

#nav {
	width: 216px;
	height: 465px;
	float: left;
	margin:0;
	padding:0 0 12px 0;
	background: url(../images/nav_bg.jpg) 0 0 no-repeat;
}

#nav ul {
	margin:49px 10px 0 10px;
}

#nav li {
	margin: 0 0 32px 0;
	padding: 0;
	list-style: none;
}

#nav .internal li {
	margin:0;
	width:196px;
	height: 39px;
	text-indent: -9999px;
	}

#nav .internal li a {
	display: block;
	height: 39px;
}

#nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -39px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -78px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -117px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -156px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -195px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -234px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -273px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -312px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -351px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -196px 0 no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -196px -39px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -196px -78px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -196px -117px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -196px -156px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -196px -195px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -196px -234px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -196px -273px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -196px -312px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -196px -351px no-repeat; }

#nav p { text-align: center; }

/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	width:900px;
	height: 138px;
	margin: 0 auto;
	padding:0;
	color:#666;
	text-align:left;
	font-size:78.57%;
	line-height:130%;
}
*:first-child+html #footer { font-size: 11px; } /*  for IE7 only */
* html body #footer { font-size: 11px; } /*  for IE6 only */

#footer01 {width:320px; float:left; margin:0; padding:10px 0 0 0;}
#footer02 {width:220px; float:left; margin:0; padding:20px 0 0 0;}
#footer03 {width:240px; float:left; margin:0; padding:20px 0 0 0;}
#footer04 {width:120px; float:left; margin:0; padding:10px 0 0 0;}

/*---------- 06  Contents -----------*/

#content h2 {
	margin: 0 0 20px 0;
	padding:0;
}
#content h3 {
	clear:both;
	height:40px;
	margin:15px 0 0 0;
	padding:13px 10px 0 25px;
	font-size: 114.2%;
	color:#630;
	font-weight: bold;
	background: url(../images/content_h3_bg.jpg) 0 0 no-repeat;
}
#content h4 {
	clear:both;
	width:646px;
	height:20px;
	margin:15px 0 0 0;
	padding:10px 10px 0 10px;
	font-size: 100%;
	font-weight: bold;
	color:#630;
	background: url(../images/content_h4_bg.jpg) 0 0 no-repeat;
}

#content .detail_text {
	margin:0 0 15px 0;
	padding:10px;
	background-color:#F5F1EF;
}


#content ul {
	margin:0;
	padding:0;
}
#content li {
	list-style: none;
	background: url(../images/common_listmark_02.jpg) 0 6px no-repeat;
	padding-left: 15px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

a {color: #660000;outline: none; text-decoration:none;}
a:hover { color: #990000; text-decoration:underline; }

.img {margin:0; padding:0; line-height:1%;}

.image_l {float: left;margin: 0 15px 15px 0; padding:0; line-height:1%;}
.image_r {float: right;margin:0 0 15px 15px; padding:0; line-height:1%;}

.strong { font-weight:bold; }

.content_copy {margin-bottom:20px;}

#content ul.totop {
	clear: both;
	padding:0;
	margin:0;
	}

#content ul.totop li {
	list-style: none;
	width: 70px;
	height: 19px;
	line-height:1%;
	font-size:1%;
	margin: 20px 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
}
#content ul.totop li a {
	display: block;
	height: 19px;
	background: url(../images/pagetop.jpg) 0 0 no-repeat;
	}

#content table {
	border-collapse:collapse;
	border-spacing: 1px;
	border: 1px solid #cccccc;
	font-size: 100%;
}

#content table th,
#content table td {
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align:top;
}

#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
}

#content_check_qa {
}

#content_check_qa a {
	color:#069;
	text-decoration:underline;
}
#content_check_qa a:hover {
	color:#990000;
	text-decoration:underline;
}

#content_check_qa h4 {
	clear:both;
	width:616px;
	height:20px;
	margin:15px 0 0 0;
	padding:20px 0 10px 50px;
	font-size: 100%;
	font-weight: bold;
	color:#FFF;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	border-bottom:1px dotted #ECECEC;
	background:url(../images/check_q.gif) no-repeat 10px 10px;
}
#content_check_qa p {
	width:606px;
	margin:0 0 30px 0;
	padding:10px 10px 0 50px;
	background:url(../images/check_a.gif) no-repeat 10px 10px;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
}

#content_white_bg {
	width:646px;
	height:160px;
	background:url(../images/white_04.jpg) no-repeat 0 0;
}

#content_white_bg ul {
	padding:25px 0 0 15px;
}
#content_white_bg li {
	color:#630;
	font-weight:bold;
	padding:0 0 0 10px;
	background:url(../images/common_listmark_01.jpg) no-repeat 0 9px;
}

#content_esthe_bg {
	width:646px;
	height:160px;
	background:url(../images/esthe_04.jpg) no-repeat 0 0;
}

#content_esthe_bg ul {
	padding:35px 0 0 15px;
}

#content_esthe_bg li {
	color:#630;
	font-weight:bold;
	padding:0 0 0 10px;
	background:url(../images/common_listmark_01.jpg) no-repeat 0 9px;
}

#content_perio_bg {
	width:646px;
	height:160px;
	background:url(../images/perio_04.jpg) no-repeat 0 0;
}

#content_perio_bg ul {
	padding:35px 0 0 15px;
}

#content_perio_bg li {
	color:#630;
	font-weight:bold;
	padding:0 0 0 10px;
	background:url(../images/common_listmark_01.jpg) no-repeat 0 9px;
}

#content_dr-obana_bg {
	width:646px;
	height:160px;
	margin:0 10px;
	background:url(../images/dr-obana_03.jpg) no-repeat 0 0;
}

#content_dr-obana_bg ul {
	padding:35px 0 0 15px;
}

#content_dr-obana_bg li {
	color:#630;
	font-weight:bold;
	padding:0 0 0 10px;
	background:url(../images/common_listmark_01.jpg) no-repeat 0 9px;
}

/*---------- 07  Index -----------*/

#index_box_01 {
	margin:0 0 15px 25px;
	padding:0;
	width:416px;
	height:254px;
	background:url(../images/index_05.jpg) no-repeat 0 0;
	float:left;
}
#index_box_02 {
	margin:0 0 15px 14px;
	padding:0;
	width:416px;
	height:254px;
	background:url(../images/index_06.jpg) no-repeat 0 0;
	float:left;
}
#index_box_03 {
	margin:0 0 15px 25px;
	padding:0;
	width:416px;
	height:254px;
	background:url(../images/index_07.jpg) no-repeat 0 0;
	float:left;
}
#index_box_04 {
	margin:0 0 15px 14px;
	padding:0;
	width:416px;
	height:254px;
	background:url(../images/index_dr.jpg) no-repeat 0 0;
	float:left;
}

#index_content h2 {
	text-indent: -9999px;
	margin:0;
	padding:0;
	font-size:12px;
	float:left;
}

.index_box_text {
	margin:95px 0 0 15px;
	width:235px;
	font-size:90%;
	line-height:150%;
}

#index_content ul {
	margin:0;
	padding:0;
}
#index_content li {
	margin:0;
	padding:0;
	list-style:none;
}
#index_content li a {
	color:#C30;
}

#index_box_05 {
	margin:0 0 20px 0;
	padding:0;
	width:900px;
	height:206px;
	background:url(../images/index_10.jpg) no-repeat 0 0;
}
#index_box_05 p {
	margin:25px 0 0 470px;
}

#index_05a {
	text-indent: -9999px;
}

#index_05a a {
	display: block;
	width: 199px;
	height: 14px;
	margin:0 0 5px 0;
	background: url(../images/index_05a.gif) 0 0 no-repeat;
}

#index_05b {
	text-indent: -9999px;
}

#index_05b a {
	display: block;
	width: 199px;
	height: 14px;
	margin:0 0 5px 0;
	background: url(../images/index_05b.gif) 0 0 no-repeat;
}

#index_05c {
	text-indent: -9999px;
}

#index_05c a {
	display: block;
	width: 199px;
	height: 14px;
	background: url(../images/index_05c.gif) 0 0 no-repeat;
}

#index_06a {
	text-indent: -9999px;
}

#index_06a a {
	display: block;
	width: 199px;
	height: 14px;
	background: url(../images/index_06a.gif) 0 0 no-repeat;
}

#index_07a {
	text-indent: -9999px;
}

#index_07a a {
	display: block;
	width: 199px;
	height: 14px;
	background: url(../images/index_07a.gif) 0 0 no-repeat;
}

#index_08a {
	text-indent: -9999px;
}

#index_08a a {
	display: block;
	width: 199px;
	height: 14px;
	background: url(../images/index_08a.gif) 0 0 no-repeat;
}

#map{
width:550px;
height:450px;
}

#str {
	margin-top: -12px;
	text-align: right;
}

#str strong {
	font-weight: normal;
}