@charset "UTF-8";

/*****************************************************************************************
    サブナビ
******************************************************************************************/
#leftnav_area {
	clear: both;
	width: 170px;
	float: left;
	margin-bottom: 40px;
}

/* ナビボタン */
#sub_nav ul {
	margin-bottom: 10px;
	border-bottom: dotted 1px #CCCCCC;
}
#sub_nav ul li {
	margin-bottom: 10px;
}

#sub_nav dl {
	background: url(../images/201310_top/sub_nav/subnav_bg.gif) repeat-y;
	margin-bottom: 10px;
}
#sub_nav dl dd {
	text-align: center;
}

/* 通学レッスン */
#sub_nav dl dd.course {
	padding: 8px 5px;
	
	background: url(../images/201310_top/sub_nav/subnav_bottom.gif) no-repeat bottom;
}	
/* HAOが選ばれる6つの理由 */
#sub_nav dl dd.dd_end {
	padding-bottom: 5px;
	background: url(../images/201310_top/sub_nav/subnav_bottom.gif) no-repeat bottom;
}

#sub_nav ul.top_line {
	border-top: dotted 1px #CCCCCC;
	padding-top: 10px;
}


/* バナー */
#leftnav_area #left_banner ul {
	width: 162px;
	padding: 4px;
	background-color: #EFEFEF;
	margin-bottom: 5px;
}


/*****************************************************************************************
    スクールリンク
******************************************************************************************/
#rightnav_area {
	width: 140px;
	float: right;
	margin-bottom: 40px;
}


/*--------------------------------------------------
    各地の教室
--------------------------------------------------*/
#school_list {
	background: url(../images/201310_top/school/school_bg.gif) repeat-y 0 0;
	margin-bottom: 10px;
}
#school_list_in {
	padding-bottom: 3px;
	background: url(../images/201310_top/school/school_bottom.gif) no-repeat bottom;
}
/* タイトル */
#school_list .title_school_list {
	position: relative;
	width: 140px;
	height: 50px;
}
/* 一覧ボタン */
#school_list .title_school_list .but_list {
	position: absolute;
	left: 38px;
	bottom: 6px;
	font-size: 11px;
	padding-left: 15px;
	background: url(../images/201310_top/school/school_list_arrowicon.gif) no-repeat 0 3px;
}

#school_list .title_school_list .but_list a:link,
#school_list .title_school_list .but_list a:visited,
#school_list .title_school_list .but_list a:active {
	color: #333333;
}
#school_list .title_school_list .but_list a:hover {
	color: #ff6600;
}


/*--------------------------------------------------
    タイプ別リスト
--------------------------------------------------*/
#school_list .school_type, #school_list .school_type_with {
	margin: 5px;
}

#school_list .school_type p, #school_list .school_type_with p {
	text-align: center;
	background: #faeacc;
	padding: 3px;
}

#school_list .school_type dl dt {
	border-top: dotted 1px #CCCCCC;
	padding: 5px;
}

#school_list .school_type dl dd {
	border-top: dotted 1px #CCCCCC;
	padding: 3px 5px 3px 18px;
	font-size: 12px;
	background: url(../images/201310_top/school/school_listicon.gif) no-repeat 5px 7px;
}

/* 併設型 */
#school_list .school_type_with dl dt {
	border-top: dotted 1px #CCCCCC;
	padding: 3px 5px 3px 18px;
	font-size: 12px;
	background: url(../images/201310_top/school/school_listicon.gif) no-repeat 5px 7px;
	color: #22419d;
}

/* ライン消し */
#school_list .school_type dl dt.no_border,
#school_list .school_type_with dl dt.no_border,
#school_list .school_type dl dd.no_border {
	border: none;
}


/*--------------------------------------------------
   ブログ
--------------------------------------------------*/
.schoolBlog #blogArea{
	padding: 10px;
	border: 1px solid #CCC;
	border-top: none;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.schoolBlog #blogArea dl dt{
	padding-left: 7px;
	font-size: 12px;
	color: #FF7F00;
	border-left: 4px solid #FF7F00;
}

.schoolBlog #blogArea dl dt span{
	/* display: block; */
	font-size: 10px;
	/* margin-top: -3px */;
	padding-left: 0.3em;
	color: #333;
}

.schoolBlog #blogArea dl dd{
	margin-bottom: 5px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
	font-size: 12px;
}	

.schoolBlog #blogArea dl dd a{
	/* color: #333; */
}		



/*--------------------------------------------------
   バナー
--------------------------------------------------*/
#rightnav_area .right_banner {
	margin-top: 10px;
}