@charset "Shift-JIS";


 
/*ボディ
--------------------------------------------------*/
body{
  background:url(images/body.gif) repeat;
}

/*バック
--------------------------------------------------*/
#back{
  background:url(images/back.gif) repeat-x;
} 
#containe{
  background:url(images/containe.png) repeat-y;
  position:relative;
} 

/*ヘッダー
--------------------------------------------------*/
#h2-start{
  width:370px;
  background:url(images/h2.gif) repeat-y;
  float:left;
}
#h2-end{
  width:370px;
  height:10px;
  background:url(images/h2_end.gif) no-repeat;
  float:left;
}

/*内容部分背景表示
--------------------------------------------------*/
#background{
  background:url(images/background.jpg) repeat-y;
  overflow:hidden;
  clear:both;
}
#background:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html #background {
    height: 1em;
    overflow: visible;
}
/**/

/*パンくずリスト
--------------------------------------------------*/
#pankuzu-list{
  margin:10px 0 20px 0;
  width:780px;
  height:30px;
  clear:both;
}
#pankuzu-list p{
  padding:5px 0 0 20px;
}

/*メイン
--------------------------------------------------*/
/*h3 DIV*/
#title-greeting,#title-concept,#title-strategy,#title-meeting,#title-vision,#title-finance,#title-marketing,#title-personal,#title-package,#title-flow,#title-price,#title-link{
  width:560px;
  height:140px;
}
#title-outline,#title-profile,#title-site-map{
  width:365px;
  height:140x;
  margin:0 0 0 20px;
  clear:both;
}
/*h3イラスト*/
#title-ill{
  width:195px;
  height:140px;
  float:left;
}
/*h3タイトル*/
#title-greeting h3{
  background:url(images/h3_greeting.gif) no-repeat;
}
#title-concept h3{
  background:url(images/h3_concept.gif) no-repeat;
}
#title-strategy h3{
  background:url(images/h3_strategy.gif) no-repeat;
}
#title-meeting h3{
  background:url(images/h3_meeting.gif) no-repeat;
}
#title-vision h3{
  background:url(images/h3_vision.gif) no-repeat;
}
#title-finance h3{
  background:url(images/h3_finance.gif) no-repeat;
}
#title-marketing h3{
  background:url(images/h3_marketing.gif) no-repeat;
}
#title-personal h3{
  background:url(images/h3_personal.gif) no-repeat;
}
#title-package h3{
  background:url(images/h3_package.gif) no-repeat;
}
#title-flow h3{
  background:url(images/h3_flow.gif) no-repeat;
}
#title-price h3{
  background:url(images/h3_price.gif) no-repeat;
}
#title-link h3{
  background:url(images/h3_link.gif) no-repeat;
}
#title-outline h3{
  background:url(images/h3_outline.gif) no-repeat;
}
#title-profile h3{
  background:url(images/h3_profile.gif) no-repeat;
}
#title-site-map h3{
  background:url(images/h3_site_map.gif) no-repeat;
}
/*h3キャッチ*/
.h3-catch{
  font-size:14px;
  color:#000000;
  padding:0 20px 0 0;
}
/*本文*/
.contents-index{
  width:510px;
  padding:10px 0 10px 20px;
  clear:both;
}
.contents{
  width:490px;
  background:url(images/contents.gif) repeat-y;
  padding:20px 20px 15px 40px;
  clear:both;
  overflow:hidden;
}
.contents:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .contents{
    height: 1em;
    overflow: visible;
}
/**/
.contents a,.contents-index a{
  font-weight:bold;
}
.contents p,.contents-index p{
  color:#000000;
}
#contents-start{
  width:560px;
  height:10px;
  background:url(images/pankuzu.gif) no-repeat left bottom;
}
#contents-end{
  width:560px;
  height:10px;
  background:url(images/contents_end.gif) no-repeat;
}
/*h4インデックス用*/
h4{
  margin:20px 0 0 20px;
}
h4 b{
  color:#A70A0A;
  font-size:18px;
  font-weight:bold;
}
/*他個紹介名前*/
.name{
  float:right;
  margin:5px 0 0 0;
  font-weight:bold;
}
/*詳細ボタン*/
#detail-navi{
  width:528px;
  height:22px;
  margin:20px 0 0 0;
  padding:0 0 0 22px;  
  background:url(images/pankuzu.gif) no-repeat left bottom;
  clear:both;
}
#detail-navi a{
  display:block;
  height:12px;
  padding:0 5px 6px 5px;
  margin:0 3px 0 0;
  background:#FFFFFF;
  color:#FF0000;
  font-size:12px;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#FF7100;
  float:left;
}
#detail-navi a:hover{
  display:block;
  height:12px;
  padding:0 5px 6px 5px;
  margin:0 3px 0 0;
  background:#FFFFFF;
  color:#FF0000;
  font-weight:bold;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#FF0000;
}
#detail-navi .stay a{
  display:block;
  height:12px;
  padding:0 5px 6px 5px;
  margin:0 3px 0 0;
  background:#FF7100;
  color:#FFFFFF;
  font-weight:bold;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#FF7100;
}

