@import url("common.css");

/* コンテンツ 共通 Contents Common */

/* 左 Left */

#navi_ctn {
  float:left;
  width:220px;
  }
  h3#title1 , h3#title2 , h3#title3 , h3#title4 ,
  h3#title5 , h3#title6 , h3#title7 , h3#title8 , h3#title9 { /* h3 Title */
    display:block;
	background:url(../img/common_titles.gif) no-repeat;
	width:220px;
	height:150px;
	text-indent:-9999px;
	}
	h3#title1 { background-position:0 0; }/*       フラットベース */
	h3#title2 { background-position:-220px 0; }/*  加盟店 */
	h3#title3 { background-position:-440px 0; }/*  製造拠点 */
	h3#title4 { background-position:-660px 0; }/*  施工事例 */
	h3#title5 { background-position:-880px 0; }/*  会社概要 */
	h3#title6 { background-position:-1100px 0; }/* お問合せ */
	h3#title7 { background-position:-1320px 0; }/* 資料請求 */
	h3#title8 { background-position:-1540px 0; }/* 個人情報保護方針 */
	h3#title9 { background-position:-1760px 0; }/* トピックス */
  ul#sub_menu li { /* サブメニュー Sub Menu */
    margin-top:1px;
	display:block;
	}
  ul#sub_menu li a {
    display:block;
	background:url(../img/common_submenu_icon_out.jpg) no-repeat 8px 9px #DAE5F5;
	padding:6px 5px 6px 30px;
	font-size:14px;
	text-decoration:none;
	}
	ul#sub_menu li a:hover , ul#sub_menu li a:active {
	  background:url(../img/common_submenu_icon_over.jpg) no-repeat 8px 9px #004699;
	  color:#FFF;
	  }
  a#agent_btn , a#kyouryoku_btn { /* 加盟・協力 Kamei & Kyouryoku */
    display:block;
	background:url(../img/common_agent_kyouryoku_btn.jpg) no-repeat;
	width:220px;
	height:57px;
	text-indent:-9999px;
	margin-top:15px;
	}
	a#agent_btn:hover , a#agent_btn:active { background-position:0 -57px; }
	a#kyouryoku_btn { margin-top:3px; }
	a#kyouryoku_btn:link , a#kyouryoku_btn:visited { background-position:-220px 0; }
	a#kyouryoku_btn:hover , a#kyouryoku_btn:active { background-position:-220px -57px; }
  ul#etc_menu { /* その他リンク Etc Link */
    margin-top:15px;
	}
	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/common_submenu.jpg) no-repeat;
	  width:220px;
	  height:42px;
	  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 -42px; }
	  li#etc_item3 a:link , li#etc_item3 a:visited { background-position:0 -84px; }
	  li#etc_item4 a:link , li#etc_item4 a:visited { background-position:0 -126px; }
	  li#etc_item1 a:hover , li#etc_item1 a:active { background-position:-220px 0; }
	  li#etc_item2 a:hover , li#etc_item2 a:active { background-position:-220px -42px; }
	  li#etc_item3 a:hover , li#etc_item3 a:active { background-position:-220px -84px; }
	  li#etc_item4 a:hover , li#etc_item4 a:active { background-position:-220px -126px; }
  p#mobile_img { /* 携帯サイト Mobile */
    margin-top:15px;
	}

/* 右 Right */

strong {
  font-weight:bold;
  color:#990000;
  }
#main_ctn {
  float:right;
  width:710px;
  padding:10px 10px 0 10px;
  background-color:#FFF;
  overflow:auto;
  zoom:1;
  min-height:500px;
  }
  #main_ctn p {
    line-height:2em;
	text-indent:1em;
	clear:both;
	}
  h3#main_title {
    display:block;
	background:url(../img/common_titles_icon.jpg) no-repeat 13px 14px #004699;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	padding:10px 5px 10px 35px;
	clear:both;
	}
	h4.small_title , h4.small_title_line {
	  display:block;
	  float:left;
	  font-size:16px;
	  color:#004699;
	  font-weight:bold;
	  }
	  h4.small_title_line {
	    margin:15px 0;
		clear:both;
		border-bottom:1px solid #DDD;
		float:none;
		padding-bottom:5px;
		}
	  p.main_pg {
	    margin-top:15px;
		}
	h5.ss_title {
	  font-size:16px;
	  color:#469630;
	  margin:10px 0;
	  clear:both;
	  font-weight:bold;
	  }
  #page_anc {
    background-color:#E4E6F4;
	padding:3px 5px;
	}
  .h4_ctn {
    border-bottom:1px solid #DDD;
	overflow:auto;
	zoom:1;
	margin:15px 0;
	clear:both;
	}

ul.list_cercle { list-style-type:disc; margin-left:25px; }
ul.list_cercle li { margin-bottom:5px; }

