@import url("common.css");

/* トップ Index */

/* 左 Left */

#left_ctn {
  float:left;
  width:695px;
  overflow:auto;
  zoom:1;
  }
  #matter_ctn2 {
    overflow:auto;
	zoom:1;
	margin:20px 0 0 0;
	}
	#left_ctn2 {
	  float:left;
	  width:290px;
	  }
	  #topics_title_ctn { /* トピックス タイトル Topics Title */
	    overflow:auto;
		zoom:1;
		}
		a#topics_link {
		  float:right;
		  background:url(../img/top_info_icon_out.jpg) no-repeat 0 3px;
		  padding-left:20px;
		  margin-top:5px;
		  text-decoration:none;
		  }
		  a#topics_link:hover , a#topics_link:active {
		    background:url(../img/top_info_icon_over.jpg) no-repeat 0 3px;
			text-decoration:underline;
			}
	  ul#topics_list { /* トピックス リスト Topics List */
	    border-bottom:1px solid #CCC;
		margin-bottom:10px;
		}
		ul#topics_list li {
		  display:block;
		  overflow:auto;
		  zoom:1;
		  border-top:1px solid #CCC;
		  padding:10px 0;
		  line-height:1.3em;
		  }
		  ul#topics_list li a { text-decoration:none; }
		  ul#topics_list li a:hover ,
		  ul#topics_list li a:active { color:#0066CC; text-decoration:underline; }
		  ul#topics_list li.icon1 span ,
		  ul#topics_list li.icon2 span ,
		  ul#topics_list li.icon3 span {
			display:block;
			padding-top:18px;
			float:left;
			margin-right:8px;
			color:#666666;
			}
			ul#topics_list li.icon1 span { background:url(../img/topics_icon_1.jpg) no-repeat 0 2px; }
			ul#topics_list li.icon2 span { background:url(../img/topics_icon_2.jpg) no-repeat 0 2px; } 
			ul#topics_list li.icon3 span { background:url(../img/topics_icon_2.jpg) no-repeat 0 2px; } 
			
	  ul#topics_banner { /* トピックス バナー Topics Banner */
	    clear:both;
		}
	  ul#topics_banner li {
	    margin-top:5px;
		}
			
	#right_ctn2 {
	  float:right;
	  width:350px;
	  margin-right:25px;
	  }
	  #closeup_ctn { /* クローズアップ Closeup */
	    overflow:auto;
		zoom:1;
		}
		#closeup_item_ctn1 {
		  float:left;
		  width:173px;
		  }
		#closeup_item_ctn2 {
		  float:right;
		  width:173px;
		  margin-left:3px;
		  }
		  p.closeup_comment {
		    background-color:#E4E6F4;
			padding:5px;
			}
			p.closeup_comment span {
			  color:#003E97;
			  font-weight:bold;
			  line-height:1.3em;
			  }
	  .agent_kyouryoku_ctn { /* 加盟・協力 Kamei & Kyouryoku */
	    background-color:#DEEED4;
		padding:10px;
		line-height:1.3em;
		}
		a#agent_btn {
		  display:block;
		  background:url(../img/top_agent_btn.jpg) no-repeat;
		  width:330px;
		  height:40px;
		  text-indent:-9999px;
		  margin-bottom:5px;
		  }
		  a#agent_btn:hover , a#agent_btn:active { background-position:0 -40px; }
		a#kyouryoku_btn {
		  display:block;
		  background:url(../img/top_kyouryoku_btn.jpg) no-repeat;
		  width:330px;
		  height:40px;
		  text-indent:-9999px;
		  margin-bottom:5px;
		  }
		  a#kyouryoku_btn:hover , a#kyouryoku_btn:active { background-position:0 -40px; }

h3#h3title1 , h3#h3title2 , h3#h3title3 , h3#h3title4 { /* トピックス・クローズアップ・加盟・協力 H3 Titles */
  display:block;
  background:url(../img/top_h3.jpg) no-repeat 0 0;
  width:350px;
  height:30px;
  text-indent:-9999px;
  }
  h3#h3title1 {
	width:180px;
	float:left;
	}
  h3#h3title2 { background-position:0 -30px; }
  h3#h3title3 { background-position:0 -60px; margin-top:5px; }
  h3#h3title4 { background-position:0 -90px; }

/* 右 Right */

#right_ctn {
  float:right;
  }
  #flow_ctn { /* 施工の流れ Flow */
    background:url(../img/top_flow_back.gif) no-repeat 0 0;
	width:250px;
	height:250px;
	padding:10px 0 0 10px;
	}
	a#flow_movie_btn {
	  display:block;
	  background:url(../img/top_sekou_movie_btn.jpg) no-repeat 0 0;
	  width:240px;
	  height:67px;
	  text-indent:-9999px;
	  }
	  a#flow_movie_btn:hover , a#flow_movie_btn:active { background-position:0 -67px; } 
  ul#etc_menu { /* その他リンク Etc Link */
    margin-top:5px;
	}
	ul#etc_menu li { margin-top:3px; }
	li#etc_item1 a , li#etc_item2 a , li#etc_item3 a , li#etc_item4 a {
	  display:block;
	  background:url(../img/top_submenu.jpg) no-repeat;
	  width:260px;
	  height:57px;
	  text-indent:-9999px;
	  }
	  li#etc_item1 a:link , li#etc_item1 a:visited { background-position:0 0; }
	  li#etc_item2 a:link , li#etc_item2 a:visited { background-position:0 -57px; }
	  li#etc_item3 a:link , li#etc_item3 a:visited { background-position:0 -114px; }
	  li#etc_item4 a:link , li#etc_item4 a:visited { background-position:0 -171px; }
	  li#etc_item1 a:hover , li#etc_item1 a:active { background-position:-260px 0; }
	  li#etc_item2 a:hover , li#etc_item2 a:active { background-position:-260px -57px; }
	  li#etc_item3 a:hover , li#etc_item3 a:active { background-position:-260px -114px; }
	  li#etc_item4 a:hover , li#etc_item4 a:active { background-position:-260px -171px; }
  p#mobile_img { /* 携帯サイト Mobile */
    margin-top:15px;
	}
  ul#business_link {
    background-color:#DDD;
	padding:6px 8px 8px 8px;
	margin-top:15px;
	}
	ul#business_link li { margin-top:2px; }