@import "tinyslideshow.css";
/* @import "accordion.css"; */
@import "tinyaccordion.css";
@import "catvertical.css";
/* @import "highslide/highslide.css"; */

BODY {
  background-color: #FFFFFF;
  font-size: 12px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

@-moz-document url-prefix(){
input,
select,
textarea{
font-family:MS UI Gothic;
}
}

TD {
  text-align: left;
  font-size: 12px;
}

A:link, A:active, A:visited {
  color: #993333;
  font-weight: normal;
  text-decoration: underline;
  font-size: 12px;
}

A:hover {
  color: #FF3333;
  font-weight: normal;
  text-decoration: underline;
  font-size: 12px;
}

A.barlink:link, A.barlink:active, A.barlink:visited {
  color: #FFFFCC;
  font-weight: normal;
  text-decoration: none;
  font-size: 12px;
}

A.barlink:hover {
  color: #FFFFCC;
  font-weight: normal;
  text-decoration: underline;
  font-size: 12px;
}

.maincontent {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: normal;
  font-size: 12px;
}

.contentbar1 {
  background-color: #DDDDDD;
  color: #000000;
  font-weight: normal;
  font-size: 11px;
}

.contentbar2 {
  background-color: #BBBBBB;
  color: #000000;
  font-weight: normal;
  font-size: 11px;
}

.categorybar {
  background-color: #808080;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
}

.menubar {
  background-color: #CC3333;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
}

h1 {  background-color: #FFFFCC;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 0px;
}

h2 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-left: 2px;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}


.toplogo {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-image: url(../foundation/an4.gif);
  background-repeat: repeat-x;
  position:absolute;
  left:0px;
  top:13px;
}

.topmenubar {
  z-index: 4;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-image: url(../foundation/b7.gif);
  background-repeat: repeat-x;
  background-color: #808080;
  position:absolute;
  left:0px;
  top:53px;
}

div#container {
  position:absolute;
  left:0px;
  top:71px;
  width:100%;
  background-color: #FFFFFF;
}

div#leftsidebar {
  margin: 0px;
  padding: 0px;
  position:absolute;
  left:0px;
  top:0px;
  background-color: #808080;
}

div#mainbody {
  margin: 0px;
  padding: 5px 5px;
  position:absolute;
  left:186px;
  top:0px;
}

div#noleftmainbody {
  margin: 0px;
  padding: 5px 5px;
  position:absolute;
  left:15px;
  top:0px;
}

.detail {
  width: 85%;
  text-align: left;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: normal;
  font-size: 12px;
}

/* image_before in flypage.html*/
.image_before {
  width: 80%;
  margin: 6px;
  font-weight: normal;
  font-size: 12px;
}

div.image_before p {
  text-align: left;
}
div.image_before hr {
  border:none;
  border-top:dashed 1px #999999;
  height:1px;
  color:#FFFFFF;
  margin: 6px;
}

/*Customer voice,faq area in flypage.html*/
.kakomi {
  border:solid 1px #FFCCCC;
  width: 90%;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: normal;
  font-size: 12px;
}
div.kakomi p {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  font-size: 12px;
}

.obi {
  background-color: #ffe4e1;
  border:solid 1px #ff6699;
  width: 95%;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: bold;
  font-size: 12px;
}
div.obi p {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top:2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: normal;
  font-size: 12px;
  color: #cc0066;
}

/*Product Spec area in flypage.html*/
.spec {
  border:solid 1px #CCCCCC;
  width: 95%;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
}
div.spec p {
  background-color: #DDDDDD;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 12px;
}
div.spec dl {
  margin-top: 2px;
  margin-bottom: 2px;
}
div.spec dt {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 5px;
}
div.spec dd {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 2px;
}

.colm {
  border:solid 1px #ff6666;
  width: 95%;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
}
div.colm p {
  background-color: #ff6699;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
}
div.colm dl {
  margin-top: 2px;
  margin-bottom: 2px;
}
div.colm dt {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 5px;
  color: #333333;
}
div.colm dd {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 2px;
  color: #333333;
}


/*Pull-down menu at the top of flypage.html*/

.cmenu {
  background-color:#FFFFFF;
  height:1px;
}
.cmenu a{
  color:#333333;
  background-color:#CCCCCC;
  border:solid 1px #ffffff;
  display:block;
  width:400px;
  line-height:18px;
}
.cmenu a:hover{
  background-color:#ffcc00;
}
.cmenu span{
  color:#000000;
  display:none;
}
#cmenu1 {
  position:absolute;
  top:30px;
  left:50px;
}
.subcmenu{
  visibility: hidden;
  position:absolute;
  left:0;
}
.subcmenu a{
  background-color:#ffff99;
  border-top:solid 1px #ffffff;
}
.cmenuhead{
border-right:solid 1px #ffffff;
}

/*Pull-down menu at the topmenubar */

.tmenu {
  background-color:#FF6699;
  height:18px;
}
.tmenu a:link, .tmenu a:visited{
  color:#ffffff;
  background-color:#FF6699;
  border-top:solid 0px #ffffff;
  border-right:solid 1px #ffffff;
  border-bottom:solid 1px #ffffff;
  border-left:solid 1px #ffffff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  display:block;
  width:90px;
  line-height:18px;
}
.tmenu a:hover{
  background-color:#669999;
  color:#ffffff;
  font-weight: bold;
  text-decoration: none;
}
.tmenu span{
  color:#000000;
  display:none;
}
#tmenu1 {
  position:absolute;
  top:0;
  left:0;
}
#tmenu2 {
  position:absolute;
  top:0;
  left:91px;
}
#tmenu3 {
  position:absolute;
  top:0;
  left:181px;
}
#tmenu4 {
  position:absolute;
  top:0;
  left:271px;
}
#tmenu5 {
  position:absolute;
  top:0;
  left:361px;
}
#tmenu6 {
  position:absolute;
  top:0;
  left:451px;
}
#tmenu7 {
  position:absolute;
  top:0;
  left:541px;
}
#tmenu8 {
  position:absolute;
  top:0;
  left:631px;
}
#tmenu9 {
  position:absolute;
  top:0;
  left:721px;
}
#tmenu10 {
  position:absolute;
  top:0;
  left:811px;
}
.subtmenu{
  visibility: hidden;
  position:absolute;
  left:0;
}
.subtmenu a:link, .subtmenu a:visited{
  background-color:#FF6699;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  margin-left: 1px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top:solid 0px #ffffff;
  border-right:solid 1px #ffffff;
  border-bottom:solid 1px #ffffff;
  border-left:solid 1px #ffffff;
}
.subtmenu a:hover{
  background-color:#669999;
  color:#ffffff;
  font-weight: normal;
  text-decoration: none;
}
.tmenuhead{
  border-top:solid 0px #ffffff;
  border-right:solid 1px #ffffff;
  border-bottom:solid 1px #ffffff;
  border-left:solid 1px #ffffff;
}

/*Menu bar style*/
p.barmenu {
  font-size:12px;
  margin-left:0;
  margin-right:0;
  margin-bottom:16px;
  margin-top:10px;
  background-color:#ffffff;
  height:2em
}
p.barmenu a{
  color:#ffffff;
  background-color:#cc3300;
  border-right:solid 1px #ffffff;
  text-decoration:none;
  display:block;
  width:12em;
  float:left;
  line-height:2em
}
p.barmenu a:hover{
  background-color:#ff6600
}
p.barmenu span{
  color:#c5e1ed;
  display:none
}

/*hidden form field against SPAMMERS*/
.hiddenfld{
  visibility:hidden;
}