@charset "Shift_JIS";

body {
  text-align: center;
  font-size: 13px;
  *font-size: small;
  *font: x-small;
  color: #222222;
  margin: 0;
  padding: 0;
  background-color: #cbcbcb;
  font-family:"Arial", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",
  "osaka", "Hiragino Kaku Gothic Pro W3", "sans-serif";
}

img{
  border:0px;
}

/*wrapper
-------------------------------------------------------------------------------------*/
#wrapper {
  text-align: left;
  width: 850px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  border-style:solid;
  border-width:0;
  border-color: #333333;
}

/*header
-------------------------------------------------------------------------------------*/
#header {
  width:850px;
  height:102px;
  border-style:solid;
  border-width:0;
  border-color: #333333
  float: left;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
}

#header ul {
  float: right;
  margin: 70px 5px 0 0px;
  border-style:solid;
  border-width:0px;
  padding: 0;
  list-style-type:none;
  font-size: 85%;
}

#header li {
  width: 90px;
  height: 22px;
  float: left;
  margin: 0 5px 0 0;
  list-style-type:none;
}

#header li a {
  width: 100%;
  height: 100%;
  float: left;
  margin: 0 2px 0 0;
  color: #ffffff;
  text-indent: 5px; 
  line-height: 2.0em;
  text-decoration: none;
}

#header li a:link {
  background-image: url(' pic/header_link button_blue.gif')
}

#header li a:visited {
  background-image: url(' pic/header_link button_blue.gif')
}

#header li a:hover,
#header li a:active {
  background-image: url(' pic/header_link button_blink.gif')
}

#header-en {
  width:850px;
  height:102px;
  border-style:solid;
  border-width:0;
  border-color: #333333
  margin: 0px 0px 0px 0px;
  background-image: url(' pic/header_ivt5_en.jpg')
}

#header-en ul {
  float: right;
  margin: 70px 5px 0 0px;
  border-style:solid;
  border-width:0px;
  padding: 0;
  list-style-type:none;
  font-size: 85%;
}

#header-en li {
  width: 90px;
  height: 22px;
  float: left;
  margin: 0 5px 0 0;
  list-style-type:none;
}

#header-en li a {
  width: 100%;
  height: 100%;
  float: left;
  margin: 0 2px 0 0;
  color: #ffffff;
  text-indent: 5px; 
  line-height: 2.0em;
  text-decoration: none;
}

#header-en li a:link {
  background-image: url(' pic/header_link button_blue.gif')
}

#header-en li a:visited {
  background-image: url(' pic/header_link button_blue.gif')
}

#header-en li a:hover,
#header-en li a:active {
  background-image: url(' pic/header_link button_blink.gif')
}

/*menu
-------------------------------------------------------------------------------------*/
#menu { 
  width:850px;
  height:36px;
  border-style:solid;
  border-width:0;
  border-color: #333333
  float: left;
  margin: 0px;
   background-image:url(' pic/menu_back.gif')
}

#menu-inner { 
  width:850px;
  height:36px;
  border-style:solid;
  border-width:0;
  border-color: red;
  float: left;
  margin: 0 0 0 2px;
}

/*---------------------------------pulldown menu*/
ul#pulldown-menu,
ul#pulldown-menu li,
ul#pulldown-menu li ul,
ul#pulldown-menu li ul li {
  margin: 0;
  padding: 0;
  background: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-align: center;
  list-style-type: none;
  zoom: 1;
}

ul#pulldown-menu a {
  outline: none;
  color: #f0f0f0;
  text-decoration: none;
}

ul#pulldown-menu a:link {
  outline: none;
  color: #f0f0f0;
  background-image: url(' pic/Link button_ivt_139px.gif')
}

ul#pulldown-menu a:visited {
  outline: none;
  color: #f0f0f0;
  background-image: url(' pic/Link button_ivt_139px.gif')
}

ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
  outline: none;
  background-image: url(' pic/Link button_ivt_139px_blink.gif')
}

ul#pulldown-menu li ul li ul a:link {
  outline: none;
  background-image: url(' pic/Link button_ivt_139px_blink.gif')
}

ul#pulldown-menu li ul li ul a:visited {
  outline: none;
  background-image: url(' pic/Link button_ivt_139px.gif')
}

ul#pulldown-menu li ul li ul a:hover,
ul#pulldown-menu li ul li ul a:active {
  outline: none;
  background-image: url(' pic/Link button_ivt_139px_blink.gif')
}

