@charset "utf-8";

/* ボディスタイル（書体/文字サイズ/行間/背景色/文字色/中央配置） */
body {
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Lucida Grande','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  margin: 0;
  padding: 0;
  font-size: .90em;
  letter-spacing: .1em;
  line-height: 1.25em;
  color: #222222;
  text-align: center;
}

/* 見出し、段落のマージンをリセット */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

/* 画像ボーダーを消去 */
img {
  border: 0;
}

/* 水平線 */
hr {
  margin: 40px 0;
}

/* テキストを中央揃え */
.txtcenter {
  text-align: center;
}

.floatright {
  float: right;
}

/* 右側に配置 */
.imgright {
  float: right;
  margin: 0 0 0 10px;
}

/* 左側に配置 */
.imgleft {
  float: left;
  margin: 0 10px 0 0;
}

/* ボーダーあり */
.imgborder {
  border: 1px solid #ccc;
}

/* ボーダーあり＆余白あり */
.imgworks {
  float: left;
  border: 1px solid #ccc;
  margin: 0 10px;
  padding: 3px;
}

/* リンク文字設定（通常時） */
a {
	color: #0066cc;
}

/* リンク文字設定（オーバー時） */
a:hover {
	color: #cc6600;
}

/* ページ上部へ戻る */
#gototop {
	float: right;
  margin: 20px 0 0;
}


/* ページ左右の影表示 */
#back {
  width: 810px;
  margin: auto;
  background: url('images/back.gif') repeat-y;
}

/* メインコンテナ（幅800px/背景白/文字左揃え） */
#container {
  width: 800px;
  margin: auto;
  /*background-color: #fff;*/
  text-align: left;
  background: url('images/container_back.gif') repeat-y;
}



/* ヘッダーエリア */
#header {
  width: 800px;
}

/* ヘッダー内のh1、h2を非表示 */
#header h1 {
  font-size: 10px;
  background: url('images/white.gif') repeat left top;

}

#header div a {
  width: 340px;
  height: 70px;
  display: block;
}

#header h2 {
  display: none;
}

/* メニューエリア */
/* メニューリスト（リストスタイルの変更） */
#menu {
  width: 800px;
  height: 350px;
  background: url('images/mainimg.jpg') no-repeat right top;
}

#menu ul {
  width: 240px;
  height: 350px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li {
  float: left;
  width: 240px;
  height: 70px;
  line-height: 0;
}

/* メニューリンク（通常時） */
#menu a {
  display: block;
}


/* ぱんくずリスト */
#pankuzu {
  width: 780px;
  height: 30px;
  padding: 10px;
  background: url('images/white.gif') repeat left top;
}

/* コンテンツエリア（左側） */
#contents {
  float: right;
  width: 500px;
  padding: 0 30px;
}


/* コンセプトタイトル */
#top_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_t_top.gif') no-repeat left center;
  text-indent: -9999px;
}

/* コンセプトエントリー */
#top_entry {
  padding: 0 10px 0;
  font-size: 1.05em;
  letter-spacing: 0.15em;
  line-height: 1.35em;
}


/* ニュースタイトル */
#news_h{
  width: 500px;
  height: 35px;
  margin: 50px 0  0;
  background: url('images/title_t_news.gif') no-repeat left center;
  text-indent: -9999px;
}

/* ニュースエントリー */
#news_entry ul {
  margin: 0;
  padding: 0 20px 0;
  background: url('images/news_middle.gif') repeat-y center top;
  font-size: 0.95em;
  list-style-type: none;
}

/* ニュースボトム */
#news_bottom {
  width: 500px;
  height: 10px;
  background: url('images/news_bottom.gif') no-repeat center top;
}


/* 事業紹介タイトル */
#services_h{
  width: 500px;
  height: 25px;
  margin: 50px 0 30px;
  background: url('images/title_t_service.gif') no-repeat left center;
  text-indent: -9999px;
}

/* 事業紹介エントリー */
#service_entry p {
  width: 155px;
  padding: 0 6px 0 5px;
  float: left;
}





/* サイドバーエリア（左側） */
#sidebar {
  float: left;
  width: 200px;
  padding: 0 20px;
}


/* サイドエリアのタイトル */
#sidebar h6 {
  width: 200px;
  height: 20px;
  margin: 20px 0 20px;
  text-indent: -9999px;
}

/* 最近の現場 */
#s_genba_h {
  background: url('images/title_s_genba.gif') no-repeat left center;
}

/* ブログのご紹介 */
#s_blog_h {
  background: url('images/title_s_blog.gif') no-repeat left center;
}

/* 環境への取り組み */
#s_eco_h {
  background: url('images/title_s_eco.gif') no-repeat left center;
}

/* 施行事例 */
#s_works_h {
  background: url('images/title_s_works.gif') no-repeat left center;
}

/* 親方ブログ */
#s_oyakatab_h {
  background: url('images/title_s_oyakatab.gif') no-repeat left center;
}

/* ｂくまのブログ */
#s_bkumanob_h {
  background: url('images/title_s_bkumanob.gif') no-repeat left center;
}


