@charset "utf-8";

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

ロックパートナーズ株式会社

Copyright (C) RockPartners Inc. All Rights Reserved.
--------------------------------------------------------------------

file name  :  classroom.css
info :  コースを探すディレクトリ以下の設定
contents :
	01. 共通部分
	02. P07
	03. P08
	03. P17
	
=================================================================== */

/*--------------------------------------------------------------------
	01. 共通部分
--------------------------------------------------------------------*/

/*  ページ見出し H3
-----------------------------*/

.classroom#P07 h3 { background-image:url(../images/classroom/ttl_07.png); }
.classroom#P08 h3 { background-image:url(../images/classroom/ttl_08.png); }
.classroom#P09 h3 { background-image:url(../images/classroom/ttl_09.png); }
.classroom#P10 h3 { background-image:url(../images/classroom/ttl_10.png); }
.classroom#P11 h3 { background-image:url(../images/classroom/ttl_11.png); }
.classroom#P12 h3 { background-image:url(../images/classroom/ttl_12.png); }
.classroom#P13 h3 { background-image:url(../images/classroom/ttl_13.png); }
.classroom#P14 h3 { background-image:url(../images/classroom/ttl_14.png); }
.classroom#P15 h3 { background-image:url(../images/classroom/ttl_15.png); }
.classroom#P16 h3 { background-image:url(../images/classroom/ttl_16.png); }
.classroom#P17 h3 { background-image:url(../images/classroom/ttl_17.png); }
.classroom#P18 h3 { background-image:url(../images/classroom/ttl_18.jpg); }
.classroom#P18.points h3 { background-image:url(../images/classroom/ttl_18_points.jpg); }


/*--------------------------------------------------------------------
	02. P07
--------------------------------------------------------------------*/
#P07 #lNavi { 
	display:block;
	height:38px;
	padding:7px 0 7px 16px;
	margin:0 0 20px;
	background:url(../images/classroom/lNavi.png) no-repeat 10px 0;
}

#P07 #lNavi li { 
	display:block;
	float:left;
	width:66px;
	height:38px;
	margin:0 4px 0 0;
	text-indent:-9999px;
}

#P07 #lNavi li a { 
	display:block;
	width:66px;
	height:38px;
}


#P07 .mapBox h4 { 
	display:block;
	width:660px;
	height:35px;
	background-position:10px 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#P07 #east { background-image:url(../images/classroom/ttl_eastSide.jpg); }
#P07 #west { background-image:url(../images/classroom/ttl_westSide.jpg); }

#P07 .mapBox div { 
	display:block;
	padding:0 8px 0 92px;
	background-position:10px 0;
	background-repeat:no-repeat;
	color:#414141;
	font-size:75%;
}
#P07 #eastMap div {  }
#P07 #westMap div { }

#P07 .mapBox dt span { 
	position:absolute;
	width:200px;
	padding-top:2px;
}

#P07 .mapBox dt span em { 
	font-size:75%; 
}

#P07 .mapBox a { 
	display:block;
	width:84px;
	height:21px;
	float:right;
	margin-right:5px;
	margin-top:4px;
	text-indent:-9999px;
	background-image:url(../images/classroom/blog_btn.png); 
}

#P07 .mapBox a.info_btn { 
	display:block;
	width:84px;
	height:21px;
	text-indent:-9999px;
	background-image:url(../images/classroom/info_btn.png); 
}

#P07 .mapBox ul{ 
	display:block;
	width:557px;
}

#P07 .mapBox dl dd em { 

}

#P07 .mapBox p { 
	display:block;
	width:413px;
	margin-bottom:10px;
	padding-left:4px;
	float:left;
	font-size:120%;
}

#P07 .mapBox dd span { 
	display:block;	
	padding-bottom:8px;
	margin-bottom:8px;
	padding-top:6px;
	padding-left:8px;
	float:left;

}

#P07 .mapBox dl {
width:557px;
padding-bottom:15px;
}

#P07 .mapBox dt {
float:left;
width:180px;
padding-right:10px;

}

