@import url("common.css");
@import url("wp.css");

/* コンテンツ Contents */

#all_ctn {
  background-image:url(../img/contents_back.jpg);
  background-position:0 25px;
  background-repeat:repeat-x;
  }

h2#title1 , h2#title2 , h2#title3 , h2#title4 , h2#title5 , h2#title6 {
  display:block;
  background:url(../img/titles.jpg) no-repeat;
  width:960px;
  height:75px;
  text-indent:-9999px;
  clear:both;
  margin-bottom:25px
  }
  h2#title1 { background-position:0 0; }
  h2#title2 { background-position:0 -75px; }
  h2#title3 { background-position:0 -150px; }
  h2#title4 { background-position:0 -225px; }
  h2#title5 { background-position:0 -300px; }
  h2#title6 { background-position:0 -375px; }


/* お知らせ */

#next_back1 , #next_back2 {
  text-align:right;
  color:#CDBA9B;
  }
   #next_back1 {
	 border-bottom:1px solid #CDBA9B;
	 }
   #next_back2 {
	 border-top:1px solid #CDBA9B;
	 }
   #next_back1 a { color:#5B4A3F; }
     #next_back1 a:hover , #next_back1 a:active { color:#5B4A3F; }
  ul#news_list {
    margin:15px;
	list-style:circle;
	}
	ul#news_list li { margin-bottom:10px; }
	  ul#news_list li a { color:#006933; }

h3#news_title {
  display:block;
  font-size:18px;
  font-weight:bold;
  float:left;
  color:#006933;
  width:620px;
  }
  h3#news_title span { font-weight:normal; font-size:12px; color:#5B4A3F; }
a#news_back {
  float:right;
  }

#news_matter {
  clear:both;
  padding-top:10px;
  line-height:1.8em;
  }
  #news_matter img {
    float:left;
	margin:10px;
	}


/* 施工事例一覧 Case List */

ul#case_list {
  overflow:auto;
  zoom:1;
  }
  ul#case_list li {
    display:block;
	background:url(../img/case_back.gif) no-repeat 0 0;
	width:360px;
	height:130px;
	overflow:auto;
	float:left;
	margin-top:5px;
	}
	ul#case_list li.case_photos {
	  background:url(../img/case_back2.gif) no-repeat 0 0;
	  }
	ul#case_list li img {
	  margin:11px;
	  float:left;
	  }
	span.case_date {
	  margin:11px 0 5px 0;
	  display:block;
	  }
	span.case_name {
	  font-size:25px;　
	  font-weight:bold;
	  line-height:27px;
	  }
	a.case_dt_btn {
	  display:block;
	  background:url(../img/case_btn.gif) no-repeat;
	  width:179px;
	  height:27px;
	  text-indent:-9999px;
	  float:right;
	  margin:4px 14px 0 0;
	  }
	  a.case_dt_btn:hover , a.case_dt_btn:active { background-position:0 -27px; }


/* 施工事例詳細 Case Detail */

h3#case_title {
  display:block;
  font-size:30px;
  font-weight:bold;
  float:left;
  height:40px;
  line-height:30px;
  }
  h3#case_title span { font-weight:normal; font-size:12px; }
a#case_back {
  float:right;
  }

#case_main_ctn {
  overflow:auto;
  zoom:1;
  clear:both;
  }

#case_left {
  float:left;
  width:165px;
  }
  h4#flow_title {
    display:block;
	background-color:#70B538;
	width:145px;
	padding:5px 10px;
	color:#FFF;
	font-weight:bold;
	}
  ul#flow_list {
    margin-top:15px;
	}
    ul#flow_list li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #5B4A3F; }
	ul#flow_list li a {
	  color:#006933;
	  }
	  ul#flow_list li a:hover , ul#flow_list li a:active { color:#5B4A3F; }
    ul#flow_list li.icon_movie {
      padding-left:25px;
      background:url(../img/movie_ico_orange.gif) no-repeat 0 0;
      }
    ul#flow_list li.icon_nomal {
      padding-left:25px;
      background:url(../img/ico_orange.gif) no-repeat 0 0;
      }