/* フラットベース FLAT BASE */

a#flow_movie_btn {
  display:block;
  background:url(../img/fb_sekou_movie_btn.jpg) no-repeat;
  width:220px;
  height:67px;
  text-indent:-9999px;
  margin-top:5px;
  }
  a#flow_movie_btn:hover , a#flow_movie_btn:active { background-position:0 -67px; }

ul#fb_btn {
  margin:30px 0 15px 20px;
  }
  ul#fb_btn li { float:left; }
  li#fb_btn1 a , li#fb_btn2 a , li#fb_btn3 a  {
    display:block;
	background:url(../img/fb1_btn1.jpg) no-repeat;
	width:220px;
	height:47px;
	text-indent:-9999px;
	margin-right:5px;
	margin-bottom:30px;
	}
	li#fb_btn1 a:link , li#fb_btn1 a:visited { background-position:0 -47px; }
	li#fb_btn2 a:link , li#fb_btn2 a:visited { background-position:-220px -47px; }
	li#fb_btn3 a:link , li#fb_btn3 a:visited { background-position:-440px -47px; }
	li#fb_btn1 a:hover , li#fb_btn1 a:active { background-position:0 0; }
	li#fb_btn2 a:hover , li#fb_btn2 a:active { background-position:-220px 0; }
	li#fb_btn3 a:hover , li#fb_btn3 a:active { background-position:-440px 0; }

#fb_about_ctn {
  background:url(../img/fb1_back1.gif) repeat-y 0 0;
  overflow:auto;
  zoom:1;
  clear:both;
  }
  .fb_about {
    float:left;
	}
  h4#fb_about1 , h4#fb_about2 , h4#fb_about3 {
    display:block;
	background:url(../img/fb1_img2.gif) no-repeat;
	width:234px;
	height:58px;
	text-indent:-9999px;
	}
	h4#fb_about1 { background-position:0 0; }
	h4#fb_about2 { background-position:-238px 0; }
	h4#fb_about3 { background-position:-476px 0; }
  .fb_about_dc {
    margin:0 0 10px 10px;
	width:214px;
	text-indent:0;
	line-height:1.8em;
	}

  /* 違い */

#chigai_ctn {
  overflow:auto;
  zoom:1;
  width:690px;
  margin:15px 0 0 20px;
  }

#fb2_left {
  float:left;
  width:300px;
  }
#fb2_right {
  float:right;
  background:url(../img/fb2_img5.gif) no-repeat 0 0;
  padding-left:68px;
  margin-right:15px;
  width:300px;
  }

h4.sub_title3 {
  color:#004699;
  font-size:1.4em;
  font-weight:bold;
  margin-bottom:10px;
  }

  /* 流れ */

#flow_ctn1 {
  background:url(../img/fb3_img6.jpg) repeat-y 0 0;
  overflow:auto;
  zoom:1;
  }
  .flow_ctn {
    float:left;
	width:179px;
	}
h5#flow_title1 , h5#flow_title2 , h5#flow_title3 , h5#flow_title4 {
  display:block;
  background:url(../img/fb3_img1.jpg) no-repeat;
  width:179px;
  height:85px;
  text-indent:-9999px;
  }
  h5#flow_title1 { width:173px; }
  h5#flow_title2 { background-position:-173px 0; }
  h5#flow_title3 { background-position:-352px 0; }
  h5#flow_title4 { background-position:-531px 0; }
p.flow_pg {
  margin:5px 10px 10px 10px;
  color:#FFF;
  }
.flow_matter_ctn { margin-left:6px; } 


#flow_ctn2 { margin-top:15px; }

a#flow_movie_btn2 {
  display:block;
  background:url(../img/fb3_btn1.jpg) no-repeat;
  width:420px;
  height:68px;
  text-indent:-9999px;
  margin:0 0 15px 145px;
  }
  a#flow_movie_btn2:hover , a#flow_movie_btn2:active { background-position:0 -68px; }

  /* 構造・工法の概要 */

.fb4_ctn { margin-top:15px; overflow:auto; zoom:1; }
p#kouzou_dc {
  float:left;
  width:320px;
  }
div#kouzou_photo img { float:right; width:380px; }

.pc_img_left {
  position:relative;
  float:left;
  width:350px;
  margin-bottom:5px;
  }
.pc_img_right {
  position:relative;
  float:right;
  width:350px;
  margin-bottom:5px;
  }
  a.pc_btn {
    display:block;
	background:url(../img/fb4_btn1.jpg) no-repeat;
	width:160px;
	height:35px;
	text-indent:-9999px;
	position:absolute;
	top:190px;
	left:167px;
	}
	a.pc_btn:hover , a.pc_btn:active { background-position:0 -35px; }

