<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* concept.css
--------------------------------------------*/

.box_area {
	padding:10px 0 0 20px;
}
.box_area .merit_box  {
	font-size:16px;
	margin-top:15px;
	margin-bottom:30px;
	width:920px;

	letter-spacing:0.1em;
}
.box_area .merit_box p {
	padding:7px 0;
	border-bottom:dotted #FFCC99 1px;
}
.box_area2 {
	padding:20px 30px 0 30px;
	margin:0 auto;
	font-size:14px;
}
.box_area2 table.course_table {
	width:100%;
	text-align:center;
}
.box_area2 table.class_table {
	width:100%;
}
.box_area2 table.course_table th {
	width:33%;
	padding:10px 0;
	font-weight:normal;
	border:1px solid #999;
	vertical-align:top;
	background-color:#F2FFE6;
}
.box_area2 table.course_table td {
	width:33%;
	padding:10px 0;
	border:1px solid #999;
	vertical-align:top;
	line-height:1.4em;
}
.box_area2 table.class_table th {
	padding:10px 0;
	font-weight:normal;
	border:1px solid #999;
	vertical-align:top;
	background-color:#F2FFE6;
}
#contents_sub .box_area2 table.class_table td {
	padding:10px 3px;
	border:1px solid #999;
	text-align:center;
}
#contents_sub .box_area2 table.class_table td.tal {
	text-align:left;
	padding-left:15px;
}
#contents_sub .box_area2 table.have_table th {
	width:258px;
	vertical-align:middle;
	text-align:center;
	background-color:#F2FFE6;
	border:1px solid #999;
	height:68px;
}
#contents_sub .box_area2 table.have_table td {
	width:637px;
	border-top:1px solid #999;
	vertical-align:middle;
	line-height:1.4em;
	border:1px solid #999;
	padding-left:25px;
}
#contents_sub h2,
#contents_sub h3 {
	margin:45px 0 0 20px;
}
#contents_sub .box_area2 .kids_class {
	width:440px;
}
#contents_sub .box_area2 .junior_class {
	width:440px;
	margin-left:40px;
}
#contents_sub .box_area2 .time_box {
	border-bottom:1px solid #999;
	padding-bottom:1px;
	padding-top:1px;
}
#contents_sub .box_area2 .kids_class,
#contents_sub .box_area2 .junior_class,
#contents_sub .box_area2 .image_area,
#contents_sub .box_area2 .text_area {
	float:left;
}
#contents_sub .box_area2 .image_area li {
	text-align:left;
	font-size:12px;
	margin-bottom:10px;
}
#contents_sub .box_area2 .image_area li.director_name {
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
#contents_sub .box_area2 .text_area {
	padding-left:15px;
	line-height:1.8em;
}
#contents_sub .box_area2 .text_area .title_image {
	margin-top:15px;
}

/* hito_lists
--------------------------------------------*/
.hito_lists {
	padding-bottom:20px;
	position:relative;
}
.hito_lists li {
	float:left;
	margin-left:13px;
	margin-top:20px;
}
.hito_lists li:nth-child(1),
.hito_lists li:nth-child(5),
.hito_lists li:nth-child(9),
.hito_lists li:nth-child(13) {
	margin-left:0;
}
.hito_lists li dl {
	background: url("../images/ballet/list_back.jpg") no-repeat left top;
	width:218px;
	height:98px;
	border:1px solid #ccc;
	position:relative;
}
.hito_lists dl dt {
	float:left;
	width:98px;
	height:98px;
}
.hito_lists dl dd.yaku {
	font-size:12px;
	position:absolute;
	bottom:58px;
	left:113px;
}
.hito_lists dl dd.name {
	font-size:17px;
	color:#003366;
	font-weight:bold;
	position:absolute;
	bottom:35px;
	left:113px;
}
.hito_lists dl dd.icon a {
	display:block;
	background: url("../images/ballet/icon_prof_on.gif") no-repeat center top;
	width:97px;
	height:16px;
	position:absolute;
	bottom:10px;
	right:10px;
	text-indent:-9999px;
}
.hito_lists dl dd.icon a:hover {
	background: url("../images/ballet/icon_prof.gif") no-repeat center top;
}
/* hito_pop_inner
------------------------------------*/
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: -15px;
	right: -15px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
}
.reveal-modal.bg_color {
	background-color:#FFF0F5;
}
.reveal-modal.ballet {
	width: 850px;
	margin-left: -425px;
	height:450px;
}


.hito_pop_inner {
	padding:15px;
}

.hito_pop_inner .left_image {
	float:left;
	width:260px;
	height:420px;
	text-align:center;
}
.hito_pop_inner .left_image p.name {
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}
.hito_pop_inner .left_image p.ranking {
	margin-top:5px;
	font-size:12px;
	text-align:left;
	margin-left:20px;
}

.hito_pop_inner .right_text {
	float:left;
	width:525px;
	margin-left:25px;
}
.hito_pop_inner .right_text p.history {
	font-size:13px;
	line-height:1.6em;
}
.hito_pop_inner .right_text p.message {
	margin-top:2em;
	font-size:13px;
	line-height:1.6em;
}
.bold {
	font-weight:bold;
}
.fs13 {
	font-size:13px;
}
</pre></body></html>