/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
.lt-ie9 body {
  font-family: Meiryo, Arial, sans-serif;
  font-size: 12px;
  line-height: 2;
}

.lt-ie9 #topHeader {
  background-color: white;
}
.lt-ie9 #topHeader h1 {
  font-size: 1.6em;
  font-weight: bold;
}
.lt-ie9 #topHeader ul.menu {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
}
.lt-ie9 #topHeader ul.menu li a {
  border-left: 1px solid #ccc;
  padding: 0 30px;
}

.lt-ie9 .videoContainer {
  height: 400px;
  background-color: black;
}

.lt-ie9 #mainContent {
  width: 1200px;
}

.lt-ie9 #main {
  width: 880px;
  float: left;
}

.lt-ie9 #sideBar {
  width: 320px;
  float: right;
}

.lt-ie9 .footNavi {
  margin-bottom: 2em;
}
.lt-ie9 .footNavi dt {
  font-size: 1.1em;
  font-weight: bold;
}
.lt-ie9 .footNavi dd {
  font-size: 1.1em;
  line-height: 1.4;
}
.lt-ie9 .footNavi dd a, .lt-ie9 .footNavi li a {
  color: #777;
}