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

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Difference                    */
/*                   Cause                         */
/*                   Surgery                       */
/*                   20-30                         */
/*                   Aesthe                        */
/*                   Serious                       */
/*                   Ortho                         */
/*                   Implant                       */
/*                   Extract                       */
/*                   Possibility                   */
/*                   About                         */
/*                   Achievements                  */
/*                   Access                        */
/*                   Sitemap                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Brown          #7f4223      */
/*        Main Color - Light Brown    #b59163      */
/*        Main Color - Bright Purple  #e5d80f      */
/*                                                 */
/*        Sub Color - Grey            #7c736a      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { background: #f2eeeb; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) center repeat-y;
	width: 820px;
	margin: 0 auto;
	text-align: left;
	}

#main {
	margin: 10px;
	background: url(../images/main_bg.png) center repeat-y;
	height: 100%;
	}

#content {
	width: 610px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	}


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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 80px;
	width: 820px;
	position: relative;
	}

#header * {
	margin: 0;
	padding: 0;
	}

#header img { display: block; }

#top {
	position: absolute;
	top: 40px;
	left: 17px;
	}

#header h1.lead {
	height:25px;
	position: absolute;
	top: 18px;
	left: 23px;
	line-height: 1.0;
	font-size: 12px;
	padding-top:3px;
	}

#header p.tel {
	position: absolute;
	top: 17px;
	right: 29px;
	}


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

ul#global_nav,
ul#global_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#global_nav {
	width: 600px;
	height: 26px;
	margin: 0 0 10px 9px;
	}
ul#global_nav li {
	height: 26px;
	text-indent: -9999px;
	float: left;
	}

ul#global_nav li a {
	display: block;
	height: 26px;
	}

#nav01 a {
	width: 91px;
	background: url(../images/global_nav.png) 0 0 no-repeat;
	}
#nav02 a {
	width: 158px;
	background: url(../images/global_nav.png) -91px 0 no-repeat;
	}
#nav03 a {
	width: 210px;
	background: url(../images/global_nav.png) -249px 0 no-repeat;
	}
#nav04 a {
	width: 141px;
	background: url(../images/global_nav.png) -459px 0 no-repeat;
	}

#nav {
	width: 190px;
	float: left;
	font-size: 93%;
	}

#nav a {
	text-decoration: none;
	color: #333;
	}
#nav a:hover { color: #b59163; }

#nav .section,
#nav h2,
#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav h2 {
	background: url(../images/nav_h2.png) 0 0 no-repeat;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	padding-left: 10px;
	}

#nav #internal { margin-top: 10px; }

#nav #internal ul {
	background: #eee;
	border-bottom: 1px solid #7c736a;
	margin-bottom: 14px;
	padding: 10px;
	}
#nav #internal ul.link {
	background: #eee;
	border-bottom: 1px solid #7c736a;
	border-top: 1px solid #7c736a;
	margin-bottom: 14px;
	padding: 10px;
	}

#nav #internal ul li {
	background: url(../images/nav_li.jpg) 0 2px no-repeat;
	padding: 0 0 4px 14px;
	}

#nav .external li { margin-bottom: 6px; }

#nav #shika-town { margin-left: 20px; }
#nav #official { margin-left: 10px; }

.mt10{
	margin-top:10px;
}

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

#footer {
	clear: both;
	padding: 12px 0 2px 0;
	margin: 0;
	background: url(../images/footer_bg.jpg) left bottom no-repeat;
	font-size: 85%;
	color: #666;
	}
*:first-child+html #footer { font-size: 9px; }
* html body #footer { font-size: 9px; }

#footer a { text-decoration: none; }

#footer dl { margin-top: 0; }

#footer dl dt,
#footer dl dd {
 display: inline;
 margin-left: .5em;
 }

#footer address {
	color: #333;
	text-align: center;
	margin: 12px 0 16px 0;
	}


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


.section { padding: .5em 10px; }

p.center { text-align: center; }

#content h2 {
	height: 40px;
	text-indent: -9999px;
	margin: 0 20px;
	}

#content h3 {
	clear: both;
	height: 32px;
	text-indent: -9999px;
	margin: 0 10px;
	}

#content h4 {
	clear: both;
	height: 30px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content p { margin: 0 10px 10px 10px; }

#content .section ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 2px no-repeat;
	padding-left: 1.4em;
	margin-bottom: 4px;
	}
#content .section ul.olist li,
#content .section ul li.nil {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a { color: #7f4223; }
a:hover { color: #b59163; }

#content blockquote {
	margin: 1em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em;
	}

.image_l  {
	float: left;
	margin: 0 12px 12px 0;
	}

.image_r {
	float: right;
	margin: 0 0 12px 12px;
	}

#content ul.totop li {
	list-style: none;
	background: url(../images/to_top.png) 0 3px no-repeat;
	font-size: 85%;
	padding-left: 15px;
	width: 8em;
	float: right;
	}

#content ul.totop li a { text-decoration: none; }

#content .case { padding: 0 10px; }
* html body #content .case { padding: 0 5px; }

.case .image_l  {
	float: left;
	margin: 0 5px 12px 0;
	}

.case .image_r {
	float: right;
	margin: 0 0 12px 5px;
	}

.case .alpha,
.case .beta {
	float: left;
	margin: 0 5px 15px 0;
	}
.case .gamma {
	float: left;
	margin: 0 0 5px 0;
	}

#content .bnr_contact a {
	display: block;
	width: 570px;
	height: 135px;
	margin: 15px 0;
	padding: 0;
	background: url(../images/bnr_contact.jpg) no-repeat 0 0;
	text-indent: -9999em;
	outline: none;
}
#content .bnr_contact a:hover { background-position: bottom; }


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

#index h2#title01 {
	height: 250px;
	width: 600px;
	background: url(../images/h2_index01.jpg) 0 0 no-repeat;
	margin: 0 0 0 9px;
	}
#index h3#title02 {
	height: 35px;
	background: url(../images/h3_index02.jpg) 0 0 no-repeat;
	}
#index h4#title03 { background: url(../images/h4_index03.png) 0 0 no-repeat; }
#index h4#title04 { background: url(../images/h4_index04.png) 0 0 no-repeat; }
#index h3#title05 { background: url(../images/h3_index05.png) 0 0 no-repeat; height: 35px;}

#index #content #pckp ul,
#index #content #information ul,
#index #content #pckp ul li,
#index #content #information ul li {
	margin: 0;
	padding: 0;
	background-image: none;
	float: left;
	}

#index #content #pckp ul li { margin-right: 25px; }

#index #content #information ul li { margin-right: 15px; }

#index #content #pckp ul li.nil,
#index #content #information ul li.nil { margin-right: 0; }


/*---------- Difference -----------*/

