@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;
}
body#gallery div#sidebar1,
body#gallery div#sidebar2,
body#gallery div#footer,
body#gallery div#content,
body#mypages div#sidebar1,
body#mypages div#sidebar2,
body#mypages div#footer,
body#mypages div#content {
font-size:16px!important;
}

/* 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: ".";
    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;}
.fsj13px {font-size:75%;}

/* for resizable area with fontresizer */

#fontresizersection {
text-align:right;
margin-bottom:0.5em;
padding-top:0.5em;
padding-right:0.5em;
}
.resizer {
padding:2px;
border:1px solid #FF9900;
}
.resizerLabel {
}
#fontResizer {
margin-bottom:0.5em;
padding-top:0.4em;
padding-right:10px;
font-size:75%;
height:1.8em;
line-height:1.2em;
}

.gallery #fontResizer span {
background-color:#EEE;
padding:2px;
border:1px solid #DD3;
}
.gallery .resizer {
background-color:#FFF;
}

/* for urltruncater */
.weburl {}

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

table {border-collapse:collapse;}

strong {font-weight:bold;}

sup,
.sup {
vertical-align:super;
font-size:66%;
}
sub,
.sub {
vertical-align:sub;
font-size:66%;
}
.autoscroll {
overflow:auto;
}

/**
  * Body Contaier
  **/
body {
background:	url(../images/bg_daviscup2007.gif) repeat-x 0 0;
 }
 
body#gallery {
background:	url(../images/bg_daviscup2007bk.gif) repeat-x 0 0;
background-color:#262626;
 }

.doc	{
position:	relative;
margin: 0 auto ; /* centerize */
}

/**
  * ヘッダ
  **/
#header	{
position:relative;
margin: 0;	padding: 0;
height:	223px;
top:	0px;
left:	0px;
background:	url(../images/bg_header.jpg) no-repeat left 22px;
}
#hdlogo {
position: absolute;
top: 22px;
right: 1px;
}
#logo_header {
position:absolute;
top:22px;
left:0;
}

/*
* html #hdlogo { behavior: expression(IEPNGFIX.fix(this)); }
*/

/**
  * ヘッダメニュー
  **/

ul#glmlst li span {
display:	none;
}
#hdmenu {
position:	absolute;
margin: 0px; padding: 0px;
top:	2px;	right:	3px;
}
#hdmlst_html,
#hdmlst	{
margin: 0px;
padding: 0px;
width: 443px;
height:18px;
}
#hdmlst_html li,
#hdmlst li{
display: block;
margin:	0;
padding: 0;
list-style-type: none;
list-style-position: inside;
float: left;
}
#glmenu {
margin: 0px; padding: 0px;
position:	absolute;
top:	195px;	left:	0px;
width:100%;
height:28px;
}
#glmlst	{
display:block;
margin:0 auto;
padding: 0px;
width: 835px;
height:28px;
}
#glmlst li{
margin:0;
padding:0;
list-style-type: none;
list-style-position: inside;
display: block;
float: left;
}
#aboutmenu {position:relative;}
#sbmaboutmenu {
position:absolute;
margin:0px;
width:110px;
padding:0px;
bottom:28px;
z-index:10;
}
#sbmaboutmenu ul {
margin:	0;
padding:0;
width:110px;
list-style-type: none;
list-style-position: inside;
}
#sbmaboutmenu li{
display:block;
height:28px;
}

/* リンクタブ */
#tabsites {
margin:0;
padding:0;
width:180px;
background:url(../images/header/bg_tab_daviscups.gif) repeat-y 0 0;
}
#tabgames {
margin:0;
padding:0;
width:180px;
background:url(../images/header/bg_tab_daviscups.gif) repeat-y 0 0;
}
#tabsitesinnertray,
#tabgamesinnertray {
margin:2px;
padding:0;
width:180px;
}
#anctabgames,
#anctabsites {
display:block;
margin:0;
padding:0;
}
.gameslist,
.siteslist {
margin:0;
padding:0;
font-size:85%;
line-height:1em;
}
.siteslist li,
.gameslist li {
margin:0;
padding:0 0 3px 0;
}

/**
  * フッター
  **/
#footer {
position: relative;
margin:0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 85%;
line-height:	1.3em;
color: #000000;
background-color:	white;	
border-top:1px solid #e0e0e0;
}
#footer img {float:none;}
#footerlinks {
width:100%;
text-align:center;
color:#666;
}
#footerlinks a {font-weight:bold;}
#footerlinks a:link {color: black;}
#footerlinks a:visited {color: #333;}
#footerlinks a:active {color: yellow;}
#footerlinks a:hover {color: #aaa;}

#footerinner {
padding:4px 12px 4px 128px;
text-align:left;
}
#logo_footer_jta {
position:absolute;
top: 22px;
left:58px;
}
#ft_studium {
position:absolute;
top: -184px;
left:0px;
border:1px solid #CC00CC;
overflow: hidden;
background-color:white!important;
}
 /* new */
#ft_studiumphoto {
position:absolute;
padding:0;
margin:0;
top: -190px;
left:0px;
width:19%;
height:180px;
background-color:white!important;
}

#side_studiumspacer {height:210px}

/**
  * サイドバー
  **/
.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;
line-height:1em;
color:#aaa;
font-weight:bold;
}

