@charset "Shift_JIS";

/*ボディ*/
body { margin:0; background-image: url(../img/bg1.gif) ; color:#666666;background-repeat:repeat-x;font-size:12pt;}



img {border:none;}


/*センタリング*/
div,table  { margin-left:auto;margin-right:auto;text-align:left;  }



/*コンテンツ*/
#content { width:750px; background-color:#ffffff; 
          border-left: solid 1px #cccccc; border-right: solid 1px #cccccc;border-bottom: solid 1px #cccccc; 
}

/*ヘッダー*/
.header  {width:750px;  height: 70px;  background-color:#ccffff; background-image:url(../img/header.gif);
          background-repeat: no-repeat;
}

/*ヘッダー内チェンジスクリプト*/
.js   { text-align : right;  }


h1        {font-size: 80%; text-align : right ; color :#3366cc;float:left;width:675px;
              margin:0;  font-weight: 400;   padding-top:7px;margin-bottom:5px;text-decoration : none;   }
h1 a  {text-decoration : none;color :#3366cc;}

.naviskip  {float:right; font-size:80%; padding-top:7px; }


h2        {  font-size: 90%; text-align : left ; 
             background-image: url(../img/h2.gif) ; margin:0; padding:3px; }


h3,h4        {  font-size: 90%; text-align : center;color :#000099; 
              margin:0; background-image: url(../img/h3.gif);  margin:0;  padding-bottom:3px;
              padding-top:3px;  }


h5        {  font-size: 90% ; text-align : center; color :#3d5963; 
              margin:0;   margin-top:10px;  padding-bottom:3px;
              padding-top:3px; background-color: #cccccc; }

h6        {  font-size: 90% ; text-align : center; color :#3d5963;
              margin:0; margin-top:23px;  padding-bottom:3px;
              padding-top:3px; background-color: #cccccc; }

p          { font-size: 90% ;line-height :1.7em;  padding:5px;}
.p2        {  font-size: 95% ;line-height :1.5em; margin:0; font-weight: bold; color :#000099;}
/*topics内フォント*/
.p3       { font-size: 85%;line-height: 1.3em; border-bottom: dotted 1px  #cccccc; padding-top:2px; margin-top:2px;}

/*制作フロー内フォント*/
.p5    { font-weight: bold;}


/*スパン文字*/

/*spanアンダーライン*/
.u        {color:#666666; text-decoration: underline; }

ul   {font-size: 90% ;line-height :1.7em;}



strong      {font-size: 95%;line-height :1.7em; ;color:#dd6731;  }



/*サイトマップ・プライバシー*/
.sitemap {  background-image: url(../img/h3.gif);text-align:right ;
           font-size: 70%;padding-right:12px; padding-top:4px; padding-bottom:4px;  }



/*グローバルナビゲーション*/
.navi{                                           
      width : 697px;  height : 40px;                   
      margin-top:10px;
}  
.naviul   {  list-style : none;   text-align:center; padding : 0; margin : 0;}


/*ナビゲーションボタンm1*/
.m1 {  width : 116px;   float:left;  }
.m1 a {  font-size:90%;color:#666666;    
  display:block;  
  width:116px;                   
  height : 40px;                   
  background-image:url(../img/home-off.gif);  
  background-repeat : no-repeat;  
  text-decoration : none;  
  font-weight: bold;
  line-height : 200%;  /*テキストの位置を調整*/
}
            
.m1 a:hover{  
  background-image:url(../img/home-on.gif);   
  background-repeat : no-repeat;   
  color:#3300ff; 
  line-height : 200%; /*テキストの位置を調整*/
}


/*ナビゲーションボタンm2*/
.m2   {  width : 116px;   float:left; }
.m2 a {  font-size:90%;color:#666666;    
  display:block;  
  width:116px;                   
  height : 40px;                   
  background-image:url(../img/seo-off.gif);  
  background-repeat : no-repeat;  
  text-decoration : none;  
  font-weight: bold;
  line-height : 200%;  /*テキストの位置を調整*/
}
            
.m2 a:hover{  
  background-image:url(../img/seo-on.gif);   
  background-repeat : no-repeat;   
  color:#3300ff; 
  line-height : 200%; /*テキストの位置を調整*/
}


/*ナビゲーションボタンm3*/
.m3   {  width : 116px;   float:left; }
.m3 a {  font-size:90%;color:#666666;    
  display:block;  
  width:116px;                   
  height : 40px;                   
  background-image:url(../img/price-off.gif);  
  background-repeat : no-repeat;  
  text-decoration : none;  
  font-weight: bold;
  line-height : 200%;  /*テキストの位置を調整*/
}
            
.m3 a:hover{  
  background-image:url(../img/price-on.gif);   
  background-repeat : no-repeat;   
  color:#3300ff; 
  line-height : 200%; /*テキストの位置を調整*/
}


/*ナビゲーションボタンm4*/
.m4   {  width : 116px;   float:left; }
.m4 a {  font-size:90%;color:#666666;    
  display:block;  
  width:116px;                   
  height : 40px;                   
  background-image:url(../img/recruit-off.gif);  
  background-repeat : no-repeat;  
  text-decoration : none;  
  font-weight: bold;
  line-height : 200%;  /*テキストの位置を調整*/
}
            
.m4 a:hover{  
  background-image:url(../img/recruit-on.gif);   
  background-repeat : no-repeat;   
  color:#3300ff; 
  line-height : 200%; /*テキストの位置を調整*/
}


/*ナビゲーションボタンm5*/
.m5   {  width : 116px;   float:left; }
.m5 a {  font-size:90%;color:#666666;    
  display:block;  
  width:116px;                   
  height : 40px;                   
  background-image:url(../img/contact-off.gif);  
  background-repeat : no-repeat;  
  text-decoration : none;  
  font-weight: bold;
  line-height : 200%;  /*テキストの位置を調整*/
}
            
.m5 a:hover{  
  background-image:url(../img/contact-on.gif);   
  background-repeat : no-repeat;   
  color:#3300ff; 
  line-height : 200%; /*テキストの位置を調整*/
}


/*ナビゲーションボタンm6*/
.m6   {  width : 116px;   float:left; }
.m6 a {  font-size:90%;color:#666666;    
  display:block;  
  width:117px;                   
  height : 40px;                   
  background-image:url(../img/company-off.gif);  
  background-repeat : no-repeat;  
  text-decoration : none;  
  font-weight: bold;
  line-height : 200%;  /*テキストの位置を調整*/
}
            
.m6 a:hover{  
  background-image:url(../img/company-on.gif);   
  background-repeat : no-repeat;   
  color:#3300ff; 
  line-height : 200%; /*テキストの位置を調整*/
}



/*↓ここからメニュー画像*/

/*Photo*/

.photo {width:697px; height:125px; background-image:url(../img/photo.jpg);  background-repeat:no-repeat;
       text-align:left; clear: both; margin-top:20px;  }

.photo p{padding-top:58px; padding-left:16px; line-height : 150%;}


/*採用情報*/
.sky {width:697px; height:90px;  background-image:url(../img/sky.jpg);background-repeat: no-repeat;
       text-align:left;clear: both; padding-top:15px; padding-left:20px;}

/*コンタクト*/
.contact {width:697px; height:90px;  background-image:url(../img/contact.jpg);background-repeat: no-repeat;
       text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*企業概要*/
.company {width:697px; height:90px;  background-image:url(../img/company.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*seo*/
.seo {width:697px; height:90px;  background-image:url(../img/seo.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*制作料金*/
.price {width:697px; height:90px;  background-image:url(../img/price.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*プライバシーポリシー*/
.privacy {width:697px; height:90px;  background-image:url(../img/privacy.jpg);background-repeat: no-repeat;
      text-align:left;clear: both; padding-top:15px; padding-left:20px; }

/*サイトマップ*/
.sitemap-p {width:697px; height:90px;  background-image:url(../img/sitemap.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*ホームページ制作の流れ*/
.flow {width:697px; height:90px;  background-image:url(../img/flow.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*ホームページ制作実績*/
.works {width:697px; height:90px;  background-image:url(../img/works.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*XHTML-CSS*/
.xhtml-css {width:697px; height:90px;  background-image:url(../img/xhtml-css.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*携帯ホームページ*/
.mobile {width:697px; height:90px;  background-image:url(../img/mobile.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*ユーザビリティー*/
.usability {width:697px; height:90px;  background-image:url(../img/usability.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*無料ホームページ診断*/
.pagecheck {width:697px; height:90px;  background-image:url(../img/pagecheck.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*リンクページ*/
.link       {width:697px; height:90px;  background-image:url(../img/link.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*SEOプライス*/
.seo-price       {width:697px; height:90px;  background-image:url(../img/seo-price.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*SEOチェック*/
.seocheck       {width:697px; height:90px;  background-image:url(../img/seocheck.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}
 
/*お見積りフォーム*/
.estimate       {width:697px; height:90px;  background-image:url(../img/estimate.jpg);background-repeat: no-repeat;
      text-align:left; clear: both; padding-top:15px; padding-left:20px;}

/*ビジネスパートナー*/
.business       {width:697px; height:90px;  background-image:url(../img/business.jpg);background-repeat: no-repeat;
      text-align:left;clear: both; padding-top:15px; padding-left:20px; }

/*アクセシビリティー*/
.accessibility       {width:697px; height:90px; background-image:url(../img/accessibility.jpg);background-repeat: no-repeat;
      text-align:left;clear: both; padding-top:15px; padding-left:20px; }

/*代表者プロフィール*/
.profile       {width:697px; height:90px;  background-image:url(../img/profile.jpg);background-repeat: no-repeat;
      text-align:left;clear: both; padding-top:15px; padding-left:20px; }     

/*簡易SEO*/
.simplicty       {width:697px; height:90px;  background-image:url(../img/simplicty.jpg);background-repeat: no-repeat;
      text-align:left;clear: both; padding-top:15px; padding-left:20px; }   


/*パンクズ*/
.subnavi  {  float: left; width:600px; height:20px;   font-size:75%; padding-top:4px;}     


/*rssボタン*/  
.rss    { float: left;  height:20px;} 
.rss a {font-size:70%; color:#dd6731;
       display:block;
       width:80px;
       height:20px; 
       background-image:url(../img/rss.gif);
       background-repeat: no-repeat;
       margin-top:3px;
       text-indent:20px;
       
       line-height : 150%;
}
.rss a:hover {color:#dd6731; }

/*ミドル…ナビ上からtotop下まで*/
.middle {width:697px; margin-left:25px;}



/*↓ここからメインページ*/
#main  {float:right; width:500px;  margin-top:20px; margin-bottom:10px; margin- }





/*一行目背景フォト*/
.kodawari {background-image:url(../img/www.jpg);  background-repeat: no-repeat; background-position: right top;padding-bottom:6px;}
.hayamichi {background-image:url(../img/seo-seo.jpg);  background-repeat: no-repeat; background-position: right top; padding-bottom:6px;}
.profile2 {height:170px;background-image:url(../img/profile-2.jpg);  background-repeat: no-repeat; background-position: right top;}









/*ページの先頭へ*/
.totop {  float:right;font-size: 80% ;  text-align : right;  padding-right:10px;
             background-image:url(../img/totop.gif); background-repeat: no-repeat;
             padding-left:15px; background-position:0px 1px;}


/*前のページへ*/
.toback {  clear: both; margin-top:10px; float:right;font-size: 80% ; 
             background-image:url(../img/toback.gif); background-repeat: no-repeat;
             padding-left:15px; background-position:0px 1px;}









/*↓ここからメニュー部分*/
.menu  {float:left;width:177px;margin-top:20px;}

/*サイドメニュー*/
.m11    {font-size: 80% ; font-weight:700; margin:0 ;  padding-left:10px; padding-top:3px;  padding-bottom:3px; text-align:left;background-image:url(../img/list1.gif);  background-repeat: no-repeat;
          background-position:0px 8px; line-height: 1.5em; background-color:#edfdfa; border-left: solid 1px #cccccc; 
           border-right: solid 1px #cccccc; border-bottom: dotted 1px #cccccc;}
.m11 a  {color:#3366cc; }
.m11 a:hover {color:#cc6600; }











/*バナー*/

.bn  {margin-top:10px;}



.bn1 a  {font-size:80%;
         display:block;
         width:175px; height:45px;
         background-image:url(../img/bn1.gif);
         background-repeat: no-repeat;
         line-height: 300%;  
         border: 1px solid #cccccc;                 
         text-indent:5px;
}
.bn1 a:hover {background-image:url(../img/bn1hover.gif);
         background-repeat: no-repeat;
         
}

.bn2 a  {font-size:80%;
         display:block;
         width:175px; height:45px;
         background-image:url(../img/bn2.gif);
         background-repeat: no-repeat;
         line-height: 300%;  
         border: 1px solid #cccccc;                 
         text-indent:5px;
}
.bn2 a:hover {background-image:url(../img/bn2hover.gif);
         background-repeat: no-repeat;
         
}

.bn3 a  {font-size:80%;
         display:block;
         width:175px; height:45px;
         background-image:url(../img/bn3.gif);
         background-repeat: no-repeat;
         line-height: 300%;  
         border: 1px solid #cccccc;                  
         text-indent:5px;
}
.bn3 a:hover {background-image:url(../img/bn3hover.gif);
         background-repeat: no-repeat;
        
}

.bn4 a  {font-size:70%;margin-top:10px;
         display:block;
         width:175px; height:50px;
         background-image:url(../img/bn4.gif);
         background-repeat: no-repeat;
         line-height: 140%;                   
         text-indent:50px;
         text-decoration : none;
         color:#000000;
}

/*企業概要ABUOT*/     
.abuot   {  font-size:75%;   padding:6px; 
line-height: 1.2em;   overflow:auto; background-color:#eeeeee;
}

/*特選リンク*/
.linksp   {   background-color: #ffffcc; border: 1px solid #cccccc; 
             width:175px; height: 17px; font-size: 70%; text-align: center; overflow: auto ; line-height:1.5em;
            margin-top:10px; }

/*トッピックス*/
.topics   {   border: 1px solid #cccccc; 
            height: 100px; font-size: 80%; line-height: 3em; overflow: auto ; }



/*チーム6%バナー*/
.team6 a {font-size:57%;color:#669933;  
          display:block;
          border: 1px solid #669933;
          width:175px; height:50px;
          background-image:url(../img/team6.gif);
          background-repeat: no-repeat;
          line-height: 900%;
          
          text-indent:57px;
          margin-top:10px;
          
          

}
.team6 a:hover { color:#669933; }









/*制作実績*/
.worksimg   {padding:5px;}


/*ラストリンク*/
.lastlink   { text-align:center;clear: both;margin-top:15px; font-size: 75%; padding:10px 35px;line-height:1.2em;}


/*フッター*/
.footer  { clear: both;   margin: 0;font-size:80%;color :#666666;
              padding-left:565px; padding-top:5px; padding-bottom:5px;line-height: 1.2em;
              background-image:url(../img/footer.gif);  font-style:italic;
}














/*会社概要テーブル*/

table {  margin-top:20px; margin-bottom:30px;line-height:2em; font-size:90%; }      

.td1   { width:100px;  border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;
         background: #e0ffff; padding:10px;}
.td2    {  border-top:solid 1px #cccccc; border-right:solid 1px #cccccc; padding-left: 10px }

/*ファイナルtd*/
.td1l   { border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; 
           background: #e0ffff; padding: 10px;}
.td2l   {  border-top:solid 1px #cccccc; padding-left: 10px; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; }
/*テーブルボーダ*/
table,th,td {border:none;}

caption {text-align:right;}


/*見積りテーブル*/

.td3    {  border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;
         background: #e0ffff; padding:10px;}
.td4    {  border-top:solid 1px #cccccc; border-right:solid 1px #cccccc; padding-left: 10px }

/*ファイナルtd*/
.td3l   { border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; 
           background: #e0ffff; padding: 10px;}
.td4l   {  border-top:solid 1px #cccccc; padding-left: 10px; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; }



/*ホームページ制作フロー*/

.serviceflow  { font-size:90%;padding-bottom:35px;background-image:url(../img/flowarrow.gif);  background-repeat: no-repeat;
               background-position: center bottom;}
.serviceflowlast  { font-size:90%;padding-bottom:35px;}


/*サイトマップページ内*/
.maps1   { margin-top:12px; margin-left:35px;padding:2px 7px; background-image:url(../img/maps1.gif);
             padding-left:5px;  font-size:90%;font-weight: 700;
         background-color:#cccccc; }
.maps1 a {color:#666666; font-size:90%;}

.maps2   { margin-top:3px; margin-left:60px; padding:2px; font-size:90%;background-image:url(../img/maps.gif);
             padding-left:15px; background-repeat: no-repeat; background-position:left ;}
.maps2 a {color:#666666;}


/*注意事項*/
.caution     {font-size:80%; margin:10px; padding:5px; padding-left:30px;border:solid 1px #ff0000;
           background-image:url(../img/caution.gif); background-repeat: no-repeat;background-position:1% 50%;
           }


/*リンクページ*/

.tdlink1 {font-size:80%;line-height : 1.3em; padding-bottom:15px;}

.tdlink2 {font-size:80%;line-height : 1.3em;padding-bottom:15px;}



/*SEOバーナー追加分*/
.bn5 a  {font-size:80%;
         display:block;
         width:175px; height:60px;
         background-image:url(../img/seo_bn.gif);
         background-repeat: no-repeat;
         border: 1px solid #cccccc;                  
         text-indent:-9999px;
         margin-top:10px;}