#difference h2#title01 { background: url(../images/h2_difference01.png) 0 0 no-repeat; }
#difference h3#title02 { background: url(../images/h3_difference02.png) 0 0 no-repeat; }
#difference h3#title03 { background: url(../images/h3_difference03.png) 0 0 no-repeat; }
#difference h3#title04 { background: url(../images/h3_difference04.png) 0 0 no-repeat; }
#difference h3#title05 { background: url(../images/h3_difference05.png) 0 0 no-repeat; }


/*---------- Cause -----------*/

#cause h2#title01 { background: url(../images/h2_cause01.png) 0 0 no-repeat; }
#cause h3#title02 { background: url(../images/h3_cause02.png) 0 0 no-repeat; }
#cause h3#title03 { background: url(../images/h3_cause03.png) 0 0 no-repeat; }
#cause h3#title04 { background: url(../images/h3_cause04.png) 0 0 no-repeat; }
#cause h3#title05 { background: url(../images/h3_cause05.png) 0 0 no-repeat; }
#cause h4#title06 { background: url(../images/h4_cause06.png) 0 0 no-repeat; }
#cause h4#title07 { background: url(../images/h4_cause07.png) 0 0 no-repeat; }
#cause h4#title08 { background: url(../images/h4_cause08.png) 0 0 no-repeat; }
#cause h3#title09 { background: url(../images/h3_cause09.png) 0 0 no-repeat; }



