@charset "UTF-8";
@import "/common/css/basefont.css.php";
@media screen,tv,projection {
a:link{
color:#30adcc;
background-color:inherit;
text-decoration:underline;
}
a:visited{
color:#777;
background-color:inherit;
text-decoration:underline;
}
a:hover,a:active{
color:#96d6e7;
background-color:inherit;
text-decoration:underline;
}
a img{
border:0 none;
}

/*
===== Flash ====================================
*/
#branding{
z-index:1;
position:relative;
}
object#topswf{
vertical-align:middle;
}
p#noplugin{
text-align:center;
margin:0;
padding:75px 0;
width:100%;
background:url(../img/noplugin_bg.jpg) no-repeat 50% 0;
}

/*
===== news ====================================
*/

#topics ul.list{
margin:-6px 0;
padding:0;
list-style:none;
position:relative;
top:-25px;
left:470px;
width:100px;
height:0;
}
#news ul.list{
margin:0;
padding:0;
list-style:none;
position:relative;
top:-30px;
left:470px;
width:100px;
height:18px;
}
#contents > #topics ul.list{
top:-30px;
margin:0;
height:10px;
}
ul.list li{
display:inline;
margin:0;
padding:0;
}
h2.topics_heading{
margin:0;
padding:0;
}
#topics{
width:570px;
margin:0 0 30px 0;
padding:0 0 5px 0;
background:transparent url(../img/topics_footer.gif) no-repeat bottom left;
}
/*

#contents > #topics{
margin:-35px 0 20px 0;
}
*+html #contents > #topics{
margin:-22px 0 20px 0;
}

*/
.topicbox{
clear:both;
width:570px;
padding:0 0 10px 0;
margin:0 0 15px 0;
background:transparent url(../img/line.gif) no-repeat 10px 100%;
}
.topicbox:after {
content: url(../img/space.gif);
display: block;
clear: both;
height: 0;
}
.topicbox { display: inline-block; }
.topicbox { display: block; }
#topics dl{
color:#30adcc;
clear:both;
margin:0;
padding:0 15px;
width:540px;
min-height:100px;
line-height:1.4;
background:transparent url(../img/more.gif) no-repeat 485px 100%;
cursor:pointer;
}
/*
#contents > #topics dl{
padding:25px 15px 0 15px;
}
*+html #contents > #topics dl{
padding:15px 15px 0 15px;
}
*/
#topics dl:hover{
color:#96d6e7;
background:transparent url(../img/more_on.gif) no-repeat 485px 100%;
}

#topics dt.thumnail {
margin:0;
padding:0;
width:105px;
height:100px;
overflow:hidden;
float:left;
}
#topics dt.thumnail img{
margin:0 5px 5px 0;
}
#topics dt.title{
margin:0 0 0 105px;
padding:0 0 3px 0;
font-weight:normal;
text-decoration:underline;
}
#topics dd.description{
color:#343434;
text-decoration:none;
margin:0 0 0 105px;
padding:0 0 15px 0;
}

h2.news_heading{
clear:both;
padding:0;
margin:0;
}
#news{
width:570px;
margin:0 0 1.5em 0;
background:transparent url(../img/inline.gif) no-repeat left bottom;
}
#news:after {
content: url(../img/space.gif);
display: block;
clear: both;
height: 0;
}
#news { display: inline-block; }
#news { display: block; }
#news dl{
width:570px;
margin:0;
padding:5px 0 0 0;
clear:both;
line-height:1.4;
background:transparent url(../img/inline.gif) no-repeat left top;
}
#news dl dt{
float:left;
width:100px;
margin:0 0 10px 0;
padding:2px 0 2px 5px;
background:transparent url(../img/listmark2.gif) no-repeat center left;
font-size:80% !important; 
letter-spacing:0;
}
#news dl dd{
float:right;
width:455px;
display:block;
margin:0 0 10px 0;
padding:0;
}
#news dl dd img{
margin:0 0 0 5px;
vertical-align:middle;
}
/*
===== calendar ====================================
*/

#calendar{
margin:0 0 10px 0;
padding:37px 0 5px 0;
background:url(../img/calendar_header.gif) no-repeat top left;
text-align:center;
}
#calendar #load{
background:url(../img/calendar_centerback.gif) repeat-y top left;
margin:0;
padding:0 0 10px 0;
}