#puncture_l,
#puncture_r {
position:absolute;
padding:0 4px;
bottom:9px;
line-height:1em;
color:#888;
}
#puncture_l {
text-align:right;
right:0;
}
.sideLogoCompo,
.sideLogoCompo2,
.sideCompo {
margin: 0 0 2px 0;
border:1px solid #CC0000;
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_daviscup {
height: 170px;
background:url(../images/bg_sidettl_daviscup.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_sidettl_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_studium {
position:absolute;
bottom:4px;
background:url(../images/bg_sidettl_stu_limoge.gif) no-repeat 0 0;
}

/* side Flv Player */
#tolflv {
margin:0 0 2px 0;
height: 172px;
background:url(../images/bg_sidettl_theater.gif) no-repeat 0px 0px;
}
#topflv {
padding-top:17px;
width:180px;
height:153px;
background:url(../images/bg_topflv.gif) repeat-x left 17px;
}
#side_tollogo {background:url(../images/bg_sidettl_tol.gif) no-repeat 0 0;}
#side_advice {background:url(../images/bg_sidettl_advice.gif) no-repeat 0 0;}

/* Tennis Online Pannel */
#tollistpanel {}
#tollistpanel_t {
height: 60px;
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;}

/**
  *
  **/
/*
#bd {
}
#yui-main {
}
*/
#bd {
background:url(../images/bg_content.gif) repeat-y 19% 0;
}

#contents {
margin: 1.5em auto 0px auto;
padding: 0px;
float:none;
clear:both;}

#logospace {
width:100%;
height:28px;
}
#pagetitlefolder {
padding-top:17px;
padding-bottom:12px;
width:100%;
text-align:center;
}
.pagetitleh {
display:block;
margin:0 auto;
padding:0;
width:526px;
height:53px;
}

dl.colorTab {
margin: 0.5em 1em 1em 0;
}

dl.colorTab dt {
display:block;
padding:2px 0.5em;
font-weight:bold;
background:url(../images/tab_colored.gif) no-repeat top right;
}

dl.colorTab dd {
margin-bottom:1em;
padding-top:0.5em;
padding-left:0.5em;
border-top: 1px solid #CC3333;
border-left: 1px solid #CC3333;
}

/* color dl */

dl.longColor,
dl.semiColor,
dl.mediumColor,
dl.halfColor {
margin:2px 1em 1em 0em;
}

dl.longColor dt,
dl.semiColor dt,
dl.mediumColor dt,
dl.halfColor dt{
display:block;
margin-bottom:2px;
padding:2px;
background:none;
background-color:#FCC;
}

dl.longColor dt{
margin-right:2em;
}
dl.mediumColor dt{
width:12em;
float:left;
}
dl.semiColor dt{
width:6em;
float:left;
}
dl.halfColor dt{
width:16em;
float:left;
}

dl.longColor dd,
dl.semiColor dd,
dl.mediumColor dd,
dl.halfColor dd{
display:block;
margin-bottom:2px;
padding:2px;
border:none;
}
dl.longColor dd {
margin-left:1em;
}

dl.mediumColor dd {
margin-left:13em;
}
dl.semiColor dd{
margin-left:6em;
width:6em;
text-align:right;
}
dl.halfColor dd {
margin-left:17em;
}

dl.semiColor.nofloat {
margin-left:0;
padding-left:0;
}
dl.semiColor.nofloat dt,
dl.mediumColor.nofloat dt,
dl.halfColor.nofloat dt {
float:none;
}

dl.semiColor.nofloat dd,
dl.mediumColor.nofloat dd,
dl.halfColor.nofloat dd {
margin-left:1em !important;
}

ol.colorList,
ul.colorList {
margin:0.5em 1em 0.5em 3em;
list-style-position:outside;
list-style-type: disc; 
list-style-image:url(../images/dot_colorlist.gif) ;
}

ol.colorList li,
ul.colorList li{
margin-bottom:0.3em;
}

p.desc {
margin:0 2em 0.5em 2em;
text-indent:1em;
line-height:1.8em;
}

dd p.desc {
margin:0 1em 0.8em 1em;
}

h3.desc {
margin:0 2em 0.5em 1.5em;
}
a.pdflink {
padding-left:1.8em;
background:url(../../images/pdficon_small.gif) no-repeat 3px center;
}
a.pdflink:hover {
color:yellow!important;
}
ul.pdflist,
ol.pdflist {
margin:0em 1em 0.5em 1em;
}
ul.pdflist li{
line-height:1.8em;
}

/* Gallery */
#gallerysection {
	margin:1em;
}

#gallery h3 {
color:white;
font-weight:bold;
}

#gallery #article-bd h4,
h4.h4gallery {
margin:4px 0 10px 10px;
padding-top:4px;
padding-left:6px;
height:20px;
line-height:1.2em;
color:#aaa;
background:url(../images/bg_h4gallery.gif) no-repeat 0 0;
}
#gallerysection img {
margin:0px 12px 18px 12px;
padding:0px;
border:none;
} 

p.galleryinfo {
margin-left:0px;
color:#f0f0f0;
}

.galleryinfo a {font-weight: bold;}
.galleryinfo a:link {color:#f0f0f0;}
.galleryinfo a:visited {color:#e0e0e0;}
.galleryinfo a:active {color:#ff66ff;}
.galleryinfo a:hover {color:#eaeaea;}

.photorow {
	margin:0.5em 0 1em 1em;
}

p.photonote {
margin:1em;
color:#eee;}

dd p.article {
text-indent:1em;
margin-left:0.5em;
}

#side_onairlogo {
display:block;
margin:1px auto;
}

#side_onair h4.broadcaster {
margin:6px 3px 3px 2px;
}

#side_onair h4.firstchild {
margin-top:18px!important;
}

#side_onair ul.onairs {
margin-left:3px;
margin-right:3px;
}

#side_onair .onairs li {
margin-bottom:2px;
}