#cause #content .alpha {
	width: 190px;
	float: left;
	}
#cause #content .beta {
	width: 184px;
	float: left;
	}
#cause #content .gamma {
	width: 183px;
	float: left;
	}

#cause #content .alpha p,
#cause #content .beta p,
#cause #content .gamma p { margin: 0; }

#cause #content .alpha dl,
#cause #content .beta dl,
#cause #content .gamma dl { margin: 5px; }

#cause #content .alpha dd,
#cause #content .beta dd,
#cause #content .gamma dd { margin-left: 0; }
#cause .alpha .beta .gamma img { margin-right: 25px;}


/*---------- Surgery -----------*/

#surgery h2#title01 { background: url(../images/h2_surgery01.png) 0 0 no-repeat; }
#surgery h3#title02 { background: url(../images/h3_surgery02.png) 0 0 no-repeat; }
#surgery h3#title03 { background: url(../images/h3_surgery03.png) 0 0 no-repeat; }
#surgery h3#title04 { background: url(../images/h3_surgery04.png) 0 0 no-repeat; }
#surgery h3#title05 { background: url(../images/h3_surgery05.png) 0 0 no-repeat; }
#surgery h3#title06 { background: url(../images/h3_surgery06.png) 0 0 no-repeat; }
#surgery h3#title07 { background: url(../images/h3_surgery07.png) 0 0 no-repeat; }
#surgery h4#title08 { background: url(../images/h4_surgery08.png) 0 0 no-repeat; }


/*---------- 20-30 -----------*/

#g20-30 h2#title01 { background: url(../images/h2_20-3001.png) 0 0 no-repeat; }
#g20-30 h3#title02 { background: url(../images/h3_20-3002.png) 0 0 no-repeat; }
#g20-30 h4#title03 { background: url(../images/h4_20-3003.png) 0 0 no-repeat; }
#g20-30 h4#title04 { background: url(../images/h4_20-3004.png) 0 0 no-repeat; }
#g20-30 h3#title05 { background: url(../images/h3_20-3005.png) 0 0 no-repeat; }
#g20-30 h4#title06 { background: url(../images/h4_20-3006.png) 0 0 no-repeat; }
#g20-30 h4#title07 { background: url(../images/h4_20-3007.png) 0 0 no-repeat; }
#g20-30 h3#title08 { background: url(../images/h3_20-3008.png) 0 0 no-repeat; }
#g20-30 h3#title09 { background: url(../images/h3_20-3009.png) 0 0 no-repeat; }

#g20-30 #content table th,
#g20-30 #content table td {
	border: 1px solid #ddd;
	padding: 6px 12px;
	}

#g20-30 #content table tr.even td { background: #f3f3f3; }

#g20-30 #content table {
	width:500px;
	margin-left:15px;
	font-size:13px;
	color:#666;
}
#g20-30 #content table th,
#g20-30 #content table td {
	border: 1px solid #ddd;
	padding: 6px 12px;
	}
#g20-30 #content table th{
	width:150px;
	background: #f3f3f3;
	text-align:left;
}
#g20-30 #content table td{
	background: #ffffff;}
	
#g20-30 #content table.hikaku th{
	width:80px;
	background: #f3f3f3;
	text-align:center;
}
#g20-30 #content table.hikaku th.riten{
	width:220px;
	background:#FFCC99;
	text-align:center;
}
#g20-30 #content table.hikaku th.ketten{
	width:220px;
	background:#75BABF;
	text-align:center;
}
#g20-30 #content table.hikaku td {
	width:220px;
	border: 1px solid #ddd;
	padding: 6px 12px;
	vertical-align:top;
}
#g20-30 #content .ml10{
	margin-left:15px;
}