#P07 .mapBox dd {
	width:366px;
	float:right;
}

#P07 .mapBox dd p {
	width:356px;
}
#P07 .mapBox dd.schoolName {
	width:366px;
	height:28px;
	background:#ededf6;
	margin-bottom:7px;
	color:#181a81;
	display:block;

}



/*--------------------------------------------------------------------
	03. P08
--------------------------------------------------------------------*/

/*  h4
-----------------------------*/
.school h4 {
	margin:0 0 5px 0;
	padding:5px 0 5px 10px;
	background:url(../images/common/line_dot.gif) repeat-x 0 bottom;
	font-size:88%;
	font-weight:bold;
	color:#15157d;
}

/*  教室概要
-----------------------------*/
.school.second #leftColumn .cntBox { padding-left:0; }

.school ul.section {
width:660px;
padding-top:5px;
}
.school ul.section li.left { width:220px;}

.school .right p {
	padding:0 0 15px 10px;
	font-size:75%;
	line-height:1.8;
}
.school .right p .cap {
	color:#666;
}
.school .left {
	float:left;
	width:222px;
}
.school div.right {
	float:right;
	width:310px;
}
.school .mapArea {
	display:block;
	float:left;
	margin:15px 0 0;
	text-align:center;
}

.school .value { width:640px;
padding-bottom:25px;
}
.school .value ul.left { width:200px;}
.school .value ul.right { width:240px; }
.school .value ul.left.long { width:400px;}
.school .value li {
font-size:75%;
line-height:1.7;
}

.school.second #leftColumn .cntBox p {
font-size:75%;
line-height:1.7;
padding-bottom:25px;
}
.school.second #leftColumn .cntBox p strong {
font-size:160%;
}

.school.second #leftColumn .cntBox p.image {
padding-bottom:0;
}
.school ul.info {
	margin:0 10px;
}
.school ul.info li {
	position:relative;
	padding:0 0 0.5em 5.75em;
	margin:0 0 0.5em;
	background:url(../images/common/line_dot.gif) repeat-x 0 100%;
}
.school ul.info li a {
	font-size:75%;
}
.school ul.info li.bN {
	background:none;
}
.school ul.info li em {
	position:absolute;
	top:0.46em;
	left:0.9em;
	font-size:69%;
}
* html .school ul.info li em {
	font-size:63%;
	top:0.46em;
}
.school ul.info  li em {
}

.school h4.text {
	margin:0 0 10px;
}
/*  ボタン　img
-----------------------------*/
.school .btnBox { padding:0; }
.school .btnBox p.btnINfo {
	padding:0;
	font-size:1%;
	line-height:0.5;
	text-indent:-9999px;
}
.school .btnINfo a {
	position:absolute;
	top:12px;
	left:545px;
	display:block;
	width:105px;
	height:21px;
	background:url(../images/classroom/btn_info.png) no-repeat 0 0;
}

.school .btnBox p.koushiINfo {
	padding:0;
	font-size:1%;
	line-height:0.5;
	text-indent:-9999px;
}

.school .koushiINfo a {
	position:absolute;
	top:12px;
	left:445px;
	display:block;
	width:84px;
	height:21px;
	background:url(../images/classroom/btn_koushi.gif) no-repeat 0 0;
}

.school .btnBox {
	position:relative;
}

.lecturerKawagoe.room li img{

}

.lecturerKawagoe.room { width:619px;}


/*--------------------------------------------------------------------
	04. P17
--------------------------------------------------------------------*/

