@charset "UTF-8";

@import "../common3rd.css";

/* ================================================================================== 
★　スタッド学習教室 CSS インフォーメーション　★
☆　一緒に学ぼう：教室のご案内　☆


================================================================================== */
h3#classroom-tel{
	margin:0 auto 15px;
	padding:15px 0 15px 10px;
	background:url(../../images/common/dot_blue.gif) repeat-x bottom;
	font-size:1.2em;
}

#classroom-tel span{
	display:block;
	padding:0 0 0 203px;
	
}

h3#classroom-tel img{
	margin:0 18px 0 0;
	vertical-align:middle;
}

#classroom-mail-exp{
	width:572px;
	margin:0 auto 20px;
	padding:3px 0 5px;
	background:url(../../images/student/classroom/vdot_blue.gif) repeat-y center;
}

#classroom-mail-expL{
	float:left;
	width:264px;
	background:url(../../images/student/classroom/classroom_sttl_icon01.gif) no-repeat left top;
}

#classroom-mail-expR{
	float:right;
	width:266px;
	background:url(../../images/student/classroom/classroom_sttl_icon02.gif) no-repeat left top;
}

#classroom-mail-exp h3,
#classroom-mail-exp p{
	padding:5px 0 0 55px;
	font-size:1.2em;
	line-height:1.8em;
}

ul#classroom-tab{
	width:590px;
	margin:0 auto;
	background:url(../../images/student/classroom/classroom_tab_bg.gif) no-repeat bottom;
}

ul#classroom-tab li{
	float:left;
	width:59px;
	height:24px;
}

h3.classroom-listName{
	width:590px;
	margin:0 auto;
	padding:5px 0 8px;
	background:#ff9f32 url(../../images/student/classroom/classroom_dot.gif) bottom repeat-x;
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
}

.classroom-areaLink{
	width:590px;
	margin:0 auto;
	padding:8px 0 11px;
	background:url(../../images/student/classroom/classroom_dot.gif) bottom repeat-x;
	font-size:1.2em;
}

.classroom-areaLink li{
	padding:0 10px;
	display:-moz-inline-block;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.classroom-areaLink li img{
	margin:0 3px 0 0;
	vertical-align:middle;
}

.classroom-areaLink li a{
	color:#0099cc;
	text-decoration:none;
}

.classroom-areaLink li a:hover{
	text-decoration:underline;
}

#classroomArea01,
#classroomArea02,
#classroomArea03,
#classroomArea04,
#classroomArea05,
#classroomArea06,
#classroomArea07,
#classroomArea08,
#classroomArea09,
#classroomArea10{
	width:590px;
	margin:0 auto;
	padding:5px 0 8px;
	background:#ffe2c1 url(../../images/student/classroom/classroom_dot.gif) bottom repeat-x;
}

#classroomArea01 h4,
#classroomArea02 h4,
#classroomArea03 h4,
#classroomArea04 h4,
#classroomArea05 h4,
#classroomArea06 h4,
#classroomArea07 h4,
#classroomArea08 h4,
#classroomArea09 h4,
#classroomArea10 h4{
	float:left;
	display:-moz-inline-block;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#b25f01;
	padding:0 8px;
	font-size:1.6em;
}

#classroomArea01 p,
#classroomArea02 p,
#classroomArea03 p,
#classroomArea04 p,
#classroomArea05 p,
#classroomArea06 p,
#classroomArea07 p,
#classroomArea08 p,
#classroomArea09 p,
#classroomArea10 p{
	float:right;
	display:-moz-inline-block;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#666;
	padding:0 8px;
	font-size:1.2em;
	line-height:1.9em;
}

table{
	width:590px;
	margin:0 auto;
	border-collapse:collapse;
	font-size:1.2em;
}

table#classroomEnd{
	margin:0 auto 30px;
}

th{
	padding:8px 8px 11px;
	background:#ddfae5 url(../../images/student/classroom/classroom_dot.gif) bottom repeat-x;
	color:#d07c1d;
	font-size:116.6%;
	font-weight:normal;
	text-align:left;
}

.classroom-listItem th{
	padding:5px 3px 8px;
	background:#e8e8e8 url(../../images/student/classroom/classroom_dot.gif) bottom repeat-x;
	border-right:1px solid	#f6f6f6;
	color:#212121;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}

.classroom-listItem th.classroom-listItemEnd{
	border:none;
}

td{
	padding:5px 8px 8px;
	background:url(../../images/student/classroom/classroom_dot.gif) bottom repeat-x;
	border-right:1px solid	#ddd;
	font-weight:normal;
	text-align:left;
}

td.classroom-trName{
	text-align:center;
}

td.classroom-icon{
	text-align:center;
	border:none;
}

td.classroom-icon img{
	margin:0 2px;
}

.pagetopBtn02{
	margin:20px auto;
	text-align:right;
}

.pagetopBtn02 a {
	font-size:1.2em;
	color:#757575;
	text-decoration:none;
}

.pagetopBtn02 a:hover {
	text-decoration:underline;
}
.pagetopBtn02 a img{
	margin:0 0 0 5px;
	vertical-align:middle;
}