@charset "utf-8";

/*-----------------------------------------
   reset
-----------------------------------------*/
body {
   font:13px/1.231 arial,helvetica,clean,sans-serif;
   *font-size:small;
   *font:x-small;
   margin: 0;
   padding: 0;
   background: #f8f8f8 url(../../img/body_bg.png) repeat-x;
}
li {
   list-style: none;
}
ul,ol,dl,dt,dd,form {
   margin: 0;
   padding: 0;
}
img {
   border: 0 none;
   vertical-align: bottom;
}
p,li,dt,dd,h3 {
  font-size: 83.4%;
  line-height: 1.5;
}
select,textarea {
   font-family: inherit;
   font-size: inherit;
   font-style: inherit;
   font-weight: inherit;
   font:99% arial,helvetica,clean,sans-serif;
}
/*
table {
   border-collapse: collapse;
   border-spacing: 0;
   font-size:inherit;
   font:83.4%;
}
html {
   color: #000;
   background: #fff;
}
h1,h2,h3,h4,h5,h6 {
   font-size: 100%;
   font-weight: normal;
   margin: 0;
   padding: 0;
}
p {
   line-height: 1.62;
   margin: 0;
   padding: 0;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
   font-size:inherit;
   font:100%;
}

*/
/* link
----------------------*/
a {
   color:#003399;
}
a:hover {
   text-decoration: none;
}
a:active, a:focus {
   text-decoration: none;
}
/* layout
----------------------*/
#wrapper {
   behavior: url(lib/iefixed.htc);
   margin:0 auto;
   min-width: 770px;
   max-width: 950px;
}
#inline {
   overflow: hidden;
   zoom:1;
   background: #fff url(../../img/bg_main.gif) repeat-y right 0;
}
#container {
   float: left;
   width: 100%;
   margin-right: -180px;
   background: url(../../img/bg_main.gif) repeat-y left 0;
}

/*-----------------------------------------
   header
-----------------------------------------*/
#header {
   height: 320px;
   position: relative;
   background: url(../../img/body_bg.png) repeat-x;
}
#headerinline {
   height: 100%;
   background: url(../../img/hdbg.jpg) no-repeat 0 34px;
}
h1, h2, h3 {
   margin: 0;
   padding: 0;
   font-weight: normal;
}
h1 {
   font-size: 83.4%;
   position: absolute;
   top: 40px;
   left: 10px;
}
h2 {
   position: absolute;
   top: 133px;
   left: 61px;
   width: 324px;
   height: 76px;
}
#txt {
   position: absolute;
   top: 155px;
   left: 90px;
   width: 280px;
   color: #ddd;
   line-height: 1.4;
   text-indent: -9999px;
}
#con {
   position: absolute;
   top: 40px;
   right: 10px;
   text-align: right;
}
/* top menu
----------------------*/
#menu {
   position: absolute;
   top: 7px;
   right: 0;
}
#menu li {
   display: inline;
   border-right: 1px solid #fff;
}
#menu li.lineout {
   border: none;
}
#menu li a {
   margin: 0 10px 0 7px;
   color: #fff;
}
#menu li a:hover {
   text-decoration: none;
}
/* japan time
----------------------*/
#jdate {
   color: #fff;
   line-height: 30px;
   position: absolute;
   top: 3px;
   left: 15px;
   margin: 0;
   padding-left: 20px;
   background: url(../../img/time.gif) no-repeat left center;
}
/* language
----------------------*/
#lang {
   position: absolute;
   top: 40px;
   right: 10px;
}
#lang li {
   display: inline;
   margin-right: 5px;
   padding-left: 22px;
}
#lang li a {
   color: #fff;
}
#eng {
   background: url(../../img/america.gif) no-repeat left center;
}
#rus {
   background: url(../../img/russia.gif) no-repeat left center;
}
#chi {
   background: url(../../img/china.gif) no-repeat left center;
}

/*-----------------------------------------
   main
-----------------------------------------*/
#primary {
   float: right;
   width: 100%;
   margin-left: -180px;
}
#contents {
   margin: 0 195px 0 195px;
}

