@import url("common.css");

/* トップ　top */

body {
  background-image:url(../img/top/back.jpg);
  background-repeat:repeat-x;
  }

#head {
	background:url(../img/top/back_head.jpg) no-repeat 0 19px;
	height:90px;
  }
  h1#logo {
	display:block;
	width:280px;
	height:90px;
	background-image: url(../img/top/logo.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	text-indent: -9999px;
	float:left;
	}
  #hyoutei {
    background:url(../img/top/hyoutei.jpg) no-repeat 0 0;
	width:594px;
	height:41px;
	text-indent:-9999px;
	margin:40px 10px 0 0;
	float:right;
	}

#flash {
	background:url(../img/top/back_flash.jpg) no-repeat 0 0;
	width:960px;
	padding:0 0 0 11px;
	height: 308px;
  }

#matter {
  overflow:auto;
  zoom:1;
  padding-bottom:10px;
  background-image:url(../img/top/back_top_matter.jpg);
  border-right:1px solid #FFF;
  border-left:1px solid #FFF;
  }


#navi {
  background:url(../img/top/back_navi.jpg) no-repeat 0 0;
  overflow:auto;
  width:958px;
  height:58px;
  }
  #navi ul {
    margin:7px 0 0 105px;
	}
	#navi ul li {
	  float:left;
	  }
	  #navi ul li a {
	    display:block;
		height:44px;
		background:url(../img/common/navi.jpg) no-repeat;
		text-indent:-9999px;
		}
		#navi ul li#navi1 a:link , #navi ul li#navi1 a:visited { background-position:0 0; width:136px; }
		#navi ul li#navi1 a:hover , #navi ul li#navi1 a:active { background-position:0 -44px; width:136px; }
		#navi ul li#navi2 a:link , #navi ul li#navi2 a:visited { background-position:-136px 0; width:135px; }
		#navi ul li#navi2 a:hover , #navi ul li#navi2 a:active { background-position:-136px -44px; width:135px; }
		#navi ul li#navi3 a:link , #navi ul li#navi3 a:visited { background-position:-271px 0; width:135px; }
		#navi ul li#navi3 a:hover , #navi ul li#navi3 a:active { background-position:-271px -44px; width:135px; }
		#navi ul li#navi4 a:link , #navi ul li#navi4 a:visited { background-position:-405px 0; width:140px; }
		#navi ul li#navi4 a:hover , #navi ul li#navi4 a:active { background-position:-405px -44px; width:140px; }
		#navi ul li#navi4 { margin-left:108px; }



/* navi */


#topics_ctn {
	margin:0 0 0 8px;
	background:url(../img/top/topics_title.jpg) no-repeat 0 0;
	width:670px;
	float:left;
  }
  #topics_head_ctn {
    overflow:auto;
	height:44px;
	}
  h2#topics_title {
    float:left;
    text-indent:-9999px;
	}
  #btn_ichiran {
    float:right;
	padding:16px 8px 5px 0;
	background:url(../img/top/back_topics_ichiranbtn.jpg) no-repeat 0 0;
	}
	#btn_ichiran a {
	  display:block;
	  width:69px;
	  height:23px;
	  background:url(../img/top/btn_ichiran.jpg) no-repeat ;
	  text-indent:-9999px;
	  }
	  #btn_ichiran a:link , #btn_ichiran a:visited { background-position:0 0; }
	  #btn_ichiran a:hover , #btn_ichiran a:active { background-position:0 -23px; }


#sub_btn {
  float:right;
  margin-right:10px;
  }
  #contact_ctn {
	background:url(../img/top/back_contactbtn.jpg) no-repeat;
	padding-top:8px;
	}
  #contact_ctn a {
    display:block;
	background:url(../img/top/btn_shiryou.jpg) no-repeat;
	width:260px;
	height:60px;
	text-indent:-9999px;
	}
	#contact_ctn a:link , #contact_ctn a:visited { background-position:0 0; }
	#contact_ctn a:hover , #contact_ctn a:active { background-position:0 -60px; }


  #contact_ctn2 {
	padding-top:8px;
	}
  #contact_ctn2 a {
    display:block;
	background:url(../img/top/btn_shiryou2.gif) no-repeat;
	width:260px;
	height:60px;
	text-indent:-9999px;
	}
	#contact_ctn2 a:link , #contact_ctn2 a:visited { background-position:0 0; }
	#contact_ctn2 a:hover , #contact_ctn2 a:active { background-position:0 -60px; }
	
  ul#about_fb {
    margin:5px 0 0 0;
	}
	ul#about_fb li a {
	  display:block;
	  width:260px;
	  height:68px;
	  text-indent:-9999px;
	  }
	  ul#about_fb li#fb_btn1 a ,
	  ul#about_fb li#fb_btn2 a ,
	  ul#about_fb li#fb_btn3 a ,
	  ul#about_fb li#fb_btn4 a { background:url(../img/top/btn_fb.jpg) no-repeat;}
	  ul#about_fb li#fb_btn1 a:link , ul#about_fb li#fb_btn1 a:visited { background-position:0 0; }
	  ul#about_fb li#fb_btn1 a:hover , ul#about_fb li#fb_btn1 a:active { background-position:-260px 0; }
	  ul#about_fb li#fb_btn2 a:link , ul#about_fb li#fb_btn2 a:visited { background-position:0 -68px; }
	  ul#about_fb li#fb_btn2 a:hover , ul#about_fb li#fb_btn2 a:active { background-position:-260px -68px; }
	  ul#about_fb li#fb_btn3 a:link , ul#about_fb li#fb_btn3 a:visited { background-position:0 -136px; }
	  ul#about_fb li#fb_btn3 a:hover , ul#about_fb li#fb_btn3 a:active { background-position:-260px -136px; }
	  ul#about_fb li#fb_btn4 a:link , ul#about_fb li#fb_btn4 a:visited { background-position:0 -204px; }
	  ul#about_fb li#fb_btn4 a:hover , ul#about_fb li#fb_btn4 a:active { background-position:-260px -204px; }
  ul#banner , #banner {
    margin-top:10px;
	padding-top:10px;
	border-top:1px solid #666666;
	}
	a#banner1 {
	  display:block;
	  background:url(../img/top/banner_mb.jpg) no-repeat;
	  width:260px;
	  height:65px;
	  text-indent:-9999px;
	  margin-bottom:5px;
	  }
	  a#banner1:link , a#banner1:visited { background-position:0 0; }
	  a#banner1:hover , a#banner1:active { background-position:0 -65px; }
	a#banner2 {
	  display:block;
	  background:url(../img/top/banner_fb.jpg) no-repeat;
	  width:260px;
	  height:65px;
	  text-indent:-9999px;
	  }
	  a#banner2:link , a#banner2:visited { background-position:0 0; }
	  a#banner2:hover , a#banner2:active { background-position:0 -65px; }