@charset "utf-8";
/*
Theme Nami: KTA_theme
Theme URI: http://www.erm-design.com
Description: KTA theme
Author: S.Taguchi
*/




body{
	background-color: #ccc;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

a{
	color: #00F;
	text-decoration: none;
}

a:hover{
	color: #0CF;
}

a img{
border: 0;
}



div#content{
	background-color: #fff;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

/* clearfix */
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

.center{
text-align: center;
}
/*---ヘッダー部分---*/

#header{
        background-image: url(images/header_bg.png);
        background-repeat: no-repeat;
        width: 800px;
        height: 80px;
        margin: 0;
        padding: 0;
        clear: both;
}

#header h1{
	margin: 0;
}

#header h1 img{
	border: none;
	margin: 0 20px 0 10px;
}

#header div.desc{
       font-size: 0.85em;
       color: #666;
	   text-align: right;
}


#nav{
        clear: both;
		margin: 0;
}

#nav ul{
	background-color: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: solid 1px #f00;
	border-top: solid 1px #f00;
	height: 2em;
	font-size: 0.9em;
	font-weight: bold;
}


#nav li{
	text-align: center;
	border-right: solid 1px #f00;
	float: left;
	line-height: 2em;
}

#nav li.list_right{
        border: 0;
}

#nav li a{
	display: block;
	width: 113.2px;
	text-decoration: none;
	color: #f00;
}

#nav li.list_right a{
        width: 114.2px;
}


#nav li a:hover{
	background-color: #f00;
	color: #fff;
}


/*---フッター部分---*/
#footer{
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	text-align: center;
	clear: both;
}

#footer address{
	font-size: 0.85em;
	font-style: normal;
	line-height: 1.5em;
}

div.counter{
float: right
}

/*---トップページデザイン---*/

div#top{
margin: 0;
padding: 0;
}

p#topimg{
margin: 0;
padding: 0;
text-align: center;
}

div#news_title{
        width: 694px;
        margin: 10px auto 0 auto;
        padding: 0;
        clear: both;
}

div#news_body{
        width: 694px;
        background-image: url(images/news_bg.png);
        background-repeat: repeat-y;
        margin: 0 auto;
        padding: 5px 0;
        color: #666;
}

div#news_body a{
       color: #f00;
       text-decoration: none;
}

div#news_body a:hover{
       color: #fff;
       background-color: #f00;

}

div#news_inner{
        width: 659px;
        margin: 0 20px 0 15px;
}

div#news_inner hr{
        width: 95%;
        margin: 10px auto;
}

div#news_inner dl{
        margin: 0;
}

div#news_inner dt{
        font-weight: bold;
        font-size: 0.9em;
}

div#news_inner dd{
        font-size: 0.8em;
        margin: 3px 0 7px 3px;
}

div#news_footer{
        width: 694px;
        background-image: url(images/news_footer.png);
        background-repeat: norepeat;
        margin: 0 auto;
        height: 27px;
}

div#banner{
        width: 700px;
        margin: 10px auto;
}

div#banner td{
padding: 5px;
vertical-align: top;
}

div#sponsor{
        width: 650px;
        margin: 10px auto;
        background-image: url(images/sponsor_bg.png);
        background-repeat: no-repeat;
        padding-top: 24px;
        height: 26px;
        border: 1px solid #f00;
}

div#sponsor_inner{
        width: 640px;
        margin: 0 auto;
}

div#sponsor img{
        border: 0;
}

div#sponsor a{
        border: 0;
        text-decoration: none;
}

div#shiaiCal{
	float: left;
}
div#juniorTennisLeague{
	float: right;
}
/*---pageのデザイン設定---*/

div#main{
        margin: 5px 10px;
        width: 780px;
}

div#contents{
        width: 700px;
        margin: 20px auto;
}

div#content h2{
background-image: url(images/bar.gif);
background-repeat: no-repeat;
color: #333;
font-size: 1.2em;
padding: 8px 0 0 35px;
height: 25px;
}

div#content h2#ranking_title{
background-image: url(images/bar2.gif);
background-repeat: no-repeat;
color: #333;
font-size: 1.2em;
padding: 8px 0 0 35px;
height: 25px;
}

div#post01{
        font-size: 1.0em;
        color: #666;
}

.center{
text-align: center;
}

.right{
text-align: right;
}

.left{
text-align: left;
}

table#shiaiTable{
border: 1px solid #F00;
width: 700px;
margin: 0 auto;
border-collapse: collapse;
}

table#shiaiTable td,table#shiaiTable th{
border: 1px solid #F00;
font-size: 13px;
line-height: 26px;
margin: 0;
padding: 3px;
}

table#shiaiTable th{
text-align: center;
color: #FFF;
background-color: #F69;
}

table#shiaiTable tr th.width1{
width: 10px;
}

table#shiaiTable tr th.width2{
width: 70px;
}

table#shiaiTable tr th.width3{
width: 378px;
}

