@import url(http://souzokusupport.net/css/base.css);

/* Styles TOP Page's CSS (styles-index.css) */

body{
  background:url(http://souzokusupport.net/imgs/back-top_img.jpg) repeat-x top;
  }

/*** メイン部分 ***/

#container{
  padding:25px 11px 25px;
  background:url(http://souzokusupport.net/imgs/container-top_back.jpg) no-repeat top;
  }

#banner{
  width:862px;
  height:243px;
  text-indent:-1000000px;
  margin:15px auto 12px;
  background:url(http://souzokusupport.net/imgs/topbanner.jpg) no-repeat;
  overflow:hidden;
  clear:both;
  }


/** Main **/

#main .banner{
  width:635px;
  height:263px;
  text-indent:-1000000px;
  background:url(http://souzokusupport.net/imgs/main-topbanner.jpg) no-repeat top;
  overflow:hidden;
  clear:both;
  }


/* TopMenu */

#topMenu{
  width:635px;
  padding:15px 0;
  overflow:hidden;
  }
  
#topMenu a{
  color:#333333;
  }

#topMenu li{
  list-style:none;
  width:308px;
  height:155px;
  margin:0 0 15px;
  padding:0;
  background:url(http://souzokusupport.net/imgs/topbox-back.jpg) repeat-y;
  overflow:hidden;
  }

#topMenu h3, #topMenu .more{
  text-indent:-1000000px;
  overflow:hidden;
  }

#topMenu h3, #topMenu .more, #topMenu .more a{
  width:308px;
  }

#topMenu h3, #topMenu h3 a{height:60px;}
#topMenu .more, #topMenu .more a{height:40px;}
#topMenu h3 a, #topMenu .more a{display:block;}

#topMenu p{
  width:288px;
  height:54px;
  font-size:11px;
  text-align:left;
  line-height:18px;
  padding:0 10px 1px;
  overflow:hidden;
  }

#topMenu .kiso, #topMenu .casestudy, #topMenu .souzokuzei, #topMenu .kouken{
  float:left;
  clear:both;
  }

#topMenu .guide, #topMenu .howto, #topMenu .seizenzouyo, #topMenu .keisyou{
  float:right;
  }

#topMenu .kiso h3{background:url(http://souzokusupport.net/imgs/topbox_title-kiso.jpg) no-repeat;}
#topMenu .kiso .more{background:url(http://souzokusupport.net/imgs/topbox_more-kiso.jpg) no-repeat;}
#topMenu .guide h3{background:url(http://souzokusupport.net/imgs/topbox_title-guide.jpg) no-repeat;}
#topMenu .guide .more{background:url(http://souzokusupport.net/imgs/topbox_more-guide.jpg) no-repeat;}
#topMenu .casestudy h3{background:url(http://souzokusupport.net/imgs/topbox_title-casestudy.jpg) no-repeat;}
#topMenu .casestudy .more{background:url(http://souzokusupport.net/imgs/topbox_more-casestudy.jpg) no-repeat;}
#topMenu .howto h3{background:url(http://souzokusupport.net/imgs/topbox_title-howto.jpg) no-repeat;}
#topMenu .howto .more{background:url(http://souzokusupport.net/imgs/topbox_more-howto.jpg) no-repeat;}
#topMenu .souzokuzei h3{background:url(http://souzokusupport.net/imgs/topbox_title-souzokuzei.jpg) no-repeat;}
#topMenu .souzokuzei .more{background:url(http://souzokusupport.net/imgs/topbox_more-souzokuzei.jpg) no-repeat;}
#topMenu .seizenzouyo h3{background:url(http://souzokusupport.net/imgs/topbox_title-seizenzouyo.jpg) no-repeat;}
#topMenu .seizenzouyo .more{background:url(http://souzokusupport.net/imgs/topbox_more-seizenzouyo.jpg) no-repeat;}
#topMenu .kouken h3{background:url(http://souzokusupport.net/imgs/topbox_title-kouken.jpg) no-repeat;}
#topMenu .kouken .more{background:url(http://souzokusupport.net/imgs/topbox_more-kouken.jpg) no-repeat;}
#topMenu .keisyou h3{background:url(http://souzokusupport.net/imgs/topbox_title-keisyou.jpg) no-repeat;}
#topMenu .keisyou .more{background:url(http://souzokusupport.net/imgs/topbox_more-keisyou.jpg) no-repeat;}


/* TopInfo */

#topInfo{
  clear:both;
  }

#topInfo h2{
  width:636px;
  height:60px;
  text-indent:-1000000px;
  background:url(http://souzokusupport.net/imgs/information-title.jpg) no-repeat top;
  overflow:hidden;
  }

#topInfo ul{
  padding-top:10px;
  }

#topInfo li{
  list-style:none;
  width:626px;
  height:18px;
  text-align:left;
  line-height:18px;
  padding:5px;
  }

#topInfo .days{
  float:left;
  width:80px;
  background:url(http://souzokusupport.net/imgs/point-main.jpg) no-repeat 2px 2px;
  padding-left:25px;
  clear:both;
  }

#topInfo .title{
  float:right;
  width:500px;
  }

#topInfo .listBody{
  float:right;
  width:214px;
  height:25px;
  padding:15px 0 20px;
  }

#topInfo .newsBtn, #topInfo .rssBtn{
  float:left;
  width:102px;
  height:25px;
  text-indent:-10000000px;
  background:url(http://souzokusupport.net/imgs/title-img.jpg) no-repeat;
  overflow:hidden;
  }

#topInfo .newsBtn a, #topInfo .rssBtn a{
  display:block;
  width:102px;
  height:25px;
  }

#topInfo .newsBtn{background:url(http://souzokusupport.net/imgs/news-btn.jpg) no-repeat;margin-right:10px;}
#topInfo .rssBtn{background:url(http://souzokusupport.net/imgs/rss-btn.jpg) no-repeat;}