@charset "UTF-8";
@import "../src/init.css";
@import "../src/base_style.css";
@import "../src/piece_style.css";

/* ---------------------------
   general
------------------------------ */
/* h2 h3
------------------------------ */
h2 {
  background-image: none;
  line-height: 25px;
  margin: 0 0 10px 0;
  padding: 0 0 0 8px;
  border-bottom: 1px solid #F06D05;
  border-left: 5px solid #F06D05;
  font-weight: bold;
  font-size: 95%;
}


h3 {
  margin: 0 0 10px 0;
  background-image: url("/e/english/campus/images/ic-h3.gif");
  background-position: left 0.4em;
  background-repeat: no-repeat;
  font-size: 95%;
  font-weight: bold;
  padding: 0 0 0 15px;
}

h4 {
  margin: 0 0 10px 0;
  background-image: none;
  padding: 0px;
  font-weight: bold;
  color: #003399;
  font-size: 100%;
}

h5 {
  margin: 0 0 10px 0;
}

/* side-menu
------------------------------ */
#links li,
#menu li {
  background-image: none;
}

#sideMenu {
  display: block;
  color: #000000;
  width: 180px;
  padding: 0;
  margin-bottom: 10px;
}

#sideMenu img {
  margin-bottom: 6px;
}

#sideMenu .pieceHeader {
  margin-bottom: 10px;
}

#sideMenu a {
  display: block;
  color: #000000;
  text-decoration: none;
}

#sideMenu a:hover,
.left-navi li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#sideMenu ul {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 93%;
}

#sideMenu li {
  display: block;
  width: auto;
  margin-bottom: 2px;
  padding: 5px 5px 5px 6px;
  line-height: 1.4;
  background-color: #f2f2f2;
  border-left: 5px solid #f06d05;
  font-weight: normal;
}

#sideMenu li a {
  display: block;
  width: 100%;
  /* height: 1%; */
  padding: 0px;
}

#sideMenu .middleMenu {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}

#sideMenu .middleMenu ul,
#sideMenu .middleMenu li,
#sideMenu .smallMenu li {
  display: block;
  width: auto;
  border-left: none;
}

#sideMenu .middleMenu li a {
  display: block;
  width: auto;
  /* height: 1%; */
  padding-left: 1em;
  margin-bottom: 2px;
  background-image: url(/e/english/img/menu_ic2.gif);
  background-position: 0 0.3em;
  background-repeat: no-repeat;
}

#sideMenu .smallMenu li a {
  width: auto;
  padding-left: 1.8em;
  background-image: url(/e/english/img/menu_ic2.gif);
  background-position: 0.9em 0.3em;
  background-repeat: no-repeat;
}

#sideMenu .middleMenu li a:hover {
  background-image: url(/e/english/img/menu_ic3.gif);
  background-position: 0 0.3em;
  background-repeat: no-repeat;
}

#sideMenu .smallMenu li a:hover {
  background-image: url(/e/english/img/menu_ic3.gif);
  background-position: 0.9em 0.3em;
  background-repeat: no-repeat;
}

/* IE6,IE7
------------- */
*:first-child+html #sideMenu .middleMenu li,
#sideMenu .smallMenu li {
  /* height: 1%; */
  margin-bottom: 2px;
}

*html #sideMenu .middleMenu li,
#sideMenu .smallMenu li {
  /* height: 1%; */
  margin-bottom: 2px;
}

/* side-list
----------------------------------------------- */
#menu .pieceHeader,
#links .pieceHeader {
  margin-bottom: 5px;
  padding: 0px 0px 0px 17px;
  border-bottom: 1px solid #000000;
  border-left: none;
  background-image: url(/e/english/img/tl-side.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
  line-height: 26px;
}

#menu .pieceHeader h2,
#links .pieceHeader h2 {
  margin: 0px;
  padding: 0px;
  border: none;
  font-weight: bold;
  font-size: 100%;
}

/* page-title
----------------------------------------------- */
#pageTitle {
  margin-bottom: 10px;
}

#pageTitle .pieceContainer {
  padding: 0px;
  background-color: #ffffff;
  background-image: url(/e/english/img/title_ic.gif);
  background-position: left 0.6em;
  /background-position: left 0.5em;
  /* ie */
  background-repeat: no-repeat;
}

#pageTitle .pieceBody {
  padding-left: 20px;
  background-image: url(/e/english/img/tl-bottom-short.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#pageTitle h1 {
  margin: 0;
  padding-bottom: 5px;
  font-size: 130%;
  font-weight: bold;
  color: #000000;
  line-height: 1.5em;
}

/* table
------------------------------ */
#contentBody td,
#contentBody th,
#contentBody tr {
  padding: 5px;
}

/* inquiry
----------------------------------------------- */
.inquiry {
  clear: both;
  margin: 30px 0px 20px 0px;
  padding: 5px 10px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  color: #333333;
}

.inquiry h2 {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  border: none;
  font-size: 110%;
}

.department,
.section {
  font-weight: bold;
}

.top,
.middle {
  margin-bottom: 0px;
}

.department,
.section,
.tel,
.fax {
  margin-right: 10px;
}

/* site-map
----------------------------------------------- */
.siteIcon {
  background-image: url(/e/english/img/sitemap_ic.gif);
  background-position: 0 0.4em;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-left: 15px;
}

