@charset "utf-8";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                contentcss用共通                 # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */

/* topicpath
---------------------------------------------------- */


   
#topicpath {
	padding:3px;
	font-size:0.9em;
	background-image:url(/img/common/bg-topicpath.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	clear:both;
	width:679px;
/*	width:100%;*/
}

#topicpath ul {
	list-style-type:none;
	width:100%;
}
#topicpath li {
	display:inline;
	font-size:1.1em;
}

/* Main
---------------------------------------------------- */
p {
	/* text-indent:0.5em; */
	padding:0 0.1em 0 0.5em;
}
.indent-word p {
	text-indent:1em;
}
.chapter {
	padding-top:0.5em;
	padding-bottom:2em;
	width:680px;
}
.chapter h3 {
	clear:both;
	padding-bottom:1em;
}
h3 {
	padding-top:12px;
	font-size:1.2em;
}
h2 {
	font-size:1.4em;
}
.H3Ttl {
	clear:both;
	background-image: url(../img/common/bg-h3-ttl.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:15px 0;
	margin-left:5px;/**/
	display:inherit;
	height:36px;
	width:680px;
}
.H3Ttl h3 {
	padding-left:8px;
	font-size:16px;
    color:#333333;	
}
h4 {
	clear:both;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:6px;
}
h4.ttl {
	clear:both;
	background-image: url(../img/common/bg-h4-back.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:14px;
	color:#33333;
	padding-left:15px;
	padding-top:10px;
	margin:5px 0;
	display:inherit;
	width:680px;
	margin-left:5px;
}
#Main h4.ttl02 {
	clear:both;
	background-image: url(../img/common/bg-h4-back02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:14px;
	color:#475773;
	padding-left:15px;
	padding-top:10px;
	display:inherit;
	line-height:130%;
	width:687px;
	margin-left:5px;
	margin-bottom:10px;
}
h4.pt-h {
	padding-top:1em;
}
h5 {
	font-size:1.3em;
	padding-left:15px;
	padding-bottom:.5em;
}
h5 img {
	vertical-align:middle;
}

sup {
	font-size:0.6em;
	line-height:0.6em;
	vertical-align:text-top;
}
* html body sup {
	font-size:0.5em;
}


/* .word
*/
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-noindent {
	text-indent:0;
}
.text-pay-attention {
	line-height:150%;
	color:#888;
}
.photo-left {
	float:left;
	padding-right:10px;
	padding-top:0.3em;
	padding-left:5px;
}
body#Concept .photo-left {
	padding-left:15px;
}
.photo-right {
	float:right;
	padding-left:10px;
	padding-top:0.3em;
}


.photo-left,
.photo-right {
	padding-bottom:6px;
}


dl.draw-explanation dt {
	padding-bottom:.5em;
}
.draw-explanation img {
	vertical-align:middle;
}
dl.draw-explanation dd {
	padding-bottom:.3em;
}
* html body dl.draw-explanation dd {
}

.small-font {
	font-size:1.1em;
}
* html body .small-font {
	font-size:1.0em;
}

.font-big {
	font-size:1.2em;
	font-weight:bold;
}
/*  chapter-com   */
.chapter-com {
	padding-top:1em;
}
.chapter-com h3 {
	background-image:url(/img/common/sub-bg-committee.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:1.6em;
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom:.5em;
	color:#736464;
}

.photo-left-content {
	float:left;
	width:90px;
	padding-left:10px;
	margin-bottom:10px;
}
.photo-right-content {
	width:575px;
	float:right;
	min-height:96px;
	padding-left:10px;
	vertical-align:top;
}
.photo-right-content h4 {
	clear:none;
	padding-top:0;
}


.concept-to-kanjasama {
	margin-top:10px;
	background:url(/concept/img/bg-kanjyasama.gif) right top no-repeat;
	text-align:right;
	padding-right:12px;
	padding-top:8px;
}
.concept-to-kanjasama ul {
	list-style-type:none;
}
.concept-to-kanjasama li {
	padding-bottom:6px;
}

.a-head h6 {
	padding-top:24px;
	padding-bottom:32px;
	padding-left:4px;
}
.a-head .image {
	padding-bottom:12px;
	padding-left:12px;
}
.a-head p {
	padding-bottom:24px;
	padding-left:12px;
}
.a-head h6.pb-h {
	padding-bottom:6px;
}

.cs-image {
	padding-top:12px;
}
.cs-image .left-image {
	float:left;
	width:183px;
	margin-left:6px;
}
.cs-image .right-field {
	float:right;
	width:472px;
	margin-right:2px;
}
.cs-image .right-field strong {
	color:#555;
}
.a-item {
	padding-bottom:12px;
}
.a-item .item-image {
	float:left;
	width:87px;
}
.a-item .item-text {
	float:right;
	width:380px;
}

.caption {
	color:#666;
	
	padding:12px;
}
.goto-btn {
	clear:both;
	padding:10px 0 0 0;
	/*background-image:url(../img/common/line.gif);
	/*background-position:left 6px;
	/*background-repeat:no-repeat;*/
	text-align:right;
}
.goto-btn ul {
	list-style-type:none;
}
.goto-btn ul li {
	padding-bottom:3px;
}
/* step
-------------  */
.step {
	padding-left:8px;
}
.step dt{
	padding-left:70px;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.7em;
	background-position:left center;
	background-repeat:no-repeat;
}
.step dd{
	padding-left:70px;
	font-size:1.3em;
	line-height:1.4em;
	padding-bottom:0.5em;
}
* html body .step dt {
	font-size:1.3em;
	line-height:140%;
}
* html body .step dd {
	font-size:1.1em;
	line-height:140%;
}
dt.step-1 {	background-image:url(/cell/img/step1.gif);}
dt.step-2 {	background-image:url(/cell/img/step2.gif);}
dt.step-3 {	background-image:url(/cell/img/step3.gif);}



/*
flow ---------------------*/

.flow-step-icon {
	padding-top:12px;
}
.flow-step-icon ul {
	list-style-type:none;
}
.flow-step-icon li {
	display:inline;
	padding-right:12px;
}

.MiniFlow {
	background:#F2F3F8;
	border:1px solid #CBD1EA;
}
.MiniFlow dl {
	padding:5px 10px;
}

.MiniFlow dt {
	width:30px;
	float:left;
}
.MiniFlow dd {
	width:600px;
	float:left;
}


.one-step {
	padding-top:15px;
	background-image:url(/cell/img/bg-box01-top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
	margin-bottom:12px;
}
.one-step .bg-bottom-last,
.one-step .bg-bottom {
	padding-bottom:34px;
	background-image:url(/cell/img/bg-box01-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.one-step .bg-bottom-last{
	padding-bottom:15px;
	background-image:url(/cell/img/bg-box01-bottom-last.gif);
}

.one-step .content{
	background-image:url(/cell/img/bg-box01-middle.gif);
	background-position:left top;
	background-repeat:repeat-y;
	
	padding-left:20px;
	padding-right:20px;	
}
.one-step .photo {
	float:left;
	width:110px;
	height:95px;
}
.one-step .word {
	float:right;
	width:520px;
}
.one-step .word h5 {
	padding:0;
	margin:0;
	padding-bottom:6px;
}
.one-step .word h6 {
	padding-left:15px;
	padding-bottom:12px;
}
.move-step {
	text-align:right;
	padding-right:12px;
}
.move-step-back {
	float:left;
}

dl.acr04treatment {
	padding-top:12px;
}
dl.acr04treatment dd {
	padding-left:60px;
	line-height:200%;
	padding-bottom:12px;
}
.StepLast{
	width:650px;
	border:1px solid #D6D6D6;
	padding:10px;
	background-image:url(/cell/img/bg_one_step.gif);
}
.StepLast .StepLastImg{
	float:right;
}

/*list --------------------*/
.book-list {
	list-style-type:none;
	margin-left:10px;
}
.book-list li {
	background-image:url(/img/common/icon-book.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:.2em;
	padding-bottom:.2em;
}
* html body .book-list li {
	padding-bottom:.1em;
}


ul.page-link-list {
	text-align:left;
	list-style-type:none;
	width:230px;
}
ul.page-link-list li {
	background:transparent url(/img/common/icon-content-page.gif) scroll 0 0.3em;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:.2em;
	font-size:1.0em;
	line-height:140%;
}
* html body ul.page-link-list li {
	line-height:140%;
}
ul.nomal-list {
	list-style-type:disc;
	list-style-position:outside;
	padding-left:10px;
	margin-left:15px;
	padding-bottom:1em;
}
ul.nomal-list li {
	line-height:1.5em;
	font-size: 85%;
}

ol {
	list-style-position:outside;
	padding-left:10px;
	margin-left:20px;
	padding-bottom:1em;
	line-height:140%;
}


ul.type1 {
	list-style-position:inside;
	padding-left:10px;
}

* html body ul.type1 {
}

ul.list-style3 {
	list-style-type:disc;
	padding:0 0 0 10px;
}

ul.no-mark {
	list-style-type:none;
	padding-left:8px;
	font-weight:bold;
}
ul.no-mark li {
}
ul.no-mark li ol {
	font-weight:normal;
}

.cap08characteristic {
}
.cap08characteristic h6 {
	padding-top:6px;
	padding-left:16px;
}
.cap08characteristic p {
	text-indent:0;
	padding-left:16px;
	padding-bottom:12px;
}

.cap08kind {
}
.cap08kind ul {
	padding-top:12px;
	margin-left:24px;
	padding-right:6px;
	font-size:1.0em;
}
.cap08kind .cap08kind-bg {
	background-image:url(/cell/img/line.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
.cap08kind h6 {
	padding-left:12px;
}

.monitor dd,
.monitor dt {
	line-height:170%;
}

.monitor dt {
	font-weight:bold;
}
.monitor dd {
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.monitor .pay-attention {
	line-height:150%;
	color:#888;
}
.monitor ul {
	list-style-position:inside;
	font-size:1.0em;
}

.pepar {
	border:12px solid #F0F0F5;
	padding:12px;
	margin:5px 0 0 6px;
}



.attention {
	padding-left:30px;
}
.attention ul {
	list-style-position:inside;
}
.attention02 {
	padding:10px;
	background:#F2F3F8;
	border:1px #CBD1EA solid;
}

.Q-A dl {
	margin-left:10px;
}
.Q-A dl dt {
	background:url(/img/common/bg-q.gif) no-repeat left 0.3em;
	font-size:1.2em;
	line-height:150%;
	font-weight:bold;
	padding-left:18px;
	padding-bottom:12px;
	color:#7B84AA;
}
.Q-A dl dd{
	background:url(/img/common/bg-a.gif) no-repeat left 4px;
	font-size:1.1em;
	line-height:180%;
	padding-bottom:24px;
	padding-left:18px;
}


#QandA .QA dl {
}
#QandA .QA dl dt{
	background:url(/dictionary/img/bg-q.gif) no-repeat left 0.3em;
	font-size:1.2em;
	line-height:150%;
	font-weight:bold;
	padding-left:18px;
	padding-bottom:12px;
	color:#7B84AA;
}
#QandA .QA dl dd{
	background:url(/dictionary/img/bg-a.gif) no-repeat left 4px;
	font-size:1.1em;
	line-height:180%;
	padding-bottom:24px;
	padding-left:18px;
}

#QandA .Dictionary {
}
#QandA .Dictionary dt {
	font-size:1.2em;
	font-weight:bold;
	color:#916E6E;
	padding:0 0 3px 12px;
	background:url(/img/common/icon-dic.gif) no-repeat left 0.1em;
}
#QandA .Dictionary dd{
	line-height:180%;
	padding:0 0 12px 14px;
	font-size:1.1em;
}

/* Doctor 
----------------------------*/
#Doctor .doctor {
	clear:both;
	padding-bottom:32px;
	padding-top:12px;
}
#Doctor .doctor h4 {
	margin:0;
	padding:0 0 6px 0;
}
#Doctor .doctor h5 {
	margin:0;
	padding:0;
}
#Doctor .doctor p {
	margin:0;
	padding:0 0 0 5px;
}
#Doctor .doctor .profile {
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
	padding:12px 17px 12px 17px;
}

