@charset "utf-8";

/* =======================================

 Header CSS

 -----------------------------------------
 INDEX
 -----------------------------------------
  

========================================== */

#header {
  position: relative;
  margin: 0 auto 27px;
  height: 189px;
  zoom: 1;
}


/* Site Title
========================================== */
#header address#siteTitle {
  position: absolute;
  top: 19px;
  left: 0;
  width: 348px;
}

#header address#siteTitle a {
}


/* Quicklink
========================================== */
#header p#quicklink {
  position: absolute;
  top: 28px;
  left: 506px;
  width: 160px;
}

#header p#quicklink a {
}


/* Search Area
========================================== */
#header #headerSearchArea {
  position: relative;
}

#header #headerSearchArea p.serchInput {
}

#header #headerSearchArea p.serchInput input {
  position: absolute;
  top: 30px;
  left: 693px;
  width: 144px;
  border: 1px solid #D5D5D5;
  background: #E8E8E8;
  color: #666666;
}

#header #headerSearchArea p.serchSubmit {
}

#header #headerSearchArea p.serchSubmit input {
  position: absolute;
  top: 29px;
  left: 848px;
}


/* Header Navi
========================================== */
#header ul#headerNavi {
  position: absolute;
  top: 66px;
  left: 478px;
  width: 444px;
}
#header ul#headerNavi:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#header ul#headerNavi li {
  float: left;
  display: inline;
  margin: 0 0 0 10px;
}


/* Globalnavi
========================================== */
#header ul#globalnavi {
  position: absolute;
  top: 111px;
  left: 0;
  width: 905px;
  background: url(../../images/base/globalnavi_bg_01.png) no-repeat;
}
#header ul#globalnavi:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#header ul#globalnavi li {
  float: left;
  display: inline;
  margin: 0 0 0 1px;
}

#header ul#globalnavi li a {
  display: block;
}

#header ul#globalnavi li a:hover {
  background-color: transparent;
}

#header ul#globalnavi li a:hover img {
  visibility: hidden;
}

body#home        #header ul#globalnavi li#gnavi01 a img,
body.abouttufs    #header ul#globalnavi li#gnavi02 a img,
body.examination  #header ul#globalnavi li#gnavi03 a img,
body.education    #header ul#globalnavi li#gnavi04 a img,
body.campuslife   #header ul#globalnavi li#gnavi05 a img,
body.research     #header ul#globalnavi li#gnavi06 a img,
body.intlaffairs #header ul#globalnavi li#gnavi07 a img {
  visibility: hidden;
}


/* Visitor Navi
========================================== */
#header ul#visitorNavi {
  position: absolute;
  top: 159px;
  left: 0;
  width: 609px;
}
#header ul#visitorNavi:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#header ul#visitorNavi li {
  float: left;
}


/* Change Font Size
========================================== */
#header dl#changeFontSize {
  position: absolute;
  top: 159px;
  left: 609px;
  width: 171px;
}

#header dl#changeFontSize dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 296px;
}

#header dl#changeFontSize dd {
  position: absolute;
  background: url(../../images/base/changefontsize_bg_01.png) no-repeat;
}
#header dl#changeFontSize dd.default {
  top: 8px;
  left: 193px;
  width: 50px;
  height: 18px;
  background-position: 0 -1px;
}
#header dl#changeFontSize dd.large   {
  top: 7px;
  left: 248px;
  width: 50px;
  height: 20px;
  background-position: -54px 0;
}

#header dl#changeFontSize.fontDefault dd.default img,
#header dl#changeFontSize.fontLarge   dd.large   img {
  visibility: hidden;
}