@charset "utf-8";

/* SCHOOL LIST */
.sec .scl-list-l {
	margin: 0;
}

.scl-list-l ul{
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}

.scl-list-l li {
	float: left;
	margin-bottom: 5px;
	border-bottom:dotted 1px #cbcbcb;
	width:350px;
	padding:5px 0 10px;
	margin-right:10px;
}

.scl-list-l dt  {
	padding: 0 10px 0 0;
	float: left;
	width:90px;
}

.scl-list-l dt img{
	width:90px;
	height:90px;
	border:solid 1px #ddd;
}

.scl-list-l dt a img:hover {
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
 }

.scl-list-l dd {
	overflow: hidden;
	_zoom: 1;
	padding: 0 10px;
}

.scl-list-l dd h4 {
	margin-bottom: 3px;
	font-weight: 700;
	font-size: 116.7%;
}

.scl-list-l dd p {
	margin-bottom: 5px;
}

.scl-list-l dd p span.lnk a{
	color:#666;
	text-decoration:underline;
}

.scl-list-l dd p span.lnk a:hover{
	text-decoration:none;
}


/* dtl layout
--------------------------------------------------------*/
#t_nav  {
border-bottom:1px solid #C0C0C0;
height:auto;
margin:0;
padding:0;
vertical-align:bottom;
width:960px;
}

#t_nav h2 {
color:#362E2B;
font-size:133.4%;
font-weight:700;
margin:0;
padding-left:22px;
text-indent:0;
width:700px;
background:url(../images/scl/icon_arw_bl.gif) no-repeat 0 5px ;
}

#sidenav {
float:left;
height:auto;
margin:0;
padding:10px 0 0;
width:300px;
}

.imgearea01 img{
border:1px solid #cbcbcb;	
}

.btn_request {
margin:0;
padding:10px 35px 20px 0;
text-align:right;
}

#sclguide #entry_thbimg {
border-top:1px solid #C0C0C0;
height:auto;
margin:0;
padding:10px 0 0 15px;
width:635px;
}

#entry_thbimg li {
float:left;
}

#sclguide #entry_thbimg li {
height:auto;
margin:0;
padding:0 15px 10px 0;
text-align:center;
width:112px;
}

#sclguide #entry_thbimg li img {
border:1px solid #C0C0C0;
margin:0;
padding:4px;
vertical-align:top;
}

#entry_thbimg li p {
height:auto;
line-height:1.3;
margin:5px 0 0;
padding:0;
text-align:left;
width:100%;
}

#sidenav .banner{
	clear:both;
}

#sidenav .banner ul li img {
	margin-bottom: 10px;
}



/* #sclguide h3 
--------------------------------------------------------*/
#sclguide #entry_inst h3,#sclguide #entry_access h3 {
	width: 650px;
	height:38px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#sclguide #entry_inst h3 {
	background: url(../../common/images/scl/t_sginst.gif)  no-repeat;
}

#sclguide #entry_access h3 {
	background: url(../../common/images/scl/t_sgaccess.gif)  no-repeat;
}


/* #sclguide category list
---------------------------------------- */
#sclguide #t_nav {
	width: 650px;
}

#sclguide {
	float: left;
	width: 650px;
	padding: 0 10px 0 0;
}

#sclguide #entry01 {
	width: 650px;
	height: auto;
	margin: 0;
	padding: 20px 0 20px;
}

#sclguide #entry01 .txtarea {
	float: right;
	width: 383px;
	margin: 0;
	padding: 0 10px 15px 0;
}

#sclguide #entry01 h3 {
	width: 393px;
	margin: 0;
	padding: 0 0 1em;
	font-weight: bold;
}

#sclguide #entry_thbimg {
	width: 635px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 15px;
	border-top: 1px #c0c0c0 solid;
}

#sclguide #entry_thbimg li {
	width: 112px;
	height: auto;
	margin: 0;
	padding: 0 15px 10px 0;
	text-align: center;
}

#sclguide #entry_thbimg li img {
	margin: 0;
	padding: 4px;
	vertical-align: top;
	border: 1px #c0c0c0 solid;
}