#calendar caption.calendarhead{
display:block;
text-align:center;
margin:0;
padding:0 0 53px 0;
clear:both;
position:relative;
top:0;
left:0;
}
caption.calendarhead a.prev {
display:block;
position:absolute;
top:0;
left:-6px;
padding:0;
margin:0;
}
caption.calendarhead img.monthly{
position:absolute;
top:0;
left:49px;
margin:0;
padding:0;
}
caption.calendarhead a.next {
display:block;
position:absolute;
top:0;
left:184px;
padding:0;
margin:0;
}
#calendar table{
border-collapse:collapse;
border-spacing:0;
border-bottom:1px solid #ccc;
margin:0 auto;
}
#calendar tr th{
font-size:90%;
font-weight:normal;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#calendar tr th,#calendar tr td{
width:31px;
line-height:25px;
text-align:center;
font-family:Arial,serif;
}
#calendar tr td a{
width:100%;
display:block;
text-align:center;
background:#d8eef0;
}
#calendar .pass_schedule{
margin:0;
padding:0;
text-align:right;
background:url(../img/calendar_footer.gif) no-repeat bottom left;
display:block;
width:250px;
height:26px;
}
#calendar .pass_schedule a{
padding:0 15px 0 0;
}
#calendar a:link{
color:#333;
}
#calendar a:visited{
color:#777;
}
#calendar a:hover,#calendar a:active{
color:#333;
}
#calendar th.sun{color:#ea2d2b;}
#calendar th.sat{color:#1c7cd2;}


/*
===== banners ====================================
*/


#banners ul {
margin:0;
padding:0;
list-style:none;
}

#banners ul li{
margin:0 0 5px 0;
}


/*
===== html ====================================
*/


html{
color:#343434;
letter-spacing:0.1em;
font-size:100%;
margin:0;
padding:0;
}


/*
===== body ====================================
*/


body{
margin:0;
padding:0;
}


/*
===== wrapper ====================================
*/


#wrapper {
margin:0;
padding:0;
width:100%;
text-align:center;
z-index:2;
position:relative;
}


/*
===== container ====================================
*/


#container {
width:880px;
margin:0 auto;
padding:0;
}

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


#contents{
text-align:left;
float:left;
width:570px;
margin:0 20px 0 10px;
padding:0 0 50px 0;
font-size:90%;
}
#container > #contents{
margin:0 0 0 20px;
}
#contents h2{
margin:0;
padding:0;
}

/*
===== contents-right ====================================
*/

#contents-right{
font-size:85%;
letter-spacing:0;
width:250px;
float:right;
margin:0 10px 0 0;
padding:0 0 30px 0;
text-align:left;
}
#container > #contents-right{
margin:0 20px 0 0;
}
.reference{
background:#f0efe0;
padding:10px 10px 0 10px;
margin:10px 0 20px 0;
font-size:90%;
line-height:1.4;
}
.reference h3{
margin:0;
padding:0;
}
.reference p{
margin:.5em 0;
padding:0;
}
/*
===== header ====================================
*/


#header {
width:100%;
text-align:center;
background:url(../img/common_header_repeat.jpg) repeat-x top left;
position:relative;
z-index:3;
}
#header #header-inner {
width:880px;
height:240px;
background:url(../img/common_header.jpg) repeat-x top left;
margin:0 auto;
position:relative;
top:0;
left:0;
}

#header #header-inner h1,#header #header-inner p.title{
position:absolute;
top:14px;
left:10px;
margin:0;
padding:0;
font-size:100%;
}
#header a{
outline:0 none;
}
/*
=====  headernavi  ====================================
*/

#headernavi ul{
position:absolute;
top:14px;
right:20px;
margin:0;
padding:0;
list-style:none;
}
#headernavi ul li{
float:left;
margin:0;
padding:0;
}
#headernavi ul li a{
margin:0 8px;
padding:0;
}
#headernavi ul li a img{
margin:0;
padding:0;
}

/*
===== globalnavi ====================================
*/

#globalnavi {
top:160px;
left:10px;
list-style:none;
position:absolute;
}
#globalnavi ul{
margin:0;
padding:0;
list-style:none;
}
#globalnavi ul li{
margin:0;
padding:0;
float:left;
}


/*
=====  footer  ====================================
*/

#footer{
clear:both;
width:100%;
margin:0;
padding:0;
text-align:center;
background:#eee;
}
#bread{
width:100%;
margin:0;
padding:0;
text-align:center;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
height:35px;
}
#bread ol {
width:860px;
margin:0 auto;
padding:0;
text-align:left;
clear:both;
z-index:1;
position:relative;
text-align:left;
list-style:none;
}
#bread ol li{
text-align:left;
float:left;
background:url(../img/bread_arrow.gif) no-repeat top right;
margin:0;
padding:10px 30px 0 10px;
letter-spacing:0;
height:25px;
font-size:90%;
}
#bread ol li.last{
margin:0;
padding:10px 0 0 10px;
background:transparent;
}
#bread ol li a:link{
color:#333;
text-decoration:none;
}
#bread ol li a:visited{
color:#777;
text-decoration:none;
}
#bread ol li a:hover,#bread ol li a:active{
color:#555;
text-decoration:underline;
}

