@charset "utf-8";

body {
	font-size: 93%;
	background:#F5F9FA url(../img/main_bg.gif) repeat-x;
	margin:0;
	padding:0;
}
html, body {
     height: 100%;
 }
.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
 }
div.push {
     height:4em;
 }

ul.itemOutline a:link,ul.itemOutline a:visited {
	color:#CC33CC;
	line-height:1.2;
	}
ul.itemOutline a:hover {
	color: #990099;
	}	
ul.itemOutline {
	margin-left:15px;
	margin-top:5px;
	}	
#rightCon ul.itemOutline p{
	font-size:70%;
	font-weight:normal;
	letter-spacing:0.05em;
	padding:0 3px 3px 3px;
	}		
ul.itemOutline img{
	padding-bottom:5px;
	}		
ul.itemOutline li {
	float:left;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
	font-weight:bold;
	text-align:center;
	display:inline;
	width:260px;
	padding:5px;
	background:#F7F7F7;
	border:3px solid #0066CC ;
	margin:0 5px 5px 8px;
	}
/*
===== 症例一覧 ==========================================
*/	
ul.caseOutline {
	margin-left:15px;
	margin-top:5px;
	}	
#rightCon ul.caseOutline p{
	font-size:70%;
	font-weight:normal;
	letter-spacing:0.05em;
	padding:0 3px 3px 3px;
	}		
ul.caseOutline img{
	padding:0;
	}		
ul.caseOutline li {
	float:left;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
	font-weight:bold;
	text-align:center;
	display:inline;
	width:520px;
	padding:5px;
	background:#F7F7F7;
	border:3px solid #0066CC ;
	margin:0 0 5px 22px;
	}	
.Layout {
	text-align:center;
	margin:0 auto 10px;
	}	
.Layout td{
	padding:5px;
	font-size:85%;
	}		
/*
===== CONTAINER ==========================================
*/
#container {
	width:764px;
	text-align:center;
	background:url(../img/body_bg.gif) repeat-y;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
#container:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#topSearchBoxBottom:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*
===== ヘッダーHEADER ==========================================
*/
#header{
	width:820px;
	height:94px;
	margin:0 auto;
	position:relative;
}
#header h1{
	margin:0 auto;
	position:absolute;
	top:0;
}
#header p.topC{
	font-size:85%;
	color:#333;
	position:absolute;
	top:2px;
	right:50px;
}
#header .headerSub {
	position:absolute;
	top:20px;
	right:112px;
	}
#header .headerSub01	{
	position:absolute;
	top:37px;
	right:-72px;
	}
#header a:link,#header a:visited {
	text-decoration:none;
	color: #0066CC;
	}
#header a:hover {
	color: #FFF;
	}	
/*
===== トップページ構成 ==========================================
*/	

#contentBody {
	width:820px;
	margin:0 auto;
	text-align:center;
	clear:both;
}
#contentBody p{
	margin:0;
	padding:0;
}
#leftCon {
	width:222px;
	float:left;
	margin-top:4px;
}
#leftCon ul {
	margin-bottom:10px;
	}
#leftCon ul li {
	margin-left:8px;
	font-size:93%;
	font-weight:bold;
	line-height:2;
	background:url(../img/side_con_bg.gif) no-repeat 0 bottom;
	padding-bottom:3px;
	}
#leftCon ul li a:link,#leftCon ul li a:visited{
	text-decoration:none;
	color: #0066CC;
	}	
#leftCon ul li a:hover{
	text-decoration:underline;
	color: #0099FF;
	}		
#leftCon ul li span {
	background: url(../img/side_ikcon.gif) no-repeat 0 0.65em;
	padding-left:15px;
	line-height:1.4;
	padding-top:4px;
	zoom: 1;  
	display: inline-block;  
	}	
div.sideA {
	background:url(../img/side_a_bg.gif) repeat-y;
	padding:0 8px 0 10px;
	margin:5px 0 5px 12px;
	clear:both;
	}
div.sideB {
	padding:0 8px 0 10px;
	margin:5px 0 5px 0;
	clear:both;
	}	
