@charset "utf-8";

/*heading*/
#content p.pageTitle{
	margin-bottom: 16px;
}
#content div.leadBlock{
	margin: 16px 0 24px;
}
#content div.leadBlock p.text{
	float: left;
}
#content div.leadBlock p.link{
	float: right;
}
#content div.menuHead{
	margin: 0 0 16px 0;
	padding-top: 5px;
	background: url(/img/beauty/info/bg_head-menu_01.gif) left top no-repeat;
}
#content div.menuHead h2{
	padding: 6px 10px 10px;
	background: url(/img/beauty/info/bg_head-menu_02.gif) left bottom no-repeat;
	color: #333333;
	font-size: 125%;
	font-weight: bold;
}
#content h3.menuName{
	padding-bottom: 4px;
	font-size: 116%;
	font-weight: bold;
}
#content div.stepBlock h4{
	font-size: 116%;
	font-weight: bold;
}
#content div.optionBlock h4{
	color: #333333;
	font-weight: normal;
}

/*paragraph*/
#content p{
	margin: 0;
	color: #333333; 
}
#content p.keyword{
	margin-top: 16px;
	color: #666666;
}
/*block*/
#content div.menuBlock{
	width: 570px;
	margin-top: 24px;
}
#content div.menuBlock div.col1{
	float: left;
	width: 166px;
}
#content div.menuBlock div.col2{	
	float: left;
	margin-left: 12px;
	width: 392px;
}
#content div.menuBlock table{
	margin-top: 12px;
	margin-bottom:8px;
	border: none;
	border-bottom: 1px solid #e2e2c6;
}
#content div.optionBlock table{
	border: none;
	border-bottom: 1px solid #e2e2c6;
}

#content div.menuBlock table th,
#content div.menuBlock table td,
#content div.optionBlock table th,
#content div.optionBlock table td{
	border: none;
	vertical-align: middle;
}
#content div.menuBlock table th,
#content div.optionBlock table th{
	padding: 0 0 2px;
	color: #666666;
	font-weight: normal;
	font-size: 91.6%;
}
#content div.menuBlock table td,
#content div.optionBlock table td{
	padding: 4px 0;
	border-top: 1px solid #e2e2c6;
	color: #000000;
}
#content div.menuBlock p.courseOption{
	font-size: 91.6%;
	margin-bottom: 1px;
	padding-left: 10px;
	background: url(/img/beauty/common/module/icon_link_08.gif) 0 0.3em no-repeat;
}
#content div.menuBlock p.courseOption a{
}
#content div.menuBlock p.courseOption a:link,
#content div.menuBlock p.courseOption a:visited{
	color: #806040;
	text-decoration: none;
}
#content div.menuBlock p.courseOption a:hover,
#content div.menuBlock p.courseOption a:active{
	color: #e55639;
	text-decoration: underline;
}

#content div.menuBlock table td.campaignNote{
	position: relative;
	padding-top: 0;
	border-top: none;
}
#content div.campaignNoteBlock01,
#content div.campaignNoteBlock02{
 	position: relative;
	margin-top: -7px;
	padding-top: 14px;
	*zoom: 1;
}
#content div.campaignNoteBlock01 div.campaignNoteUnit,
#content div.campaignNoteBlock02 div.campaignNoteUnit{
	padding: 0 8px 6px;
}
#content div.campaignNoteUnit p{
	margin: 0;
}
#content div.campaignNoteBlock01{
	background: url(/img/beauty/info/bg_campaign-note_01.gif) left top no-repeat;
}
#content div.campaignNoteBlock02{
	background: url(/img/beauty/info/bg_campaign-note_03.gif) left top no-repeat;
}
#content div.campaignNoteBlock01 div.campaignNoteUnit{
	background: url(/img/beauty/info/bg_campaign-note_02.gif) left bottom no-repeat;	
}
#content div.campaignNoteBlock02 div.campaignNoteUnit{
	background: url(/img/beauty/info/bg_campaign-note_04.gif) left bottom no-repeat;	
}
#content div.campaignNoteUnit p.campaignName{
	font-size: 91.6%;
	font-weight: bold;
}

