@charset "utf-8";
/*##############################################*/
/*  CSA RAIDEN Homepage's Main CSS              */
/*                                              */
/*  Create Date : 2008/09/05                    */
/*  Update Date : 2009/07/06                    */
/*##############################################*/
/*==============================================*/
/* Overall Settings                             */
/*==============================================*/
body {
  margin           : 0px;
  padding          : 0px;
  background-color : #ffffff;
  text-align       : center;
  color            : #000000;
}

p, h1, h2, h3, h4, h5, h6, li, input, textarea,
div#errortxt {
  margin           : 0px;
  font-size        : 12px;
  font-family      : Verdana, Arial, Osaka, 'ＭＳ ゴシック', sans-serif;
  line-height      : 1.5em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight      : normal;
}

img {
  margin           : 0px;
  padding          : 0px;
  border           : 0px;
}

ul.navigation, ul.navigation li,
ul.whatsnew, ul.whatsnew li,
ul.newslist, ul.newslist li {
  list-style-type  : none;
}

ul.meritlist {
  margin           : 0px;
  list-style-type  : decimal;
  color            : #ff9229;
  font-weight      : bold;
}

ul.meritlist li {
  list-style-type  : decimal;
  color            : #000000;
  font-weight      : normal;
}

ul.infolist {
  margin           : 0px;
  list-style-type  : square;
  color            : #ff9229;
  font-weight      : bold;
}

ul.infolist li {
  list-style-type  : square;
  color            : #000000;
  font-weight      : normal;
}

a {
  color            : #6385a1;
  text-decoration  : none;
}

a:visited {
  color            : #a4afbb;
  text-decoration  : none;
}

a:hover {
  color            : #80a1bb;
  text-decoration  : none;
}

a span, ul.navigation span {
  display          : none;
}

/*==============================================*/
/* Drop Down Menu Settings                      */
/*==============================================*/
table.navibar {
  height           : 40px;
}

ul.navigation {
  width            : 100%;
  height           : 40px;
}

ul.navigation li {
  width            : 90px;
  float            : left;
}

ul.navigation li a {
  color            : #ffffff;
  display          : block;
  height           : 40px;
  cursor           : pointer;
  font-size        : 11px;
  font-family      : Verdana, Arial, Osaka, 'ＭＳ ゴシック', sans-serif;
  text-align       : left;
  text-decoration  : none;
}

ul.navigation li a#top {
  background       : url(../images/navi01.gif) 0 0 no-repeat;
}

ul.navigation li a#services {
  background       : url(../images/navi02.gif) 0 0 no-repeat;
}

ul.navigation li a#mail {
  background       : url(../images/navi03.gif) 0 0 no-repeat;
}

ul.navigation li a#news {
  background       : url(../images/navi04.gif) 0 0 no-repeat;
}

ul.navigation li a#company {
  background       : url(../images/navi05.gif) 0 0 no-repeat;
}

ul.navigation li a#job {
  background       : url(../images/navi06.gif) 0 0 no-repeat;
}

ul.navigation li a#sitemap {
  background       : url(../images/navi07.gif) 0 0 no-repeat;
}

ul.navigation li a#mailform {
  background       : url(../images/navi08.gif) 0 0 no-repeat;
}

div.submenu {
  background-color : #b1cdeb;
  border           : 1px solid #005dba;
  visibility       : hidden;
  position         : absolute;
  top              : inherit;
  left             : inherit;
  z-index          : 3;
}

div.submenu a {
  padding          : 5px;
  display          : block;
  width            : 150px;
  color            : #000000;
  font-size        : 11px;
  font-family      : Verdana, Arial, Osaka, 'ＭＳ ゴシック', sans-serif;
  text-align       : left;
  text-decoration  : none;
}

div.submenu a:hover {
  display          : block;
  background-color : #005dba;
  color            : #ffffff;
}

div.submenu a:visited {
  display          : block;
  color            : #ffffff;
  text-decoration  : none;
}

