@charset "utf-8";

/* ------------------------------------------------------------------------------------ container */

#container h2 {
	margin: 0 0 30px 0px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 840px;
	height: 50px;
	background: url(../img/top-container-h2.gif) 0 0 no-repeat;
}

#container h2.about { background-position: 0 -465px; }
#container h2.profile { background-position: 0 -530px; }
#container h2.lecture { background-position: 0 -595px; }
#container h2.voice { background-position: 0 -660px; }
#container h2.faq { background-position: 0 -725px; }
#container h2.privacy { background-position: 0 -790px; }


#container p.base {
	margin: 0 0 30px 20px;
	padding: 0px 0px 0px 0px;
	width: 800px;
}
#container p strong.red { color: #CE005F; }

/* ビューティータオインストラクター講座 */
#feature {
	position: relative;
	margin: 0 0 50px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
}

#feature h2 {
	width: 610px;
	height: 65px;
	background-position: 0 0;
}

#feature ul {
	margin: 0 0 20px 20px;
	padding: 0px 0 0 0;
	text-indent: -9999em;
	list-style: none;
	width: 570px;
	height: 265px;
	background: url(../img/top-container-feature-ul.gif) 0 0 no-repeat;
}

#feature ul li { list-style: none; }

#feature p.base { width: 570px; }

#feature img.photo {
	margin: 0 0 0px 20px;
	padding: 0px 0 0 0;
}

/* 私が直接お伝えいたします */
#profile {
	margin: 0 0 50px 0px;
	padding: 0px 0 0 0;
	width: 840px;
	clear: both;
}

#profile h2 { background-position: 0 -65px; }

#profile dl.profile {
	margin: 0 0 0px 20px;
	padding: 0px 0 0 0px;
	width: 798px;
	border: 1px solid #DBD02A;
	background: #F2EFB3;
}
#profile dl.profile dt {
	margin: 0 0 30px 0px;
	padding: 0px 0 0 0px;
	text-indent: -9999em;
	width: 798px;
	height: 35px;
	background: url(../img/top-container-profile-dt.gif) 0 0 no-repeat;
	clear: both;
}
#profile dl.profile dt.pr01 { background-position: 0 0; }
#profile dl.profile dt.pr02 { background-position: 0 -35px; }
#profile dl.profile dt.pr03 { background-position: 0 -70px; }
#profile dl.profile dt.pr04 { background-position: 0 -105px; }

#profile dl.profile dd {
	margin: 0 0 30px 20px;
	padding: 0px 0 0 0px;
	width: 778px;
}
#profile dl.profile dd.pr01 { background: url(../img/top-container-profile-crown01.gif) 390px 0px no-repeat; }
#profile dl.profile dd.pr03 { background: url(../img/top-container-profile-crown02.gif) center center no-repeat; }
#profile dl.profile dd.pr04 { background: url(../img/top-container-profile-crown01.gif) center center no-repeat; }

#profile dl.profile dd.pr01 img.left {
	margin: 0px 20px 30px 0px;
	padding: 0px 0 0 0px;
}

#profile dl.profile dd.pr01 h3 {
	margin: 20px 0 20px 0px;
	padding: 0px 0 0 0px;
	color: #CE005F;
	font-size: 200%;
	line-height: 1.1;
}

#profile dl.profile dd.pr01 p {
	margin: 0px 0 20px 0px;
	padding: 0px 0 0 0px;
}

#profile dl.profile dd.pr01 ul {
	margin: 0px 0 0px 0px;
	padding: 0px 0 0 0px;
	list-style: none;
	width: 778px;
	clear: both;
}

#profile dl.profile dd.pr01 ul li {
	display: inline;
	margin: 0px 6px 0px 0px;
	font-size: 80%;
	text-align: center;
	line-height: 1.2;
	list-style: none;
	width: 142px;
	float: left;
}

#profile dl.profile dd.pr01 ul li img {
	display: block;
	margin: 5px 0px 0px 0px;
}

#profile dl.profile dd.pr02 p {
	margin: 0px 0 0px 100px;
	padding: 0px 0 0 0px;
	text-align: center;
	list-style: none;
	width: 540px;
	clear: both;
}