/*  h4
-----------------------------*/
#P17 .cntBox {
	margin:0 10px;
}
#P17 .ttlBox {
	position:relative;
}
#P17 h4 {
	height:40px;
	margin:0 0 10px;
	position:relative;
	background:url(../images/common/ttl_bg_01.png) no-repeat;
	font-weight:bold;
	color:#15157d;
	z-index:100;
}
#P17 h4 span {
	display:block;
	height:13px;
	position:absolute;
	left:20px;
	top:9px;
}
#P17 .cntH4 {
	margin:0 10px;
	padding-bottom:25px;
}
#P17 h5 {
	margin:0 0 15px;
	padding:10px 0 5px 10px;
	background:url(../images/common/line_dot.gif) repeat-x 0 bottom;
	font-weight:bold;
	font-size:88%;
	color:#15157d;
}
#P17 .cntH5 {
	margin:0 10px;
	font-size:75%;
}
#P17 .cntH5 strong {
color:#990000;
}
#P17 dl.set01 {
	padding:0 10px 12px;
	margin:0 0 15px;
	background:url(../images/common/line_dot.gif) repeat-x 0 bottom;
	font-size:75%;
}
#P17 dl.none {
	background:none;
	margin:0;
}
#P17 dl.set01 th {
	font-weight:bold;
}
#P17 dl.set01 dt {
}
#P17 dl.set01 dt strong {
	color:#15157d;
}
#P17 dl.set01 dt strong {
	color:#15157d;
}
#P17 dl.set01 dd {
}
#P17 dl.set01 dd table {
	font-size:100%;
	margin:12px 0 15px;
}
#P17 dl.set01 dd table th,
#P17 dl.set01 dd table td {
	width:116px;
}
#P17 dl.set01 dd span {
	font-size:92%;
	color:#666;
}
* html #P17 dl.set01 dd span {
	font-size:83%;
}

#P17 ul.cntH5 {
	padding:0 0 30px;
}
#P17 ul.cntH5 li {
	width:170px;
	font-weight:bold;
	color:#181a81;
	float:left;
}
#P17 .btnDetailA {
	position:absolute;
	top:12px;
	right:0;
	z-index:300;
}

/*--------------------------------------------------------------------
	04. P18
--------------------------------------------------------------------*/

/*  h4
-----------------------------*/
#P18 .cntBox {
	margin:0 10px;
}
#P18 .ttlBox {
	position:relative;
}

#instructors {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-collapse:collapse;
width:636px;
}

#instructors .clm {
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
border-collapse:collapse;
width:126px;
float:left;
font-size:0;
zoom:1;
vertical-align:bottom;
}

#instructors .clm p {
height:140px;
overflow:hidden;
}

* html #instructors .clm p {
padding-bottom:0;
margin-bottom:0;
font-size:0;
line-height:0;
zoom:1;
vertical-align:bottom;
overflow:hidden;
display:inline;
}

* html #instructors .clm p img {
line-height:0;
padding-bottom:0;
margin-bottom:0;
font-size:0;
zoom:1;
vertical-align:bottom;
height:140px;
display:inline;
}
#instructors .clm dl {
border-top:1px solid #CCC;
margin:0;
padding-top:7px;
font-size:11px;
line-height:1.4;
}

* html #instructors .clm dl {
margin:0;
font-size:11px;
line-height:1.3;
}

#instructors .clm dl dt {
text-indent:-9999px;
padding-bottom:2px;
margin:5px 7px;
line-height:1;
display:none;
}

#instructors .clm dl dt.name {
background:url(../images/classroom/ttl_inst_01.jpg) no-repeat;
}
#instructors .clm dl dt.college {
background:url(../images/classroom/ttl_inst_02.jpg) no-repeat;
}
#instructors .clm dl dt.kamoku {
background:url(../images/classroom/ttl_inst_03.jpg) no-repeat;
}
#instructors .clm dl dt.comment {
background:url(../images/classroom/ttl_inst_04.jpg) no-repeat;
}

#instructors .clm dl dd span {
font-weight:bold;
color:#181A81;
}

#instructors .clm dl dd {
padding-bottom:15px;
border-bottom:1px dotted #CCC;
margin:0 1px 5px 3px;
padding-bottom:2px;

}
#instructors .clm dl dd.comment {
border-bottom:none;
}
#instructors .clm dl dd.kamoku li {
display:inline-block;
padding-right:1px;
}

#instructors .clm dl dd.kamoku li.firstChild {
padding-right:0;
}