#leftCon  div.sideB p{
	font-size:85%;
	padding-left:3px;
	}	
#leftCon  div.sideB p.contactT{
	font-size:100%;
	text-align:center;
	padding:3px;
	font-weight:bold;
	}	
#leftCon  div.sideB p.time{
	background:url(../img/underbar.gif) repeat-x 0 bottom;
	padding-bottom:3px;
	width:200px;
	}			
#leftCon div.sideB .imgSide {
	margin-top:8px;
	}	
#leftCon div.sideA p {
	font-size:85%;
	padding:0 0 3px 0;
	}	
#leftCon div.sideA p strong {
	font-size:120%;
	color:#0066CC;
	}		
div.leftInfoT {
	margin-top:5px;
	padding-top:5px;
	background: url(../img/side_bg.gif) repeat-y;
	}
#leftCon div.leftInfoB {
	background: url(../img/side_botom.gif) no-repeat;
	height:25px;
	}

div.sideC {
	margin:0;
	clear:both;
	text-align: center;
	}
#leftCon div.sideC p {
	font-size:85%;
	padding:0 8px 0 10px;
	margin:5px 0 5px 12px;

	}	

#leftCon div.sideC a:link,#leftCon div.sideC a:visited {
	text-decoration:none;
	}



#rightCon {
	width:598px;
	float:right;
	margin:8px 0 20px 0;
	display:inline;
}	
.imgRight {
	float:right;
	margin:20px 0 20px 20px;
	}
.imgCenter {
	float:center;
	margin:20px 0 20px 20px;
	}
.imgRight2 {
	float:right;
	margin:10px 0 0 20px;
	}

#rightCon img{
	padding-bottom:5px;
}	
#rightCon h2 {
	padding:0 0 0 20px;
	font-size:100%;
	margin:20px 0 5px;
	color:#0066CC;
	}
#rightCon h3 {
	padding-left:20px;
	font-size:85%;
	font-weight:normal;
	clear:both;
	}
#rightCon h3.topC {
	padding-left:20px;
	font-size:85%;
	font-weight:normal;
	}		
#rightCon p{
	text-align:left;
	padding-left:20px;
	margin:0;}	

div.rightConMain {	
	border-top:5px solid #3C2809;
	background:#F7F7F7;
	width:523px;
	min-height:300px;
	}
div.rightConMain h2{
	background:url(../img/content_t_title.gif) no-repeat;
	width:523px;
	height:63px;
	line-height:3.1;
	padding-left:25px;
	color:#794F0D;
	}	
div.rightConMain h3{
	font-size:116%;
	padding:5px 5px 0 5px;
	margin:0;
	}		
#rightCon p.privacytext {
	padding:0 5px 5px 5px;
	font-size:85%;
	}	
#rightCon p.what {
	padding:0 0 0 20px;
	margin:0;
	}
div.infoCon {
	margin:0;
	padding-bottom:5px;
	background: url(../img/info_bar.gif) no-repeat 12px bottom;
	}

div.infoTopT{
	background:url(../img/whatnew_t.gif) no-repeat;
	height:37px;
	margin:0 0 0 20px;
	clear:both;
	} 
#rightCon p.date {
	background:url(../img/info_icon.gif) no-repeat 15px 50%;
	padding-left:45px;
	font-weight:bold;
	height:27px;
	font-size:85%;
	line-height:1.9;
	}		
div.infoTopB{
	background:url(../img/info_bottom.gif) no-repeat;
	height:14px;
	margin:0 0 0 20px;
	} 		
div.infoI {
	background:url(../img/info_bg_img.gif) no-repeat bottom;
	height:auto;
	}		
div.infoRight {
	margin:0 0 0 20px;
	padding:0;
	overflow:auto;
	height:200px;
	width:570px;
	z-index:1;
	}
div.infoM {
	clear:both;
	background:url(../img/info_bg.gif) repeat-y;
	height:auto;
	width:551px;
	}
