@charset "UTF-8";

/*****************************************************
 *	  茶屋町皮膚科クリニック　メンズコンテンツ
 *   @version   	1.0
 *   @since     	2009.03.05
 *   @last update  	2009.03.05
 *
 ****************************************************/
 
 @import url("menscontnets.css");
 

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

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

img{
	border:0;
}
#SiteArea {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #FFF;
}

/*ヘッダー　--------------*/
#headder {
	width:780px;
	height: 90px;
	padding-top:15px;
	background-image: url(../../men/imeages/headder_back.gif);
	background-repeat: no-repeat;
	background-position: 307px 44px;
}
#headder h1 {
	font-size: 10px;
	font-weight: normal;
	color: #333;
	background-color: #CCC;
	height: 17px;
	margin: 0px 15px 9px 15px;
	padding: 3px 0px 0px 6px;
}
#headder img{
	float: left;
}
#headTEL{
	height: 50px;
	width: 313px;
	float: right;
	background: url(../../men/imeages/headdr_tel.gif) no-repeat right bottom;
	font-size: 1px;
	text-indent: -9999px;
	display:block;
	padding:0px;
	margin:0px;
} 

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







/*ナビゲーション　--------------*/


#nav{clear:both;
	margin-top:0px;
	padding:0px;
	position:relative;
	text-align:left;
	margin: 0 auto;
	width: 750px;
	height: 35px;
	background-color: #FFFFFF;
}
#nav ul {
	width:750px;
	height:35px;
	margin:0;
	padding:0;
	position:relative;
	background-image: url(../../men/imeages/navi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	float:left;
}
#nav a {
	/*リンク */
	height:35px;
	display:block;
	margin-left:0px;
}
#nav ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
#na01 { top:0px;left:0px;width:76px;height:35px;float:left;position:relative;}
#na02 { top:0px;left:76px;width:72px;height:35px;float:left;position:relative;}
#na03 { top:0px;left:148px;width:87px;height:35px;float:left;position:relative;}
#na04 { top:0px;left:235px;width:160px;height:35px;float:left;position:relative;}
#na05 { top:0px;left:395px;width:44px;height:35px;float:left;position:relative;}
#na06 { top:0px;left:439px;width:103px;height:35px;float:left;position:relative;}
#na07 { top:0px;left:542px;width:129px;height:35px;float:left;position:relative;}
#na08 { top:0px;left:671px;width:79px;height:35px;float:left;position:relative;}

#na01 a:hover { background: url(../../men/imeages/navi.gif) no-repeat 0px -35px;}
#na02 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -76px -35px;}
#na03 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -148px -35px;}
#na04 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -235px -35px;}
#na05 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -395px -35px;}
#na06 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -439px -35px;}
#na07 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -542px -35px;}
#na08 a:hover { background: url(../../men/imeages/navi.gif) no-repeat -671px -35px;}








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

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