#content div.optionBlock{
	width: 570px;
	margin-top: 12px;
	padding-bottom: 12px;
	background: url(/img/beauty/info/bg_course-menu_01.jpg) left bottom repeat-x;	
}
#content div.optionBlock div.col1{
	float: left;
	padding-left: 4px;
	width: 100px;
	text-align: right;
}
#content div.optionBlock div.col2{	
	float: left;
	margin-left: 12px;
	width: 263px;
}
#content div.optionBlock div.col3{
	float: left;
	margin-left: 12px;
	width: 179px;
}

#content div.courseBlock{
	width: 570px;
}
#content div.courseBlock div.col1{
	float: left;
	width: 280px;
}
#content div.courseBlock div.col2{	
	float: left;
	margin-left: 12px;
	width: 278px;
}
#content div.stepBlock{
	width: 570px;
	border-top: 1px solid #f2f2e7;
}
#content div.stepUnit{
	padding: 5px 0 20px;
	background: url(/img/beauty/info/bg_step_01.jpg) left bottom no-repeat;	
}
#content div.firstChild{
	padding-top: 12px;
}
#content div.lastChild{
	padding-bottom: 14px;
	background: url(/img/beauty/info/bg_step_02.jpg) left bottom no-repeat;	
}
#content div.stepUnit div.col1{
	float: left;
	width: 379px;
}
#content div.stepUnit div.col1 div.time{
	float: left;
	width: 86px;
	height: 86px;
	background: url(/img/beauty/info/bg_step_03.gif) 8px 12px no-repeat;	
}
#content div.stepUnit div.col1 div.time p{
	margin-top: 37px;
	margin-left: 0;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
#content div.stepUnit div.col1 div.step{
	float: right;
	width: 293px;
}
#content div.stepUnit div.col1 h4{
	margin: 10px 0 6px 12px;
	color: #333333;
}
#content div.stepUnit div.col1 p{
	margin-left: 12px;
}
#content div.stepUnit div.col1 div.step h4,
#content div.stepUnit div.col1 div.step p{
	margin-left: 0;
}
#content div.stepUnit div.col2{
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	width: 166px;
}

#content div.staffCommentBlock{
	margin: 32px 0 16px;
	padding: 12px;
	width: 546px;
	background-color: #efefd3;
	color: #333333;
}
#content div.staffCommentBlock h3{
	margin: 0 0 12px;
	padding: 0;
	border-bottom: 1px solid #d4d4aa;
}
#content div.staffCommentBlock div.col1{
	float: left;
	width: 162px;
	text-align: center;
}
#content div.staffCommentBlock div.col1 span.thumb img{
	margin: 0 auto;
}
#content div.staffCommentBlock div.col2{
	float: left;
	width: 384px;
}
#content div.staffCommentBlock dl{
	margin-top: 0;
}
#content p.staffName{
	font-weight: bold;
}
#content p.staffName a:link,
#content p.staffName a:visited{
	color: #806040;
}
#content p.staffName a:hover,
#content p.staffName a:active{
	color: #e55639;
}
#content p.title{
	font-size: 91.6%;
}

/*clearfix*/
#content div.leadBlock,
#content div.courseBlock,
#content div.menuBlock,
#content div.optionBlock,
#content div.staffCommentBlock,
#content div.pageBottomInfo,
#content div.stepUnit,
#content div.stepUnit div.col1,
.clearfix {
	/*\*/
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
#content div.leadBlock:after,
#content div.courseBlock:after,
#content div.menuBlock:after,
#content div.optionBlock:after,
#content div.staffCommentBlock:after,
#content div.pageBottomInfo:after,
#content div.stepUnit:after,
#content div.stepUnit div.col1:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*for IE6*/
#content div.stepUnit div.col2,
.inline{
	_display: inline;
}