@charset "utf-8";
/* CSS MT Template */


/* contents==========================

1.top

*/

/* 1.bese style
--------------------------------------------------------------*/
#pageHeader h1{
position: absolute;
top: 39px;
left: 199px;
}
#pageBody_left{
float: left;
width: 702px;
margin-top:12px;
}
#pageBody_right{
float: right;
width: 267px;
margin-top:12px;
}
#pageMain_left{
float:left;
width:480px;
}
#pageMain_right{
float:right;
width:208px;
margin:24px 0 0 0;
}
#pageMain_right li{
margin:10px 0 0 0;
}
#pageMain_right li.closeB{
margin:7px 0 0 0;
}
/* 2.other
--------------------------------------------------------------*/
#pageBody_left .article h2{
line-height:42px;
height:42px;
background:url(../common/img/bg_title.png) repeat-x;
}
#pageBody_left .article h2 img{
margin-top:17px;
}
p.schoolLink{
margin:0 0 10px 0;
}
p.schoolLink a:link{
    color:#313131;
text-decoration:none;
background:url(../img/dot_2_2.png) repeat-x bottom;
padding:1px 0 1px 0;
}
p.schoolLink a:visited{
    color:#313131;
text-decoration:none;
padding:1px 0 1px 0;
}
p.schoolLink a:hover{
    color:#313131;
text-decoration:none;
padding:1px 0 1px 0;
background:url(../img/dot_2_2.png) repeat-x bottom;
background-color:#E4FF2E;
}
li.schoolLinkL,
li.schoolLinkR{
float:left;
display:inline;
height:27px;
}
li.schoolLinkL{
margin-right:7px;
}
/* 下部バナー ==== */
.leftBanner{
clear:both;
width:702px;
padding:50px 0 0 0;
}
.leftBanner li{
float:left;
}
/* 右バナー ==== */
#pageBody_right h3{
clear:both;
margin:14px 0 0 0;
}
#pageBody_right .body{
width:268px;
margin:8px 0 0 0;
}
#pageBody_right .l_set{
float:left;
width:160px;
}
#pageBody_right .r_set{
float:right;
width:107px;
}
#bannerInfo2{
margin:21px 0 0 0;
}
/* topics information ==== */
#topicsList,
#informationList{
position:relative;
width:480px;
margin:24px 0 0 0;
}
p.backnumber{
position:absolute;
top:10px; right:0 ;
}
#topicsList dl {
width:480px;
overflow: hidden;
zoom: 1;
margin:15px 0 0 0;
}
#topicsList dt {
width: 80px;
float: left;
clear: both;
line-height:1.4;
}
#topicsList dd {
padding: 0 0 12px 80px;
line-height:1.4;
}

#informationList dl {
width:480px;
overflow: hidden;
zoom: 1;
margin:15px 0 0 0;
}
#informationList dt {
width: 80px;
float: left;
clear: both;
line-height:1.6;
}
#informationList dd {
padding: 0 0 12px 180px;
line-height:1.6;
}
* html #informationList dd  { }


#topicsList span.new,
#topicsList span.information_new,
#topicsList span.important_new{
background:url(../common/img/icon_new.png) no-repeat right 3px;
padding:0 40px 0 0;
}