#Doctor .doctor .profile ul {
}
#Doctor .doctor dl.antecedents {
}
#Doctor .doctor dl.antecedents dt {
	font-weight:bold;
	padding-bottom:2px;
}
#Doctor .doctor dl.antecedents dd {
	padding-bottom:3px;
}
#Doctor .doctor .photo {
	float:left;
	width:110px;
	padding-bottom:12px;
	padding-left:3px;
}
#Doctor .doctor .word {
	float:right;
	width:550px;
}
#Doctor .antecedents {
	clear:both;
}
#Doctor .page-top {
	clear:both;
	padding-top:0px;
	padding-bottom:6px;
}
#Doctor .DocProfileImg  {
	clear:both;
	margin:15px 0;
}
#Doctor .DocProfileImg li {
	float:left;
	list-style:none;
	margin-bottom:20px;
}
#Doctor .ProfoleColumn {
	background-color:#FBFBFB;
	border:1px solid #CCCCCC;
	padding:8px;
	margin:15px 0;
}
#Doctor .ProfoleColumn p,
#Doctor .QualificationColumn p {
	margin:0;
	padding:0;
}
#Doctor .CareerColumn {
	width:325px;
	float:left;
}
#Doctor .QualificationColumn {
	width:325px;
	float:right;
}
#Doctor .SocietyBox table {
   width: 682px;
   border: 1px solid #CCCCCC;
   border-collapse: separate;
   border-spacing: 1px;
   margin-top:10px;
}
#Doctor .SocietyBox th {
   padding: 5px;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   background-color: #E1E2E6;
	 text-align:left;
	 font-weight:normal;
}
#Doctor .SocietyBox td {
   padding: 5px;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   background-color: #EFF2F3;
	 text-align:left;
}