/*==============================================*/
/* Popup Image Box Settings                     */
/*==============================================*/
#lightbox {
  position         : absolute;
  left             : 0px;
  width            : 100%;
  z-index          : 100;
  text-align       : center;
  line-height      : 0px;
}

#lightbox img {
  width            : auto;
  height           : auto;
}

#lightbox a img {
  border           : none;
}

#outerImageContainer {
  margin           : 0px auto;
  position         : relative;
  background-color : #ffffff;
  width            : 250px;
  height           : 250px;
}

#imageContainer {
  padding          : 10px;
}

#loading {
  position         : absolute;
  width            : 100%;
  height           : 25%;
  top              : 40%;
  left             : 0%;
  text-align       : center;
  line-height      : 0px;
}

#hoverNav {
  position         : absolute;
  width            : 100%;
  height           : 100%;
  top              : 0px;
  left             : 0px;
  z-index          : 10;
}

#imageContainer>#hoverNav {
  left             : 0px;
}

#hoverNav a {
  outline          : none;
}

#prevLink, #nextLink {
  width            : 49%;
  height           : 100%;
  display          : block;
}

#prevLink {
  left             : 0px;
  float            : left;
}

#nextLink {
  right            : 0px;
  float            : right;
}

#prevLink:visited, #prevLink:hover:visited {
  background       : url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:visited, #nextLink:hover:visited {
  background       : url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
  margin           : 0px auto;
  background-color : #ffffff;
  font             : 10px Verdana, Helvetica, sans-serif;
  line-height      : 1.4em;
  overflow         : auto;
  width            : 100%	;
}

#imageData {
  padding          : 0px 10px;
  color            : #666666;
}

#imageData #imageDetails {
  width            : 70%;
  float            : left;
  text-align       : left;
}	
#imageData #caption {
  font-weight      : bold;
}
#imageData #numberDisplay {
  display          : block;
  clear            : left;
  padding-bottom   : 1.0em;
}			
#imageData #bottomNavClose {
  width            : 66px;
  float            : right;
  padding-bottom   : 0.7em;
  outline          : none;
}	 	

#overlay {
  position         : absolute;
  width            : 100%;
  height           : 500px;
  top              : 0px;
  left             : 0px;
  z-index          : 90;
  background-color : #000000;
}

/*==============================================*/
/* Class Settings                               */
/*==============================================*/
span.hitxt{
  font-weight      : bold;
  color            : #ff9229;
}

div.top {
  margin           : 10px 0px 0px 0px;
  padding          : 0px;
}

div.main {
  margin           : 0px;
  padding          : 0px;
}

div.objflash {
  margin           : 0px;
  padding          : 0px;
  width            : 100%;
  height           : 400px;
}

div.objflash object {
  border           : 1px solid #dcdcdc;
}

div.skipflash {
  margin           : 0px 0px 10px 0px;
  padding          : 0px;
  width            : 600px;
  text-align       : right;
}

div.skipflash p {
  margin           : 0px;
  font-size        : 10px;
  color            : #8d8d85;
}

div.objEnter, div.txtIndex {
  margin           : 0px;
  padding          : 0px;
  text-align       : center;
}

div.objEnter img {
  border           : 0px;
}

div.txtIndex h1, h2, h3, h4 {
  color            : #000000;
  font-size        : 12px;
  line-height      : 20px;
}

table.pagelayout {
  margin           : 0px;
  width            : 100%;
  text-align       : center;
}

table.pageheader, table.navibar, table.mainpage, table.greeting {
  margin           : 0px auto;
  width            : 800px;
}

table.pageheader {
  height           : 90px;
}

table.leftpage, table.rightpage {
  margin           : 0px;
  padding          : 0px;
  width            : 100%;
}

td.headerline {
  margin           : 0px;
  height           : 5px;
  background-color : #b1cdeb;
  border-width     : 1px 0px 1px 0px;
  border-style     : solid;
  border-color     : #1975d1;
}

td.headerlogo01 {
  margin           : 0px;
  text-align       : center;
}