/* 加盟店・製造拠点 Agent & Factories */

#agent_area_ctn { overflow:auto; zoom:1; margin-top:15px; }

table#agent_area { border:none; float:left; width:420px; }
table#agent_area tr th { border:1px solid #FFF; padding:0; margin:0; }
table#agent_area tr td { border:1px solid #FFF; padding:0 0 0 10px; }

h4#agent_area1 , h4#agent_area2 , h4#agent_area3 , h4#agent_area4 , h4#agent_area5 ,
h4#agent_area6 , h4#agent_area7 , h4#agent_area8 , h4#agent_area9 , h4#agent_area10 ,
h4#agent_area1 a , h4#agent_area2 a , h4#agent_area3 a , h4#agent_area4 a , h4#agent_area5 a ,
h4#agent_area6 a , h4#agent_area7 a , h4#agent_area8 a , h4#agent_area9 a , h4#agent_area10 a {
  display:block;
  background:url(../img/agent_area_btn.jpg) no-repeat;
  width:120px;
  height:25px;
  text-indent:-9999px;
  }
  /* リンクなし */
  h4#agent_area1 { background-position:0 0; } /* 北海道 */
  h4#agent_area2 { background-position:0 -25px; } /* 東北 */
  h4#agent_area3 { background-position:0 -50px; } /* 関東 */
  h4#agent_area4 { background-position:0 -75px; } /* 甲信越・北陸 */
  h4#agent_area5 { background-position:0 -100px; } /* 東海 */
  h4#agent_area6 { background-position:0 -125px; } /* 近畿 */
  h4#agent_area7 { background-position:0 -150px; } /* 中国 */
  h4#agent_area8 { background-position:0 -175px; } /* 四国 */
  h4#agent_area9 { background-position:0 -200px; } /* 九州 */
  h4#agent_area10 { background-position:0 -225px; } /* 沖縄 */
  /* リンクあり */
  h4#agent_area1 a { background-position:-120px 0; } /* 北海道 */
  h4#agent_area2 a { background-position:-120px -25px; } /* 東北 */
  h4#agent_area3 a { background-position:-120px -50px; } /* 関東 */
  h4#agent_area4 a { background-position:-120px -75px; } /* 甲信越・北陸 */
  h4#agent_area5 a { background-position:-120px -100px; } /* 東海 */
  h4#agent_area6 a { background-position:-120px -125px; } /* 近畿 */
  h4#agent_area7 a { background-position:-120px -150px; } /* 中国 */
  h4#agent_area8 a { background-position:-120px -175px; } /* 四国 */
  h4#agent_area9 a { background-position:-120px -200px; } /* 九州 */
  h4#agent_area10 a { background-position:-120px -225px; } /* 沖縄 */
  h4#agent_area1 a:hover , h4#agent_area10 a:active { background-position:-240px 0; } /* 北海道 */
  h4#agent_area2 a:hover , h4#agent_area2 a:active { background-position:-240px -25px; } /* 東北 */
  h4#agent_area3 a:hover , h4#agent_area3 a:active { background-position:-240px -50px; } /* 関東 */
  h4#agent_area4 a:hover , h4#agent_area4 a:active { background-position:-240px -75px; } /* 甲信越・北陸 */
  h4#agent_area5 a:hover , h4#agent_area5 a:active { background-position:-240px -100px; } /* 東海 */
  h4#agent_area6 a:hover , h4#agent_area6 a:active { background-position:-240px -125px; } /* 近畿 */
  h4#agent_area7 a:hover , h4#agent_area7 a:active { background-position:-240px -150px; } /* 中国 */
  h4#agent_area8 a:hover , h4#agent_area8 a:active { background-position:-240px -175px; } /* 四国 */
  h4#agent_area9 a:hover , h4#agent_area9 a:active { background-position:-240px -200px; } /* 九州 */
  h4#agent_area10 a:hover , h4#agent_area10 a:active { background-position:-240px -225px; } /* 沖縄 */

#agent_boshu_img { float:right; clear:none;}

table#maker_list , table#factories_list { border:1px solid #004699; }
table#factories_list { margin-top:15px; }
table#maker_list tr th ,
table#factories_list tr th { background-color:#004699; color:#FFF; border:1px solid #004699; }
table#maker_list tr td ,
table#factories_list tr td  { border:1px solid #004699; }

/* トピックス・施工事例 Topics & Case */

.next_back {
  overflow:auto;
  zoom:1;
  border-bottom:1px solid #DDD;
  margin-top:15px;
  padding-bottom:5px;
  }
  a.next_btn { float:right; }
  a.back_btn { float:left; }