#banner01 a{
  text-indent:-9999px;
  display:block;
  width:510px;
  height:80px;
  background:url(images/index_banner.gif) no-repeat;
  background-position:0 0;
}
#banner02 a{
  text-indent:-9999px;
  display:block;
  width:510px;
  height:80px;
  background:url(images/index_banner.gif) no-repeat;
  background-position:0 -80px;
}
#banner03 a{
  text-indent:-9999px;
  display:block;
  width:510px;
  height:80px;
  background:url(images/index_banner.gif) no-repeat;
  background-position:0 -160px;
}
#banner04 a{
  text-indent:-9999px;
  display:block;
  width:510px;
  height:80px;
  background:url(images/index_banner.gif) no-repeat;
  background-position: 0 -240px;
}

#banner01 a:hover{
  background-position:0 -320px;
}
#banner02 a:hover{
  background-position:0 -400px;
}
#banner03 a:hover{
  background-position:0 -480px;
}
#banner04 a:hover{
  background-position:0 -560px;
}

/*トップへもどる
--------------------------------------------------*/
#return_to_top{
  width:550px;
  clear:both;
}
#return_to_top a{
  background:url(images/yazirushi_top.gif) no-repeat left center;
  padding:0 0 0 16px;
  font-size:12px;
  float:right;
}
  
/*サイド
--------------------------------------------------*/
/*h5*/
#contact h5{
  width:210px;
  height:30px;
  margin:30px 0 0 0;
  text-indent:-9999px;
  background:url(images/h5_contact.jpg) no-repeat;
  clear:both;
}
#who-is-aniki h5{
  width:210px;
  height:40px;
  text-indent:-9999px;
  background:url(images/h5_who_is_aniki.jpg) no-repeat;
}
#new-blog h5{
  width:210px;
  height:40px;
  text-indent:-9999px;
  background:url(images/h5_new_blog.jpg) no-repeat;
}
#office h5{
  width:210px;
  height:40px;
  text-indent:-9999px;
  background:url(images/h5_office.jpg) no-repeat;
}
/*サイドボックス*/
.side-box{
  background:url(images/side_box.gif) repeat-y;
  padding:10px 10px 0 10px;
}
/*サイドボックスエンド*/
.side-box-end{
  width:210px;
  height:8px;
  background:url(images/side_box_end.gif) no-repeat;
}
/*サイドボタン*/
.side-botton{
  margin:5px 0 0 0;
  padding:10px 0 2px; 0;
  background:url(images/side_botton.gif) no-repeat;
}
.side-botton a{
  background:url(images/yazirushi.gif) no-repeat left center;
  padding:0 0 0 16px;
}
#office a{
  background:url(images/yazirushi.gif) no-repeat left center;
  padding:0 0 0 16px;
}

/*アニキはこんな人画像マージン*/
#who-is-aniki img{
  margin:0 4px 4px 0;
}
/*TEL、Mail設定*/
#tel{
  background:url(images/tel.gif) no-repeat left center;
  margin:5px 0 0 0;
  padding:0 0 0 16px;
  color:#000000;
}
#mail{
  background:url(images/mail.gif) no-repeat left center;
  margin:0 0 5px 0;
  padding:0 0 0 16px;
}

/*バナー
--------------------------------------------------*/
#anikidojyo a{
  text-indent:-9999px;
  display:block;
  width:210px;
  height:40px;
  background:url(images/anikidojyo.gif) no-repeat 0 0;
  margin:10px 0 0 0;
}
#anikidojyo a:hover{
  background-position:0 -40px;
}
#aproblog a{
  text-indent:-9999px;
  display:block;
  width:210px;
  height:40px;
  background:url(images/aproblog.gif) no-repeat 0 0;
  margin:10px 0 0 0;
}
#aproblog a:hover{
  background-position:0 -40px;
}

