@charset "shift_jis";

* {
  margin : 0px; 
  padding : 0px; 
  list-style  :none;
}

body{
  color : #333333; 
  background : #FFFFFF url(/images/background.gif) repeat left top; 
  font-size : 12px;
  font-weight : nomal;
  line-height : 20px;
}

h1{
  font-size : 1px; 
  font-weight : nomal; 
  line-height : 0px; 
  margin : 0px; 
  color : White;
}
h2{
  font-size : 1px; 
  font-weight : nomal; 
  line-height : 0px; 
  margin : 0px; 
  color : White;
}
h3{
  font-size : 1px; 
  font-weight : nomal; 
  line-height : 0px; 
  margin : 0px; 
  color : White;
}
img{
  border : 0px;
}

img.title{
  border : 0px;
  margin-bottom : 20px;
  width : 560px;
}

a:link, a:visited, a:active{
  text-decoration:none; 
  color:#CC0000;
}
a:hover {
  text-decoration:none; 
  color:#FF0000;
}

table{
  font-size : 12px;
  font-weight : nomal;
  line-height : 20px;
}

/*ALL
-----------------------------------------------------*/
#all{
  width : 100%;
  margin : 0px;
  text-align : center;
}

.space{
  float : left;
  width : 100%;
  height : 10px;
  margin : 0px;
  font-size : 10px;
  line-height : 10px;
}

.space2{
  float : left;
  width : 100%;
  height : 20px;
  margin : 0px;
  clear : both;
}

.space3{
  float : left;
  width : 100%;
  height : 50px;
  margin : 0px;
}

.mini-title{
  float : left;
  width : 360px;
  height : 21px;
  margin-right : 20px;
  margin-bottom : 10px;
  border-left : 10px solid #6395DE;
  border-bottom : 1px solid #6395DE;
  padding-top : 2px;
  padding-left : 10px;
  color : #6395DE;
  font-weight : bold;
  font-size : 14px;
}

/* WRAPPING
---------------------------------------------------- */

#wrapping{
  width : 890px; 
  margin : 0 auto 0 auto; 
  padding : 0px; 
  background : url(/images/wrapping-background.jpg) repeat-y; left top
}

/*HEADER
----------------------------------------------------*/


#header{
  width : 870px;
  height : 126px;
  margin :0px 10px 0px 10px;
  background : url(/images/header.jpg) no-repeat left top;
  text-align : left;
}

.header-top{
  float : left;
  width : 870px;
  height : 20px;
  margin : 0px;
  text-align : left;
  color : White;
  font-weight : bold;
  background : url(/images/header-top-back.jpg) no-repeat left top;
}

/*NAVI
---------------------------------------------------*/
#navi{
  width : 870px;
  height : 39px;
  margin : 0px 10px 0px 10px;
  text-align : left;
  background : url(/images/navi-bottom-shadow.jpg) no-repeat left bottom;
}

.navi-left{
  float : left;
  width : 10px;
  height : 39px;
  margin : 0px;
  font-size : 10px;
}

.navi-right{
  float : right;
  width : 10px;
  height : 39px;
  margin : 0px;
  font-size : 10px;
}

.navi-button-left{
  float : left;
  width : 150px;
  height : 39px;
  margin : 0px;
}

.navi-button{
  float : left;
  width : 135px;
  height : 39px;
  margin : 0px;
}

.navi-button-right{
  float : left;
  width : 150px;
  height : 39px;
  margin : 0px;
}

.navi-button-space{
  float : left;
  width : 2px;
  height : 39px;
  margin : 0px;
}

/*MAIN
---------------------------------------------------*/
#main{
  width : 850px;
  margin : 0px 20px 0px 20px;
  background : url();
  text-align : left;
}

#sub-main1{
  width : 850px;
  margin : 0px 20px 0px 20px;
  background : url();
  text-align : left;
}

/*LEFTSIDE
--------------------------------------------------*/
#leftspace{
  float : left;
  width : 10px;
  height : 100%;
  margin : 0px;
  font-size : 10px;
}

#leftside{
  float : left;
  width : 230px;
  height : 100%;
  margin-top : 10px;
  text-align : center;
}

