@charset "UTF-8";
/* ==============================================================*/
/*   			General						*/
/* ==============================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img {
	border: none;
}

body {
	margin-top: 3px;
	background-color: #FFECEC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.5em;
	color: #333333;
}

div#wrapper {
	clear:both; 
	width:942px; 
	margin: 0 auto 0 auto;
	padding: 0;
}

/*Clears the bottom of the main class and id so that the bg flows to the bottom- buggy on old pages*/
div#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html div#main {height: 1%;}
	div#main {display: block;}
	/* End hide from IE-mac */
/*END-Clears the bottom ...*/

/* ********************** LINKS *********************** */
a { 
	color: #a37600;
	text-decoration: underline;
	border: none; 
}
a:visited {
	color: #c6ac66;
}
a:hover {
	color: #c6ac66;
}

/* ==============================================================*/
/*   			Headers						*/
/* ==============================================================*/

div#header {
	position: relative;
	height: 78px;
}

div#header h1.nameJ {
	position: absolute;
	top: 0;
	left: 9px;
	width: 228px;
	height: 60px;
	background: url(../imgs/nameJ.gif) #FFECEC left center no-repeat;
	text-indent: -9999px;
}
div#header h1.nameJ a {
	width: 216px;
	height: 60px;
	display: block;
}

div#header p.kamoku {
	position: absolute;
	top: 0;
	left: 225px;
	width: 222px;
	height: 60px;
	background: url(../imgs/kamoku.gif) #FFECEC left center no-repeat;
	text-indent: -9999px;
}

div#header p.nameE {
	position: absolute;
	top: 0;
	right: 9px;
	width: 192px;
	height: 60px;
	background: url(../imgs/nameE.gif) #FFECEC right center no-repeat;
	text-indent: -9999px;
}

div#header #sprt_top {
	position: absolute;
	top: 60px;
	right: 0%;
}

/* ==============================================================*/
/*   			Main (Navigation - Content) Area						*/
/* ==============================================================*/
div#main {
	position: relative;
	display: block;
	width:942px; 
	background: url(../imgs/main_bg.gif) repeat-y;
}

/* ==============================================================*/
/*   			Navigation Area						*/
/* ==============================================================*/
div#menu {
	float: left;
	width: 201px;
	background: url(../imgs/menu_bg.gif) #ffecec repeat-y;
}

div#menu ul li {
	text-indent: -9999px;
  /* Hides from IE-mac \*/
  overflow: hidden;
  /* End hide from IE-mac */
}

/* ********************** ホーム *********************** */
div#menu ul li#home.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px 0px;
}
div#menu ul li#home a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -324px;
}
div#menu ul li#home a:hover {
	background-position: 0px 0px;
}
/* ********************** アンチエイジング *********************** */
div#menu ul li#anti-aging.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -36px;
}
div#menu ul li#anti-aging a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -360px;
}
div#menu ul li#anti-aging a:hover {
	background-position: 0px -36px;
}
/* ********************** ストレス外来 *********************** */
div#menu ul li#stress.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -72px;
}
div#menu ul li#stress a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -396px;
}
div#menu ul li#stress a:hover {
	background-position: 0px -72px;
}
/* ********************** クリニック案内 *********************** */
div#menu ul li#clinic.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -108px;
}
div#menu ul li#clinic a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -432px;
}
div#menu ul li#clinic a:hover {
	background-position: 0px -108px;
}
/* ********************** 料金一覧 *********************** */
div#menu ul li#charge.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -144px;
}
div#menu ul li#charge a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -468px;
}
div#menu ul li#charge a:hover {
	background-position: 0px -144px;
}
/* ********************** ピアス・ヘルスケア商品 *********************** */
div#menu ul li#retail.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -180px;
}
div#menu ul li#retail a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -504px;
}
div#menu ul li#retail a:hover {
	background-position: 0px -180px;
}
/* ********************** Ｑ＆Ａ・お問い合わせ *********************** */
div#menu ul li#inquiry.noA {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -216px;
}
div#menu ul li#inquiry a {
	display: block;
	height: 36px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -540px;
}
div#menu ul li#inquiry a:hover {
	background-position: 0px -216px;
}
/* ********************** アクセス *********************** */
div#menu ul li#access.noA {
	display: block;
	height: 39px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -252px;
}
div#menu ul li#access a {
	display: block;
	height: 39px;
	background: url(../imgs/menu.gif) #ffecec no-repeat;
	background-position: 0px -576px;
}
div#menu ul li#access a:hover {
	background-position: 0px -252px;
}
/* ********************** リンク *********************** */
div#menu ul li#link {
	display: block;
	margin: 60px 9px 0 0;
	border-bottom: #ff99aa/*#a37600*/ dotted 1px;
	text-indent: 0 !important;
	color: #ff99aa /*#a37600*/;
	font-size: 90%;
}
/* ********************** 城南病院 *********************** */
div#menu ul li#johnan a {
	display: block;
	margin-top: 12px;
	height: 66px;
	background: url(../imgs/banner_johnan.gif) #ffecec left top no-repeat;
}
/* ********************** アミハ *********************** */
div#menu ul li#amiha a {
	display: block;
	margin: 12px 0;
	height: 66px;
	background: url(../imgs/banner_amiha.gif) #ffecec left top no-repeat;
}