/* table 
--------------------------- */
table.sell-table,
table.sell-table2  {
	background-color:#aaa;
	line-height:140%;
	margin-left:5px;
}
.sell-table th {
	color:#FFF;
	background-color:#7B84AA;
	padding:4px;
	text-align:center;
}
.sell-table th a:link,
.sell-table th a:active,
.sell-table th a:visited,
.sell-table th a:hover,
{
	color:#FFF;
	text-decoration:underline;
}


.sell-table .text-left {
	text-align:left;
}
.sell-table2 th {
	color:#FFF;
	background-color:#7B84AA;
	padding:4px;
	text-align:left;
	font-weight:bold;
}
.sell-table td,
.sell-table2 td {
	background-color:#FFFFFF;
	padding:3px 6px;
	vertical-align:top;
}
.sell-table td.vm {
	vertical-align:middle;
}
.sell-table td.ok {
	background-color:#E0E9FF;
	color:#4461ED;
	font-weight:bold;
}
.sell-table2 td.ok {
	color:#696F91;
	font-weight:bold;
}


.sell-table td.ng,
.sell-table2 td.ng {
	color:#CCC;
}
.sell-table .active {
	background-color:#FFE2C5;
	font-weight:bold;
	color:#737373;
}
.sell-table .active2,
.sell-table2 .active2 {
	background-color:#EDF3FF;
	font-weight:bold;
	color:#4461ED;
}

