@import url(common.css);
@import url(herbs_common.css);

/* top page */
div#contents div#contents_right div.top_contents {
	width: 750px;
	margin: 50px 0 0 20px;
}

div#contents div#contents_right div.top_contents div.what,
div#contents div#contents_right div.top_contents div.salon {
	width: 245px;
	float: left;
}

div#contents div#contents_right div.top_contents div.schrammek {
	width: 250px;
	float: left;
}

div#contents div#contents_right div.top_contents div p.image {
	margin-bottom: 15px;
}

div#contents div#contents_right div.top_contents div.what p.description,
div#contents div#contents_right div.top_contents div.salon p.description {
	width: 200px;
	font-size: 78%;
	color: #333;
	line-height: 130%;
	margin: 8px 0 15px 0;
	padding-top: 8px;
	border-top: 1px dotted #CCC;
}

div#contents div#contents_right div.top_contents div.schrammek p.description {
	width: 250px;
	font-size: 78%;
	color: #333;
	line-height: 130%;
	margin: 8px 0 15px 0;
	padding-top: 8px;
	border-top: 1px dotted #CCC;
}

div#contents div#contents_right div.top_news {
	width: 485px;
	margin: 15px 8px 0 20px;
	_margin: 15px 4px 0 10px;
	padding-top: 15px;
	border-top: 1px dotted #CCC;
	float: left;
}

div#contents div#contents_right div.top_news h3.h3_news {
	width: 120px;
	height: 159px;
	background: url('../images/top/icon_002_content.jpg') left bottom no-repeat;
}

div#contents div#contents_right div.top_news div.title {
	width: 130px;
	float: left;
}

div#contents div#contents_right div.top_news div.title p.button {
	margin: -29px 0 0 1px;
}

div#contents div#contents_right div.top_news div.detail {
	width: 350px;
	float: left;
	font-size: 85%;
	line-height: 140%;
}

div#contents div#contents_right div.top_news div.detail dt {
	color: #06C;
}

div#contents div#contents_right div.top_news div.detail dd {
	color: #845900;
	font-weight:bold;
	font-size: 85%;
	line-height: 130%;
	margin-bottom: 8px;
}


/* school */
div#contents div#contents_right div#main_contents div.school_contents {
	width: 670px;
	margin: 35px 0 0 25px;
}

div#contents div#contents_right div#main_contents div.school_contents dl.school_concept {
	width: 670px;
	background: url('../images/school/back_concept_repeat.jpg') left top repeat-y;
}

div#contents div#contents_right div#main_contents div.school_contents dl.school_concept dd {
	padding: 10px 15px 15px 30px;
	font-size: 92%;
	font-weight: 600;
	line-height: 140%;
	background: url('../images/school/back_concept_bottom.jpg') left bottom no-repeat;
}

div#contents div#contents_right div#main_contents div.school_contents h3 {
	margin-top: 50px;
}