/* ==============================================================*/
/*   			Contents Area						*/
/* ==============================================================*/
div#contents {
	float: right;
	padding: 12px 24px 0 24px;
	width: 693px;
}

/* ********************** 各ページタイトル *********************** */
div#pageTitle {
	width: 693px;
	height: 78px;
	text-indent: -9999px;
}
div#pageTitle h2.anti-aging {
	background: url(../imgs/h2_anti-aging.jpg) left top no-repeat;
	height: 60px;
}
div#pageTitle h2.stress {
	background: url(../imgs/h2_stress.jpg) left top no-repeat;
	height: 60px;
}
div#pageTitle h2.clinic {
	background: url(../imgs/h2_clinic.jpg) left top no-repeat;
	height: 60px;
}
div#pageTitle h2.charge {
	background: url(../imgs/h2_charge.jpg) left top no-repeat;
	height: 60px;
}
div#pageTitle h2.retail {
	background: url(../imgs/h2_retail.jpg) left top no-repeat;
	height: 60px;
}
div#pageTitle h2.inquiry {
	background: url(../imgs/h2_inquiry.jpg) left top no-repeat;
	height: 60px;
}
div#pageTitle h2.access {
	background: url(../imgs/h2_access.jpg) left top no-repeat;
	height: 60px;
}

/* ********************** ○○とは *********************** */
div#whatis {
	width: 100%;
	background: url(../imgs/frame_whatis_02.gif) repeat-y;
}
.whatisTop {
	height: 12px;
	background: url(../imgs/frame_whatis_01.gif) left top no-repeat;
}
.whatisBody {
	padding: 0 18px 12px 18px;
	background: url(../imgs/frame_whatis_03.gif) left bottom no-repeat;
}

/* ********************** 施術・商品紹介 *********************** */
.treat {
	width: 669px;
	float: left;
	display: block;
	margin-top: 18px;
	padding: 18px 0 0 24px;
	background: url(../imgs/BGtreat.gif) no-repeat;
}
h3.treatTitle {
	font-size: 110%;
	font-weight: bold;
	color: #ff3366;
	margin-bottom: 9px;
}
h4.treatSubTitle {
	margin-top: 9px;
	font-size: 100%;
	font-weight: normal;
	color: #ff5544;
}
h4.supplements {
	margin: 0 0 6px 0;
	padding: 4px 60px 2px 9px;
	background: url(../imgs/BGsupplements.gif) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	line-height: 110%;
}
.treat p {
	padding-left: 18px;
}
.treatPhoto {
	float: right;
	display: inline;
	margin: 0 0 0 12px;
	font-size: 90%;
	line-height: 120%;
	color: #ff3366;
	text-align: center;
	white-space: nowrap;
}
.supplementsData {
	float: right;
	display: inline;
	margin: 0 0 9px 12px;
	padding: 6px;
	border: #ff9988 1px solid;
	font-size: 90%;
	line-height: 140%;
}

/* ********************** 表 *********************** */
.name {
 border-top: #dddddd solid 1px;
 color: #ff3366;
 text-align: left;
}
.line {
 border-top: #dddddd solid 1px;
 padding: 6px 0 6px 18px;
}
.noline {
 padding: 0 0 6px 18px;
}
.year {
 padding-right: 18px;
}


/* ==============================================================*/
/*				Footers								*/
/* ==============================================================*/
.toTop {
	float: right;
	display: inline;
	width: 693px;
	margin-top: 18px;
	text-align: right;
	font-size: 90%;
}

div#sprt_btm {
 position: relative;
 display: block;
 	width: 942px; 
	height: 17px;
	text-align: right;
}
div#footer {
 position: relative;
 display: block;
	height: 30px;
	width: 942px; 
	padding: 3px 0 6px 0;
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif!important;
	color: #FF3366;
	letter-spacing: 0.1em;
	text-align: center;
}