ul#pulldown-menu li {
  float: left;
  position: relative;
  margin: 0 1px;
  width: 139px;
  height: 36px;
  font-weight: 700;
  line-height: 3.0em;
}

ul#pulldown-menu li a {
  outline: none;
  display: block;
  width: 139px;
  height: 36px;
  text-align: center;
}

ul#pulldown-menu li ul li {
  float: none;
  margin: 0;
  font-weight: 700;
}

ul#pulldown-menu li ul,
ul#pulldown-menu li ul li ul {
  display: none;
}

ul#pulldown-menu li:hover ul {
  display: block;
  position: absolute;
  z-index: 100;
}

* html ul#pulldown-menu li:hover ul {
  vertical-align: bottom;
}

ul#pulldown-menu li:hover ul li ul {
  display: none;
}

ul#pulldown-menu li ul li:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 139px;
  z-index: 200;
} 

ul#pulldown-menu {
  behavior: url("csshover.htc");　　/* IE6 bugs */
}

/*flash
-------------------------------------------------------------------------------------*/
#flash {
  display: block;
  width:850px;
  height:190px;
  border-style:solid;
  border-width:0;
  border-color: #333333
  margin:auto;
  background-color: #889999;
}

#main-pic {
  width:850px;
  height:180px;
  background-image:url('pic/application.jpg')
}

/*container
-------------------------------------------------------------------------------------*/
#container {
  float: left;
  width:850px;
  background-color: #e9e9e1;
}

/*main
-------------------------------------------------------------------------------------*/
#main {
  width: 650px;
  float: right;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-left: 0px solid #003366;
  background-color: #none;
}

.main-inner {
  float:right;
  width:640px;
  border-color: #333333;
  border: 0px solid;
  margin:23px 0px 20px 0px;
  background-color: #none;
}

.main-inner-in01 {
  float:left;
  width:620px;
  border-color: #333333;
  border: 0px solid;
  margin:0px;
  padding: 0px;
  background-color: #none;
}

.main-inner-in01-text {
  float:left;
  width:520px;
  height:100px;
  border-color: #333333;
  border: 0px solid;
  margin:0px;
  padding: 0px;
  background-color: #none;
}

.main-inner-in01-pic {
  float:left;
  width:100px;
  height:100px;
  border-color: #333333;
  border: 0px solid;
  margin:0px;
  padding: 0px;
  background-color: #none;
}

.main-inner-in01-solution {
  float:left;
  width:616px;
  border-color: #333333;
  border: 2px solid;
  margin:10px 0px 0px 0px;
  padding: 0px;
  background: url(pic/back_navy.jpg);
}

.main-p {
  font-size: 100%; 
  margin: 0 0 0 0;
  padding: 0.5em;
  line-height: 1.5em;
  float:clear;
}

.pic {
  float:left;
  margin:0px 10px 0px 0px;
}

#main h1 {
  font-size:100%;
  font-weight: 700;
  line-height: 32px;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 2px 5px;
  color: #003399;
  text-align: center;
  background: url(pic/title_red.gif) no-repeat;
}

p.sign {
  font-size: 100%;
  text-align: right;
}

.application-table {
  width:620px;
  border: 0px solid;
  margin:0px 0px 0px 0px;
  font-size:100%;
  padding:0.5em; border-collapse: collapse;
}

.application-table th {
  border: 1px #000000 solid;
  font-size:100%;
  padding:0.5em;
  color: #ffffff;
  background-color: #009999;
}

.application-table td {
  border: 1px #000000 solid;
  font-size:100%;
  padding:0.5em;
  background-color: #e6e6e6;
}

td.orange {
  background-color: #fdcf9d;
}

td.green {
  background-color: #d3e2b4;
}

td.blue {
  background-color: #aedbe7;
}

td.navy {
  background-color: #2e5d9b;
}

span.iceblue {
  color: #effeff;
}

span.blue {
  color: #003399;
}

span.bold {
  font-weight: bold;
}

p.small {
  font-size: 75%;
}

/*side
-------------------------------------------------------------------------------------*/
#side {
  width: 200px;
  float: left;
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-color: #none;
}

/*---------------------------------side-menu*/
#side-menu-title-text {
  font-size: 100%; 
  margin: 0.2em 0em 0em 4em;
  float:clear;
  color: #ffffff;
}

