/* 共通
---------------------------------------------*/

#pankuzu{
        font-size:80%;
        margin:5px 0px 5px 20px;
}

#pankuzu_bottom{
        width:750;
}

#sub_menu{
  width: 750px;
  height: 41px;
  background : url(img/sub_menubar.gif);
}

#sub_menu02 a{
  display: block;
  float:left;
  width: 127px;
  height: 41px;
}

#sub_menu02 a:hover{
background : url(img/sub_menubar.gif) 0px -41px;
}

#sub_menu02a{
background : url(img/sub_menubar.gif) 0px -41px;
}

#sub_menu03 a{
  display: block;
  float:left;
  width: 140px;
  height: 41px;
}
#sub_menu03 a:hover{
background : url(img/sub_menubar.gif) -127px -41px;
}

#sub_menu04 a{
  display: block;
  float:left;
  width: 91px;
  height: 41px;
}
#sub_menu04 a:hover{
background : url(img/sub_menubar.gif) -267px -41px;
}

#sub_menu05 a{
  display: block;
  float:left;
  width: 125px;
  height: 41px;
}
#sub_menu05 a:hover{
background : url(img/sub_menubar.gif) -358px -41px;
}

#sub_menu06 a{
  display: block;
  float:left;
  width: 109px;
  height: 41px;
}
#sub_menu06 a:hover{
background : url(img/sub_menubar.gif) -483px -41px;
}

#sub_menu07 a{
  display: block;
  float:left;
  width: 88px;
  height: 41px;
}
#sub_menu07 a:hover{
background : url(img/sub_menubar.gif) -592px -41px;
}

#sub_menu08 a{
  display: block;
  float:left;
  width: 70px;
  height: 41px;
}
#sub_menu08 a:hover{
background : url(img/sub_menubar.gif) -680px -41px;
}

#sub_main{
   width:690px;
   font-size:90%;
   border:solid;
   margin-left:30px;
   margin-right:30px;
   margin-top:20px;
   border-width: 1px 1px 1px 1px;
   border-color:#ffffff;
}
.sub_message{
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  padding-bottom:0px;

}

.sub_midasi_message{
  padding-left : 20px;
  padding-top:10px;
  font-size: 80%;
}

#ul01{
   margin-bottom:50px;
   padding-bottom:50px;
}

#sub_top,
#sub_top_2{
   width:750px;
   font-size:90%;
   margin-top:0px;
   background-color:#FFFFFF;
}



#sub{
   width:600px;
   margin:0px 0px 0px 30px;
   border-width: 1px 1px 1px 1px;
}

#sub_sub_main{
   width:660px;
   font-size:90%;
   border:solid;
   margin-left:60px;
   margin-right:20px;
   margin-top:20px;
   border-width: 1px 1px 1px 1px;
   border-color:#ffffff;
}


#sub_sub_h2_message{
  margin-left: 0px;
  margin-bottom:30px;
}

.sub_sub_h3{
   width:620px;
   height:20px;
   font-size:110%;
   text-align:left;
   font-weight:bold;
   padding-left:20px;
   padding-top:4px;
   margin-top:10px;
   margin-left:20px;
   margin-bottom:10px;
   background-color:#EFEFEF;
   font-color:#EFEFEF;
}

.sub_sub_message{
   width:620px;
   font-size:90%;
   padding-left:40px;
   margin-bottom:50px;
}

#li0{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 0px;
  margin-bottom: 6px;
  list-style-image : url(img/list-00.gif);
}


#navigation{
 background : url(img/menu_top.gif) 0 -25px;
}
#navigation01 a:hover{
  background : url(img/menu_top.gif) 0px 0px;
}
#navigation02 a:hover{
  background : url(img/menu_top.gif) -107px 0px;
}
#navigation03 a:hover{
  background : url(img/menu_top.gif) -214px 0px;
}
#navigation04 a:hover{
  background : url(img/menu_top.gif) -321px 0px;
}
#navigation05 a:hover{
  background : url(img/menu_top.gif) -428px 0px;
}
#navigation06 a:hover{
  background : url(img/menu_top.gif) -535px 0px;
}
#navigation07 a:hover{
  background : url(img/menu_top.gif) -642px 0px;
}