#profile dl.profile dd.pr02 p img {
	margin: 0px 0px 5px 0px;
}

#profile dl.profile dd.pr03 ul,
#profile dl.profile dd.pr04 ul {
	margin: 0px 0 0px 0px;
	padding: 0px 0 0 0px;
	width: 369px;
}
#profile dl.profile dd.pr03 ul.right,
#profile dl.profile dd.pr04 ul.right { margin-right: 20px; }

#profile dl.profile dd.pr03 ul li,
#profile dl.profile dd.pr04 ul li {
	margin: 0px 0px 5px 20px;
	font-size: 80%;
	line-height: 1.2;
}

/* 受講者の声 */
#voice {
	margin: 0 0 50px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#voice h2 { background-position: 0 -115px; }

#voice img {
	display: block;
	margin: 0px auto 20px auto;
}

#voice a.archive {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0 0 0px;
	text-indent: -9999em;
	width: 300px;
	height: 40px;
	background: url(../img/top-container-voice-archive.gif) 0 0 no-repeat;
	clear: both;
}
#voice a.archive:hover { background-position: 0 -40px; }



/* mail講座 */
#mail {
	margin: 0 0 20px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#mail h2 { background-position: 0 -855px; }

#mail img.left {
	margin: 0 30px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#mail .table {
	border: 1px none #ce0260;
	margin-bottom: 30px;
	width: 450px;
	margin-left: 200px;
	background-position: center;
}
#mail .table th {
}
#mail .table td {
	border: 1px solid #FFFFFF;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ce0260;
}



/* いろんな講座 */
#lecture {
	margin: 0 0 20px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#lecture h2 { background-position: 0 -165px; }

#lecture img.left {
	margin: 0 30px 20px 0px;
	padding: 0px 0px 0px 0px;
}

/* 本当に役立つスキル */
#skill {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#skill h2 { background-position: 0 -215px; }

#skill img.right {
	margin: 0 0px 20px 30px;
	padding: 0px 0px 0px 0px;
}

/* 「外側」ではなく、「内側」 */
#inside {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#inside h2 { background-position: 0 -265px; }

#inside img.left {
	margin: 0 30px 40px 0px;
	padding: 0px 0px 0px 0px;
}

/* 「食」も取り入れていく */
#meal {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#meal h2 { background-position: 0 -315px; }

#meal img.right {
	margin: 0 0px 20px 30px;
	padding: 0px 0px 0px 0px;
}

/* 2つの側面からアプローチ */
#approach {
	margin: 0 0 30px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#approach h2 { background-position: 0 -315px; }

#approach img.left {
	margin: 0 30px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#approach dl.feature {
	margin: 0 0 40px 20px;
	padding: 0 0 0 0;
	width: 800px;
}

#approach dl.feature dt {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 800px;
	height: 55px;
	background: url(../img/top-container-approach-feature-dt.gif) 0 0 no-repeat;
}

#approach dl.feature dd {
	margin: 0 0 0px 0px;
	padding: 30px 0 0 0;
	width: 798px;
	border: 1px solid #DBD02A;
	background: url(../img/top-container-approach-feature-dd.gif) 0 0 repeat;
}

#approach dl.feature dd ul {
	margin: 0 0 30px 60px;
	padding: 0px 0 0 0;
	list-style: none;
	width: 678px;
}

#approach dl.feature dd ul li {
	margin: 0 0 0px 0px;
	padding: 13px 0 0 70px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	min-height: 22px;
	_height: 22px;
	background: url(../img/top-container-approach-feature-ul.gif) 0 0 no-repeat;
}

#approach dl.feature dd ul li strong {
	color: #CE005F;
	font-size: 100%;
	line-height: 1.2;
}

#approach dl.section {
	margin: 0 0 20px 20px;
	padding: 0 0 0 0;
	width: 800px;
	background: #5C2A21;
}

#approach dl.section dt {
	margin: 0 0 0px 0px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 800px;
	height: 110px;
	background: url(../img/top-container-approach-section-dt.jpg) 0 0 no-repeat;
}
#approach dl.exercise dt { background-position: 0 0; }
#approach dl.treatment dt { background-position: 0 -110px; }
#approach dl.medicinal dt { background-position: 0 -220px; }