/*---------- Aesthe -----------*/

#aesthe h2#title01 { background: url(../images/h2_aesthe01.png) 0 0 no-repeat; }
#aesthe h3#title02 { background: url(../images/h3_aesthe02.png) 0 0 no-repeat; }
#aesthe h4#title03 { background: url(../images/h4_aesthe03.png) 0 0 no-repeat; }
#aesthe h3#title04 { background: url(../images/h3_aesthe04.png) 0 0 no-repeat; }
#aesthe h4#title05 { background: url(../images/h4_aesthe05.png) 0 0 no-repeat; }


/*---------- Serious -----------*/

#serious h2#title01 { background: url(../images/h2_serious01.png) 0 0 no-repeat; }
#serious h3#title02 { background: url(../images/h3_serious02.png) 0 0 no-repeat; }
#serious h3#title03 { background: url(../images/h3_serious03.png) 0 0 no-repeat; }
#serious h3#title04 { background: url(../images/h3_serious04.png) 0 0 no-repeat; }
#serious h3#title05 { background: url(../images/h3_serious05.png) 0 0 no-repeat; }
#serious h3#title06 { background: url(../images/h3_serious06.png) 0 0 no-repeat; }


/*---------- Ortho -----------*/

#ortho h2#title01 { background: url(../images/h2_ortho01.png) 0 0 no-repeat; }
#ortho h3#title02 { background: url(../images/h3_ortho02.png) 0 0 no-repeat; }
#ortho h3#title03 { background: url(../images/h3_ortho03.png) 0 0 no-repeat; }
#ortho h4#title04 { background: url(../images/h4_ortho04.png) 0 0 no-repeat; }
#ortho h4#title05 { background: url(../images/h4_ortho05.png) 0 0 no-repeat; }
#ortho h4#title06 { background: url(../images/h4_ortho06.png) 0 0 no-repeat; }
#ortho h3#title07 { background: url(../images/h3_ortho07.png) 0 0 no-repeat; }
#ortho h4#title08 { background: url(../images/h4_ortho08.png) 0 0 no-repeat; }
#ortho h4#title09 { background: url(../images/h4_ortho09.png) 0 0 no-repeat; }

#ortho .case {   
    background: url(../images/arrow_h.png) center center no-repeat;   
    padding: 0 30px;   
    } 


/*---------- Implant -----------*/

#implant h2#title01 { background: url(../images/h2_implant01.png) 0 0 no-repeat; }



/*---------- Extract -----------*/

#extract h2#title01 { background: url(../images/h2_extract01.png) 0 0 no-repeat; }
#extract h3#title02 { background: url(../images/h3_extract02.png) 0 0 no-repeat; }
#extract h3#title03 { background: url(../images/h3_extract03.png) 0 0 no-repeat; }
#extract h3#title04 { background: url(../images/h3_extract04.png) 0 0 no-repeat; }


/*---------- Possibility -----------*/

#possibility h2#title01 { background: url(../images/h2_possibility01.png) 0 0 no-repeat; }
#possibility h3#title02 { background: url(../images/h3_possibility02.png) 0 0 no-repeat; }
#possibility h3#title03 { background: url(../images/h3_possibility03.png) 0 0 no-repeat; }
#possibility h3#title04 { background: url(../images/h3_possibility04.png) 0 0 no-repeat; }
#possibility h3#title05 { background: url(../images/h3_possibility05.png) 0 0 no-repeat; }
#possibility h3#title06 { background: url(../images/h3_possibility06.png) 0 0 no-repeat; }
#possibility h4#title07 { background: url(../images/h4_possibility07.png) 0 0 no-repeat; }


/*---------- About -----------*/