#sclguide #entry02 {
	width: 650px;
	margin: 0;
	padding: 0;
	padding: 20px 0 10px;
	clear:both;
}

#sclguide .schoolinfo dt {
	margin: 0;
	padding: 0 0 2px;
	color: #448aca;
}

#sclguide dt.g_class {
	font-weight:700;
	font-size:  116.7%;
}

#sclguide dt.g_info {
	font-size:  116.7%;
	border-bottom: 1px #cbcbcb solid;
}

#sclguide dt.g_class span {
	margin: 0;
	padding: 0 0 0 10px;
	color: #362e2b;
}

#sclguide #entry02 dl {
	margin: 0 0 10px;
	padding: 10px;
	border: 1px #cbcbcb solid;
}

#sclguide #entry02 dd {
	margin: 0;
	padding: 10px 0;
}

#sclguide #entry02 dd.g_course {
	margin: 0;
	padding: 2px 5px;
	background: #e6f3ff;
	/*border-top: 1px #c0c0c0 dotted;*/
}

li.s_sguide {
	width: 298px;
	height: auto;
	margin: 0 0 10px;
	padding: 5px 0;
	border: 1px #c0c0c0 solid;
}

li.s_sguide h3 {
	width: 280px;
	height: 24px;
	margin: 0 0 0 9px;
	line-height: 100%;
	text-indent: -9999px;
	border-bottom: 1px #c0c0c0 dotted;
}

h3#sg_event {
	background:url(../../common/images/scl/s_sgevent.gif) no-repeat 0 0;
}

h3#sg_news {
	background: url(../../common/images/scl/s_sgnews.gif)  no-repeat 0 0;
}


li.s_sguide dt {
	padding: 5px 10px;
	color: #448aca;
}

li.s_sguide dt span {
}

li.s_sguide dd {
	padding: 0 10px 0;
}

table.sg_schedule {
	width: 100%;
	margin-bottom: 10px;
	border: 1px #448aca solid;
	border-bottom: 0px #448aca solid;
}

.sg_schedule th {
	width: 15%;
	background: #e6f3ff;
}

.sg_schedule th, .sg_schedule td {
	height: auto;
	padding: 3px 5px;
	vertical-align: top;
	border-bottom: 1px #448aca solid;
}

.sg_schedule li {
	display: block;
	float: left;
	padding: 0 0.5em 0 0;
	white-space: nowrap;
}


/* #data table
---------------------------------------- */
#entry_inst {
	margin-bottom:30px;
}

#sclguide #entry_inst table {
width:650px;
}

#entry_inst table {
border-top:1px solid #C0C0C0;
height:auto;
margin:0;
padding:0;
}

#entry_inst th {
background:none repeat scroll 0 0 #F3F3F3;
height:auto;
margin:0;
padding:5px;
}

#entry_inst th, #entry_inst td {
border-bottom:1px solid #C0C0C0;
line-height:1.3;
vertical-align:top;
}

#sclguide #entry_inst td {
width:530px;
}

#entry_inst td {
background:none repeat scroll 0 0 #FFFFFF;
height:auto;
margin:0;
padding:5px;
width:370px;
}

#entry_inst th, #entry_inst td {
border-bottom:1px solid #C0C0C0;
line-height:1.3;
vertical-align:top;
}


#maparea{
	width:620px;
	padding:10px 12px 10px 13px;
	border:1px solid #ddd;
	height:370px;
	margin:0;
}


/* #sclguide table
---------------------------------------- */
#sclguide #entry_inst table {
	width: 650px;
}

#sclguide #entry_inst th {
	width: 120px;
	text-align: left;
}

#sclguide #entry_inst td {
	width: 530px;
}
 
 
/* side menu
---------------------------------------- */ 
#scl_s_mnu {
	width:300px;
	margin:0 0 10px;
}

#scl_s_mnu ul li{
	margin:0;
	height:36px;
	display:block;
}

/* pagetop
---------------------------------------- */ 
p.pt_back  {
margin:10px 0 10px;
text-align:right;
clear:both;
line-height:100%;
}

p.pt_back a {
	text-decoration:underline;
}

p.pt_back a:hover {
	text-decoration:none;
}