@charset "UTF-8";

/* ********************************

 style.css for clase 

******************************** */

/* //////////////////////////////////////////////////////////////// title */

div#titleArea{
	background:url(img/bg_head.jpg) no-repeat left top;
}

	div#titleArea h1{
		top:70px;
		right:20px;
	}

		dl#topicpath dt,
		dl#topicpath dd{
			/*color:#b6b5b5;*/
			color:#FFF;
		}

/* //////////////////////////////////////////////////////////////// copyArea */

div#copyArea{
	background:url(img/bg_main.jpg) no-repeat left top;
}

	div#copyArea h2,
	div#copyArea p{
		position:relative;
		margin-left:327px;
	}
	div#copyArea h2 img{
		margin-top:140px;
	}
	
	div#copyArea p{
		width:296px;
		margin-top:7px;
	}

/* //////////////////////////////////////////////////////////////// main */

div#mainIn{
	/*padding-bottom:140px;
	padding-bottom:85px;
	color:#666666;*/
}

div#mainIn h3{
	/*padding-bottom:6px;
	padding-left:9px;
	margin-bottom:19px;*/
}

/* クラス紹介 */

ul.listClass{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:27px;
}

	ul.listClass li{
		/*font-size:109%;*/
		font-size:100%;
		width:260px;
	}
	
		ul.listClass li dl{
			margin:12px 5px 0;
			position:relative;
		}
		
			ul.listClass li dl dt{
				width:260px;
			}
			ul.listClass li dl dt,
			ul.listClass li dl dd{
				/*font-size:100%;*/
			}
				ul.listClass li dl dt span,
				ul.listClass li dl dd{
					/*font-size:71%;*/
				}
	
			ul.listClass li dl dd.type{
				position:absolute;
				right:0;
				top:0;
				width:56px;
				padding:0 3px;
				/*float:right;*/
				background-color:#96181b;
				color:#FFF;
				text-align:center;
			}
	
			ul.listClass li dl dd.detail{
				margin-top:7px;
				line-height:1.4;
			}
	
/* ピソのご紹介 */

div#pisoDetail{
	width:570px;
	margin:0 auto;
	position:relative;
	padding-top:6px;
}

div#map{
	overflow:hidden;
}

	div#pisoDetail p,
	div#pisoDetail ul{
		margin-left:316px;
		margin-bottom:10px;
	}

	div#pisoDetail p.imgPiso{
		position:absolute;
		top:0;
		left:0;
		margin-left:0;
		margin-top:0;
	}

/* =================================================================================

 second 

================================================================================= */

div#aboutArea{
	background:#171717 url(img/bg_about.gif) repeat-x left bottom;
	padding:41px 30px 30px 0;
	position:relative;
	min-height:160px;
	height:auto !important;
	height:160px;
	/*padding-left:320px;*/
}

	div#aboutArea h2,
	div#aboutArea p{
		width:300px;
		margin-left:320px;
	}
	
	div#aboutArea p{
		color:#bebebe;
		margin-top:15px;
		line-height:1.8;
	}
	div#aboutArea p.imgAbout{
		margin:0;
		width:auto;
		position:absolute;
		top:20px;
		left:30px;
	}
	
/* //////////////////////////////////////////////////////////////// 開催予定リスト */

ul#listShedule{
	width:570px;
	margin:0 auto;
}

	ul#listShedule li{
		background:url(img/bg_dot_shedule.gif) no-repeat right bottom;
		position:relative;
		padding-left:163px;
		padding-bottom:12px;
		margin-top:20px;
		padding-top:57px;
		min-height:61px;
		height:auto !important;
		height:61px;
	}

div#main ul#listShedule li h4{
	/*float:left;*/
	position:absolute;
	left:164px;
	top:11px;
	font-family:"dante","Times New Roman", Times,'小塚明朝 Std M','Kozuka Mincho Std','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐ明朝', serif;
	color:#171717;
	line-height:1.1;
	font-size:107%;
}

	div#main ul#listShedule li h4 a{
		color:#171717;
	}
	div#main ul#listShedule li h4 span.kana{
		font-size:77%;
		display:block;
	}
	
	div#main ul#listShedule li h4 span.name{
		font-size:199%;
		/*padding-right:10px;*/
	}

div#main ul#listShedule li p{
	clear:both;
	float:none;
	line-height:2;
}
p.teacher{
	position:absolute;
	left:0;
	top:0;
}

p.goLesson{
	text-align:right;
	margin-top:3px;
}

/* 申し込み状況 */

dl.status{
	/*float:right;*/
	position:absolute;
	right:0;
	top:0;
}
	dl.status dt,
	dl.status dd{
		font-size:83%;
		white-space:nowrap;
	}
	dl.status dt{
		text-align:right;
	}
	dl.status dd{
		background-color:#96181b;
		color:#ead1d1;
		padding:3px 6px;
	}
	
	dl.status dd.end{
		background-color:#e9e9de;
		color:#ab1b1b;
	}


