#tcct .subonebox {

}

#tcct .firstimage {
	float: right;
	margin-top: 28px;
	margin-right: 4px;
}

#tcct .secondimage {
	float: left;
	margin: 6px 20px 30px 4px;
}

/*
 * 各ステップ共通
 */
#tcct .step {
	position: relative;
	margin-left: 26px;

	margin-bottom: 16px;
}

#tcct .step img {
	position: absolute;
	top: 0;
	left: -26px;
}
	#tcct .step img.inner {
	    position: relative;
	    width: 200px;
	    margin-left: 40px;
	    border-radius: 10px;
	}

#tcct .step .stepbox {
	width: 754px;
}
#tcct .step .stepbox h5 {
	margin: 0;
	paddin: 0;
	line-height: 24px;
	font-size: 18px;
	padding-left: 8px;
	margin-top: 15px;
	background-image: none;
}

#tcct .step .stepbox h6 {
	margin: 20px;
	padding-left: 15px;
	font-size:14px;
	font-weight: normal;
	border: none;
}
#tcct .step .stepbox dl {
	margin-left: 14px;
	font-size: 14px;
	font-weight: bold;

	width: 380px;
}
#tcct .step .stepbox dt {
	float: left;
	width: 4em;
}
#tcct .step .stepbox dd {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#tcct .step .stepbox dd.caution {
	font-size: 10px;
}

#tcct .step .stepbox .calcap {
	position: absolute;
	top: 15px;
	left: 400px;
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
}
#tcct .step .stepbox ol {
	float:right;
	margin: 20px 0 0;
	width: 47%;
	text-align: left;
	padding: 0;

	list-style: decimal inside;
}
#tcct .step .stepbox li {
	margin-bottom: 7px;
}

/*
 * ステップ１
 */
#tcct .step1 .stepbox {
	border: solid 1px rgb(120, 52, 136);
	background-image: url(../tccolor/images/step1_boxbg.gif);
	background-repeat: repeat-x;

	position: relative;
}
#tcct .step1 .stepbox h5 {
	background-color: rgb(212, 180, 219);
	color: rgb(120, 52, 136);
}
#tcct .step1 .stepbox h6 {
	background-image: url(../tccolor/images/step1_mark.gif);
	background-repeat: no-repeat;
	color: rgb(120, 52, 136);
}
#tcct .step1 .stepbox .calcap {
	color: rgb(120, 52, 136);
}

/*
 * ステップ２
 */
#tcct .step2 .stepbox {
	border: solid 1px rgb(192, 41, 136);
	background-image: url(../tccolor/images/step2_boxbg.gif);
	background-repeat: repeat-x;
}
#tcct .step2 .stepbox h5 {
	background-color: rgb(235, 181, 186);
	color: rgb(192, 41, 136);
}
#tcct .step2 .stepbox h6 {
	background-image: url(../tccolor/images/step2_mark.gif);
	background-repeat: no-repeat;
	color: rgb(192, 41, 136);
}
#tcct .step2 .stepbox .calcap {
	color: rgb(192, 41, 136);
}

/*
 * ステップ３
 */
#tcct .step3 .stepbox {
	border: solid 1px rgb(43, 61, 140);
	background-image: url(../tccolor/images/step3_boxbg.gif);
	background-repeat: repeat-x;
}
#tcct .step3 .stepbox h5 {
	background-color: rgb(175, 184, 222);
	color: rgb(43, 61, 140);
}
#tcct .step3 .stepbox h6 {
	background-image: url(../tccolor/images/step3_mark.gif);
	background-repeat: no-repeat;
	color: rgb(43, 61, 140);
}
#tcct .step3 .stepbox .calcap {
	color: rgb(43, 61, 140);
}

/*
 * ステップ４
 */
#tcct .step4 .stepbox {
	border: solid 1px rgb(94, 121, 143);
	background-image: url(../tccolor/images/step4_boxbg.gif);
	background-repeat: repeat-x;
}
#tcct .step4 .stepbox h5 {
	background-color: rgb(200, 212, 222);
	color: rgb(94, 121, 143);
}
#tcct .step4 .stepbox h6 {
	background-image: url(../tccolor/images/step4_mark.gif);
	background-repeat: no-repeat;
	color: rgb(43, 61, 140);
}
#tcct .step4 .stepbox .calcap {
	color: rgb(43, 61, 140);
}
#tcct .step4 .stepbox h6 {
	margin-bottom: 4px;
}
#tcct .step4 .stepbox h6.add2 {
	margin-top: 4px;
}
#tcct .step4 .stepbox h6.add3 {
	margin-top: 4px;
	margin-bottom: 20px;
}
#tcct .step4 .stepbox dl {
	top: 120px;
}

/*
 * 公式サイトへのリンク
 */
.tclink {
	text-align: right;
	margin-top: 1em;
	font-size: 0.9em;
	font-weight: bold;
}
.tclink a {
	color: rgb(28, 129, 127);
}

/*
 * TCカラーセラピー料金体系
 */
.tclesson {
	padding-left: 10px;
}
.tclesson p {
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 1em;
}
.tclesson caption {
	text-align: left;
	color: #D760AD;
	font-weight: bold;
}