p.mapBtn{
	background: url(../img/side_map_button01.gif) no-repeat;
	width:132px;
	padding:0;
}
p.mapBtn a{
	display:block;
	width:132px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	background: url(../img/side_map_button00.gif) ;
}
p.mapBtn a:hover{
	background:none;
	color:#FFFFFF;
}	


/*
===== コンテンツ ==========================================
*/	
#rightCon h3.conT {
	padding:0;
	margin:15px 0 2px 15px;
	background:#FFF;
	color:#0066CC;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	}	
#rightCon h3.conT span {
	padding:4px 2px 4px 15px;
	font-size: 116%;
	display:block;
	background:url(../img/content_h3_bg.gif) no-repeat left;
	}
.imgLeft {
	float:left;
	margin:5px 10px 10px 20px;
	}	
.imgLeft01 {
	float:left;
	margin:5px 10px 5px 5px;
	display:inline;
	}		
/*
===== スタッフ ==========================================
*/			
div.staff {
	clear:both;
	background:url(../img/staff/bg.gif) no-repeat;
	width:580px;
	height:300px;
	text-align:center;
	margin:0 auto;
	}
#rightCon div.staff p{
	padding:2px;
	text-align:center;
	line-height:1.2;
	}	
div.staff .leftImg {
	float:left;
	padding:4px;
	border:2px solid #BAD8F7;
	}
div.staffLeft {
	float:left;
	margin:22px 10px 0 35px;
	font-weight:bold;
	display:inline;
	}
div.staffRight {
	float:left;
	margin:30px 10px 0 0;
	}
#staffLayout {
	padding-left:18px;
	}	
* html	#staffLayout {
	padding-left:10px;
	}
div.staffLayoutL {
	background:url(../img/staff/minibg.gif) no-repeat;
	width:285px;
	height:235px;
	text-align:center;
	margin:0 auto;
	float:left;
	display:inline;
	}	
div.staffLayoutR {
	background:url(../img/staff/minibg01.gif) no-repeat;
	width:285px;
	height:300px;
	text-align:center;
	margin:0 auto;
	float:left;
	display:inline;
	}		
	
.staffTableSub {
	margin:15px 0 5px 15px;
	width:250px;
	float:left;
	font-size:93%;
	border:none;
	background:transparent;
	display:inline;
	}			
.staffTableSub th.nameT{
	padding:6px;
	background:#1388FE;
	color:#FFF;
	font-size:100%;
	width:100%;
	text-align:center;
	border:1px solid #ECF6FF;
	}		
.staffTableSub th{
	padding:6px;
	background:#ECF6FF;
	color:#333333;
	font-size:85%;
	width:100px;
	text-align:right;
	border-top:none;
	border-right:1px solid #FFF;
	border-left:none;
	border-bottom:2px solid #99CCFF;
	}	
.staffTableSub td{
	text-align:left;
	padding:6px;
	width:150px;
	font-size:85%;
	border:none;
	border-bottom:2px solid #99CCFF;
	background:transparent;
	}					
.staffTableSubR {
	margin:15px 20px 5px 0;
	width:270px;
	float:right;
	font-size:93%;
	border:none;
	background:transparent;
	display:inline;
	}		
.staffTableSubR th.nameT{
	padding:8px;
	background:#1388FE;
	color:#FFF;
	font-size:100%;
	width:100%;
	text-align:center;
	border-top:none;
	border-right:1px solid #FFF;
	border-left:none;
	border-bottom:2px solid #99CCFF;
	}		
.staffTableSubR th{
	padding:8px;
	background:#ECF6FF;
	color:#333333;
	font-size:100%;
	width:110px;
	text-align:right;
	border-top:none;
	border-right:1px solid #FFF;
	border-left:none;
	border-bottom:2px solid #99CCFF;
	}	
.staffTableSubR td{
	text-align:left;
	padding:6px;
	font-size:85%;
	border:none;
	width:160px;
	border-bottom:2px solid #99CCFF;
	background:transparent;
	}					

.staffTable {
	margin:15px 0 5px 0px;
	width:330px;
	font-size:93%;
	text-align:center;
	border:none;
	display:inline;
	background:transparent;
	}	
