@charset "UTF-8";
/* Basic CSS by mactoy@sid.jp (YUI)
 $Id:$
------------------------------------------------------ */
/* font tag is deprecated */
body {
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/* not to display  (caution: li a  span is for menu only) */
.cutoff,
li a span {
position:absolute;
top:0px;
left:-9999px;
}
/* for clearing float */
.clear {clear:both;}
/* for alignment */
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.photoleft {
	float: left;
	margin-right:0.3em;
}
.photoright {
	float: right;
	margin-left:0.3em;
}
/* clearfix huck */
.clearfix:after {
    content: "."; // considering NN
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* delete menu image's strange spaces in [IE] for xxxcommon.js */
.btn,
.mnu,
.tmnu {
display:block;
vertical-align: bottom:
}
/* for setting font size */
.fsxxs,
.fs6px {font-size:47%}
.fsxs,
.fs8px {font-size:66%}
.fssm,
.fs10px{font-size:77%}
.fs11px{font-size:85%}
.fs12px{font-size:92%}
.fsmd,
.fs13px{font-size:100%}
.fs14px{font-size:107%}
.fs16px{font-size:122%}
.fs18px{font-size:136%}
.fs20px{font-size:152%}
.fs22px{font-size:167%}
.fs24px{font-size:182%}
.fs26px{font-size:197%}
.fsaxxs {font-size:xx-small;}
.fsaxs {font-size:x-small;}
/* for resizable area with fontresizer */
.rs_m {}
.rs_s {}
.rs_l {}
.resizer {
padding:2px;
border:1px solid #FF9900;
}
.resizerLabel {
padding:2px;
border:1px solid #999900;
}
#fontResizer {
margin-bottom:0.5em
padding-right:10px;
height:1.5em;
line-height:1.2em;
}

#gallery #fontResizer span,
#gallery .resizer {
background-color:white;
}
/* for urktruncater */
.weburl {}

.note {
margin:0.5em 2em 0.5em 3em;
text-indent:-1em;
color:#333;
}


/**
  * Body Contaier
  **/
body {
background-color:black;
 }
 
.doc	{
position:	relative;
margin: 0 auto ; /* centerize */
}

/**
  * サイドバー
  **/
.rightbarpane{
position:relative;
}
.leftbarpane {
position:relative;
}

#sidebar1 {}
#sidebar2 {}

/**
  * サイドバーコンポーネント
  */
#tabsites {
margin:0 0 0 auto;
}

#tabgames {}
#sidetitlefolder,
#sidenavifolder {
position: relative;
height: 64px;
}
#pagetitle {
padding:6px 0 0 4px;
font-size:122%;
line-height:1em;
color:#aaa;
}

#puncture_l,
#puncture_r {
position:absolute;
padding:0 4px;
bottom:9px;
font-size:85%;
line-height:1em;
color:#888;
}
#puncture_l {
text-align:right;
right:0;
}
.sideLogoCompo,
.sideLogoCompo2,
.sideCompo {
margin: 0 0 2px 0;
border:1px solid #CC00CC;
overflow: hidden;
background-color:white!important;
}

.sideLogoCompo {
height: 100px;
text-align:center;
}
.sideCompo { height:170px;}
.sideCompo a,
.sideLogoCompo a{
display:block;
}
img.sideLogo {
display:block;
margin: 32px auto 0 auto;
}

#side_fedcup {
height: 170px;
background:url(../images/bg_sidettl_fedcup.gif) no-repeat 0 0;
}
#side_lsblogo {background:url(../images/bg_sidettl_lsb.gif) no-repeat 0 0;}
#side_bloglogo {background:url(../images/bg_sidettl_blog.gif) no-repeat 0 0;}
#side_tennisfan {
position:relative;
background:url(../images/bg_side_tennisfan.gif) no-repeat 0 0;
}
form#formtouroku {
margin:0px;
padding:0px;
}
#btn_go_tennisfan {
position:absolute;
top:19px;
left:5px;
}
#btn_privacypolicy {
position:absolute;
top:73px;
left:5px;
}
#btn_subscribe {
position:absolute;
top:73px;
left:131px;
}
#in_mail {
position:absolute;
top:45px;
left:5px;
font-size:small;
color:black;
}

#side_onair {
position:relative;
height:auto;
background:url(../images/bg_sidettl_onair.gif) no-repeat 0 0;
overflow:visible;
}
#side_onair p {
padding:20px 3px 4px 3px;
margin-bottom:0px;
text-align:left;
}
#side_onairlogo {
display:block;
margin:1px auto;
}
/* side Flv Player */
#side_tollogo {background:url(../images/bg_sidettl_tol.gif) no-repeat 0 0;}

/* Tennis Online Pannel */
#tollistpanel {}
#tollistpanel_t {
height: 36px;
background:url(../images/tol/bg_tollist_top.gif) repeat 0px 0px;
}
#tollistpanel_m {
padding: 0px 6px 2px 6px;
background:url(../images/tol/bg_tollist_middle.jpg) repeat 0px 0px;
color: white;
}
#tollistpanel_b {
height: 36px;
background:url(../images/tol/bg_tollist_bottom.gif) repeat 0px 0px;
}
#ft_tollist_bottom {
display:block;
margin:0 auto;
}

div#tollistpanel_m ul {
margin: 0;
padding: 0;
list-style: none;
}
div#tollistpanel_m ul li {
margin: 0;
padding: 6px 2px 6px 4px;
border-bottom: 1px solid #633;
}
div#tollistpanel_m ul li a {font-weight: normal;}
div#tollistpanel_m ul li a:link {color:white;}
div#tollistpanel_m ul li a:visited {color:pink;}
div#tollistpanel_m ul li a:active {color:white;}
div#tollistpanel_m ul li a:hover {color:yellow;}
div#tollistpanel_m p {margin:4px;padding:0px;}