@charset "UTF-8";



/*****************************************************
 *	  茶屋町皮膚科クリニック
 *   @version   	1.0
 *   @since     	2007.12.09
 *   @last update  
 *
 ****************************************************/
 
 
 
@import url("contnets.css");
@import url("este.css");
 

/*共通
--------------------------------------------------------- */

* {margin:0px; padding:0px;}
body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:small;
	line-height:140%;
	background-attachment: fixed;
	background-image: url(../../images/common/back.jpg);
	background-repeat: repeat-x;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #E1B382;
}

img{
	border:0;
}
#SiteArea {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image: url(../../images/common/middole_back.gif);
	background-repeat: repeat-y;
}

/*ヘッダー　--------------*/
#headder {
	width:780px;
	background-image: url(../../images/common/headder.jpg);
	background-repeat: no-repeat;
	height: 75px;
}
#headder h1 {
	font-size: x-small;
	font-weight: normal;
	color: #333333;
	height: 17px;
	padding: 10px 0px 0px 10px;
	margin: 0px;
}
#headder img{
	float: left;
}
#headTEL{
	height: 48px;
	width: 493px;
	float: right;
	background-image: url(../../images/common/headder_tel.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 1px;
	text-indent: -9999px;
} 

/*パンくず*/
#pankuzu{
	background-color: #FFFFFF;
	display: block;
	padding: 7px 10px;
}


/*フッター　--------------*/
#hotterArea {
	background-color: #FFFFFF;
	line-height: 130%;
}
#hotterArea p {
	display:block;
	padding:10px;
	border-top: 1px solid #81625D;
	border-bottom: 1px solid #81625D;
}
.FotterLink{
	color:#81625D;
	font-size: 90%;
}
.FotterLink a:link{color:#81625D; text-decoration:none;}
.FotterLink a:visited{color:#81625D; text-decoration:none;}
.FotterLink a:hover{color:#CC9966; text-decoration:underline;}
.FotterLink a:active{color:#CC9966; text-decoration:underline;}
#hotterArea strong {font-size:110%;}
#hotterArea address {
	font-style: normal;
	display:block;
	padding:10px;
	
}
#hotterArea p.copy{
	color: #FFFFFF;
	background: #9F7F69;
	text-align: right;
	display: block;
	padding: 4px 10px;
}

.ABT{
	margin:0px 0px 0px 5px;
	vertical-align: text-top;
	white-space: normal;
}
#hotterArea strong{display:block; padding-bottom:5px;}

/*コンテンツ　--------------*/

#middleArea {width:780px;}
#leftArea {
	width:160px;
	float: left;
}
#ContentsArea {
	width:620px;
	float: right;
}

#ContentsInner{margin-left:20px; width:580px;}
#ContentsInner p{padding:8px 0px 8px 0px;}
.red{color:#CC0000;}

.goTop{
	display:block;
	text-align:right;
	clear:both;
	padding:5px 15px;
}

.goTop2{
	display:block;
	text-align:right;
	clear:both;
	padding:5px 0px;
}

.red{color:#CC3333;}
.clear {clear:both;}


/*見出し --------------------------*/

h2{
	background: url(../../images/common/h3_back.jpg) center no-repeat;
	font-size: 150%;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 6px 0px 6px 10px;
	height: 21px;
}

h3{
	background: url(../../images/common/h4_back.gif) no-repeat center;
	height: 17px;
	font-size: 130%;
	color: #663300;
	padding: 5px 0px 5px 10px;
	margin: 15px 0px 10px 0px;
	clear: both;
	display: block;
}
 
h4 {
	font-size:120%;
	color:#CC3333;
	margin: 10px 0px;
} 





/*ミドルエリアリンク設定-----------------*/
#middleArea a:link{ color:#993300; text-decoration:none;}
#middleArea a:visited { color:#993300; text-decoration:none;}
#middleArea a:hover { color:#CC9966; text-decoration:underline;}
#middleArea a:active { color:#CC9966; text-decoration:underline;}

/*料金ページへリンク設定------------*/









/*ナビゲーション
 --------------------------------------------------------- */
#nav{
	margin-top:0px;
	padding:0px;
	position:relative;
	text-align:left;
	margin: 0 auto;
	width: 780px;
	height: 50px;
	background-color: #FFFFFF;
}
#nav ul {
	background: url(../../images/common/topnavi.gif) no-repeat left top;
	width:780px;
	height:50px;
	margin:0;
	padding:0;
	position:relative;
}
#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	float:left;
}
#nav a {
 /*リンク */
	height:50px;
	display:block;
	margin-left:0px;
}
#nav ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
#na01 { top:0px;left:0px;width:156px;height:50px;float:left;position:relative;}
#na02 { top:0px;left:156px;width:156px;height:50px;float:left;position:relative;}
#na03 { top:0px;left:312px;width:156px;height:50px;float:left;position:relative;}
#na04 { top:0px;left:468px;width:156px;height:50px;float:left;position:relative;}
#na05 { top:0px;left:624px;width:156px;height:50px;float:left;position:relative;}