td.headerlogo02 {
  margin           : 0px;
  width            : 215px;
  height           : 90px;
  float            : right;
  vertical-align   : middle;
}

td.headerlogo02 p {
  margin           : 25px 0px;
  font-family      : Verdana, Arial, sans-serif;
  font-size        : 11px;
  color            : #8d8d85;
}

td.footmarks {
  margin           : 0px;
  padding          : 5px 12px;
  text-align       : left;
}

td.topimages {
  border-width     : 0px 0px 1px 0px;
  border-style     : solid;
  border-color     : #dcdcdc;
}

td.topimages h1 img, td.aboutinfoimages img {
  border           : 1px solid #dcdcdc;
}

td.leftbox {
  margin           : 0px;
  padding          : 0px;
  width            : 550px;
  border-width     : 0px 0px 1px 0px;
  border-style     : solid;
  border-color     : #dcdcdc;
  vertical-align   : top;
}

td.rightbox {
  margin           : 0px;
  padding          : 0px;
  width            : 250px;
  border-width     : 0px 0px 1px 1px;
  border-style     : solid;
  border-color     : #dcdcdc;
  vertical-align   : top;
}

td.titlebar, td.minititlebar {
  margin           : 0px;
  padding          : 5px;
  height           : 30px;
  text-align       : left;
}

td.titlebar p, td.minititlebar p {
  font-size        : 12px;
  font-weight      : bold;
  color            : #7aaa1b;
}

td.mainbox {
  margin           : 0px;
  padding          : 5px;
  width            : 100%;
  text-align       : left;
  vertical-align   : top;
}

td.minibox {
  margin           : 0px;
  padding          : 5px;
  width            : 100%;
  text-align       : left;
  vertical-align   : top;
}

td.linebox {
  margin           : 0px;
  padding          : 0px;
  width            : 100%;
  background-color : #dcdcdc;
}

td.productimages {
  margin           : 0px;
  padding          : 5px;
  text-align       : center;
  vertical-align   : top;
  width            : 160px;
  height           : 60px;
}

td.producttxt {
  margin           : 0px;
  padding          : 5px;
  text-align       : left;
  vertical-align   : top;
  width            : 380px;
  height           : 180px;
}

td.productlinks {
  margin           : 0px;
  padding          : 5px 10px 5px 5px;
  text-align       : right;
  vertical-align   : top;
  width            : 160px;
  height           : 120px;
}

ul.whatsnew, ul.newslist, ul.meritlist {
  margin           : 0px;
  padding          : 0px;
}

ul.whatsnew li, ul.newslist li, ul.meritlist li {
  margin-bottom    : 5px;
}

ul.whatsnew li span, ul.newslist li span {
  font-weight      : bold;
  color            : #6385a1;
}

ul.meritlist {
  margin           : 0px 0px 0px 12px;
  padding          : 0px 0px 0px 12px;
}

ul.meritlist li span {
  font-weight      : bold;
  color            : #ff9229;
}

div.footernavi {
  margin-top       : 12px;
  text-align       : center;
}

p.copyright {
  margin-top       : 12px;
  font-size        : 11px;
  color            : #8d8d85;
}

p.copyright a {
  text-decoration  : none;
  border           : none;
}

table.categorymenu, table.imagetilelist, table.aboutinfo,
table.printoutlist, table.oslist, table.supportlist,
table.alertbox, table.companylist, table.companymaps,
table.mailform, table.eventlist, table.productlist,
table.userloglist, table.referlist, table.accessloglist {
  margin           : 0px;
  width            : 100%;
}

td.categorymenutitle, td.imagetilelisttitle {
  margin           : 0px;
  padding          : 0px 5px;
  text-align       : left;
}

td.categorymenutitle p, td.imagetilelisttitle p, td.infotitle {
  margin           : 0px;
  font-weight      : bold;
  color            : #ff9229;
}

td.categorymenulist {
  margin           : 0px;
  padding          : 0px 5px;
  width            : 270px;
  text-align       : left;
}

