@charset "utf-8";


/*clearfix*/
#content div.campaignOtherBlock div.col2,
#content div.campaignOtherBlock div.col1,
#content div.campaignOtherBlock,
div.courseNameBlock,
div.parallelBlock,
.clearfix {
	/*\*/
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
#content div.campaignOtherBlock div.col2:after,
#content div.campaignOtherBlock div.col1:after,
#content div.campaignOtherBlock:after,
div.courseNameBlock:after,
div.parallelBlock:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*for IE6*/
.inline{
	_display: inline;
}

/*===main===*/
/*course name block*/
#content div.courseNameBlock{
	width:726px;
	margin-bottom:20px;
	background:url('/img/beauty/info/bg_course-name-block.jpg') 0 100% repeat-x;
	border:1px solid #e5e5e5;
	padding-bottom:12px;
}
#content div.courseNameBlock h2{
	font-size:141%;
	font-weight:bold;
	color:#e53c20;
}
#content div.courseNameBlock div.title{
	float:left;
	width:433px;
	padding:16px 0 0 13px;
}
#content div.courseNameBlock div.title h3{
	padding-bottom:3px;
}
#content div.courseNameBlock div.title p.date img{
	vertical-align:baseline;
}
#content div.courseNameBlock div.title p.supplement{
	margin-top:2px;
}

/*=== apply block ===*/
#content div.courseNameBlock div.applyBlock{
	float:right;
	width:224px;
	margin:10px 11px 0 0;
	padding-bottom:4px;
	/* height:129px; */
}
#content div.courseNameBlock div.applyBlock ul{
	width:224px;
}

#content div.courseNameBlock div.applyBlock{
	padding-top: 4px;
	background: url('/img/beauty/info/bg_apply-block_01.jpg') left top no-repeat;
}

#content div.courseNameBlock div.applyBlock ul{
	display: block;
	background: url('/img/beauty/info/bg_apply-block_02.jpg') left bottom no-repeat;
}

#content div.courseNameBlock div.applyBlock p.fee{
	margin:0;
	padding:6px 12px 0;
	font-size:91.6%;
	color:#333
}
#content div.courseNameBlock div.applyBlock p.price{
	margin:0 0 14px;
	padding:0;	
	font-size:208%;	
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height: 1;
}
#content div.courseNameBlock div.applyBlock ul.apply{
	list-style:none;
	margin:0;
}
#content div.courseNameBlock div.applyBlock ul.apply li{
	margin:0;
}
#content div.courseNameBlock div.applyBlock ul.apply li img{
	vertical-align:bottom;
}
#content div.courseNameBlock div.applyBlock ul.apply li.reserve{
	padding: 0 7px 3px 3px;
}
#content div.courseNameBlock div.applyBlock ul.apply li.mypage{
	float: left;
	padding: 0 2px 4px 4px;
}
#content div.courseNameBlock div.applyBlock ul.apply li.mobile{
	padding: 0 0 4px 0;
}
/*course catch copy and text*/
#content p.catch{
	margin:0 34px 20px;
	font-size:125%;
	font-weight: bold;
}
#content div.textBlock{
	margin:28px 76px;
}
#content div.text{
	margin:16px 0;
	line-height: 1.6;
	font-size:108%;
}

#content div.textBlock table{
	width:575px;
	border:1px solid #999999;
	margin:10px 0;
}

#content div.textBlock table td{
	border:1px solid #999999;
}


/*parallel block*/
#content div.parallelBlock{
	margin:0 76px 16px 76px;
	background: url(/img/beauty/info/bg_parallel576_01.gif) left bottom no-repeat;
}
#content div.parallelBlock div.col1{
	float:left;
	width:280px;
	margin-right:16px;
}
#content div.parallelBlock div.col2{
	float:left;
	width:280px;	
}
#content div.parallelBlock .thumb{
	display:block;
	padding:2px;
	border:1px solid #e5e5e5;	
}
#content div.parallelBlock .thumb img{
	vertical-align:botttom:	
}
#content div.parallelBlock .detail{
	padding: 8px;
}
#content div.parallelBlock .detail p{
	margin-top: 0;
}
#content div.centeredBlock{
	margin:0 224px 16px;
	background: url(/img/beauty/info/bg_parallel576_01.gif) left bottom no-repeat;
	*zoom: 1;
}
#content div.centeredBlock .thumb{
	display:block;
	padding:2px;
	border:1px solid #ccc;	
}
#content div.centeredBlock .thumb img{
	vertical-align:botttom:	
}
#content div.centeredBlock .detail{
	padding: 8px;
}
#content div.centeredBlock .detail p{
	margin-top: 0;
}
/*campaign menu block*/
#content div.campaignMenuBlock{
	width:728px;
}
#content div.campaignMenuBlock div.detail{
	margin-bottom:18px;
	border-right:3px solid #f36c53;
	border-bottom:3px solid #f36c53;
	border-left:3px solid #f36c53;
}
#content div.campaignMenuBlock table{
	border:none;	
}
#content div.campaignMenuBlock table th{
	padding:8px 12px 5px;
	font-size:90%;
	border-top:none;
	border-left:none;
}
#content div.campaignMenuBlock table th.menu{
	width:324px;
}
#content div.campaignMenuBlock table th.time{
	width:74px;
	text-align:right;
}
#content div.campaignMenuBlock table th.price{
	width:167px;
}
#content div.campaignMenuBlock table td{
	padding:5px 12px 4px;
	border-left:none;
	border-top:1px solid #e5e5e5;
	background:url(/img/beauty/info/bg_campaign-menu.jpg) 0 100% repeat-x;
}
#content div.campaignMenuBlock table td.menu{
	font-size: 108%;
	font-weight:bold;
}
#content div.campaignMenuBlock table td.time{
	text-align:right;
	vertical-align:middle;
}
#content div.campaignMenuBlock table td.price p{
	margin:0;
}
#content div.campaignMenuBlock table td.price p.fee{
	font-size:83.8%;
	color:#555;
}
#content div.campaignMenuBlock table td.price p.price{
	font-size:123.1%;
	color:#f00;
}
#content div.campaignMenuBlock table td.reserve{
	padding: 7px 8px;	
}
/*campaign other block*/
#content div.campaignOtherBlock{
	width:728px;
	margin-top:12px;
	background:url('/img/beauty/info/bg_campaign-menu.jpg') 0 100% repeat-x;
	border-bottom:1px solid #e5e5e5;
}
#content div.campaignOtherBlock div.col1{
	float:left;
	width:344px;
	padding: 0 6px 19px;
}
#content div.campaignOtherBlock div.col2{
	float:right;
	width:344px;
	padding: 0 6px 19px;
}
#content div.campaignOtherBlock .thumb{
	float:left;	
	padding:2px;
}
#content div.campaignOtherBlock div.detail{
	margin-left:107px;	
}
#content div.campaignOtherBlock h3{
	margin-bottom:5px;
	min-height:3.2em;
	_height:3.2em;
}
#content div.campaignOtherBlock p.fee{
	margin-top:0;
	font-size:83.8%;
	color:#555;
}
#content div.campaignOtherBlock p.price{
	margin-top:0;
	font-size:123.1%;
	color:#000000
}
#content div.campaignOtherBlock p.date{
	font-size:83.8%;	
}

/*for decorative text*/
tt {  
	margin:10px 0; 
	font-family:monospace;
	font-size:13px;
} 

*:first-child+html tt {
	font-family: "ＭＳ ゴシック";
	font-size:13px;
}