.sell-table .left-td {
	background-color:#FFE2C5;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}
.sell-table2 .left-td {
	background-color:#FFE2C5;
	font-weight:bold;
	color:#333;
	text-align:center;
}

.sell-table .line-color1 {
	background-color:#F9FBFC;
}
.sell-table .line-color2 {
	background-color:#FCFCF9;
}
.sell-table th.han {
	color:#7B84AA;
	background-color:#FFF;
}

.sell-table .vm {
	vertical-align:middle;
}

.sell-table .red {
	color:#F00;
}


.sell-table ul,
.sell-table2 ul {
	list-style-position:inside;
}


/* 2 */
.goto-detail-book {
	display:block;
	background-image:url(/img/common/icon-book.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
	padding-left:15px;
	line-height:100%;
}


.one-news{
}
	.one-news h3{
		padding-bottom:6px;
	}
	.one-news .word{
		float:left;
		width:56%;
	}
		.one-news h4{
			font-size:1.2em;
			line-height:1.2;
			padding-bottom:0;
		}
		.one-news .word ul,
		.one-news .word dl {
			font-weight:normal;
		}
		
		.one-news .word dl {
			padding-left:6px;
		}
			.one-news .word dt {
				display:inline;
				clear:both;
				font-weight:bold;
				width:100px;
			}
			.one-news .word dd {
			}
			.one-news .word dt.type2 {
				float:left;
				width:45px;
			}
			.one-news .word dd.type2 {
				margin-left:45px;
			}
		.one-news .word-nomal ul{
			font-weight:normal;
		}
	.one-news .photo{
		float:right;
		width:42%;
	}
	.one-news .insidePhoto {
		float:right;
		display:block;
		padding-top:6px;
	}
	.one-news .goto-detail{
	}
		.one-news .goto-detail img {
			vertical-align:middle;
		}
		.one-news li.goto-detail{
			padding-bottom:6px;
		}
	.one-news .photo-list{
		clear:both;
	}
		.one-news .photo-list li {
			padding-right:12px;
		}
	.one-news ul.outside {
		padding-left:20px;
	}

	.one-news dl.dictionary {
		padding-left:8px;
		padding-top:24px;
	}
		.one-news .dictionary dt {
			padding-top:12px;
			font-size:110%;
			font-weight:bold;
		}
		.one-news .dictionary dd {
			padding-bottom:6px;
		}
	.one-news .LinkArea {
		padding:10px;
	}
		.one-news .LinkArea h4 {
			font-size:120%;
			line-height:1.6em;
			padding:0;
		}
		.one-news .LinkArea address {
			text-decoration:none;
			font-style:normal;
			font-size:140%;
			padding-left:12px;
			padding-bottom:12px;
		}

/* ■右配置画像付き本文 */
LayoutImageRight03{
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	float: right;
}

.LayoutImageRight img {
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	float: right;
}
.LayoutImageRight02 img {
	margin: 0 0 5px 0;
	padding: 0;
	float: right;
}
.LayoutImageRight {
	margin: 0 0 10px 0;
	line-height: 170%;
	clear: both;
	/*border: 1px solid #f00;*/
} 
.LayoutImageLeft img {
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	float: left;
}
.LayoutImageLeft {
	margin: 0 0 10px 0;
	line-height: 170%;
	clear: both;
	/*border: 1px solid #f00;*/
} 

/* アクセス */
.ClinicImgleft .ImgLeftPic {
	float:left;
	width:160px;
}
.Clinictable {
	float:right;
	width:500px;
}
.Clinictable th {
	text-align:left;
	font-weight:normal;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height:145%;
	background-color: #EFEFEF;
	padding-left:10px;
}
.Clinictable td {
	text-align:left;
	line-height:145%;
}

/*毛髪再生外来*/
.ContentsBox{
	width:660px;
	padding:20px 0px 0px 8px;
}
.ContentsBox .LeftBox{
float:left;
width:315px;
_width:320px;
height:480px;
padding:20px 5px 10px 5px;
background-image:url(/hair/img/bg_contents.jpg);
background-position:top left;
background-repeat:no-repeat;
}
.ContentsBox .LeftBox dt{
padding:0px 0px 5px 0px;
}
.ContentsBox .LeftBox dd{
padding:0px 3px 10px 3px;
}
.ContentsBox .LeftBox p{
text-align:center;
padding-right:7px;
/*text-align:right;
padding-right:10px;*/
}
.ContentsBox .RightBox{
float:right;
width:315px;
_width:320px;
height:480px;
padding:20px 5px 10px 5px;
background-image:url(/hair/img/bg_contents.jpg);
background-position:top left;
background-repeat:no-repeat;
}
.ContentsBox .RightBox dt{
padding:0px 0px 5px 0px;
}
.ContentsBox .RightBox dd{
padding:0px 3px 10px 3px;
}
.ContentsBox .RightBox p{
text-align:center;
padding-right:7px;
}

.ContentsBox .H3Ttl h3,
.ContentsBox .H3Ttl,
.ContentsBox h4 {
	width: 655px;
}

.ContentsBox .chapter {
	width: 650px;
}

/* 幹細胞バンクスペシャルインタビュー
----------------------------------------------------------------------------------------*/
dl.Uno { margin: 0 0 20px 20px; line-height:120%;}
dl.Uno dt {float:left; width:45px; color:#722551; font-weight:bold;}
dl.Uno dd {float:left; width:600px; color:#722551;}
dl.Doctor { margin: 0 0 20px 20px; line-height:120%;}
dl.Doctor dt {float:left; width:45px; color:#005066; font-weight:bold;}
dl.Doctor dd {float:left; width:600px; color:#005066;}





/* 肌細胞再生療法
----------------------------------------------------------------------------------------*/

#ConMenu li {
	display		: inline;
	margin		: 0;
	padding		: 0;
}

#ConDetails {
	_margin		: 0 1px 0 0;
	padding		: 10px 0 10px 5px;
	background	: #91C9D7;
	width:664px;
	-width:696px;
}

#ConDetails dl {
	width		: 530px;
	margin-top:10px;
	background	: url(/skincell/img/tabu/bg_charact.gif) right bottom no-repeat;	
}

*:first-child+html #ConDetails dl {
	background	: url(/skincell/img/tabu/bg_charact.gif) right bottom no-repeat;
}
#ConDetails dl dt {
	float		: left;
}

#ConDetails dl dd{
	float		: left;
}