/* サイドエリアの段落 */
#sidebar p {
  font-size: 0.95em;
  margin: 0 0 50px;
}

/* 最近の現場 */
#genba {
  font-size: 0.95em;
  margin: 0 0 50px;
}

/* ブログバナー */
.bn_blog {
  display: block;
}

/* エコアクション21ロゴ */
.eco21logo {
  margin: 0 25px 10px;
}

/* 新着ブログリスト */
.rss-items {
  margin: 0 0 15px;
  padding: 0;
  font-size: 0.95em;
  list-style-type: none;
}


/* セカンドページ */
/* 事業紹介タイトル */
#service_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_service.gif') no-repeat left center;
  text-indent: -9999px;
}
#service_tobi {
  width: 480px;
  height: 100px;
  margin: 50px 0 20px 0;
  background: url('images/title_2_tobi.jpg') no-repeat left center;
  text-indent: -9999px;
}
#service_dokoji {
  width: 480px;
  height: 100px;
  margin: 50px 0 20px 0;
  background: url('images/title_2_dokoji.jpg') no-repeat left center;
  text-indent: -9999px;
}
#service_reform {
  width: 480px;
  height: 100px;
  margin: 50px 0 20px 0;
  background: url('images/title_2_reform.jpg') no-repeat left center;
  text-indent: -9999px;
}

/* 施行事例タイトル */
#works_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_works.gif') no-repeat left center;
  text-indent: -9999px;
}

/* 環境についてタイトル */
#eco_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_eco.gif') no-repeat left center;
  text-indent: -9999px;
}

/* 会社概要タイトル */
#company_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_company.gif') no-repeat left center;
  text-indent: -9999px;
}

/* お問い合わせタイトル */
#contact_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_contact.gif') no-repeat left center;
  text-indent: -9999px;
}

/* お問い合わせ送信完了タイトル */
#contactc_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_contactc.gif') no-repeat left center;
  text-indent: -9999px;
}

/* リンクタイトル */
#link_h{
  width: 500px;
  height: 25px;
  margin: 20px 0 30px 0;
  background: url('images/title_2_link.gif') no-repeat left center;
  text-indent: -9999px;
}

/* ブログ（親方ブログ）タイトル */
#b_oyakata_h{
  width: 500px;
  height: 80px;
  margin: 20px 0 30px 0;
  background: url('images/title_b_oyakata.jpg') no-repeat left center;
  text-indent: -9999px;
}

/* ブログ（ｂくまのブログ）タイトル */
#b_bkuma_h{
  width: 500px;
  height: 80px;
  margin: 20px 0 30px 0;
  background: url('images/title_b_bkuma.jpg') no-repeat left center;
  text-indent: -9999px;
}


/* セカンドページエントリー */
#second_entry {
  padding: 0 10px 0;
  /*font-size: 1.05em;
  letter-spacing: 0.15em;
  line-height: 1.35em;*/
}
#second_entry p {
  margin: 0 0 10px;
  line-height: 1.5em;
}
#second_entry h5 {
  margin: 40px 0 20px;
  padding: 3px 10px;
  font-size: 1.0em;
  color: #fff;
  background: #333;
}
#second_entry ul, #second_entry ol {
  margin: 10px 10px 40px;
  padding: 10px 10px 0 30px;
  background: #eee;
  border: 1px solid #aaa;
}
#second_entry li {
  margin: 0 0 10px;
}

/* こんな仕事お任せください */
p.service_works {
  font-size: 0.9em;
  clear: both;
}

/* 関連情報 */
p#reference {
  margin: 0 20px;
  font-size: 0.9em;
}


/* 施工事例 */
#works_entry {
  padding: 0 10px 0;
}
#works_entry p {
  float: left;
  width: 220px;
  padding: 0 9px 40px;
  font-size: 0.95em;
}

/* 会社概要 */
#data_form {
  background: #ddd;
}

#data_form dt {
  float: left;
  width: 120px;
	padding: 10px 5px 10px 0;
  text-align: right;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 0 0 0;
}

#data_form dd {
	margin: 0 0 0 125px;
	padding: 10px 0 10px 5px;
  background: #eee;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 0 0 2px;
}

/* 問い合わせフォーム送信 */
.form_send {
  text-align: center;
  background: #ddd;  
}

/* リンク */
#link_list {
}

#link_list dt {
}

#link_list dd {
	margin: 0 0 20px 20px;
  font-size: 0.9em;
}



/* フッターエリア */
#footer {
  clear: both;
  width: 810px;
  height: 105px;
  background: url('images/footer.gif') no-repeat center top;
}

#footer p {
  text-indent: -9999px;
}



/* GoogleMaps */
#gmap {
  width: 340px;
  height: 300px;
  border: 1px solid #ccc;
  font-size: 0.5em;
}


/*
*** clearfix（floatの回り込みを解除） ***
*/
#container:after,
#contents:after,
#top_entry:after,
#second_entry p:after,
#company_data dd:after,
#reset_float:after,
#footer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}