@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.62;
}
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-size:100%;
}
html {
   color: #000;
   background-color: #fff;
}
h1,h2,h3,h4,h5,h6 {
   font-size: 100%;
   font-weight: normal;
   margin: 0;
   padding: 0;
}
p {
   line-height: 1.5;
   margin: 0;
   padding: 0;
}
/* 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-color: #fff;
}
#container {
   float: left;
   width: 100%;
   margin-right: -180px;
   background: url(../../img/bg_main.gif) repeat-y left 0;
}
/*-----------------------------------------
   header
-----------------------------------------*/
#header {
   height: 140px;
   position: relative;
   background: url(../../img/bg_main.gif) repeat-y left 0;
}
#headerinline {
   height: 100%;
   background: #fff url(../../img/body_bg.png) repeat-x;
}
h1, h2, h3 {
   margin: 0;
   padding: 0;
   font-weight: normal;
}
h1 {
   font-size: 83.4%;
   position: absolute;
   top: 40px;
   left: 15px;
}
h2 {
   position: absolute;
   top: 75px;
   left: 15px;
}
#con {
   position: absolute;
   top: 60px;
   right: 15px;
   text-align: right;
}
#con .tm {
   color:#12455f;
}
/* 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: 15px;
}
#lang li {
   display: inline;
   margin-right: 5px;
   padding-left: 22px;
}
#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 15px 0 195px;
}
/* breadcrumb list
----------------------*/
#breadcrumb {
   width: 100%;
   border-top: 1px solid #ddd;
   position: relative;
}
#breadcrumb p.paths {
   padding: 15px 10px;
   background-color: #f5f5f5;
   margin: 0px;
}
#breadcrumb p.paths a {
   margin: 0 5px;
   padding:0;
}
#breadcrumb p.stock {
   position:absolute;
   top:13px;
   right:15px;
   margin:0;
}
#breadcrumb p.stock a {
   color:red;
   font-size:125%;
   font-weight: bold;
}
/* main h3
----------------------*/
#contents h3{
   border: 1px solid #ddd;
   background: url(../../img/mainh3bg.gif) repeat-x 0 bottom;
   font-size: 100%;
   font-weight: bold;
   margin-bottom: 2em;
   padding: 8px 0;
}
#contents h3 span {
   background: url(../../img/arrow_link.gif) no-repeat 8px center;
   padding: 5px 20px;
}
/* how,export,faqs
----------------------*/
#guide {
   width:95%;
   overflow:hidden;
   border: 3px solid orange;
   background-color:#f5f5f5;
   clear:both;
   margin:0 auto;
   margin-bottom: 1.62em;
}
#guide:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
#guide p {
   margin: 2em 0 0 2em;
   padding:0;
   font-weight:bold;
   font-size: 108.4%;
}
#guide ul {
   margin: 0 2em 2em;
}
#how, #export, #faq {
   float:left;
   padding-bottom:32768px;
   margin-bottom:-32768px;
}
#how {
   width: 34%;
   _width: 33.9%;
}
#export ul {
   overflow: hidden;
}
#export li {
   float: left;
   width: 50%;
}
#export h4, #faq h4 {
   border-left: 1px solid #ddd;
}
#export,#faq {
   width: 33%;
}
/* check goods
----------------------*/
#checkgood {
   width:95%;
   border: 1px solid #0f3c6d;
   background-color: #eff7fe;
   clear:both;
   margin:0 auto;
   margin-bottom: 1.62em;
   overflow: hidden;
}
#checkgood h4 {
   color: orange;
   font-weight: bold;
   font-size: 125%;
   margin: 25px 25px 0;
}
#checkgood p.top {
   margin: 0 25px 15px;
   font-weight: bold;
}
#checkgood p.bottom {
   margin: 15px 25px 30px;
   font-weight: bold;
   clear:left;
}
#chkinline {
   margin: 0 30px;
   overflow:hidden;
}
#checkgood dl {
   width: 20%;
   /width: 19.5%;
   float: left;
}
#checkgood dt span {
   border: 1px solid #ddd;
   display: block;
   height:45px;
   padding:3px;
   width:60px;
}
#checkgood span.price {
   color: red;
   font-weight: bold;
   font-size: 108.4%;
}
#checkgood span.price2 {
   color: orange;
   font-weight: bold;
   font-size: 108.4%;
}
#checkgood span.price3 {
   color: green;
   font-weight: bold;
   font-size: 108.4%;
}
/*-----------------------------------------
   left
-----------------------------------------*/
#secondary {
   float: left;
   width: 180px;
}
/* search
----------------------*/
#search {
   width: 180px;
   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;
   overflow: hidden;
}
#searchinline {
   background-color:#e5e0d5;
   margin: 0 2px;
   padding: 0;
}
#search h3 {
   background-color: orange;
   padding: 7px 10px;
   color: #fff;
   font-weight: bold;
}
#srhinline {
   margin: 0;
   padding: 15px 5px 5px 10px;
   zoom:1;
}
#search p {
   margin: 0;
   padding-bottom: 10px;
}
#search option {
   width: 130px;
}
#btn {
   text-align: center;
   margin-bottom: 0;
}
#btn input {
   background: #000 url(../../img/seach.gif) repeat-x 0 top;
   color: #fff;
   font-weight: bold;
   border: 2px solid #fff;
   _border: 1px solid #fff;
   padding: 5px 20px;
   _padding: 5px 10px;
}
#salebaner {
   margin:0 0 1em 0;
}
#kisei {
   ime-mode:disabled;
}
/* 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;
}
#category h3 {
   background-color: orange;
   padding: 7px 10px;
   color: #fff;
   font-weight: bold;
}
#category dt {
   background-color: #eee;
   border-bottom: 1px solid #ccc;
   overflow: hidden;
   zoom: 1;
}
#category dt a {
   display: block;
   padding: 6px 10px;
   text-decoration: none;
   font-weight:bold;
}
#category dd {
   overflow: hidden;
   border-bottom: 1px solid #ddd;
}
#category 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;
}
#category dd a {
   display: block;
   padding: 6px 8px 6px 37px;
   text-decoration: none;
}
#category dt a:hover,
#category dd a:hover {
   color: orange;
   text-decoration: underline;
}
/* add
----------------------*/
#ad p {
   margin-bottom: 1em;
}
/*-----------------------------------------
   footer
-----------------------------------------*/
#footer {
   clear: both;
   background-color: #f8f8f8;
   padding: 40px 0;
   background: url(../../img/ftbg.gif) repeat-x;
   position: relative;
}
#footer dl {
   position: absolute;
   top: 35px;
   right: 15px;
   text-align: right;
}
#footer dt {
   height: 0 !important;
   overflow: hidden;
}
#footer dd.tm {
   color: #12455f;
   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;
}
/*-----------------------------------------
   footer
-----------------------------------------
#footer {
   clear: both;
   background-color: #000;
   color: #fff;
}
#footerinline {
   clear: both;
   padding: 45px 0;
   color: #fff;
   behavior: url(lib/iefixed.htc);
   margin:0 auto;
   min-width: 770px;
   max-width: 950px;
   position: relative;
}
#footer dl {
   position: absolute;
   top: 35px;
   right: 15px;
   text-align: right;
}
#footer ul {
   display: inline;
   margin-left: 10px;
}
#footer li {
   display: inline;
   border-right: 1px solid #fff;
}
#footer li.lineout {
   border: none;
}
#footer a {
   color: #fff;
   margin: 0 8px 0 5px;
}
#footer p {
   margin: 3px 0  0 15px;
   color: #999;
   font-size: 10px;
}
*/