#side-menu-title-text-en {
  font-size: 100%;
  margin: 0.2em 0em 0em 3.5em;
  float:clear;
  color: #ffffff;
}

#side-menu-title {
  width: 170px;
  height: 20px;
  float: left;
  padding-bottom: 0px;
  margin: 23px 0px 0px 20px;
  background-image:url('pic/side_menu_title.jpg');
  float: clear;
}

#side-menu-bar-upper {
  width: 170px;
  height: 8px;
  float: left;
  padding-bottom: 0px;
  margin: 4px 0px 0px 20px;
  background-image:url('pic/side_menu-bar.jpg');
  float: clear;
}

#side-menu-bar-lower {
  width: 170px;
  height: 8px;
  float: left;
  padding-bottom: 0px;
  margin: 0px 0px 20px 20px;
  background-image:url('pic/side_menu-bar.jpg');
  float: clear;
}

#side-menu {
  width: 170px;
  float: left;
  padding-bottom: 0px;
  margin: 5px 0px 0px 20px;
  background-color: #none;
}

.side-menu-ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

.side-menu-li-green {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.side-menu-li-green a {
  text-decoration: none;
  width: 170px;
  height:32px;
  text-align:left;
  line-height:250%;
  text-indent: 0.5em;
  border-style: solid;
  border-color: #003399;
  border-width: 0px;
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 100%;
  font-weight: 700;
  color: #003399;
}

.side-menu-li-green a:link {
  text-decoration: none;
  background-image:url('pic/side_link button_green.png');
  color: #ffffff;
}

.side-menu-li-green a:visited {
  text-decoration: none;
  background-image:url('pic/side_link button_green.png');
  color: #ffffff;
}

.side-menu-li-green a:hover,
.side-menu-li-green a:active {
  text-decoration: none;
  border-color:#E6881E #E6881E #E6881E #E6881E;
  background-image:url('pic/side_link button_green_blink.png');
  color: #ffffff;
}

.side-menu-li-blue {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.side-menu-li-blue a {
  text-decoration: none;
  width: 170px;
  height:32px;
  text-align:left;
  line-height:250%;
  text-indent: 0.5em;
  border-style: solid;
  border-color: #003399;
  border-width: 0px;
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 100%;
  font-weight: 700;
  color: #003399;
}

.side-menu-li-blue a:link {
  text-decoration: none;
  background-image:url('pic/side_link button_blue.gif');
  color: #ffffff;
}

.side-menu-li-blue a:visited {
  text-decoration: none;
  background-image:url('pic/side_link button_blue.gif');
  color: #ffffff;
}

.side-menu-li-blue a:hover,
.side-menu-li-blue a:active {
  text-decoration: none;
  border-color:#E6881E #E6881E #E6881E #E6881E;
  background-image:url('pic/side_link button_blue_blink.gif');
  color: #ffffff;
}

.side-menu-li-blue-fix {
  text-decoration: none;
  background-image:url('pic/side_link button_blue_blink.gif');
  width: 170px;
  height:32px;
  text-align:left;
  line-height:250%;
  text-indent: 0.5em;
  margin: 0px 0px 5px 0px;
  font-size: 100%;
  font-weight: 700;
  color: #ffffff;
}

/*---------------------------------seach-box*/
#seach-box {
  float:left;
  text-decoration: none;
  width: 170px;
  height:150px;
  border-style: solid;
  border-color: #003399;
  border-width: 0px;
  margin:23px 0 20px 0px;
  font-size: 100%;
  background-image: url('pic/seach_box.gif');
}

input.seach-box {
  width: 80%;
}

p.seach-box {
  color: #ffffff;
  text-align: center;
  margin-top:20px;
}

#seach-button { 
  cursor:pointer;
　border: 0px;
  padding: 0px;
  width: 80px;
  height: 25px;
}

#reset-button { 
　outline: none;
  cursor:pointer;
　border: 0px;
  padding: 0px;
  width: 50px;
  height: 25px;
}
/*---------------------------------footer*/
#footer {
  width: 850px;
  height: 58px;
  text-align: center;
  clear: both;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #333333
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image:url('pic/footer_IVT.jpg');
}

#footer p {
  font-size: 80%;
  margin: 0px 0px 0px 0px;
  padding: 1.8em;
  color: #e0e0e0;
}