* html #instructors .clm dl dd.kamoku li {
display:inline;
zoom:1;
}

*:first-child+html #instructors .clm dl dd.kamoku li {
display:inline;
zoom:1;
}
#instructors .clm dl dd.kamoku ul {
    height: 30px; 

}

#instructors .clm dl dd.college {

}

#instructors .clm dl dd.comment {
min-height:48px;
    height: auto !important;  
    height: 48px; 
}

#P18 h4 {
	clear:both;
	height:40px;
	margin:0 0 10px;
	position:relative;
	background:url(../images/common/ttl_bg_01.png) no-repeat;
	font-weight:bold;
	color:#15157d;
	z-index:100;
}
#P18 h4 span {
	display:block;
	height:13px;
	position:absolute;
	left:20px;
	top:9px;
}
#P18 #lNavi { 
	display:block;
	height:38px;
	padding:7px 0 7px 6px;
	margin:0 0 20px;
	background:url(../images/classroom/lNavi.png) no-repeat 0 0;
}

#P18 #lNavi li { 
	display:block;
	float:left;
	width:66px;
	height:38px;
	margin:0 4px 0 0;
	text-indent:-9999px;
}

#P18 #lNavi li a { 
	display:block;
	width:66px;
	height:38px;
}


.lecturerKawagoe{
	margin:0 0 30px 10px;
	width:617px;
	overflow:hidden;
}
.lecturerKawagoe ul{
border-left:1px solid #dcdcdc;
border-top:1px solid #dcdcdc;
}
.lecturerKawagoe li{
	position:relative;
	border-bottom:1px solid #dcdcdc;	
	border-right:1px solid #dcdcdc;
	
	border-collapse:collapse;
	float:left;
}
.lecturerKawagoe li img{

}
.lecturerKawagoe li a {
	position:absolute;
	display:block;
	width:59px;
	height:21px;
	bottom:33px;
	right:3px;
	text-indent:-9999px;
	overflow:hidden;
	pointer:cursor;
}

.lecturerIkebukuro{
	padding:0 0 30px 0;
}
.lecturerIkebukuro ul{
	margin:0 auto;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	width:618px;
}
.lecturerIkebukuro li{
	position:relative;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	float:left;
}
.lecturerIkebukuro li img{

}

.lecturerIkebukuro li a {
	position:absolute;
	display:block;
	width:59px;
	height:21px;
	bottom:33px;
	right:3px;
	text-indent:-9999px;
	overflow:hidden;
	pointer:cursor;
	background-color:#000;
}


/*--------------------------------------------------------------------
	04. P18.points
--------------------------------------------------------------------*/

#P18.points dl#pointsAbove1 {
width:634px;
height:140px;
background:url(../images/classroom/bg_points_01.jpg) no-repeat 0 0;
}

#P18.points dl#pointsAbove2 {
width:634px;
height:152px;
background:url(../images/classroom/bg_points_02.jpg) no-repeat 0 0;
}

#P18.points dl#pointsAbove3 {
width:634px;
height:147px;
background:url(../images/classroom/bg_points_03.jpg) no-repeat 0 0;
margin-bottom:35px;
}

#P18.points dl.pointsBox {
margin:0 10px 10px;
}
#P18.points dl.pointsBox dt {
padding-left:160px;
padding-top:20px;
width:460px;
padding-bottom:5px;

}

#P18.points dl#pointsAbove1 dt {
background:url(../images/bluebook/txt_feature01.png) no-repeat scroll 90px 17px transparent;
}

#P18.points dl#pointsAbove2 dt {
background:url(../images/bluebook/txt_feature02.png) no-repeat scroll 90px 17px transparent;
}
#P18.points dl#pointsAbove3 dt {
background:url(../images/bluebook/txt_feature03.png) no-repeat scroll 90px 17px transparent;
}



#P18.points dl.pointsBox dd {
	font-size:75%;
	padding-left:100px;
	padding-right:15px;
	line-height:1.4;
}