td.imagetilelistpdf {
  margin           : 0px;
  padding          : 5px;
  text-align       : center;
  vertical-align   : middle;
}

td.imagetile {
  margin           : 0px;
  padding          : 0px 5px;
  width            : 100%;
  text-align       : center;
}

td.linkpagetop {
  margin           : 0px;
  padding          : 5px;
  width            : 100%;
  text-align       : right;
}

td.aboutinfoimages {
  margin           : 0px;
  padding          : 5px;
  width            : 210px;
  text-align       : center;
}

td.aboutinfotxt {
  margin           : 0px;
  padding          : 5px;
  width            : 330px;
  vertical-align   : top;
  text-align       : left;
}

td.infotitle {
  margin           : 0px;
  padding          : 0px 5px;
  font-weight      : bold;
  color            : #ff9229;
  text-align       : left;
}

td.descriptiontitle {
  margin           : 0px;
  padding          : 5px;
  font-weight      : bold;
  color            : #ff9229;
  text-align       : left;
}

table.printoutlist, table.oslist, table.supportlist,
table.companylist, table.eventlist, table.userloglist,
table.referlist, table.accessloglist {
  background-color : #dcdcdc;
}

td.printouttitle01, td.printouttitle02, td.supportmenu {
  margin           : 0px;
  padding          : 5px;
  font-weight      : bold;
  color            : #ffffff;
  background-color : #494953;
  text-align       : center;
}

td.printouttitle01 {
  width            : 200px;
}

td.printouttitle02 {
  width            : 70px;
}

td.printouttitle03, td.supporttxt {
  margin           : 0px;
  padding          : 5px 12px;
  background-color : #ffffff;
  text-align       : left;
  vertical-align   : middle;
  height           : 40px;
}

td.printouttitle04 {
  margin           : 0px;
  padding          : 5px 12px;
  background-color : #7a7b80;
  color            : #ffffff;
  font-weight      : bold;
  text-align       : left;
  vertical-align   : middle;
  height           : 40px;
}

td.printoutdownload {
  margin           : 0px;
  padding          : 5px;
  background-color : #ffffff;
  text-align       : center;
  vertical-align   : middle;
  height           : 40px;
}

td.flexmenutitle {
  margin           : 0px;
  padding          : 5px 12px;
  background-color : #7a7b80;
  color            : #ffffff;
  font-weight      : bold;
  text-align       : left;
  vertical-align   : middle;
  width            : 170px;
  height           : 40px;
}

td.flexmenutxt {
  margin           : 0px;
  padding          : 5px;
  background-color : #ffffff;
  text-align       : left;
  vertical-align   : middle;
  height           : 40px;
}

td.infotxt {
  margin           : 0px;
  padding          : 0px 5px;
  text-align       : left;
}

td.infomaintxt, td.etcchecktxt03 {
  margin           : 0px;
  padding          : 5px;
  text-align       : center;
  color            : #ff9229;
  font-weight      : bold;
}

td.etcchecktxt01 {
  margin           : 0px;
  padding          : 5px;
  text-align       : right;
  color            : #ff9229;
  font-weight      : bold;
}

td.etcchecktxt02 {
  margin           : 0px;
  padding          : 5px;
  text-align       : left;
  color            : #ff9229;
  font-weight      : bold;
}

td.etcchecktxt04 {
  margin           : 0px;
  padding          : 5px;
  text-align       : left;
  color            : #990000;
  font-weight      : bold;
}

td.infolinktxt {
  margin           : 0px;
  padding          : 5px;
  text-align       : right;
  color            : #ff9229;
}

td.oslisttitle01, td.oslisttitle02,
td.oslisttitle03 {
  margin           : 0px;
  padding          : 5px;
  font-weight      : bold;
  color            : #ffffff;
  background-color : #494953;
  text-align       : center;
}

td.oslisttitle01, td.oslisttitle02,
td.oslisttxt01, td.oslisttxt02 {
  width            : 150px;
}