#ConDetails ul li {
	margin		: 0 5px 0 0;
	display		: inline;
}
#ConDetails2 {
	_margin		: 0 1px 0 0;
	padding		: 10px 0 10px 5px;
	background	: #91C9D7;
	width:660px;
}
#ConDetails2 dl {
	background	: url(/skincell/img/tabu/bg_charact.gif) right center no-repeat;
	width		: 535px;
}

#ConDetails2 dl dt {
	float		: left;
	padding-top:12px;
}

#ConDetails2 dl dd{
	float		: left;
	padding-top:12px;
}

#ConDetails2 ul li {
	margin		: 0 5px 0 0;
	display		: inline;
}

/* 02                                    */
.TableDecoration table {
	border:1px solid #CCCCCC;
	width:670px;
	margin-left:5px;
	padding-bottom:1px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.TableDecoration .BgColor {
	background:#FFE2C5;
	color:#333333;
}
.TableDecoration table th {
	background:#7B84AA;
	padding:3px 10px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#FFF;
	text-align:center;
}
.TableDecoration table th.left-td {
	background:#FFE2C5;
	padding:3px 10px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#3D3D3D;
	text-align:center;
}
.TableDecoration table td {
	padding:3px 5px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

.TableDecoration table p {
   font-size:100%;
}
.TableDecoration2 {
	padding:0 17px;
}
.TableDecoration2 table {
	border:1px solid #CCCCCC;
	width:630px;
	margin-left:5px;
	padding-bottom:1px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.TableDecoration2 .BgColor {
	background:#FFE2C5;
	color:#333333;
}
.TableDecoration2 table th {
	background:#7B84AA;
	padding:3px 10px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#FFF;
	text-align:center;
}
.TableDecoration2 table td {
	text-align:left;
	padding:3px 5px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

/* 04                                    */
.AtenMark {
	background	: url(/skincell/img/04/img_attention.gif) 5px 2px no-repeat;
}
.AtenMark span {
	padding		: 0 0 0 24px;
}

/* 7つの特徴リスト部分 Tokucyolist 　　  */

#Tokucyolist {
	border		: 1px solid #737D9A;
	padding		: 20px 25px;
	margin: 10px 0 5px 5px;
}

#Tokucyolist dl {
	clear		: both;
	margin		: 0 0 15px;
}

#Tokucyolist dl dt{
	float		: left;
	margin		: 0 10px 0 0;
	display		: inline;
}

#Tokucyolist dl dd{
	padding		: 7px 0 0;

}