/* ホームページ作成
---------------------------------------------*/

#sub_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#FFD86C;
   background-color:#FFD86C;
}

.sub_photo{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width : 1px;
  border-style : solid;
  border-color : #FB9901;
  float:left;
}

.sub_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #FFD86C;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #FFD86C;
  background-position: bottom;
}

.li01{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-01.gif);
}

#sub_sub_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #F2C051;
  background-position: bottom;
}


/* 人材派遣
---------------------------------------------*/

#sub02_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#BFFF6C;
   background-color:#BFFF6C;
}


#sub02_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 0px;
  margin-bottom: 10px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #BFFF6C;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #BFFF6C;
  background-position: bottom;
}

.li02{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-02.gif);
}

#sub_sub02_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #B2F251;
  background-position: bottom;
}

/* 講習会
---------------------------------------------*/

#sub03_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#FFC6D0;
   background-color:#FFC6D0;
}

.sub03_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #FFC6D0;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #FFC6D0;
  background-position: bottom;
}

.li03{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-03.gif);
}

.sub03_photo{

  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width : 1px;
  border-style : solid;
  border-color : #FD5395;
  float:left;
}

#sub_sub03_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #FFB6C3;
  background-position: bottom;
}


/* 情報通信設備設計施工
---------------------------------------------*/

#sub04_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#AAEFFF;
   background-color:#AAEFFF;
}

.sub04_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #AAEFFF;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #AAEFFF;
  background-position: bottom;
}

.li04{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-04.gif);
}

.sub04_photo{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width : 1px;
  border-style : solid;
  border-color : #28B3D2;
  float:left;
}

#sub_sub04_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #84E8FF;
  background-position: bottom;
}


/* その他のページ
---------------------------------------------*/

#sub05_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#76C1FF;
   background-color:#76C1FF;
}

#sub05_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #76C1FF;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #76C1FF;
  background-position: bottom;
}

.li05{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-05.gif);
}

.sub05_photo{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width : 1px;
  border-style : solid;
  border-color : #279CFF;
  float:left;
}

#sub_sub05_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #60ADED;
  background-position: bottom;
}


/* レンタルサーバ
---------------------------------------------*/

#sub06_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#FEFC76;
   background-color:#FEFC76;
}

.sub06_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #FEFC76;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #FEFC76;
  background-position: bottom;
}

.li06{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-06.gif);
}

.sub06_photo{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width : 1px;
  border-style : solid;
  border-color : #D8B906;
  float:left;
}

#sub_sub06_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #F0EF47;
  background-position: bottom;
}


/* オフィスサプライ
---------------------------------------------*/

#sub07_h1{
   width:722px;
   height:25px;
   font-size:130%;
   font-weight:bold;
   vertical-align:middle;
   border:solid;
   padding-top:10px;
   padding-left:20px;
   margin-top:30px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   border-color:#E8FF8C;
   background-color:#E8FF8C;
}

.sub07_midasi{
  padding-top : 3px;
  font-weight:bold;
  padding-bottom : 2px;
  padding-left : 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #E8FF8C;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #E8FF8C;
  background-position: bottom;
}

.li07{
  padding: 2px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 6px;
  list-style-image : url(img/list-07.gif);
}

.sub07_photo{

  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width : 1px;
  border-style : solid;
  border-color : #A4D608;
  float:left;
}

#sub_sub07_h2{
   width:660px;
  font-weight:bold;
  font-size:120%;
  padding-top : 3px;
  margin-bottom : 8px;
  font-weight:bold;
  padding-bottom : 2px;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #CCE761;
  background-position: bottom;
}


/* オフィスサプライ
---------------------------------------------*/

.li_s{
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: -25px;
  margin-bottom: 5px;
  list-style-image : url(img/list-04.gif);
}

.ul_s{
  padding-bottom: -5px;
  margin-top: 5px;
  margin-bottom: 0px;
}