#approach dl.section dd {
	margin: 0 0 0px 0px;
	padding: 20px 30px 30px 30px;
	color: #fff;
	width: 740px;
}

/* あなたも活躍してみませんか？ */
#recommend {
	margin: 0 0 50px 0px;
	padding: 0 0 0 0;
	width: 840px;
}

#recommend h2 { background-position: 0 -415px; }

#recommend .section {
	margin: 0 0px 20px 20px;
	padding: 20px 0 0 0;
	width: 390px;
	height: 220px;
	background: #F29494;
}
#recommend div.center {
	display: block;
	margin: 0 auto 40px auto;
}

#recommend .section h3 {
	margin: 0 0 20px 0px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 390px;
	height: 70px;
	background: url(../img/top-container-recommend-section-dt.gif) 0 0 no-repeat;
}
#recommend div.exercise h3 { background-position: 0 0; }
#recommend div.treatment h3 { background-position: 0 -70px; }
#recommend div.medicinal h3 { background-position: 0 -140px; }

#recommend .section p {
	margin: 0 20px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 340px;
}

#recommend p.recommend {
	margin: 0 auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 390px;
}



/* subpage */
#subpage {
	position: relative;
	margin: 0 0 50px 0;
	padding: 0px 0 0px 0px;
	width: 610px;
	background-color: #FFFFFF;
}

#subpage h2 {
	width: 610px;
	height: 65px;
	background-position: 0 0;
}

#subpage ul {
	margin: 0 0 20px 20px;
	padding: 0px 0 0 0;
	text-indent: -9999em;
	list-style: none;
	width: 570px;
	height: 265px;
	background: url(../img/top-container-feature-ul.gif) 0 0 no-repeat;
}

#subpage ul li { list-style: none; }

#subpage p.base { width: 570px; }

#subpage img.photo {
	margin: 0 0 0px 20px;
	padding: 0px 0 0 0;
}

#subpage .table1 {
	border: 1px none #ce0260;
	margin-bottom: 30px;
	width: 550px;
	margin-left: 10px;
}
#subpage .table1 th {
}
#subpage .table1 td {
	border: 1px solid #ce0260;
	padding: 10px;
}
#subpage .tablecolor {
	background-color: #ce0260;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
}

#subpage .caotion0 {
	font-size: 135%;
	font-weight: bold;
	color: #ce0260;
	margin-top: 0px;
	margin-bottom: 15px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-top-color: #ce0260;
	border-right-color: #ce0260;
	border-bottom-color: #ce0260;
	border-left-color: #ce0260;
	margin-left: 15px;
	margin-right: 15px;
}

#subpage .caotion1 {
	font-size: 135%;
	font-weight: bold;
	color: #ce0260;
	margin-top: 35px;
	margin-bottom: 15px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-top-color: #ce0260;
	border-right-color: #ce0260;
	border-bottom-color: #ce0260;
	border-left-color: #ce0260;
	margin-right: 15px;
	margin-left: 15px;
}

#subpage .caotion2 {
	font-size: 110%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}
#subpage .voice {
	margin-top: 15px;
	margin-bottom: 5px;
	border: 1px solid #CE0160;
	padding: 5px;
}

#subpage .rollover01 {
	width: 400px;
	height: 80px;
	background-image: url(../img/order.gif);
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 85px;
}
#subpage .rollover01 a {
	width: 400px;
	height: 80px;
	display: block;
	background-image: url(../img/order.gif);
}
#subpage .rollover01 a:hover {
	background-image: url(../img/order.gif);
	background-position: 0px -80px;
}
#subpage .rollover02 {
	width: 400px;
	height: 92px;
	background-image: url(../img/header-present.gif);
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 85px;
}
#subpage .rollover02 a {
	width: 400px;
	height: 92px;
	display: block;
	background-image: url(../img/header-present.gif);
}
#subpage .rollover02 a:hover {
	background-image: url(../img/header-present.gif);
	background-position: 0px -92px;
}