/*-----------------------------------------------------------------------------

  共通

-----------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
     font-size:80%;
     font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif;
     text-align:center;
     line-height:150%;
              border-top:5px solid #ffcc33;     
}

img {
       border:0;
}


a { text-decoration: none;color:#ff9900; }

a:active { color:#ffcc33;text-decoration: none;}
a:hover { color:red;text-decoration: none; }

ul{
    list-style-type:none;
    text-align:left;
    }


table{
            margin:auto;
            text-align:left;
            vertical-align:top;
            border-collapse:collapse;
            width:95%;
            font-size:100%;
            }

table.news{
       line-height:100%;
       border:none;
       margin-bottom:20px;
       }

table.news td{
               padding:5px;
               }

table.detail{
       line-height:150%;
       margin-bottom:20px;
       }

table.detail td{
   border:1px solid #cccccc;           
   padding:5px;
   }

table.detail th{           
   padding:5px;
   }

#fc2{
text-align:left;
padding-left:20px;
    }

p{
     margin:0px;
     padding:0px;
     letter-spacing:1px;
     }

div#container{
              width:800px;
              margin:auto;
              }
          
/*-----------------------------------------------------------------------------

header

-----------------------------------------------------------------------------*/

div#header {
              width:100%;
　　　　　　　　}

#logo{
      margin:0px 0px 10px 30px;
      float:left;
      }

#h-menu{
        text-align:right;
        float:right;
        margin-right:30px;
        width:550px;
        }

h1{
   font-weight:normal;
   font-size:100%;
   text-align:right;
   }

#navi{
      width:800px;
      height:40px;
      margin-bottom:10px;
      border-top:1px solid #cccccc;
      border-bottom:1px solid #cccccc;
      clear:both;
      }

#navi li{
         float:left;
         }

#top{
width:100px;
height:40px;
background:url(http://artfutsal.com/image/navi-top-over.gif) no-repeat left bottom;
}

#ladeis{
width:100px;
height:40px;
background:url(http://artfutsal.com/image/navi-ladeis-over.gif) no-repeat left bottom;
}

#club{
width:100px;
height:40px;
background:url(http://artfutsal.com/image/navi-club-over.gif) no-repeat left bottom;
}

#kojin{
width:100px;
height:40px;
background:url(http://artfutsal.com/image/navi-kojin-over.gif) no-repeat left bottom;
}

#univer{
width:100px;
height:40px;
background:url(http://artfutsal.com/image/navi-univer-over.gif) no-repeat left bottom;
}

#navi a{
display:block;
width:100px;
height:40px;
font-size:1px;
line-height:1px;
outline:none;
}

#navi a:hover {
text-indent:-9999px;
} 

/*-----------------------------------------------------------------------------

left

-----------------------------------------------------------------------------*/

div#left{
        width:190px;
        float:left;
        margin:10px 0px;
        }

div#left h2{
             font-size:100%;
             color:#ffffff;
             background-color:#000055;
             padding:3px 0px;
             }

#left ul{
        border:1px solid #000055; 
        padding:5px 0px 5px 10px;
        margin-bottom:10px;
        }

.textwidget{
        border:1px solid #000055; 
        padding:5px 0px;
        margin-bottom:10px;
        }

#tag_cloud-2 div
          {
        border:1px solid #000055; 
        padding:5px 0px;
        margin-bottom:10px;
            } 


/*-----------------------------------------------------------------------------

content

-----------------------------------------------------------------------------*/

div#content {
             width:600px;
             float:left;
             margin:10px 10px 0px 0px;
             font-size:110%;
             }

div#content h2{
   color:red;
   text-align:left;
   margin-bottom:10px;
   padding:5px 0px 5px 10px;
   clear:both;
   border-left:10px solid red;
   font-size:110%;
   }

div#content h3{
   font-size:100%;
   text-align:left;
   margin:0px 0 5px 0;
   padding-left:10px;
   color:#000055;
   }

div#content p{
 text-align:left;
  margin:0px auto 20px auto;
  width:95%;
  }

div#content img{
margin-bottom:5px;
             }

#category{
          text-align:left;
          margin-bottom:10px;
          }

/*-----------------------------------------------------------------------------

right

-----------------------------------------------------------------------------*/

div#right {
  width:180px;
  float:left;
 }

div#right h2{
             font-size:100%;
             color:#ffcc33;
             background-color:#000055;
             padding:3px 0px;
             }

div#right ul{
             margin-bottom:10px;
             }


/*-----------------------------------------------------------------------------

profile

-----------------------------------------------------------------------------*/

#profile-img{
             float:left;
             }

#profile{
         float:left;
         width:270px;
         font-size:100%;
         margin-left:10px;
         line-height:150%;
         }

#profile th{
            text-align:center;
            border:1px solid #cccccc;
                      }

#profile td{
            padding:1px 5px;
            }

#introduction{
              width:480px;
              float:left;
              font-size:95%;
              padding:1px 5px;
              line-height:150%;
              }

#introduction td{
                 padding:1px 5px;
                 }

#menber-view{
             float:right;
             font-size:90%;
             border:1px solid #cccccc;
             padding:5px;
             line-height:150%;
             }

/*-----------------------------------------------------------------------------

article

-----------------------------------------------------------------------------*/

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;

  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  margin-left:15px;
}

#left p.byline {
  color:#999;
}

ul.article_footer {
  text-align:right;
  margin:10px 0;
  background:#F1F1F1;
  padding:5px 10px;
  border:1px solid #DADADA;
  border-width:1px 0;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #DADADA;
  margin-left:5px;
  padding-left:10px;
}

ul.article_footer li.first {
  border-left:0;
}


/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/


#footer{
       width:100%;
       clear:both;
       background-color:#000055;
       }

#footer p{
          font-size:100%;
          margin:0 auto;
          width:100%;
          color:#ffffff;
          }

#footer a:link { color:#cccccc;text-decoration: underline; }
#footer a:visited { color:#ffffff;text-decoration: underline; }
#footer a:active { color:red;text-decoration: underline;}
#footer a:hover { color:#ffcc33;text-decoration: underline; }

/*-----------------------------------------------------------------------------



  Wordpress Specific Stuff - Elements that weren't in my original stylesheet



-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */

ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background:#EBF9FC;
}




textarea#comment {
  width:400px;
}


#main p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {

  padding:20px;
}




body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {




  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;

  color:#555;
}

body#commentspopup textarea {
  width:340px;

}

/* Image stuff for 2.6.1 */
.aligncenter {
  display: block;

  margin-left: auto;
  margin-right: auto;

}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 50px;
  width:400px;

}

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}

/* End hide from IE Mac */