.leftside-buttonspace{
  float : left;
  width : 230px;
  height : 700px;
  margin-top : 12px;
  padding-bottom : 8px;
  background : url(/images/left-button-back.gif) repeat left top;
}

.left-navi{
  float : left;
  width : 230px;
  margin-top : 12px;
}

/*RIGHTSIDE
--------------------------------------------------*/
#rightspace{
  float : left;
  width : 30px;
  height : 100%;
  margin : 0px;
  font-size : 10px;
}

#rightside{
  float : right;
  width : 590px;
  height : 100%;
  margin-top : 10px;
  text-align : left;
}

.title-space{
  float : left;
  width : 100%;
}

.frame{
  float : right;
  width : 560px;
  margin : 0px 10px 0px 20px;
}

.blue-line{
  float : left;
  width : 100%;
  height : 1px;
  margin : 3px 0 8px 0;
  background : url(/images/blue-line.gif) repeat-y left top;
  font-size : 1px;
  line-height : 1px;
}

.what_new{
  float : left;
  width : 590px;
  height : 120px;
  margin-top : 10px;
  background : url(/images/what_new-back.gif) repeat-y left top;
}

.what_new-bottom{
  float : left;
  width : 590px;
  height : 10px;
  margin-bottom : 20px;
  background : url(/images/what_new-bottom.gif) no-repeat left top;
  font-size : 10px;
  line-height : 10px;
}
/*CONTENTS
--------------------------------------------------*/
.contents-box{
  float : left;
  width : 586px;
  height : 370px;
  border : 2px solid #5C8DD9;
}

.box{
  float : left;
  width : 130px;
  height : 170px;
  margin-right : 8px;
  margin-left : 8px;
  background : #5C8DD9 url();
}

/*FOOTER
--------------------------------------------------*/
#footer{
  width : 870px;
  height : 20px;
  margin : 0px 10px 0px 10px;
  background : url(/images/header-top-back.jpg) no-repeat left top;
  text-align : center;
}

/*PRODUCT
-------------------------------------------------*/
.product-title{
  float : left;
  width : 570px;
  height : 21px;
  margin-right : 20px;
  margin-bottom : 10px;
  border-left : 10px solid #6395DE;
  border-bottom : 1px solid #6395DE;
  padding-top : 2px;
  padding-left : 10px;
  color : #6395DE;
  font-weight : bold;
  font-size : 14px;
}

.product-text{
  float : right;
  width : 560px;
  height : 240px;
  margin : 0px;
  line-height : 18px;
  text-align : left;
}

.photo-box{
  float : left;
  width : 154px;
  margin-right : 15px;
  margin-left : 15px;
  padding-top : 2px;
  padding-bottom : 2px;
  text-align : center;
  border : 1px solid #CCCCCC;
}

/*COMPANY
-----------------------------------------------------------------*/
.greeting-left{
  float : left;
  width : 360px;
  height : 220px;
  margin : 0px;
  line-height : 18px;
}

.greeting-photo{
  float : right;
  width : 200px;
  height : 220px;
  margin : 0px;
}

.point-left{
  float : left;
  width : 420px;
  height : 120px;
  margin : 10px 0 0 0;
  line-height : 16px;
}

.point-photo{
  float : right;
  width : 150px;
  height : 120px;
  margin : 10px 0 0 0;
}

.company{
  float : left;
  width : 574px;
  height : 520px;
  margin : 10px 0 0 0;
  padding-left : 16px;
  line-height : 18px;
  background : url(/company/images/gaikan.jpg) no-repeat right bottom;
}

.mini-title2{
  float : left;
  width : 400px;
  height : 20px;
  margin : 0 0 2px 0;
  padding-top : 2px;
  padding-left : 20px;
  color : #666666;
}

.text{
  float : left;
  width : 380px;
  margin : 0px;
  padding-left : 40px;
}

/*TECHNICAL
------------------------------------------------------------------------*/
.tech-title{
  float : left;
  width : 360px;
  height : 21px;
  margin-bottom : 10px;
  border-left : 10px solid #6395DE;
  border-bottom : 1px solid #6395DE;
  padding-top : 2px;
  padding-left : 10px;
}