/*ナビゲーション（共通）
--------------------------------------------------*/
#navi{
  width:602px;
  height:26px;
  background:url(images/navi.jpg) no-repeat;
  padding:2px 1px 2px 2px;
  position:absolute;
  left:200px;
  top:140px;
  z-index:1;
}

#navi a{
  text-indent:-9999px;
  display:block;
  width:97px;
  height:26px;
  background:url(images/navi.jpg) no-repeat;
  background-position:left top;
  float:left;
}
#navi li{
  display:block;
  width:97px;
  height:26px;
  float:left;
}
#navi a:hover{
  background:#ffffff url(images/navi.jpg) no-repeat;
  background-position:left top;
}

#navi01 a{
  background-position:-2px -2px;
}
#navi02 a{
  background-position:-99px -2px;
}
#navi03 a{
  background-position:-196px -2px;
}
#navi04 a{
  background-position:-293px -2px;
}
#navi05 a{
  background-position:-390px -2px;
}
#navi06 a{
  background-position:-487px -2px;
}

#navi01 a:hover{
  background-position:-2px -32px;
}
#navi02 a:hover{
  background-position:-99px -32px;
}
#navi03 a:hover{
  background-position:-196px -32px;
}
#navi04 a:hover{
  background-position:-293px -32px;
}
#navi05 a:hover{
  background-position:-390px -32px;
}
#navi06 a:hover{
  background-position:-487px -32px;
}

/*サブナビゲーション（共通）
--------------------------------------------------*/
#sub-navi{
  position:absolute;
  left:200px;
  top:120px;
  z-index:2;
  clear:both;
}
#sub-navi li,#sub-navi a{
  float:left;
  color:#A70A0A;
  font-size:12px;
}
#sub-navi a{
  margin:0 10px 0 0;
  padding:0 0 0 16px;
  background:url(images/heart.gif) no-repeat left center;
}

/*フッター
--------------------------------------------------*/
#footer{
  clear:both;
  background:url(images/footer.jpg) no-repeat;
}

address{
  font-size:10px;
  padding:24px 0 0 380px;
  color:#000000;
}

#footer-navi{
  text-align:center;
  color:#444444;
  padding:5px 0 20px; 0;
}
#footer-navi a{
  color:#444444;
  padding:0 2px;
}

/*ワークフロー
--------------------------------------------------*/
.flow-conference{
  width:295px;
  height:60px;
  background:url(images/flow_ill_conference.jpg) no-repeat left center;
  padding:40px 0 40px 195px;
}
.flow-extraction{
  width:295px;
  height:80px;
  background:url(images/flow_ill_extraction.jpg) no-repeat left center;
  padding:30px 0 30px 195px;
}
.flow-estimate{
  width:295px;
  height:60px;
  background:url(images/flow_ill_estimate.jpg) no-repeat left center;
  padding:40px 0 40px 195px;
}
.flow-contract{
  width:295px;
  height:20px;
  background:url(images/flow_ill_contract.jpg) no-repeat left center;
  padding:60px 0 60px 195px;
}

/*会社概要
--------------------------------------------------*/
#main table{
  width:450px;
  margin:20px;
}
.table-left{
  font-size:12px;
  color:#000000;
  font-weight:bold;
  width:100px;
  padding:0 0 12px 0;
  vertical-align:top;
}
.table-right{
  font-size:11px;
  color:#000000;
  padding:2px 0 12px 0;
}

/*リンク
--------------------------------------------------*/
.linl-left{
  width:200px;
  margin:0 20px 0 0;
  float:left;
}
.linl-right{
  width:200px;
  float:left;
}

/*フラッシュ
--------------------------------------------------*/
#flash{
  background:url(images/flash.gif) no-repeat;
  clear:both;
}

/*最新ブログ
--------------------------------------------------*/
.date{
  font-size:10px;
}
.title{
  margin:0 0 10px 0;
}
.title a{
  font-weight:bold;
}


/*トピックス
--------------------------------------------------*/
#topics{
  width:510px;
  height:150px;
  overflow:auto;
  margin:0 0 0 20px;
  padding:10px;
}
.topics-p{
  margin:0 0 10px 0;
  color:#000000;
  font-weight:bold;
}