@charset "utf-8";
/*----------------------------------------------------
	styles.css
----------------------------------------------------*/
@import url("common.css");

body{
	letter-spacing: 0.02em;
}

p#txtIntro{
	margin-top:17px;
}

ul.btnIntro{
	text-align:right;
}





/* index
----------------------------------------------------*/

#topics {
	margin-bottom:30px;
	border:1px solid #CCCCCC;
}



/* magazine intorduce
----------------------------------------------------*/
/* h2 オリジナルスキンケア */
h2#skincare {
	margin: 0 0 10px 0;
}

/* グッズエリア */
div.goodsArea {
	margin: 0 0 0 3px;
	border-left: solid 3px #FD8ACF;/* 左側ピンクのライン */
}

/* クリニックロゴ */
p.logo {
	width: 430px;
	height: 117px;
	margin: 0 0 0 -16px;/* 左側ネガティブマージン */
}

/* グッズリスト */
div.goodsArea div.goodsBox dl {
	width: 290px;
	margin: 0 0 0 22px;
}
	div.goodsArea div.goodsBox dl dd {
		margin: 0 0 30px 0;
	}

dl.goods01 {
	padding: 19px 0 0 0;
}



/* 未使用
#magazineIntro h2{
	margin-bottom: 10px;
}
.magazinePhoto{
	width: 127px;
	float: left;
}
.magazinePhoto p{
	margin-bottom: 8px;
}
.magazinePro{
	width: 380px;
	float: left;
	margin-left: 20px;
}
.magazinePro dt{
	width:380px;
	background:url(../img_introduce/arrows.gif) no-repeat left 3px; 
	color:#009933;
	font-weight:bold;
	text-indent:12px;
	line-height:125%;
	margin-bottom: 3px;
}
.magazinePro dd{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.magazinePro dd.border{
	border-bottom: 1px dotted #CCCCCC;
}
*/




/* doctor
----------------------------------------------------*/
div.docbox{
	width:520px;
	margin-bottom:60px;
}

div.docbox h2{
	margin-bottom:12px;
}

div.docboxL{
	float:left;
	display:inline;
	width:155px;
}

div.docboxR{
	float:right;
	display:inline;
	width:350px;
}

table.record tr th{
	width:80px;
	font-size:12px;
	font-weight:normal;
	line-height:1.6em;
	text-align:right;
	padding-right:5px;
}

table.record tr td{
	letter-spacing:-1px;
}




/* dermatology　・　treatment
----------------------------------------------------*/

div.Intro{
	width:520px;
	margin-bottom:20px;
}

div.Comment_left{
	float:left;
	width:330px;
	margin:10px;
}

div.Comment{
	width:510px;
	margin:3px auto 15px auto;
}


div.Comment dl{
	margin-top:20px;
}


.Comment_List{
	list-style: outside disc;
	padding-left:20px;
}




/* treatment
----------------------------------------------------*/

div.Comment dl.photo{
	width:520px;
	height:105px;
	margin:10px auto;
	padding:0;
	border-bottom:solid #CCCCCC 1px;
}

dl.photo dt{
	float:left;
	width:160px;
}

dl.photo dd{
	float:right;
	width:355px;
	background:url(../img_treatment/arrows.gif) no-repeat left 3px; 
	color:#666666;
}


div.pink {
	color:#FF6666;
	font-weight:bold;
	text-indent:12px;
}



/* introduce
----------------------------------------------------*/

div.Comment{
	margin-bottom: 50px;
	
}
div.Comment h3{
	border-left: 5px solid #009933;
	color: #009933;
	padding-left: 5px;
	margin-top: 10px;
	font-size:14px;
}
div.Comment dl.photo_i{
	width:520px;
	height:140px;
	margin:20px auto;
	padding:0;
	border-bottom: solid #CCCCCC 1px;
}
dl.photo_i dt{
	float:left;
	width:130px;
}

dl.photo_i dd{
	float:right;
	width:385px;
	background:url(../img_introduce/arrows.gif) no-repeat left 3px; 
	color:#666666;
	line-height:125%;
}

div.green {
	color:#009933;
	font-weight:bold;
	text-indent:12px;
}




/* clinic
----------------------------------------------------*/
div.clinic_block{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	width: 520px;
}
*html div.clinic_block{
	padding-bottom: 10px;
}
*:first-child+html div.clinic_block{
	padding-bottom: 10px;
}
.clinic_under{
	border-bottom: 1px solid #CCCCCC;
}
div.clinic_block p{
	float: left;
	width: 425px;
	height: 201px;
}
div.clinic_block ul{
	float: right;
}

div.clinic_block li{
	background: url(../img_clinic/clinic_icon.gif) no-repeat 0 6px;
	color: #FF6666;
	padding-left: 10px;
}






/* access
----------------------------------------------------*/


div.Comment dl.access{
	width:520px;
	margin:10px auto;
	padding:0;
}

dl.access dt{
	color:#009933;
	font-weight:bold;
	text-indent:12px;
	background:url(../img_introduce/arrows.gif) no-repeat left 3px; 
}

dl.access dd{
	color:#666666;
	margin-bottom:20px;
	text-indent:12px;
}




/* GoogleMAP */

.googlemap {
	width:500px;
	margin:20px auto 50px auto;
	border:solid #CCCCCC 1px;
}





/* float
----------------------------------------------------*/

.Float_left{
	float:left;
}

.Float_right{
	float:right;
}


/* color / hr
----------------------------------------------------*/

div.orange {
	color:#FF6600;
}

div.red {
	color:#993300;
}


hr {
	border-top: 1px solid #CCCCCC;
	margin:15px auto;
}