.siteIcon2 {}

.siteIcon2 a {
  background-image: url(/e/english/img/sitemap_ic2.gif);
  background-position: 0 0.2em;
  background-repeat: no-repeat;
  padding-left: 10px;
}

.siteTitle {
  border-bottom: 3px solid #FF4E08;
  color: #333333;
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 10px;
}

/* ol
---------------------------------------------- */
.contentPage ol {
  margin-left: 2em;
}

/* ---------------------------
   sitemap
------------------------------ */
.siteMap {
  width: 100%;
  float: left;
}

.siteMapLeft {
  width: 260px;
  margin-right: 20px;
  float: left;
}

.siteMapRight {
  width: 260px;
  margin-right: 10px;
  float: right;
}

.siteMap h2 {
  border-left: none;
  border-bottom: 2px solid #F06D05;
  font-size: 100%;
  font-weight: bold;
  color: #F06D05;
  margin-bottom: 5px;
  padding-left: 5px;
}

.siteMap li {
  margin-left: -10px;
}

/* ---------------------------
   admissions information
------------------------------ */
.infoBox {
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.infoLeft {
  width: 230px;
  margin-right: 10px;
  float: left;
}

.infoRight {
  width: 300px;
  float: right;
}

/* ---------------------------
   Faculty side-menu
------------------------------ */
#page-e-english-faculty-message #sideMenu li.faculty1 a,
#page-e-english-faculty-history #sideMenu li.faculty2 a,
#page-e-english-faculty-successive #sideMenu li.faculty3 a,
#page-e-english-faculty-organization #sideMenu li.faculty4 a {
  color: #ff0000;
  font-weight: bold;
}

#page-e-english-faculty-introduction-index #sideMenu .middleMenu li.mm1 a,
#page-e-english-faculty-introduction-mechanical #sideMenu .middleMenu li.mm2 a,
#page-e-english-faculty-introduction-appliedChemistry #sideMenu .middleMenu li.mm3 a,
#page-e-english-faculty-introduction-biotechnology #sideMenu .middleMenu li.mm4 a,
#page-e-english-faculty-introduction-electricalElectronic #sideMenu .middleMenu li.mm5 a,
#page-e-english-faculty-introduction-intelligentInformation #sideMenu .middleMenu li.mm6 a,
#page-e-english-faculty-introduction-opticalApplication #sideMenu .middleMenu li.mm7 a,
#page-e-english-faculty-introduction-engineeringFoundation #sideMenu .middleMenu li.mm8 a {
  color: #ff0000;
  font-weight: bold;
  background-image: url(/e/english/img/menu_ic3.gif);
}

/* ---------------------------
   Graduate School side-menu
------------------------------ */
#page-e-english-graduateSchool-index #sideMenu li.graduate_school1 a,
#page-e-english-graduateSchool-doctoralProgram #sideMenu li.graduate_school2 a {
  color: #ff0000;
  font-weight: bold;
}

#page-e-english-graduateSchool-ecosystem #sideMenu {
  display: none;
}

#page-e-english-graduateSchool-index .gsSideImg2,
#page-e-english-graduateSchool-doctoralProgram .gsSideImg1,
#page-e-english-graduateSchool-ecosystem .gsSideImg2 {
  display: none;
}

/* ---------------------------
   Research side-menu
------------------------------ */
#page-e-english-research-bulletinReport-index #sideMenu .middleMenu li.research2 a,
#page-e-english-research-bulletinReport-papers2009 #sideMenu .middleMenu li.research2 a,
#page-e-english-research-bulletinReport-papers2010 #sideMenu .middleMenu li.research2 a,
#page-e-english-research-bulletinReport-thesis2010 #sideMenu .middleMenu li.research2 a {
  color: #ff0000;
  font-weight: bold;
  background-image: url(/e/english/img/menu_ic3.gif);
}

/* ---------------------------
   Admissions side-menu
------------------------------ */
#page-e-english-admission-information #sideMenu li.admissions1 a,
#page-e-english-admission-scholarship #sideMenu li.admissions2 a {
  color: #ff0000;
  font-weight: bold;
}

/* ---------------------------
   TOP side-menu-top
------------------------------ */
#page-e-english-inquiry .sideImg1,
#page-e-english-links .sideImg1,
#page-e-english-sitemap .sideImg1,
#page-e-english-termsOfUse .sideImg1 {
  display: none;
}

#page-e-english-access .sideImg2,
#page-e-english-links .sideImg2,
#page-e-english-sitemap .sideImg2,
#page-e-english-termsOfUse .sideImg2 {
  display: none;
}

#page-e-english-access .sideImg3,
#page-e-english-inquiry .sideImg3,
#page-e-english-sitemap .sideImg3,
#page-e-english-termsOfUse .sideImg3 {
  display: none;
}

#page-e-english-access .sideImg4,
#page-e-english-inquiry .sideImg4,
#page-e-english-links .sideImg4,
#page-e-english-termsOfUse .sideImg4 {
  display: none;
}

#page-e-english-access .sideImg5,
#page-e-english-inquiry .sideImg5,
#page-e-english-links .sideImg5,
#page-e-english-sitemap .sideImg5 {
  display: none;
}