/* //////////////////////////////////////////////////////////////// 教室詳細ページ */

div.boxLesson{
	background:url(/common/css/img/line_dot02.gif) repeat-x left bottom;
	padding-bottom:31px;
}

	div.boxLesson p,
	div.boxLesson dd{
	}
	
	div.boxLesson h2{
		background:url(/common/css/img/line_dot03.gif) repeat-x left bottom;
		padding-bottom:9px;
		margin-top:15px;
		font-family:"dante","Times New Roman", Times,'小塚明朝 Std M','Kozuka Mincho Std','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐ明朝', serif;
		color:#171717;
		line-height:1.1;
}

	div.boxLesson span.kana{
		font-size:77%;
		display:block;
	}
	
	div.boxLesson span.name{
		font-size:199%;
	}


	div.boxLesson div.fr{
		width:360px;
		padding-top:5px;
	}
		div.boxLesson div.fr dl dt{
			font-weight:bold;
			background:url(/common/css/img/icon_circle_red.gif) no-repeat left center;
			padding-left:13px;
			color:#b25a59;
			margin-top:17px;
		}

div.boxLesson p.txtFlag{
	display:inline;
}

	div.boxLesson div.fl{
		width:197px;
	}
		div.boxLesson div.fl p.toList{
			margin-top:16px;
		}

div#mainIn h3.lesson{
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:30px;
	font-size:93%;
	font-weight:bold;
}


/* //////////////////////////////////////////////////////////////// アカデミア・アルマ・フラメンカ */

/* タイトル */

div#academiaTitle{
	background:url(/common/css/img/line_dot03.gif) repeat-x left bottom;
	padding-bottom:13px;
	margin-bottom:36px;
	position:relative;
}

	div#academiaTitle h2{
		margin-bottom:7px;
		font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'メイリオ', Meiryo, 'HG明朝B', 'ＭＳ Ｐゴシック', sans-serif;
		font-size:174%;
		/*font-size:197%;*/
	}
	
	div#academiaTitle dl{
		/*position:absolute;
		top:0;
		right:0;*/
	}
	
		div#academiaTitle dl dt,
		div#academiaTitle dl dd{
			float:left;
			font-size:77%;
		}
		div#academiaTitle dl dd{
		}
		div#academiaTitle dl dd span{
			/*padding-left:25px;*/
			text-indent:2.5em;
			display:block;
		}
		
	div#boxTeacher{
		float: right;
		padding: 0 0 10px 10px;
	}
	
	div#boxTeacher p,
	div#boxTeacher dl{
		float:left;
		display:inline;
	}
	
	div#boxTeacher p{
		margin-right:14px;
	}


/* クルシージョ、アカデミア共通 */

p.dlBan{
	margin:0 auto 20px;
}

div#requestIn.academia p.iconMark01,
div#requestIn.academia span.iconMark01{
	background-position:1px 7px;
}

div#requestIn.academia span.iconMark01{
	background-position:1px 3px;
}

/* //////////////////////////////////////////////////////////////// ピソのご紹介 */

dl#pisoInquiry{
}

	dl#pisoInquiry dt{
		background-color:#000;
		color:#FFF;
		text-align:center;
	}
	
	dl#pisoInquiry dt,
	dl#pisoInquiry dd{
		display:table-cell;
		vertical-align:middle;
		padding-left:10px;
		padding-right:10px;
		/display:inline;
		/zoom:1;
		/padding-top:10px;
		/padding-bottom:10px;
	}
	
	dl#pisoInquiry dd{
		padding-right:34px;
	}

div#map.piso{
	width:570px;
	height:350px;
}

	div#map.piso p{
		color:#171717;
	}


/* //////////////////////////////////////////////////////////////// お申し込み方法 */

div.contactFlow{
	width:509px;
	margin:0 auto;
	background:url(../../common/css/img/bg_gray.gif) repeat left top;
	border:1px solid #e0ded7;
	position:relative;
	padding:22px 0 23px 61px;
}

		div.contactFlow span.number{
			position:absolute;
			top:20px;
			left:18px;
		}

table.contactFlow{
	width:575px;
	margin:0 auto;
	margin-left:10px;
}


/*ol.contactFlow{
	width:570px;
	margin:0 auto;
}
ol.contactFlow li{
	background:url(../../common/css/img/bg_gray.gif) repeat left top;
	border:1px solid #e0ded7;
	list-style:none;
	position:relative;
	padding:22px 0 23px 61px;
	/zoom:1;
}

	ol.contactFlow li{
	}
	
		ol.contactFlow li span.number{
			position:absolute;
			top:20px;
			left:18px;
		}*/
		
/* クルシージョ */

#cursillo{
	background:url(img/icon_flarrow.gif) no-repeat 261px 146px;
}

#academia{
	background:url(img/icon_flarrow.gif) no-repeat center bottom;
	padding-bottom:40px;
}