#Tokucyolist dl dd a{
	font-weight:bold;
	text-decoration:underline;
}

.Peculiar dl {
	margin-bottom: 20px;
}
.Peculiar dt {
	float: left;
	width: 130px;
	padding: 10px 0;
}
.Peculiar dd {
	float: left;
	width: 470px;
	padding: 15px 0 0 0!important;
}
.Peculiar p {
	padding-top: 20px;
}

/* 7つの特徴囲み部分 MiniTitle　  　　  */

.MiniWrap {
	background	: url(/skincell/img/index/wrap_rep.gif) 0 top repeat-y;
	margin:10px 0 0 5px;
}

.MiniTitle {
	background	: url(/skincell/img/index/wrap_top.gif) 0 top no-repeat;
}

#MiniTitle01{
	background	: url(/skincell/img/index/wrap_bottom.gif) 0 bottom no-repeat;
	padding		: 15px 45px 15px 15px;
}
#MiniTitle02,
#MiniTitle03 {
	background	: url(/skincell/img/index/wrap_bottom.gif) 0 bottom no-repeat;
	padding		: 15px 30px 15px 15px;
}

#MiniTitle01 p.Minitext {
	width		: 460px;
	float		: left;
}

#MiniTitle01 p img {
	float		: right;
}

#MiniTitle03 dl dd {
	margin		: 10px 0 0;
	width		: 200px;
}