/*-----------------------------------------
   left
-----------------------------------------*/
#secondary {
   float: left;
   width: 180px;
}
/* category
----------------------*/
#category {
   background: #fff url(../../img/sidebg.gif) repeat-y -170px 0;
   padding: 1px 0;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin-bottom: 1em;
}
#categoryinline {
   background: #fff url(../../img/bg_main2.gif) repeat-y;
   margin: 0 2px;
   padding: 0;
}
#secondary h3 {
   background-color: orange;
   padding: 7px 10px;
   color: #fff;
   font-weight: bold;
}
#secondary dt {
   background-color: #eee;
   border-bottom: 1px solid #ccc;
   overflow: hidden;
   zoom: 1;
}
#secondary dt a {
   display: block;
   padding: 6px 10px;
   text-decoration: none;
   font-weight:bold;
}
#secondary dd {
   overflow: hidden;
   border-bottom: 1px solid #ddd;
}
#secondary dd#clline {
   border: none;
}
#icon1 {
   background: url(../../img/icon/i1.gif) no-repeat 5px center;
}
#icon2 {
   background: url(../../img/icon/i2.gif) no-repeat 5px center;
}
#icon3 {
   background: url(../../img/icon/i3.gif) no-repeat 5px center;
}
#icon4 {
   background: url(../../img/icon/i4.gif) no-repeat 5px center;
}
#icon5 {
   background: url(../../img/icon/i5.gif) no-repeat 5px center;
}
#icon17 {
   background: url(../../img/icon/i17.gif) no-repeat 5px center;
}
#icon6 {
   background: url(../../img/icon/i6.gif) no-repeat 5px center;
}
#icon7 {
   background: url(../../img/icon/i7.gif) no-repeat 5px center;
}
#icon15 {
   background: url(../../img/icon/i15.gif) no-repeat 5px center;
}
#icon8 {
   background: url(../../img/icon/i8.gif) no-repeat 5px center;
}
#icon9 {
   background: url(../../img/icon/i9.gif) no-repeat 5px center;
}
#icon10 {
   background: url(../../img/icon/i10.gif) no-repeat 5px center;
}
#icon18 {
   background: url(../../img/icon/i18.gif) no-repeat 5px center;
}
#icon19 {
   background: url(../../img/icon/i19.gif) no-repeat 5px center;
}
#icon11 {
   background: url(../../img/icon/i11.gif) no-repeat 5px center;
}
#icon21 {
   background: url(../../img/icon/i21.gif) no-repeat 5px center;
}
#icon12 {
   background: url(../../img/icon/i12.gif) no-repeat 5px center;
}
#icon20 {
   background: url(../../img/icon/i20.gif) no-repeat 5px center;
}
#icon16 {
   background: url(../../img/icon/i16.gif) no-repeat 5px center;
}
#icon13 {
   background: url(../../img/icon/i13.gif) no-repeat 5px center;
}
#icon14 {
   background: url(../../img/icon/i14.gif) no-repeat 5px center;
}
#secondary dd a {
   display: block;
   padding: 6px 8px 6px 37px;
   text-decoration: none;
}
#secondary dt a:hover,
#secondary dd a:hover {
   color: orange;
   text-decoration: underline;
}
#salebaner {
   margin:0 0 1em 0;
}
/*-----------------------------------------
  right
-----------------------------------------*/
#tertiary {
   float: left;
   width: 180px;
}
#kisei {
   ime-mode:disabled;
}
/*-----------------------------------------
   footer
-----------------------------------------*/
#footer {
   clear: both;
   background-color: #f8f8f8;
   padding: 40px 0;
   background: url(../../img/ftbg.gif) repeat-x;
   position: relative;
}
#footer dl {
   position: absolute;
   top: 40px;
   right: 15px;
   text-align: right;
}
#footer dt {
   height: 0 !important;
   overflow: hidden;
}
#footer dd.tm {
   color: #999;
   font-size: 10px;
}
#footer ul {
   margin-left: 15px;
}
#footer li {
   display: inline;
   border-right: 1px solid #666;
}
#footer li.lineout {
   border: none;
}
#footer li a {
   margin: 0 5px 0 2px;
}
#footer p {
   margin: 5px 0 0 15px;
   color: #999;
   font-size: 10px;
}