#bread ol img{
vertical-align:top;
}
#footer #footer_inner{
width:860px;
margin:0 auto;
padding:0;
text-align:left;
clear:both;
z-index:1;
position:relative;
}
#footer #footer_inner h2{
margin:0 0 10px 0;
padding:0;
font-size:90%;
}
#footer #footer_inner h2 a:link,#footer #footer_inner h2 a:visited,#footer #footer_inner h2 a:hover,#footer #footer_inner h2 a:active{
color:#333;
text-decoration:none;
}
#footer #footer_inner h3{
margin:0 0 10px 0;
padding:0;
font-size:85%;
font-weight:bold;
}
#footer #footer_inner ul{
margin:0 0 10px 0;
padding:0;
list-style:none;
font-size:12px;
line-height:1.2;
letter-spacing:0;
}
#footer #footer_inner ul.others{
margin:10px 0 0 0;
border-top:1px solid #ccc;
}
#footer #footer_inner li a:link{
color:#333;
text-decoration:none;
}
#footer #footer_inner li a:visited{
color:#777;
text-decoration:none;
}
#footer #footer_inner li a:hover,#footer #footer_inner li a:active{
color:#555;
text-decoration:underline;
}

#footer #footer_inner .colum1{
margin:15px 2px 0 0;
float:left;
width:210px;
}
#footer #footer_inner .colum2{
margin:15px 0 0 0;
padding:0 5px;
float:left;
width:420px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#footer #footer_inner .colum2 .inner1{
margin:0 5px 0 0;
float:left;
width:205px;
}
#footer #footer_inner .colum2 .inner2{
margin:0;
float:left;
width:210px;
}
.colum3{
margin:15px 10px 0 6px;
float:left;
width:200px;
}
.colum1 li,.colum2 li,.colum3 li{
margin:.5em 0;
}
.window{
padding:0 11px 0 0;
background:transparent url(../img/outlink.gif) no-repeat 100% 70%;
}
#universities{
width:860px;
margin:0 auto;
padding:0;
text-align:left;
clear:both;
z-index:1;
position:relative;
}
#universities ul {
margin:0;
padding:0;
list-style:none;
}
#universities ul li{
float:left;
margin:0 10px 0 0;
padding:10px 0;
}
#info {
clear:both;
width:100%;
margin:0;
background:#54b3d1;
padding:10px 0 0 0;
color:#fff;
}
#info #info_inner{
width:860px;
margin:0 auto;
padding:0;
text-align:left;
clear:both;
z-index:1;
position:relative;
font-size:80%;
}
#info ul{
clear:both;
margin:0;
padding:0;
}
#info ul li{
float:left;
margin:5px 0 0 0;
padding:0 10px;
border-right:1px solid #fff;
list-style:none;
}
#info ul li.rssicon{
margin:0;
padding:0;
border-right:0 none;
}
#info ul li.privacy{
border-right:0 none;
}
#info ul li a:link{
color:#fff;
text-decoration:none;
}
#info ul li a:visited{
color:#fff;
text-decoration:none;
}
#info ul li a:hover,#info ul li a:active{
color:#fff;
text-decoration:underline;
}
#footer #copy{
clear:both;
margin:0;
padding:5px 0 0 0;
}
#footer #copy dt{
display:inline;
margin:0;
padding:0;
font-weight:bold;
}
#footer #copy dd,#footer #copy dd address{
display:inline;
margin:0;
padding:0;
font-style:normal;
}
#footer address#copyright{
text-align:left;
font-style:normal;
padding:5px 0 10px 0;
}


/*
===== tooltip ====================================
*/
.hotspot {
cursor:pointer;
}
#tt {
z-index:101;
text-align:left;
position:absolute;
display:block;
background:url(../img/tt_left.gif) top left no-repeat;
}
#tttop {
display:block;
height:5px;
margin-left:5px;
background:url(../img/tt_top.gif) top right no-repeat;
overflow:hidden;
}
#ttcont {
text-align:left;
display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
background:#666;
color:#fff;
font-size:80%;
line-height:1.2;
}
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../img/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}
#ttcont strong{
font-weight:bold;
}
#ttcont ul{
margin:0;
padding:0;
}
#ttcont ul li{
margin:0 0 0 1em;
padding:0;
list-style-type:square;
}

#pagetop{
text-align:center;
position:fixed;
bottom:80px;
left:0;
margin:0;
padding:0;
width:100%;
height:108px;
}
#pagetop a{
position:relative;
top:0;
left:445px;
z-index:1;
outline:0 none;
}
}