#MiniTitle03 dl.Fleft dd {
	margin		: 10px 0 0 45px;
	width		: 190px;
}

.FleftText {
	width		: 265px;
	margin		: 0 0 15px 10px;
	text-align	: justify;
}

.FleftText02 {
	width		: 280px;
	margin		: 0 0 15px 10px;
	text-align	: justify;
}



/*TAB MENU                             */
.TabContents {
	padding:10px 0 20px 10px;
	margin:20px 0 0 0;
}
.TabContents #ConDetails p {
	padding:0px;
}
.TabContents #ConDetails dl {
	width		: 400px;
}
/* 7つの特徴囲み部分 MiniTitle　  　　  
.TabContents #ConDetails dl dt,
.TabContents #ConDetails dl dd {
	margin:10px 0;
}*/

.TabContents #ConDetails dl.ConDetailsf {
	margin-right:10px;
}
.TabContents #ConDetails dl.ConDetailsf dt {
	margin:0;
}
.TabContents #ConDetails dl.ConDetailsf dd {
	margin:0;
}


/*TAB MENU2                             */
.TabContents2 {
	padding:10px 0 20px 10px;
	margin:20px 0 0 0;
}
.TabContents2 #ConDetails p {
	padding:0px;
}

.TabContents2 #ConDetails dl.ConDetailsf {
	margin-right:10px;
}
.TabContents2 #ConDetails dl.ConDetailsf dt {
	margin:0;
}
.TabContents2 #ConDetails dl.ConDetailsf dd {
	margin:0;
}




/* HalfWrap */

.HalfWrap {
	background	: url(/skincell/img/05/wrap_rep.gif) 0 top repeat-y ;
	width		: 330px;
	margin		: 0 5px 30px 0;
	float:left;
}

.HalfTop {
	background	: url(/skincell/img/05/wrap_top.gif) 0 top no-repeat;
}

.HalfBtm {
	background	: url(/skincell/img/05/wrap_bottom.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	width:100%;
}

.HalfBtm p {
	padding		: 10px 0 10px 10px;
}

.HalfWrap dl.HalfL {
	padding		: 0 10px 6px 0;
	_padding	: 0 0 13px;
}
.HalfWrap dl.HalfL dt {
	margin:0 0 10px 0;
}

.HalfWrap dl.HalfL dd {
	padding:0 10px;
}

.HalfWrap dl.HalfR {
	padding		: 0 10px 6px 0;
	_padding	: 0 0 13px;
}
.HalfWrap dl.HalfR dt {
	margin:0 0 10px 0;
}

.HalfWrap dl.HalfR dd {
    padding:0 10px;
}


.Cancel {
	margin		: 0 0 0 10px;
}

.Cancel dt {
	font-weight	: bold;
	color       : #003399;
	margin		: 20px 0 0 0;
}

.Cancel dd {
	margin		: 5px 0 10px 10px;
}

/* フッターメニュー FooterMenu　　　　  */

#Fmenu {
	width:670px;
	margin:10px 5px 0 4px;
	padding:5px 0;
	text-align:center;
	background:#91C9D7;
}

#Fmenu li {
	display		: inline;
	margin		: 0 5px 0 0;
}

#Fmenu li.Menulast {
	display		: inline;
	margin		: 0;
}


.F-LeftBox {
	float:left;
	width:240px;
}
.F-LeftBoxC {
	float:left;
	width:150px;
	text-align:center;
	padding-top:100px;
}

.FeatureBox {
	margin:5px 0 20px 0;
	}
.MTB10 {
	margin:10px 0 !important;
}

.TableDecoration table td.Markup {
	background:#7B84AA;
}
.boldPurple{
    color:#3E71CF;
}
.wid100 {
	width:100px;
}


/* simulation
-------------------------------------------------------- */
#Simu {
	text-align:left;
	background:#FFF;

}