ul#topics_list {}
  ul#topics_list li { padding:8px 0 8px 80px; border-bottom:1px solid #DDD; }
  ul#topics_list li a { text-decoration:none; }
  ul#topics_list li a:hover , ul#topics_list li a:active { text-decoration:underline; }
  ul#topics_list li.icon1 ,
  ul#topics_list li.icon2 {
    display:block;
	color:#666666;
	}
	ul#topics_list li.icon1 { background:url(../img/topics_icon_1.jpg) no-repeat 0 9px; }
	ul#topics_list li.icon2 { background:url(../img/topics_icon_2.jpg) no-repeat 0 9px; }
	ul#topics_list li.icon3 { background:url(../img/topics_icon_2.jpg) no-repeat 0 9px; }

ul#case_list { margin-top:15px; }
  ul#case_list li { display:block; padding:8px 0 8px 0; border-bottom:1px solid #DDD; }
  ul#case_list li a { text-decoration:none; }
  ul#case_list li a:hover , ul#case_list li a:active { text-decoration:underline; }
  a.case_co { color:#666666; }

h4#topics_title {
  display:block;
  color:#004699;
  font-size:16px;
  font-weight:bold;
  border-bottom:1px solid #DDD;
  margin-top:15px;
  padding-bottom:5px;
  }

#topics_date_ctn {
  overflow:auto;
  zoom:1;
  }
  p#topics_date { float:left; text-indent:0; }
  a#back_btn { float:right; }

#topics_test {
  line-height:2em;
  margin:0 30px;
  }

  /* 展示場 */

dl.show_space {
  float:left;
  width:350px;
  margin-right:10px;
  }
  dl.show_space dt {
	color:#004699;
	}
  dl.show_space dd {
    margin:0 0 5px 1em;
	}


/* お問合せ・資料請求 Contact & Shiryou */

h4#form_flow1 , h4#form_flow2 , h4#form_flow3 {
  display:block;
  background:url(../img/contact_step.jpg) no-repeat;
  width:408px;
  height:35px;
  text-indent:-9999px;
  margin:15px 0 0 30px;
  }
  h4#form_flow2 { background-position:0 -35px; }
  h4#form_flow3 { background-position:0 -70px; }

h5.form_subtitle {
  font-size:1.3em;
  margin-bottom:10px;
  border-bottom:1px solid #DDD;
  padding-bottom:5px;
  margin:25px 0 15px 0;
  color:#004699;
  }

table#form_ctn {
  border:none;
  }
  table#form_ctn tr td , table#form_ctn tr th { padding:10px; }
  table#form_ctn tr , table#form_ctn tr td , table#form_ctn tr th { border:none; }

form input#btn_send1 , form input#btn_send2 { /* フォームボタン Form Button */
  width:180px;
  height:40px;
  border:none;
  overflow:hidden;
  cursor:pointer;
  padding:0;
  text-indent:-9999px;
  display: block;
  margin-top:20px;
  }
  form input#btn_send1 { background:url(../img/contact_btn1.jpg) no-repeat 0 0; }
  form input#btn_send2 { background:url(../img/contact_btn2.jpg) no-repeat 0 0; }
  
/* Opera*/
*+html:first-child body form input#btn_send1 ,
*+html:first-child body form input#btn_send2
 {
  padding-left: 300px;
  }

#form_matter_ctn {
  width:100%;
  text-align:center;
  margin:20px 0;
  background-color: #E4E6F4;
  }
  #form_kanryou_ctn {
    background:url(../img/contact_end_img.jpg) no-repeat 0 25px #E4E6F4;
    width:434px;
    padding:190px 0 20px 0;
    margin:auto;
    text-align:center;
    }
  #form_error_ctn {
    background:url(../img/contact_error_img.jpg) no-repeat 0 25px #E4E6F4;
    width:434px;
    padding:190px 0 20px 0;
    margin:auto;
    text-align:center;
    }

a#btn_homeback {
  display:block;
  background:url(../img/contact_btn4.jpg) no-repeat;
  width:180px;
  height:40px;
  text-indent:-9999px;
  margin:10px auto 0 auto;
  }
  a#btn_homeback:link , a#btn_homeback:visited { background-position:0 0; }
  a#btn_homeback:hover , a#btn_homeback:active { background-position:0 -40px; }

a#btn_nyuuryokuback {
  display:block;
  background:url(../img/contact_btn3.jpg) no-repeat;
  width:180px;
  height:40px;
  text-indent:-9999px;
  margin:10px auto 0 auto;
  }
  a#btn_nyuuryokuback:link , a#btn_nyuuryokuback:visited { background-position:0 0; }
  a#btn_nyuuryokuback:hover , a#btn_nyuuryokuback:active { background-position:0 -40px; }

/* 会社概要 Company */

dl#access {
  margin-top:10px;
  }
  dl#access dt {
    font-size:14px;
	font-weight:bold;
	color:#004699;
	margin:5px 0 10px;
	}