td.oslisttitle03, td.oslisttxt03 {
  width            : 44px;
}

td.oslisttitle04, td.oslisttxt04 {
  margin           : 0px;
  padding          : 5px 0px;
  width            : 36px;
  background-color : #ffffff;
  text-align       : center;
}

td.oslisttxt01, td.oslisttxt02,
td.oslisttxt03 {
  margin           : 0px;
  padding          : 5px;
  background-color : #ffffff;
  text-align       : left;
}

td.supportmenu, td.supporttxt {
  width            : 270px;
  height           : 50px;
}

table.alertbox {
  border           : 1px solid #ff9229;
}

td.alertimages {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : top;
  text-align       : center;
  width            : 50px;
}

td.alerttxt {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : top;
  text-align       : left;
  width            : 490px;
}

td.companytitle {
  margin           : 0px;
  padding          : 5px;
  font-weight      : bold;
  color            : #ffffff;
  background-color : #020180;
  vertical-align   : top;
  text-align       : left;
  width            : 140px;
}

td.companytxt {
  margin           : 0px;
  padding          : 5px;
  background-color : #ffffff;
  vertical-align   : top;
  text-align       : left;
  width            : 400px;
}

td.companymapsimages {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : center;
  width            : 200px;
}

td.companymapstxt {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : top;
  text-align       : left;
  width            : 340px;
}

td.mailformpartstxt {
  margin           : 0px;
  padding          : 5px;
  font-weight      : bold;
  vertical-align   : top;
  text-align       : left;
  width            : 140px;
  border-bottom    : 1px dotted #dcdcdc;
}

td.mailformparts {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : top;
  text-align       : left;
  width            : 400px;
  border-bottom    : 1px dotted #dcdcdc;
}

td.eventminititle, td.nonulltitle {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : center;
  width            : 30px;
  background-color : #020180;
  color            : #ffffff;
  font-weight      : bold;
}

td.eventtitle01 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 480px;
  background-color : #020180;
  color            : #ffffff;
  font-weight      : bold;
}

td.eventno01, td.eventend01,
td.eventno02, td.eventend02,
td.userlogno01, td.userlogno02,
td.referlistno01, td.referlistno02 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : center;
  width            : 30px;
}

td.eventtxt01, td.eventtxt02 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 480px;
}

td.eventno01, td.eventend01, td.eventtxt01,
td.userlogno01, td.userlogtxt01, td.referlistno01,
td.referlisttxt01, td.referlisttxt02 {
  background-color : #ffffff;
}

td.eventno02, td.eventend02, td.eventtxt02,
td.userlogno02, td.userlogtxt02, td.referlistno02, 
td.referlisttxt03, td.referlisttxt04 {
  background-color : #e6ecf9;
}

ul.cataloglist {
  margin           : 0px;
}

span.boldtxt {
  font-weight      : bold;
}

td.userlogtitle {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 170px;
  background-color : #020180;
  color            : #ffffff;
  font-weight      : bold;
}

td.userlogtxt01, td.userlogtxt02,
td.referlisttxt01, td.referlisttxt03 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 170px;
}

td.referlisttitle01 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 170px;
  background-color : #020180;
  color            : #ffffff;
  font-weight      : bold;
}

td.referlisttitle02 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 340px;
  background-color : #020180;
  color            : #ffffff;
  font-weight      : bold;
}

td.referlisttxt02, td.referlisttxt04 {
  margin           : 0px;
  padding          : 5px;
  vertical-align   : middle;
  text-align       : left;
  width            : 340px;
}

td.referlisttxt02 img, td.referlisttxt04 img {
  border           : 1px solid #000083;
}

p.emlisttxt {
  text-indent      : 1em;
}

p.countertxt {
  margin           : 0px;
  padding          : 0px;
  font-weight      : bold;
  text-indent      : 6em;
  width            : 130px;
  height           : 20px;
  border           : 1px solid #dcdcdc;
  background-image : url(../images/bg_counter.gif);
}