/*
-- Header 
*/

div#main h2{
  margin-top   : 0.5em;
  margin-bottom: 1em;
  color: #000000;
  font-size: x-large;
}
div#main .date{
  margin-bottom: 2em;
  color: #000000;
  width: 100%;
  text-align: right;
--  font-size: x-large;
}
div#main h3{
  margin-top   : 2em;
  margin-bottom: 2em;
  color: #ff6600;
  --font-size: medium;
  font-size: large;
}
div#main h4{
  margin-top   : 1em;
  margin-bottom: 1em;
  color: #ff6600;
  font-size: medium;
}

p.tf-description{

  background-image   : url(http://superfreaks.jp/touchfootball/image/touchfootballtop.jpg);
  background-position: center left;
  background-repeat  : no-repeat;

  padding-top  :  30px;
  padding-left : 210px;
  padding-right:  10px;
  width     : 350px;
  min-height: 190px;

  text-valign: center;
}

div#main div.tf-list{
  margin-bottom: 1em;
}

div#main div.tf-list h3{
  background-image: url(http://m.superfreaks.jp/image/splash.jpg);
  --font-size: smaller;
  font-size: medium;
  font-weight: normal;

  margin-top: 0;  
  margin-bottom: 0;

  padding-top   : 45px;
  padding-right :  0px;
  padding-bottom:  0px;
  padding-left  :  0px;

  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: silver;

  -webkit-border-top-left-radius : 8px; 
  -webkit-border-top-right-radius: 8px;

  

}
div#main div.tf-list h3.cat53{
  background-image: url(http://superfreaks.jp/image/background/cat58_bg.jpg);
--  background-position: bottom left;
  background-repeat  : no-repeat;
}
div#main div.tf-list h3.cat51{
  background-image: url(http://superfreaks.jp/image/background/cat59_bg.jpg);
  background-position: bottom left;
  background-repeat  : no-repeat;
}
div#main div.tf-list h3.cat52{
  background-image: url(http://superfreaks.jp/image/background/cat60_bg.jpg);
  background-position: bottom left;
  background-repeat  : no-repeat;
}

div#main div.tf-list h3 > span{
  background-color: black;

  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;

  color  : white;
  display: block;
  padding-top   :  8px;
  padding-right :  8px;
  padding-bottom:  8px;
  padding-left  :  8px;
}

div#main div.tf-list ul{
  border-width: 1px;
  border-style: solid ;
  border-color: silver;
  -webkit-border-bottom-left-radius  : 8px; 
  -webkit-border-bottom-right-radius : 8px;  
}

div#main div.tf-list li {
  text-decoration: none;

  border-top-width: 1px;
  border-top-color: silver;
  border-top-style: solid;

  list-style: none;
  margin-left: 0;
  padding: 0;

  --background: url(/image/icons/check.gif) no-repeat 5px 5px;
  background-image: none;
}


div#main div.tf-list li:first-child {
  border-top-width: 0px;
}

div#main div.tf-list li:last-child {
  -webkit-border-bottom-left-radius  : 8px; 
  -webkit-border-bottom-right-radius : 8px;  
}


div#main div.tf-list a {
  text-decoration: none;
}

div#main div.tf-list li a div{
  padding: 3px 3px 3px 10px;
}

div#main div.tf-list .updatedate{
  display   : block;
  text-align: right;
  font-size : smaller;
  color     : grey;
}

div#main div.tf-list a:hover{
  text-decoration: none;
  color:#ff8000;
  text-shadow: #ffffff -1px 0px,#ffffff 0px -1px,#ffffff 0px 1px,#ffffff 1px 0px;
}
div#main div.tf-list a:hover h3 span{
  text-decoration: none;
  color:#ff8000;
--  text-shadow: #ffffff -1px 0px,#ffffff 0px -1px,#ffffff 0px 1px,#ffffff 1px 0px;
}