div#contents div#contents_right div#main_contents div.school_contents p.school_text {
	margin-top: 8px;
	font-size: 78%;
	line-height: 140%;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table {
	width: 613px;
	margin: 0 0 0 0;
	padding-left: 2px;
	background: url('../images/school/back_table_repeat.jpg') left top repeat-y;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table .bborder {
	border-bottom: 1px solid #94C464;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table .course {
	width: 125px;
	_width: 135px;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table th {
	font-size: 78%;
	text-align: center;
	line-height: 140%;
	padding: 5px 5px 5px 10px;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table td {
	font-size: 78%;
	text-align: left;
	line-height: 140%;
	padding: 5px;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table .bright {
	border-right: 1px dotted #94C464;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table .bbottom {
	border-bottom: 1px solid #94C464;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table ul li {
	list-style: disc;
	margin-left: 20px;
	color: #696;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table ul li span {
	color: #333;
}

div#contents div#contents_right div#main_contents div.school_contents table.school_table td.newitem {
	width: 133px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

div#contents div#contents_right div#main_contents div.school_contents .school_top {
	padding: 6px 0 0 0;
	line-height: 0;
	font-size: 0;
	margin: 10px 0 0 0;
	background: url('../images/school/back_table_top.jpg') left top no-repeat;
}

div#contents div#contents_right div#main_contents div.school_contents  .school_bottom {
	padding: 0 0 6px 0;
	line-height: 0;
	font-size: 0;
	margin: 0px 0 0 0;
	background: url('../images/school/back_table_bottom.jpg') left bottom no-repeat;
}

div#contents div#contents_right div#main_contents div.school_contents p.caveat {
	width: 610px;
	margin: 5px 0 0 0;
	font-size: 78%;
	text-align: right;
	line-height: 140%;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow {
	width: 610px;
	margin: 25px 0 0 20px;
	font-size: 85%;
	text-align: left;
	line-height: 140%;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow li {
	padding-bottom: 10px;
	background: url('../images/school/back_flow.jpg') 45px bottom no-repeat;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow li.none {
	padding-bottom: 0px;
	background: none;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow li div.image {
	width: 125px;
	float: left;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow li div.cutline {
	width: 480px;
	float: left;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow li div.cutline p.title {
	margin-top: 10px;
}

div#contents div#contents_right div#main_contents div.school_contents ol.school_flow li div.cutline p.text {
	margin-top: 5px;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block {
	width: 670px;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left {
	width: 400px;
	float: left;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left p,
div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left ul {
	margin: 10px 0 0 25px;
	font-size: 85%;
	line-height: 140%;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left ul li {
	list-style: disc;
	margin-left: 20px;
	font-weight: 600;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left table {
	width: 370px;
	margin: 10px 0 0 25px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left table th,
div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_left table td {
	font-size: 85%;
	line-height: 140%;
	padding: 5px;
	text-align: left;
}

div#contents div#contents_right div#main_contents div.school_contents div.school_block div.school_block_right {
	width: 270px;
	float: left;
	text-align: right;
	margin-top: 60px;
}


/* salon */
div#contents div#contents_right div#main_contents div.salon_contents {
	width: 690px;
	margin: 35px 0 0 25px;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist {
	width: 690px;
	margin: 20px 0 30px 0;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td {
	width: 340px;
	height: 120px;
	padding-right: 10px;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div.salon_detail {
	width: 310px;
	_width: 325px;
	height: 110px;
	_height: 125px;
	padding: 6px 0 6px 15px;
	border-bottom: 1px dotted #666;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div.salon_detail div.text {
	width: 195px;
	float: left;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div.salon_detail div.text p.name {
	padding: 0 10px;
	font-size: 90%;
	font-weight: 600;
	line-height: 130%;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div.salon_detail div.text p.name span.name_plus {
	font-size: 80%;
}


div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div.salon_detail div.text p.add {
	padding: 0 10px;
	font-size: 80%;
	line-height: 130%;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div.salon_detail div.photo {
	width: 115px;
	float: left;
	margin-top: 5px;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon1 {
	border-top: 1px dotted #666;
	background: url('../images/salon/icon_001_content.jpg') left 8px no-repeat;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon27 {
	border-top: 1px dotted #666;
	background: url('../images/salon/icon_008_content.jpg') left 8px no-repeat;
}


div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon2,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon3,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon4 {
	background: url('../images/salon/icon_002_content.jpg') left 8px no-repeat;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon28,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon25,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon22,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon24,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon21,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon5,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon6,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon7,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon8,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon9,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon10,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon11,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon12,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon13,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon14,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon15,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon16,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon17 {
	background: url('../images/salon/icon_003_content.jpg') left 8px no-repeat;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon18 {
	background: url('../images/salon/icon_004_content.jpg') left 8px no-repeat;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon19 {
	background: url('../images/salon/icon_005_content.jpg') left 8px no-repeat;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon20 {
	background: url('../images/salon/icon_006_content.jpg') left 8px no-repeat;
}

div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon29,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon26,
div#contents div#contents_right div#main_contents div.salon_contents table.salonlist td div#salon23 {
	background: url('../images/salon/icon_007_content.jpg') left 8px no-repeat;
}


/* products */
div#contents div#contents_right div#main_contents div.products_contents {
	width: 675px;
	margin: 40px 0 0 25px;
}

div#contents div#contents_right div#main_contents div.products_contents h4#greenpeel {
	margin: 25px 0 0 5px;
}

div#contents div#contents_right div#main_contents div.products_contents h4#special {
	margin: 40px 0 0 5px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist {
	width: 675px;
	margin: 40px 0 0 0;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td {
	font-size: 78%;
	vertical-align: top;
	line-height: 130%;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td.list_left {
	width: 350px;
	padding-bottom: 50px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td.list_right {
	width: 315px;
	padding-bottom: 50px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td.list_left2 {
	width: 465px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td.list_right2 {
	width: 200px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td.list_center {
	padding-bottom: 50px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td.catch {
	padding: 10px 0;
	text-align: center;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .photo1 {
	width: 115px;
	float: left;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .text1 {
	width: 195px;
	float: left;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .photo2 {
	width: 125px;
	float: left;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .text2 {
	width: 185px;
	float: left;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .photo3 {
	width: 280px;
	float: left;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .photo3 p {
	font-size: 78%;
	text-align: center;
	line-height: 130%;
	margin-bottom: 15px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .text3 {
	width: 390px;
	float: left;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .photo4 {
	width: 415px;
	margin-top: 24px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .text4 {
	width: 390px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .photo5 {
	width: 200px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td .text5 {
	width: 200px;
}


div#contents div#contents_right div#main_contents div.products_contents table.productlist td div p.num {
	padding: 8px 0 3px 0;
	border-bottom: 1px dotted #666;
	margin-bottom: 5px;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td div p.name {
	padding: 0px 0 3px 0;
	border-bottom: 1px dotted #666;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 110%;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td div p.overview {
	margin: 5px 0 0 0;
	text-align: 130%;
	padding-left: 14px;
	background: url('../images/products/icon_circle.gif') left center no-repeat;
}

div#contents div#contents_right div#main_contents div.products_contents table.productlist td div p.detail {
	margin: 5px 0 15px; 0;
	text-align: 130%;
}

p.product_pagetop {
	margin: 10px 10px 0 0;
	text-align: right;
}

/* what */
div#contents div#contents_right div#main_contents div.what_contents {
	width: 680px;
	margin: 0 0 0 25px;
}

div#contents div#contents_right div#main_contents div.what_contents div.what_block{
	width: 610px;
	margin: 15px 0 0 30px;
	font-size: 85%;
	line-height: 140%;
}

div#contents div#contents_right div#main_contents div.what_contents div.what_block2 {
	margin: 25px 0 0 0;
}

div#contents div#contents_right div#main_contents div.what_contents div.what_block div.what_block_left1 {
	width: 350px;
	text-align: left;
	float: left;
}

div#contents div#contents_right div#main_contents div.what_contents div.what_block div.what_block_right1 {
	width: 260px;
	text-align: right;
	float: left;
}

div#contents div#contents_right div#main_contents div.what_contents div.what_block div.what_block_left2 {
	width: 440px;
	text-align: left;
	float: left;
}

div#contents div#contents_right div#main_contents div.what_contents div.what_block div.what_block_right2 {
	width: 170px;
	text-align: right;
	float: left;
}

div#contents div#contents_right div#main_contents div.what_contents h3 {
	margin: 40px 0 0 0;
}

div#contents div#contents_right div#main_contents div.what_contents ol.what_advantage {
	margin: 20px 0 0 30px;
}

div#contents div#contents_right div#main_contents div.what_contents ol.what_advantage li.line1{
	float: left;
	width: 211px;
	height: 95px;
}

div#contents div#contents_right div#main_contents div.what_contents ol.what_advantage li.line2{
	float: left;
	width: 211px;
	height: 112px;
}


/* contact */
div#contents div#contents_right div#main_contents div.contact_contents {
	width: 680px;
	margin: 0 0 0 25px;
}

div#contents div#contents_right div#main_contents div.contact_contents .contact_greeting {
	width: 680px;
	margin: 30px 0 0 0;
	font-size: 100%;
	font-weight: 600;
	line-height: 140%;
}

div#contents div#contents_right div#main_contents div.contact_contents .privacy_account {
	width: 650px;
	margin: 5px 0 0 0;
	font-size: 85%;
}

div#contents div#contents_right div#main_contents div.contact_contents .contact_account {
	width: 600px;
	margin: 15px 0 0 40px;
	font-weight: 600;
	font-size: 92%;
}

div#contents div#contents_right div#main_contents div.contact_contents h3 {
	margin: 40px 0 0 0;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy {
	width: 563px;
	margin: 35px 0 0 50px;
	background: url('../images/contact/back_privacy_repeat.gif') left top repeat-y;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy dt {
	padding-top: 5px;
	background: url('../images/contact/back_privacy_top.gif') left top no-repeat;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy dt span {
	width: 470px;
	padding: 20px 0 5px 0;
	margin: 0 0 15px 45px;
	display: block;
	font-size: 108%;
	font-weight: 600;
	color: #036;
	border-bottom: 1px dotted #999;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy dd {
	padding-bottom: 20px;
	background: url('../images/contact/back_privacy_bottom.gif') left bottom no-repeat;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy p {
	width: 470px;
	margin: 0 0 0 45px;
	font-size: 85%;
	line-height: 130%;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy p.text1 {
	margin-bottom: 15px;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy p.text2 {
	font-weight: 600;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy ul {
	width: 470px;
	margin: 0 0 5px 40px;
	font-size: 85%;
	line-height: 130%;
}

div#contents div#contents_right div#main_contents div.contact_contents dl.account_privacy ul li {
	list-style: disc;
	margin-left: 20px;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form {
	width: 500px;
	margin: 25px 0 0 80px;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table {
	width: 500px;
	margin: 10px 0 0 0;
	border: 1px solid #C2C2C2;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table th,
div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table td {
	font-size: 85%;
	border-bottom: 1px dotted #999;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table .none {
	border-bottom: none;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table th {
	padding: 10px 3px;
	background: #E2EBEB;
	vertical-align: top;
	font-weight: 400;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table th.item {
	width: 110px;
	text-align: right;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form table td {
	padding: 10px 8px;
	vertical-align: top;
}

div#contents div#contents_right div#main_contents div.contact_contents form.contact_form div.button {
	text-align: center;
	margin: 15px 0;
}

div#contents div#contents_right div#main_contents div.contact_contents div.contact_text {
	margin: 40px 0 0 10px;
	font-size: 85%;
}

h4#start,
h4#stepup {
	margin-top: 20px;
}

h4#technique_course {
	margin-top: 20px;
}
.order_sheet {
	width: 670px;
	margin: 15px 0;
}

.order_sheet .detail {
	float: left;
	width: 580px;
}

.order_sheet .pdf {
	float: left;
	width: 90px;
	font-size: 71%;
	text-align: center;
	line-height: 130%;
}

.order_sheet .note {
	font-size: 78%;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dotted #CCC;
	line-height: 130%;
}

.order_sheet .note span {
	color: #999;
}