.tech-left{
  float : left;
  width : 380px;
  height : 160px;
  margin : 0px;
  text-align : left;
  line-height : 16px;
}

.tech-right{
  float : right;
  width : 180px;
  height : 160px;
  margin : 0px;
}


.tech-box{
  width : 586px;
  height : 630px;
  margin : 0px;
  border-right : 2px solid #789FCB;
  border-left : 2px solid #789FCB;
  background : url(/technical/images/box-image.gif) no-repeat left top;
}

.techbox-top{
  float : left;
  width : 165px;
  height : 200px;
  margin : 0px;
  padding-left : 420px;
  line-height : 12px;
  color : #666666;
  font-size : 11px;
}

.techbox-center{
  float : left;
  width : 586px;
  height : 290px;
  margin : 0px;
}

.techbox-bottom{
  float : left;
  width : 278px;
  margin : 0px;
  padding-left : 15px;
  line-height : 12px;
  color : #666666;
  font-size : 11px;
}

.techbox-bottom-right{
  float : left;
  width : 278px;
  margin : 0px;
  padding-left : 15px;
  line-height : 12px;
  color : #666666;
  font-size : 11px;
}

/*ORDER
---------------------------------------------------------------------*/
.order-left{
  float : left;
  width : 295px;
  padding : 0px;
  margin-bottom : 20px;
  text-align : center;
}

.order-right{
  float : right;
  width : 295px;
  padding : 0px;
  margin-bottom : 20px;
  text-align : center;
}

/*7TH
----------------------------------------------------------------------*/
.seventh-left{
  float : left;
  width : 380px;
  height : 160px;
  margin : 0px;
  line-height : 16px;
}

.seventh-right{
  float : right;
  width : 180px;
  height : 160px;
  margin : 0px;
  text-align : right;
}

.mini-title3{
  float : left;
  width : 405px;
  height : 21px;
  margin : 0px;
  border-left : 10px solid #6395DE;
  border-bottom : 1px solid #6395DE;
  padding-top : 2px;
  padding-left : 5px;
}

.index2-left{
  float : left;
  width : 128px;
  height : 50px;
  margin : 0px;
}

.index2-right{
  float : right;
  width : 440px;
  margin : 0px;
  height : 50px;
  line-height : 16px;
}

.index4space1{
  float : left;
  width : 70px;
  height : 221px;
  margin : 0px;
}

.index4space2{
  float : right;
  width : 70px;
  height : 221px;
  margin : 0px;
}

.index4space3{
  float : left;
  width : 70px;
  height : 30px;
  margin : 0px;
}

.index4space4{
  float : right;
  width : 70px;
  height : 30px;
  margin : 0px;
}

.index4photo{
  float : left;
  width : 188px;
  margin : 0px;
  height : 217px;
  text-align : center;
  border : 1px solid #cccccc;
  padding-top : 3px;
}

.index4images{
  float : left;
  width : 190px;
  height : 30px;
  margin : 0px;
}

.index6-left{
  float : left;
  width : 150px;
  height : 105px;
  margin : 0px;
}

.index6-right{
  float : right;
  width : 420px;
  margin : 0px;
  height : 105px;
  line-height : 16px;
}

/*FAQ
-----------------------------------------------------------------*/
.faq-q{
  float : right;
  width : 560px;
  height : 32px;
  margin-bottom : 12px;
  padding-top : 5px;
  text-align : left;
  background : url(/faq/images/question.gif) no-repeat left bottom;
  color : #4A7DD1;
  font-weight : bold;
  font-size : 13px;
}

.faq-a{
  float : right;
  width : 540px;
  margin-bottom : 25px;
  text-align : left;
  color : #7DAADB;
  line-height : 18px;
}
/*SUBPAGE
-----------------------------------------------------------------*/
.title{
  float : left;
  width : 590px;
  border-top : 3px solid #0A50A1;
  border-bottom : 3px solid #0A50A1;
  padding-top : 8px;
  padding-bottom : 10px;
  margin-bottom : 15px;
}

.sub-text{
  float : right;
  width : 560px;
  margin-bottom : 80px;
  text-align : left;
}