#informationList dd.exam,
#informationList span.exam,
#informationList dd.exam_new,
#informationList span.exam_new{
background:url(../img/ico_exam.png) no-repeat 80px 2px;
}
#informationList dd.zaigaku,
#informationList span.zaigaku,
#informationList dd.zaigaku_new,
#informationList span.zaigaku_new{
background:url(../img/ico_zaigaku.png) no-repeat 80px 2px;
}
#informationList dd.general,
#informationList span.general,
#informationList dd.general_new,
#informationList span.general_new{
background:url(../img/ico_general.png) no-repeat 80px 2px;
}
#informationList dd.sotugyo,
#informationList span.sotugyo,
#informationList dd.sotugyo_new,
#informationList span.sotugyo_new{
background:url(../img/ico_sotugyo.png) no-repeat 80px 2px;
}
#informationList dd.koudai,
#informationList span.koudai,
#informationList dd.koudai_new,
#informationList span.koudai_new{
background:url(../img/ico_koudai.png) no-repeat 80px 2px;
}
#informationList dd.sougou,
#informationList span.sougou,
#informationList dd.sougou_new,
#informationList span.sougou_new,
#informationList dd.information,
#informationList dd.information_new{
background:url(../img/ico_information.png) no-repeat 80px 2px;
}
#informationList dd.important,
#informationList span.important,
#informationList dd.important_new,
#informationList span.important_new{
background:url(../img/ico_important.png) no-repeat 80px 2px;
}
#informationList dd.opc,
#informationList span.opc,
#informationList dd.opctop_new,
#informationList dd span.opctop_new{
background:url(../img/ico_opc.png) no-repeat 80px 2px;
}
#informationList span.new_icon_opctop_new,
#informationList span.new_icon_exam_new,
#informationList span.new_icon_zaigaku_new,
#informationList span.new_icon_general_new,
#informationList span.new_icon_sotugyo_new,
#informationList span.new_icon_information_new,
#informationList span.new_icon_sougou_new,
#informationList span.new_icon_koudai_new,
#informationList span.new_icon_important_new{
background:url(../common/img/icon_new.png) no-repeat right 3px;
padding:0 40px 0 0;
}
#informationList dd a.opctop_new,
#informationList dd a.exam_new,
#informationList dd a.zaigaku_new,
#informationList dd a.general_new,
#informationList dd a.sotugyo_new,
#informationList dd a.information_new,
#informationList dd a.important_new,
#informationList dd a.koudai_new{
background:url(../common/img/icon_new.png) no-repeat right 3px;
padding:0 40px 0 0;
}
.movie{
padding:0 2px;
}

/* 緊急時のお知らせ ==== */
.emergency {
margin-top:15px;
margin-bottom:10px;
padding:5px;
color:#CC0000;
background:#eee;
}
.emergency dt {
float:left;
width:11em;
}
.emergency dd {
margin-left:11em;
}


/* twitter ==== */
#twitter {
width:268px;
text-align : left;
margin : 13px 0 13px 0;
padding-bottom:12px;
background:url(../img/bg_twitter.png) repeat-y;
}
#twitter .body{
margin-top:0 !important;
}
#twtr-widget-1{
margin:0 12px 0 12px;
padding:0 0 0 0;
position:relative;
background-color:#FFF;
}
#twitter h3,#twtr-widget-1 h4{
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
}
#twtr-widget-1 h3{
position:absolute;
top:10px ; left:52px;
}
#twtr-widget-1 h4{
position:absolute;
top:25px ; left:52px;
}
#twitter ul {
margin:0 0 0 0;
}
#twitter li {
padding : 8px 0 10px 0;
background : url(../img/spacer.gif) no-repeat;
border-bottom:1px solid #EEEEEE;
word-break: break-all;
}
#twitter li a {
font-size : 12px !important;
color : #999999;
text-decoration:none;
}

#twitter li a:hover {
color : #0099cc;
text-decoration:underline;
}
#twitter li span {
color : #E22F9A;
font-size : 12px;
}
#twitter li span a {
color : #5163C1;
font-size : 12px !important;
text-decoration:none;
}
.twtr-ft div{
background:url(../img/btn_twitter.png) no-repeat 8px 8px;

}
.twtr-ft a img{
display:none;
}
/* vimeo ==== */
#vimeo{
width:268px;
background:url(../img/bg_vimeo.png) no-repeat;
padding:4px 0 0 0;
text-align:center;
}
#vimeo .inner{
background:url(../img/bg_vimeo_bottom.png) no-repeat bottom;
padding-bottom:4px;
}