table#shiaiTable tr th.width4{
width: 50px;
}

/*---パンくず設定---*/

p#bread{
       font-size: 0.85em;
       text-align: left;
}

p#bread a{
       color: #f00;
       text-decoration: none;
}

p#bread a:hover{
       border-bottom: 1px solid #f00;
}


/*---各ページの設定---*/

/*---会員登録ページ---*/
table.touroku{
border: 2px solid #f00;
border-collapse: collapse;
}

table.touroku th{
width: 25%;
background-color: #f00;
color: #fff;
text-align: center;
padding: 3px;
border-bottom: 1px solid #fff;
}

table.touroku td{
width: 75%;
background-color: #fff;
color: #666;
text-align: left;
padding: 3px;
border: 1px solid #f00;
}

table.touroku dl{
margin: 0;
}

table.touroku dt{
font-size: 1.2em;
font-weight: bold;
}

table.touroku dd{
margin: 2px 0 5px 5px;
}

/* ---------- リンクページ ----------*/

div.links_container{
width: 630px;
margin: 0px auto 10px auto;
padding: 0;
clear: both;
}

div#links_1{
width: 300px;
float: left;
}

div#links_2{
width: 300px;
float: right;
}

div#links_3{
width: 300px;
float: left;
}

div#links_4{
width: 300px;
float: right;
}

h3.linkTitle{
width: 100%;
background-color: #F00;
color: #FFF;
padding: 5px;
text-align: center;
}

div.links_inner{
width: 290px;
padding: 5px;
}

/* --------------------- ランキングページ用 ---------------------*/

div#ranking{
width: 500px;
float: left;
margin: 0;
padding: 0;
}

div#ranking h2{
background-image: url(images/bar.gif);
background-repeat: no-repeat;
color: #333;
font-size: 1.2em;
padding: 6px 0 2px 35px;
height: 25px;
}


table#ranking_table{
width: 90%;
margin: 10px auto;
border-collapse: collapse;
border: 1pt solid #F00;
}

table#ranking_table th{
text-align: center;
color: #FFF;
font-weight: bold;
background-color: #F00;
padding: 2px;
border: 1px solid #FFF;
}

table#ranking_table th.title{
font-size: 1.2em;
}

table#ranking_table th.sub{
font-size: 1.0em;
}

table#ranking_table td{
color: #666;
font-size: 1.0em;
padding: 2px;
}

table#ranking_table td.right{
width: 8%;
text-align: right;
border: 1pt solid #F00;
}

table#ranking_table td.left{
width: 42%;
text-align: left;
border: 1pt solid #F00;
}

table#ranking_table td.left_name1{
width: 12%;
text-align: left;
border: 1pt solid #F00;
border-right: none;
}

table#ranking_table td.left_name2{
width: 30%;
text-align: left;
border: 1pt solid #F00;
border-left: none;
}

table#ranking_table td.right2{
width: 10%;
text-align: right;
border: 1px solid #F00;
}

table#ranking_table td.left2{
width: 35%;
text-align: left;
border: 1px solid #F00;
}

table#ranking_table td.left2_name1{
width: 12%;
text-align: left;
border: 1px solid #F00;
border-right: none;
}

table#ranking_table td.left2_name2{
width: 23%;
text-align: left;
border: 1px solid #F00;
border-left: none;
}

div#ranking_side{
width: 200px;
float: right;
margin: 0;
padding: 0;
font-size: 0.9em;
}

div#ranking_side a{
color: #00F;
text-decoration: none;
}

div#ranking_side a:hover{
color: #0CF;
}

/*------------ シングルページ用 ------------*/

table.shiai{
width: 680px;
margin: 0 auto;
border-collapse: collapse;
border: 1pt solid #F00;
}

table.shiai th{
width: 120px;
padding: 3px;
border: 1pt solid #F00;
}

table.shiai td{
width: 560px;
padding: 3px;
border: 1pt solid #F00;
}

/*------------ 試合結果ページ ------------*/
table.kekka{
width: 600px;
margin: 10px auto;
border-collapse: collapse;
border: 1pt solid #999; 
}

table.kekka td{
width: 200px;
border: 1pt solid #999;
text-align: center;
}

table.kekka td img{
width: 200px;
height: auto;
}

table.kekka th{
border: 1pt solid #999;
}

table.kekka2{
width: 600px;
margin: 10px auto;
border-collapse: collapse;
border: 1pt solid #999; 
}

table.kekka2 td{
width: 300px;
border: 1pt solid #999;
text-align: center;
}

table.kekka2 th{
border: 1pt solid #999;
}

#shiai_2011{
border: 1pt solid #999;
margin: 5px auto;
font-size: 0.9em;
border-collapse: collapse;
}

#shiai_2011 td{
border: 1pt solid #999;
}

#shiai_2011 th{
background-color: #999;
color: #FFF;
border: 1pt solid #666;
}