#na01 a:hover { background: url(../../images/common/topnavi.gif) no-repeat 0px -50px;}
#na02 a:hover { background: url(../../images/common/topnavi.gif) no-repeat -156px -50px;}
#na03 a:hover { background: url(../../images/common/topnavi.gif) no-repeat -312px -50px;}
#na04 a:hover { background: url(../../images/common/topnavi.gif) no-repeat -468px -50px;}
#na05 a:hover { background: url(../../images/common/topnavi.gif) no-repeat -624px -50px;}


/*左ナビゲーション
--------------------------------------------------------- */
#lnav{
	width:160px;
	float: left;
	background-color: #eeeeee;
}
#lnav ul {
	background: url(../../images/common/left_menu.gif)  left top no-repeat;
	width:160px;
	height:682px;
	margin:0;
	padding:0;
	position:relative;
}
#lnav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	float:left;
}
#lnav a {
	width:160px;
	display:block;
	margin-left:0px;
}
#lnav ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#lnav1 { top:0px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav2 { top:34px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav3 { top:68px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav4 { top:102px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav5 { top:136px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav6 { top:170px;left:0px;width:160px;height:34x;float:top;position:relative;}
#lnav7 { top:204px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav8 { top:238px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav9 { top:272px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav10 { top:306px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav11 { top:340px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav12 { top:374px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav13 { top:408px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav14 { top:442px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav15 { top:476px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav16 { top:510px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav17 { top:544px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav18 { top:578px;left:0px;width:160px;height:34px;float:top;position:relative;}
#lnav19 { top:612px;left:0px;width:160px;height:35px;float:top;position:relative;}
#lnav20 { top:646px;left:0px;width:160px;height:35px;float:top;position:relative;}

#lnav1 a { height:34px;}
#lnav2 a { height:34px;}
#lnav3 a { height:34px;}
#lnav4 a { height:34px;}
#lnav5 a { height:34px;}
#lnav6 a { height:34px;}
#lnav7 a { height:34px;}
#lnav8 a { height:34px;}
#lnav9 a { height:34px;}
#lnav10 a { height:34px;}
#lnav11 a { height:34px;}
#lnav12 a { height:34px;}
#lnav13 a { height:34px;}
#lnav14 a { height:34px;}
#lnav15 a { height:34px;}
#lnav16 a { height:34px;}
#lnav17 a { height:34px;}
#lnav18 a { height:34px;}
#lnav19 a { height:35px;}
#lnav20 a { height:35px;}

#lnav1 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px 0px;}
#lnav2 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -34px;}
#lnav3 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -68px;}
#lnav4 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -102px;}
#lnav5 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -136px;}
#lnav6 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -170px;}
#lnav7 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -204px;}
#lnav8 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -238px;}
#lnav9 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -272px;}
#lnav10 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -306px;}
#lnav11 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -340px;}
#lnav12 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -374px;}
#lnav13 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -408px;}
#lnav14 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -442px;}
#lnav15 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -476px;}
#lnav16 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -510px;}
#lnav17 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -544px;}
#lnav18 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -578px;}
#lnav19 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -612px;}
#lnav20 a:hover { background: url(../../images/common/left_menu.gif) no-repeat -160px -646px;}

#lnav dl{}
#lnav dt{margin:0px; padding:8px 0px 2px 0px; text-align:center;}
#lnav dd{margin:0px; padding:0px; text-align:center; font-size:smaller;}

#lnav dl a:link img  {
	border: 1px solid #ECE8E7;
	}
#lnav dl a:hover img  {
	border: 1px solid #f63;
	}