#Simu h3 {
	background:url(/skincell/img/index/bg-h3-ttl678.gif) left top no-repeat;
	height:12px;
	font-size:16px;
	padding:12px 20px;
	margin:0 0 20px;
}

#Simu h4 {
	background:url(/skincell/img/index/bg-h4-back638.jpg) left center no-repeat;
	font-size:14px;
	padding:5px 20px;
	margin:0 0 10px;
}

#Simu h5 {
	margin:20px 0 0;
	color:#003399;
	font-weight:bold;
}


/* =======================================================

	font

======================================================== */

.BoldBlue {
	color:#003399;
	font-weight:bold;
}

.BoldPink {
	color:#E62D61;
	font-weight:bold;
}

.BlackBold {
	color: #000000;
	font-weight: bold;
}

.font-Red {
color:#CF1B1B;
}

.NormalSign   {
	padding: 0 0 0 10px !important;
	background: url(/img/common/bg_sign_normal.gif) no-repeat left 4px;
}



/*
汎用レイアウトCSS
--------------------------------------*/
/*  左右の画像配置レイアウト
		画像サイズごとにstyle属性でmargin領域を取ること */
.rightImagesBlock,
.leftImagesBlock {
	margin:0 0 10px 10px;
}

.rightImagesBlock p,
.leftImagesBlock p {
	padding:0;
}

.rightImagesBlock div.image {
	float:right;
}

.rightImagesBlock div.text {
	padding-right:10px;
}

.leftImagesBlock div.image {
	float:left;
}

.leftImagesBlock div.text {
	padding-left:10px;
}


/*  角丸2カラム下揃ってる */
div.HalfWrapPhorizon {
	margin-bottom:6px;
	background:url(/contents/hair/growthfactor/img/wrap_phorizon_btm.gif) 0 bottom no-repeat;
}

div.HalfWrapPhorizon div.leftBlock {
	width:330px;
	background:url(/contents/hair/growthfactor/img/wrap_top.gif) 0 0 no-repeat;
	float:left;
}

div.HalfWrapPhorizon div.rightBlock {
	width:330px;
	background:url(/contents/hair/growthfactor/img/wrap_top.gif) 0 0 no-repeat;
	float:right;
}

div.HalfWrapPhorizon div div.marginArea {
	margin:10px;
}

/*
.HalfWrapOneBlock {
	background:url(/contents/hair/growthfactor/img/wrap_btm.gif) 0 bottom no-repeat;
	width:254px;
}

.HalfWrapOneBlock .marginArea {
	background:url(/contents/hair/growthfactor/img/wrap_top.gif) 0 0 no-repeat;
	padding:10px;
}
*/


#PageNabiFrame {
	text-align:center;
}
.PageNabiBox {
	width:480px;
	margin:0 auto;
}


/*- ▼動画背景 -*/
#Contents #Main .MovBack {
	width: 545px;
	padding: 0 0 25px 70px;
}

#Contents #Main .MovBack dl {	
	width: 304px;
	float: left;
	background-image: url(/contents/img/common/contmovex.gif);
	background-color: #F2F3F8;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-top: 25px;
	
}

#Contents #Main .MovBack dd p.ContMovEx {
	padding: 10px 20px 10px 0;
	border-right:solid 1px #CCCCCC;
	text-align:center;
}

#Contents #Main .MovBack p.ContMov {
	 float: left;
	 width:240px;
}

/*- ▲動画背景 -*/

/*- ClinicArea 2010/09/02 -*/

#ClinicArea ul {
	text-align:left;
	margin:0 0 0 5px;
}
#ClinicArea ul li {
	display:inline;
	margin:0 5px 0 0;
	list-style:none;
}
#ClinicArea ul li a {
	font-size:1.2em;
	padding:5px 15px 3px 15px;
	border:1px solid #6DB7CA;
}
#ClinicArea ul li a { color: #6DB7CA;	text-decoration: none;}
#ClinicArea ul li a:link { color: #6DB7CA;	text-decoration: none;}
#ClinicArea ul li a:visited { color: #6DB7CA;	text-decoration: none;}
#ClinicArea ul li a:hover {	color: #FFF;	text-decoration: underline;	border:1px solid #6DB7CA; background:#C2E1E9;}
#ClinicArea ul li a:active { color: #6DB7CA;	text-decoration: none;}