.staffTable th{
	padding:4px;
	background:#ECF6FF;
	color:#333333;
	font-size:100%;
	width:100px;
	text-align:right;
	border-top:none;
	border-right:1px solid #FFF;
	border-left:none;
	border-bottom:2px solid #99CCFF;
	}	
.staffTable td{
	text-align:left;
	padding:4px;
	width:200px;
	font-size:85%;
	border:none;
	border-bottom:2px solid #99CCFF;
	background:transparent;
	}		
/*
===== イベントアルバム ==========================================
*/		
.evenT {
	margin:15px 0 15px 16px;
	width:580px;
	font-size:93%;
	text-align:center;
	border:none;
	background:transparent;
	}	
.evenT th{
	padding:8px;
	color:#333333;
	font-size:93%;
	border:1px solid #CCC;
	background:#F7F7F7;
	}		
.evenT th.onEvent{
	padding:8px;
	color:#FFF;
	font-size:93%;
	border:1px solid #CCC;
	background:#666;
	}		
.evenT td{
	text-align:left;
	padding:8px;
	font-size:85%;
	}	
div.eventImg p {
	border-bottom:1px solid #CCC;
	margin-top:10px;
	}	
/*
===== リンク集 ==========================================
*/				

#rightCon ul.link{
	margin:5px 0 10px 25px;
	border-bottom:2px solid #0066CC;
	padding-bottom:5px;
	}
#rightCon ul.link li{
	font-size:85%;
	background:url(../img/side_ikcon.gif) no-repeat 0 50%;
	padding-left:15px;
	margin-bottom:3px;
	}	
#rightCon ul.link li a{
	color:#0066CC;	
	font-weight:bold;}	
/*
===== FAQ ==========================================
*/	
div.faqConRight{
	background:#FFF;
	width:575px;
	border:2px solid #CCC;
	float:left;
	text-align:left;
	margin-bottom:10px;
	margin-left:10px;
	-moz-border-radius: 7px; /* for Fx */
	-webkit-border-radius: 7px; /* for Safari */

	}			
div.faqConT {
	background:url(../img/question_icon.gif) no-repeat 6px 50% #EEE;
	color:#0066CC;
	font-weight:bold;
	clear:both;
	min-height:60px;
	}	
div.appConT {
	background:url(../img/question_icon01.gif) no-repeat 6px 50% #EEE;
	color:#0066CC;
	font-weight:bold;
	clear:both;
	min-height:60px;
	position:relative;
	}
div.appConT p.line1{
	line-height:50px;
}
	
	div.appConB {
	background:url(../img/answer_icon01.gif) no-repeat 6px 50% #FFF;
	clear:both;
	min-height:50px;
	}
div.faqConB {
	background:url(../img/answer_icon.gif) no-repeat 6px 50% #FFF;
	clear:both;
	min-height:50px;
	}
#rightCon div.faqConRight div.appConB p,#rightCon div.faqConRight div.appConT p {
	padding:7px 5px 5px 90px;	
	}	
#rightCon div.faqConRight p {
	padding:7px 5px 5px 58px;	
	}
/*
===== 問い合わせ ==========================================
*/	
#rightCon div.contactT p{
	margin-bottom:10px;
	}
#rightCon div.contactT h3{
	font-size:131%;
	margin:20px 0 20px 20px;
	color:#0066CC;
	border-bottom:3px solid #0066CC;
	padding:0 0 10px 0;
	}	
/*
===== 基本テーブル構成 ==========================================
*/	
.normalTable {
	margin:3px 0 5px 15px;
	width:580px;
	text-align:center;
	border:1px solid #999;
	clear:both;
	}
.normalTable th{
	padding:8px;
	background:#ECF6FF;
	color:#333333;
	font-size:93%;
	text-align:center;
	border:1px solid #CCC;
	}		
.normalTable td.data01{
	padding:8px;
	background:#FFF;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	border:1px solid #CCC;
	}		