#case_right {
  float:right;
  }
  h4.case_stitle {
    border-top:1px solid #2AAC3A;
	background-color:#EBF1BC;
	color:#006933;
	font-weight:bold;
	font-size:20px;
	width:540px;
	padding:8px 0 5px 10px;
	margin-bottom:10px;
	}
	h4.case_stitle span {
	  color:#5B4A3F;
	  font-size:12px;
	  font-weight:normal;
	  }
  .case_matter {
    margin-bottom:30px;
	width:550px;
	line-height:1.8em;
	}
	.case_matter img {
	  float:left;
	  margin:10px;
	  }
	.case_movie_ctn {
	  background:url(../img/case_movie_back.jpg) no-repeat 0 0;
	  width:272px;
	  height:85px;
	  padding:20px 0 0 278px;
	  margin-bottom:10px;
	  }
	  a.case_movie_btn {
	    display:block;
		background:url(../img/case_movie_btn.jpg) no-repeat;
		width:257px;
		height:65px;
		text-indent:-9999px;
		margin:15px 0 0 150px;
		}
		a.case_movie_btn:hover , a.case_movie_btn:active { background-position:0 -65px; }

#movie_ctn {
  margin:0 0 15px 30px;
  }


/* フラットベース FB */

#about_ctn {
  overflow:auto;
  zoom:1;
  }
  #about_left {
    float:left;
	}
  #about_right {
    float:right;
	width:425px;
	}
	h4#fb_title1 , h4#fb_title2 , h4#fb_title3 , h4#fb_title4 , h4#fb_title5 ,
	h4#fb_title6 , h4#fb_title7 ,
	h4#fb_title8 , h4#fb_title9 , h4#fb_title10 , h4#fb_title11 {
	  display:block;
	  background:url(../img/fb_title.gif) no-repeat 0 0;
	  width:309px;
	  height:25px;
	  text-indent:-9999px;
	  margin-top:20px;
	  }
	  h4#fb_title1 , h4#fb_title8 , h4#fb_title9 { margin-top:0; }
	  h4#fb_title8 , h4#fb_title9 , h4#fb_title10 , h4#fb_title11 { height:52px; }
	  h4#fb_title1 { background-position:0 0; }
	  h4#fb_title2 { background-position:0 -25px; }
	  h4#fb_title3 { background-position:0 -50px; }
	  h4#fb_title4 { background-position:0 -75px; }
	  h4#fb_title5 { background-position:0 -100px; }
	  h4#fb_title6 { background-position:0 -125px; }
	  h4#fb_title7 { background-position:0 -150px; }
	  h4#fb_title8 { background-position:0 -175px; }
	  h4#fb_title9 { background-position:0 -227px; }
	  h4#fb_title10 { background-position:0 -279px; }
	  h4#fb_title11 { background-position:0 -331px; }
	p.fb_dc {
	  margin:10px 0 0 35px;
	  }

.flow_ctn_left , .flow_ctn_right {
  float:left;
  width:353px;
  }
  .flow_ctn_left { margin-right:15px; }

a#flow_movie {
  display:block;
  background:url(../img/movie_btn.jpg) no-repeat;
  width:264px;
  height:113px;
  text-indent:-9999px;
  }
  a#flow_movie:hover , a#flow_movie:active { background-position:0 -113px; }


/* 会社概要 Company */

table#company_info {
  margin:0 25px;
  }
  table#company_info th { background-color:#E8E0D5; }


/* お問合せ Contact */

table#contact_item {
  margin:25px;
  }
  table#contact_item th { background-color:#E8E0D5; }

#send_btn {
  margin:0 0 0 25px;
  }

ul#contact_error_list {
  margin:10px 0 20px 50px;
  list-style-type:circle;
  font-size:16px;
  }

#kanryou_ctn {
  text-align:center;
  border:1px solid #666;
  margin:20px 60px;
  padding:30px 0;
  background-color:#FFF;
  }
h4#contact_kanryou {
  display:block;
  background-color:#EBF1BC;
  font-size:30px;
  text-align:center;
  width:400px;
  padding:50px 0;
  margin:0 auto 10px auto;
  }