html{
    font-size:62.5%;
}

header,body,p,a,li,div,article,span,h1,footer{
    font-size:2.0rem;
    font-weight:normal;
}

a{
    text-decoration:none;
}

li{
    list-style-type:none;
}

#header {
    display:none;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #eeeeee;
    position: fixed;
}

.top00{
    width:1000px;
    background-color:#eeeeee;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

.logo {
    width: 250px;
    height:60px;
    float: left;
    background-color: #eeeeee;
}

a_button {
      display: inline-block;
      border-style: solid;
      background-color: #cccccc;
      border-width:1px;
      border-color: #aaaaaa;
      color: black;
      font-weight: bold;
      margin-right:20px;
}

.search {
    float: right;
    margin-top:10px;
    margin-right:20px;
}

.headbase {
    width: 1000px;
    margin-top:70px;
    margin-bottom:10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #eeeeee;
}

.p1 {
    width: 800px;
    margin-top:10px;
    margin-bottom:10px;
    color: #0000ff;
    font-size:3.0rem;
    text-align:center;
    background-color:#eeeeee;
    margin-left:100px;
    margin-right:100px;
}
.company {
    width: 1000px;
    background-color: #eeeeee;
    
}

/* -------------------------- */
/* ▼メインメニュー項目 */
/* -------------------------- */

ul.ddmenu {
   margin-left:30px;
   padding: 0px 0px 0px 10px; 
   background-color: #eeeeee; 
}

/*li{
    list-style-type: none;
    
}*/

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */

ul.ddmenu li {
   width: 150px;          
   display: inline-block; 
   position: relative;    
    
}

ul.ddmenu a {
   background-color: #ddffff; 
   line-height: 40px;         
   text-align: center;        
   text-decoration: none;     
   display: block;            
}

ul.ddmenu a:hover {
   background-color: #ffffff; 
   color: #0000ff;            
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         
   margin-left:10px;
   padding: 0px;        
   display: none;       
   position: absolute;  
   text-align:center;
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
   width: 150px;               
   border-top: 1px solid pink; 
   text-align:center;
}
ul.ddmenu ul li a {
   line-height: 35px;     
   text-align: center;    
   padding-left: 5px;     
   font-weight: normal;   
}
ul.ddmenu ul li a:hover {
   background-color: #ffff80; 
   color: #005500;            
}
a {
    /*text-decoration: none;*/
    color: #000000;
}

/*--------------------------------------------*/

body {
    width: 100%;
    background-color: #ddffff;
}

.b00 {
    background-color: #ffffff;
    width: 1000px;
    clear:left;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}
/*----------------------------------------------*/

/* Index*/

.home{
    width:100%;
    background-color:#ffffff;
}

.home00{
    width:1000px;
    margin-top:180px;
}

.home01{
    width:800px;
    padding-top:10px;
    font-size:3.0rem;
    /*font-weight:normal;*/
    color:#0000ff;
    margin:0 0 10 0;
    text-align:left;
    background-color:#ffffff;
}

.home02{
    width:940px;
    /*font-size:20px;
    font-weight:normal;*/
    /*margin-top:20px;*/
    margin-left:30px;
    margin-right:30px;
    padding-top:5px;
}

.home02 a:hover {
   background-color: #ffffff; 
   color: #0000ff;            
}


span{
    color:#0000ff;
    /*font-size:20px;*/
}

.home03{
    font-size:3.0rem;
    /*font-weight:normal;*/
    color:#0000ff;
    margin:0 30 10 10;
    padding-left:0px;
    text-align:left;
    background-color:#ffffff;
}

.home04{
    /*font-size:20px;*/
    /*font-weight:normal;*/
    color:#000000;
    margin-left:45px;
    margin-top:20px;
}

/*==============================================*/
/*会社概要*/

.profile00{
    width:1000px;
    margin-top:180px;
    background-color:#ffffff;
    border:solid 2px #ffffff;
}

.profile01{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    font-size:3.0rem;
    text-align:center;
    color:#0000ff;
    background-color:#ffffff;
}
/*
.profile10{
    width:200px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:100px;
    float:left;
    background-color:#ffffff;
    color:#0000ff;
}

.profile11{
    width:595px;
    margin-top:10px;
    margin-bottom:10px;
    float:left;
    background-color:#ffffff;
    color:#000000;
    
}
.profile110{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0px;
    color:#000000;
}

.profile02{
    width:800px;
    font-size:2.5rem;
    margin-top:20px;
    margin-left:100px;
    padding:0px;
    color:#0000ff;
    background-color:#ffffff;
    border:solid 2px #ffffff;
    clear:left;
    float:left;
}

.profile021{
    width:800px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:100px;
    margin-right:100px;
    color:#000000;
    
}
*/
.profile-tbl{
    width:800px;
    margin-top:40px;
    margin-bottom:40px;
    margin-left:auto;
    margin-right:auto;
}

th{
    width:160px;
    margin:0px 0px;
    font-weight:normal;
    background-color:#ccccee;
    border-bottom:dotted #666666 1px;
}

td{
    padding:10px;
    font-weight:normal;
    background-color:#eeeeff;
    border-bottom:dotted #666666 1px;
}

/*会社概要end*/
/*================================================*/

/*================================================*/
/*会社地図*/

.map{
    width:1000px;
    height:1200px;
    margin-top:180px;
    background-color:#ffffff;
}

.map00{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    padding-top:50px;
    padding-bottom:30px;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
    color:#0000ff;
    background-color:#ffffff;
}

.map01{
    width:800px;
    height:auto;
    margin-left:100px;
    margin-right:100px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    /*font-size:20px;
    font-weigth:normal;*/
    background-color:#ffffff;
    text-align:left;
}
.map10{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
}

.map11{
    width:500px;
    margin-left:150px;
    margin-right:150px;
    display:block;
    float:left;
}

/*================================================*/

/*================================================*/
/*沿革*/

.history{
    width:1000px;
    height:800px;
    margin-top:180px;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
}

.history00{
    width:800px;
    padding-top:30px;
    padding-bottom:30px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.history01{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    /*font-size:20px;
    font-weight:normal;*/
    text-align:left;
    padding-left:10px;
    
}

/*沿革end*/
/*===================================================*/

/*===================================================*/
/* 決算公示*/

.bs{
    width:1000px;
    margin-top:180px;
    background-color:#eeffff;
}

.bs00{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    padding-top:10px;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.bs01{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    
}

/*===================================================*/

.header1 {
    width:1000px;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
}

.table00{
    width:800px;
    border-collapse: collapse;
    border:2px solid #6565FF;
    background-color:#FFFFFF;
    color:#000000;
    text-align:left;
}
.tabletytle{
    border:2px solid #6565FF;
    background-color:#D7F1F8;
    color:#000000;
    text-align:center;
    width:200px;
}
.tdata{
    border:2px solid #6565FF;
    text-align:left;
}

/*=========================================*/

/*参画商社*/

.shousha{
    width:1000px;
    margin-top:180px;
    height:800px;
    background-color:#ffffff;
}
.shousha00{
    width:800px;
    padding-top:20px;
    margin-left:100px;
    margin-right:100px;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}
.shousha01{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    /*font-size:20px;
    font-weight:normal;*/
    text-align:left;
}

.s000{
    width:910px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}

.s100{
    width:300px;
    padding:0 0 0 0;
    /*font-size:2.5rem;*/
    float:left;
}
.shousha11{
    width:300px;
    height:40px;
    border-radius:10px;
    border:solid 1px #000000;
    padding-top:10px;
    font-size:2.5rem;
    margin-top:10px;
    margin-bottom:10px;
    float:left;
    background-color: #33ffff;
    text-align:center;
}

.shousha11 a:hover {
   background-color: #33ffff; 
   color: #0000ff;            
}

.shousha12{
    width:300px;
    padding:0 0 0 0;
    margin-top:8px;
    margin-bottom:8px;
    clear:left;
    float:left;
    color:#0000ff;
    background-color:#ffffff;
    text-align:center;
}
.shousha12 a{
    font-size:1.6rem;
}

.shousha12 a:hover {
   background-color: #ffffff; 
   color: #0000ff;            
}

/*参画商社*/
/*====================================================*/

/*位置づけ*/

.position {
    width: 1000px;
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}

.position00{
    width:700px;
    padding-top:20px;
    padding-bottom:20px;
    margin-left:150px;
    margin-right:150px;
    background-color:#ffffff;
    color:#000000;
    /*font-size:20px;
    font-weight:normal;*/
}

/*========================================================*/

/*全体概念*/

.ground{
    width: 1000px;
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}
.ground00{
    width:700px;
    padding-top:20px;
    padding-bottom:20px;
    margin-left:150px;
    margin-right:150px;
    background-color:#ffffff;
    color:#000000;
    /*font-size:20px;
    font-weight:normal;*/
}


/*=========================================================*/

/* システム主な特色*/

.function0{
    width:1000px;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
}

.function00{
    width:800px;
    padding-top:20px;
    margin-left:auto;
    margin-right:auto;
    color:#0000ff;
    background-color:#ffffff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.function10{
    width:800px;
    padding-top:20px; 
    padding-bottom:20px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    color:#000000;
    /*font-size:20px;
    font-weight:normal;*/
}

.function01{
    width:430px;
    border:solid 1px #000000;
    background-color:#ffffff;
    padding-left:0px;
    height:65px;
    /*font-size:20px;
    font-weight:normal;*/
    margin-left:20px;
    clear:left;
    float:left;
}
.function02{
    width:525px;
    height:65px;
    border:solid 1px #000000;
    background-color:#ffffff;
    padding-left:0px;
    margin-right:20px;
    float:left;
    color:#0000ff;
    /*font-size:20px;
    font-weight:normal;*/
}
/*システム主な機能end*/
/*========================================================*/

/*システム画面イメージ*/

.monitor100{
    width:1000px;
    background-color:#ffffff;
    float:left;
}

.monitor101{
    padding-top:50px; 
    margin-left:auto; 
    margin-right:auto;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.monitor102{
    width:800px;
    padding-top:20px; 
    padding-bottom:20px;
    margin-left:100px;
    margin-right:100px;
    color:#000000;
    /*font-size:20px;
    font-weight:normal;*/
    text-align:center;
}

/*システム画面イメージend*/
/*===========================================================*/


/*===========================================================*/
/*メーカー品種*/
.maker{
    width:1000px;
    height:auto;
    margin-top:180px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
}

.maker00{
    width:800px;
    padding-top:30px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}
.maker01{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#ffffff;
    color:#0000ff;
    /*font-size:20px;
    font-weight:normal;*/
    text-align:center;
}

/*.maker10{
    width:300px;
    border:solid 1px #000000;
    color:#0000ff;
    background-color:#33ffff;
    margin-left:118px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:2.5rem;
    text-align:center;
    float:left;
}
.maker11{
    width:460px;
    border-top:solid 1px #000000;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
    color:#0000ff;
    background-color:#33ffff;
    margin-right:118px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:2.5rem;
    text-align:center;
    float:left;
}
.maker101{
    width:300px;
    border-left:solid 1px #000000;
    border-bottom:solid 1px #000000;
    color:#000000;
    background-color:#ffffff;
    margin-left:118px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:1.8rem;
    text-align:left;
    clear:left;
    float:left;
}
.maker101 a{
    width:300px;
    color:#000000;
    background-color:#ffffff;
    margin-left:18px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:1.8rem;
    text-align:left;
}

.maker101 a:hover {
   background-color: #ffffff; 
   color: #0000ff;            
}

.maker111{
    width:460px;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
    color:#000000;
    background-color:#ffffff;
    margin-right:118px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:1.8rem;
    text-indent:2rem;
    text-align:left;
    float:left;
}*/

.maker-tbl{
    width:900px;
    margin-top:5px;
    margin-bottom:40px;
    margin-left:auto;
    margin-right:auto;
}
.maker-tbl th{
    width:340px;
    margin:0px 0px;
    padding-left:10px;
    font-weight:normal;
    background-color:#ccccee;
    border-bottom:dotted #666666 1px;
    text-align:left;
}

.maker-tbl th a:hover {
   background-color: #ccccee; 
   color: #0000ff;            
}

td{
    padding:10px;
    font-weight:normal;
    background-color:#eeeeff;
    border-bottom:dotted #666666 1px;
}


/*==========================================================*/

/*==========================================================*/
/*ベンダー一覧*/
.vender{
    width:1000px;
    margin-top:180px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
}

.vender00{
    width:800px;
    padding-top:30px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

/*.vender10{
    width:300px;
    height:280px;
    border:solid 1px #000000;
    color:#0000ff;
    background-color:#ffffff;
    margin-left:118px;
    padding-top:5px;
    text-align:center;
    float:left;
}

.vender11{
    width:480px;
    height:280px;
    border:solid 1px #000000;
    color:#0000ff;
    background-color:#ffffff;
    padding-left:10px;
    padding-top:5px;
    font-size:1.8rem;
    text-align:left;
    float:left;
}

.vender20{
    width:300px;
    height:100px;
    border:solid 1px #000000;
    color:#0000ff;
    background-color:#ffffff;
    margin-left:118px;
    padding-top:5px;
    text-align:center;
    clear:left;
    float:left;
}
.vender12{
    width:480px;
    height:100px;
    border:solid 1px #000000;
    color:#0000ff;
    background-color:#ffffff;
    padding-left:10px;
    padding-top:5px;
    font-size:1.8rem;
    text-align:left;
    float:left;
}*/

.vender-tbl{
    width:900px;
    margin-top:40px;
    margin-bottom:40px;
    margin-left:auto;
    margin-right:auto;
}

.vender-th{
    width:250px;
    margin:0px 0px;
    font-weight:normal;
    background-color:#ccccee;
    border-bottom:dotted #666666 1px;
}

td{
    padding:10px;
    font-weight:normal;
    background-color:#eeeeff;
    border-bottom:dotted #666666 1px;
}



/*==========================================================*/
/*==========================================================*/
/* qestion */
.qes{
    width:1000px;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
    background-color:#eeffff;
}

.qes00{
    width:800px;
    padding-top:30px;
    padding-bottom:30px;
    margin-left:100px;
    margin-right:100px;
    background-color:#eeffff;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.qes10{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    background-color:#eeffff;
    font-size:2.5rem;
}

.qes11{
    width:780px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:20px;
    padding-left:20px;
    font-size:2.5rem;
    float:left;
}

.qes12{
    width:780px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:20px;
    padding-left:20px;
    font-size:2.5rem;
    float:left;
}

.qes12 a:hover {
   background-color: #ffffff; 
   color: #0000ff;            
}




/*==========================================================*/
/* news */

.news{
    width:1000px;
    height:auto;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
}

.news00{
    width:800px;
    padding-top:30px;
    padding-bottom:30px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.news10{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    background-color:#ffffff;
    /*font-size:20px;
    font-weight:normal;*/
    color:#0000ff;
    text-align:left;
    
}
.news11{
    width:780px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:20px;
    color:#000000;
}
/*==========================================================*/
/* guide */

.guide{
    width:1000px;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
    background-color:#eeffff;
}

.guide00{
    width:800px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:100px;
    margin-right:100px;
    background-color:#eeffff;
    color:#0000ff;
    font-size:3.0rem;
    /*font-weight:normal;*/
    text-align:center;
}

.guide01{
    width:800px;
    margin-left:100px;
    margin-right:100px;
    background-color:#eeffff;
    /*font-size:20px;
    font-weight:normal;*/
    color:#0000ff;
    text-align:left;
    padding-top:20px;
    padding-bottom:20px;
    
}
.guide10{
    width:700px;
    margin-left:0px;
    float:left;
}
.guide20{
    width:300px;
    margin-left:0px;
    float:left;
}
.guide21{
    width:300px;
    float:left;
    font-size:1.5rem;
    /*font-weight:normal;*/
    color:#000000;
}

.guide22{
    color:#ff0000;
}


/*==========================================================*/
/*==========================================================*/
/*フッター編集*/

#footer {
    display:none;
    width: 100%;
    background-color: #ffffff;
    left: 0px;
    clear: both;
}

.fphoto{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.enter,.top{
    ffloat:left
}
.f00 {
    width: 100%;
    background-color: #eeeeee;
    margin-left: auto;
    margin-right: auto;
}

.fbc {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.f01 {
    width: 800px;
    padding-left: 0px;
    padding-top:20px;
    /*font-size:20px;
    font-weight:normal;*/
    display: flex;
}

.fl0 {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.fl0 a:hover {
   background-color: #eeeeee; 
   color: #0000ff;            
}


.fli {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-left: solid 1px #000000;
    text-align: center;
}

.fli a:hover {
   background-color: #eeeeee; 
   color: #0000ff;            
}

.fp02 {
    width: 800px;
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
}