.normalTable td{
	text-align:left;
	padding:8px;
	font-size:85%;
	border:1px solid #CCC;
	}	

/*
===== フッター ==========================================
*/
#footer{
	width:100%;
	font-size:85%;
	min-height:120px;
	height:120px;
	margin:0 auto;
	text-align:center;
	background:#0086CD url(../img/footer_bg.gif) repeat-x 0 top ;
	clear:both;
}
div.footerCon {
	clear:both;
	width:820px;
	text-align:center;
	margin:0 auto;
	position: relative;
	}
#footer p{
	color:#FFF;
	text-align:left;
	padding-top:5px;
	letter-spacing:0.05em;
}
#footer p.copy {
	padding:10px 0 5px;
	}
.footerT {
	margin-top:2px;
	padding-bottom:7px;
	font-size:80%;
	padding-left:3px;
	background:url(../img/footer_bar.gif) repeat-x 0 bottom;
	}
#footer  a:link,
#footer  a:visited	{
	text-decoration:none;
	color: #CCFFFF;
	}	
#footer  a:hover{
	text-decoration:underline;
	color: #FFF;
	}	

.pageTop {
	position: absolute;
	top:8px;
	right:0;
	}	
/*
===== ナビゲーション ==========================================
*/
	
#navi {
	height:124px;
	clear:both;
	}
#navi ul li{
	float:left;
	padding:0;
	margin:0;
	display:inline;
	}
#navi ul {
	padding:0;
	margin:0;
	display:inline;
	}
ul a span{display:none;
	padding:0;
	margin:0;} 
a.clinic{
    display:block;
    width:115px;
    height:124px;
    background-image:url(../img/content/clinic00.gif);
}
a:hover.clinic{
    display:block;
    width:115px;
    height:124px;
    background-image:url(../img/content/01.gif);
}
a.clinicOn{
    display:block;
    width:115px;
    height:124px;
    background-image:url(../img/content/clinic01.gif);
}
a.staff{
    display:block;
    width:123px;
    height:124px;
    background-image:url(../img/content/staff00.gif);
}
a:hover.staff{
    display:block;
    width:123px;
    height:124px;
    background-image:url(../img/content/02.gif);
}
a.staffOn{
    display:block;
    width:123px;
    height:124px;
    background-image:url(../img/content/staff01.gif);
}
a.usual{
    display:block;
    width:112px;
    height:124px;
    background-image:url(../img/content/usual00.gif);
}
a:hover.usual{
    display:block;
    width:112px;
    height:124px;
    background-image:url(../img/content/03.gif);
}
a.usualOn{
    display:block;
    width:112px;
    height:124px;
    background-image:url(../img/content/usual01.gif);
}
a.other{
    display:block;
    width:122px;
    height:124px;
    background-image:url(../img/content/other00.gif);
}
a:hover.other{
    display:block;
    width:122px;
    height:124px;
    background-image:url(../img/content/04.gif);
}
a.otherOn{
    display:block;
    width:122px;
    height:124px;
    background-image:url(../img/content/other01.gif);
}
a.faq{
    display:block;
    width:114px;
    height:124px;
    background-image:url(../img/content/faq00.gif);
}
a:hover.faq{
    display:block;
    width:114px;
    height:124px;
    background-image:url(../img/content/05.gif);
}
a.faqOn{
    display:block;
    width:114px;
    height:124px;
    background-image:url(../img/content/faq01.gif);
}
a.plaza{
    display:block;
    width:115px;
    height:124px;
    background-image:url(../img/content/plaza00.gif);
}
a:hover.plaza{
    display:block;
    width:115px;
    height:124px;
    background-image:url(../img/content/06.gif);
}
a.plazaOn{
    display:block;
    width:115px;
    height:124px;
    background-image:url(../img/content/plaza01.gif);
}
/*
===== 世界の山ちゃん ==========================================
*/				

#rightCon ul.yama{
	margin:5px 0 10px 25px;
	padding-bottom:5px;
	}
#rightCon ul.yama li{
	margin-bottom:3px;
	list-style-type: disc
	}