#about h2#title01 { background: url(../images/h2_about01.png) 0 0 no-repeat; }
#about h3#title02 { background: url(../images/h3_about02.png) 0 0 no-repeat; }
#about h3#title03 { background: url(../images/h3_about03.png) 0 0 no-repeat; }
#about h4#title04 { background: url(../images/h4_about04.png) 0 0 no-repeat; }
#about h4#title05 { background: url(../images/h4_about05.png) 0 0 no-repeat; }
#about h3#title06 { background: url(../images/h3_about06.png) 0 0 no-repeat; }
#about h3#title07 { background: url(../images/h3_about07.png) 0 0 no-repeat; }


#about #content .alpha {
	width: 170px;
	float: left;
	}
#about #content .beta {
	width: 390px;
	float: right;
	}


/*---------- Achievements -----------*/

#achievements h2#title01 { background: url(../images/h2_achievements01.png) 0 0 no-repeat; }
#achievements h3#title02 { background: url(../images/h3_achievements02.png) 0 0 no-repeat; }
#achievements h4#title03 { background: url(../images/h4_achievements03.png) 0 0 no-repeat; }
#achievements h4#title04 { background: url(../images/h4_achievements04.png) 0 0 no-repeat; }
#achievements h4#title05 { background: url(../images/h4_achievements05.png) 0 0 no-repeat; }


/*---------- Access -----------*/

#access h2#title01 { background: url(../images/h2_access01.png) 0 0 no-repeat; }
#access h3#title02 { background: url(../images/h3_access02.png) 0 0 no-repeat; }
#access h4#title03 { background: url(../images/h4_access03.png) 0 0 no-repeat; }
#access h4#title04 { background: url(../images/h4_access04.png) 0 0 no-repeat; }
#access h4#title05 { background: url(../images/h4_access05.png) 0 0 no-repeat; }
#access h4#title06 { background: url(../images/h4_access06.png) 0 0 no-repeat; }
#access h3#title07 { background: url(../images/h3_access07.png) 0 0 no-repeat; }
#access h3#title08 { background: url(../images/h3_access08.png) 0 0 no-repeat; }

#access #content .alpha {
	width: 320px;
	float: left;
	}
#access #content .beta {
	width: 250px;
	float: right;
	}

#access #content dl dt {
	width: 4em;
	float: left;
	}
#access #content dl dd { margin-left: 4em; }

#access #content table {
	margin: 20px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #eee;
	}
* html body#access #content table {
	font-size: 85%;
	color:#666;
	} /* for IE6 only */
	
#access #content table th,
#access #content table td {
	border: 1px solid #ddd;
	padding: 6px 12px;
	}
#access #content table th { background: url(../images/th_bg.jpg) bottom repeat-x; }

#access #content table tr.even td { background: #f3f3f3; }

#access #content table th { background: url(../images/th_bg.jpg) bottom repeat-x; }

#access #content table tr.even td { background: #f3f3f3; }

#access #content .form table {width:500px;}
#access #content .form table th,
#access #content .form table td {
	border: 1px solid #ddd;
	padding: 6px 12px;
	}
#access #content .form table th{width:150px;
background: #f3f3f3;
text-align:left;}
#access #content .form table td{width:350px;
background: #ffffff;}
#access #content .form .button table td{width:500px;
background: #ffffff;}


#access #map {
	width: 500px;
	height: 360px;
	margin-bottom: 18px;
	}

#access #content #map .InfoWin { width: 240px; }
#access #content #map .InfoWin p {
	margin-left: 24px;
	font-size: 108%;
	letter-spacing: 1px;
	} 


/*↑↑↑↑問い合わせフォーム用↑↑↑↑ */

/*---------- Sitemap -----------*/

#sitemap h2#title01 { background: url(../images/h2_sitemap01.png) 0 0 no-repeat; }

#sitemap #content .section dl dt {
	border-left: 6px solid #b59163;
	padding-left: 12px;
	line-height: 1.0;
	margin: 12px 0;
	}
#sitemap #content .section dl dd {
	list-style: none;
	padding-left: 1.4em;
	margin-bottom: 4px;
	}