@charset "utf-8";

/*\*//*/
@import url("ie5mac.css");
/**/


/* -------------------
Initial Main settings
----------------------*/

body{
margin: 0px;
padding: 0px;
font-family:Verdana, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
text-align: center;
background:url(../img/bgShadow.gif) repeat-y top center;
}

h1, h2, h3, h4, h5, ul, li{
margin: 0px;
padding: 0px;
list-style: none;
}

a, a:active, a:link, a:visited{
color:#0061AA;
text-decoration:underline;
}

a:hover{
color: #FF0000;
text-decoration:underline;
}

a img{
border:none;
}

hr, .nodisp{
display: none;
}

/*------------------
Common CSS Classes
------------------*/

.margin0{
margin: 0px;
}

.marginTop0{
margin-top:0px;
}

.marginQA{
margin-top:0.5em;
margin-bottom:3em;
}

.marginBottom{
margin-bottom:10px;
}

.marginBottom0 {
margin-bottom: 0px;
}

.bottomBorder{
border-bottom:#CCCCCC 1px dotted;
padding-bottom:10px;
margin-bottom: 20px;
}

.alignRight{
text-align:right;
}

.floatCenter{
text-align:center;
}

.smallFont{
font-size: x-small;
color:#999999;
line-height: 150%;
}

.bullet{
display:block;
padding-left: 22px;
background: url(../img/bullet.gif) no-repeat 5px 0.5em;
}

.ballBullet{
color:#0061AA;
font-size: x-small;
margin-bottom: 0px;
padding-left: 15px;
background: url(../img/ballBullet.gif) no-repeat 0px 0.6em;
}

.ballBullet2{
margin-top:0.5em;
float:right;
}

.anchor p a{
color:#666666;
text-decoration:none;
}

.anchor p a:hover{
color:#0061AA;
text-decoration:none;
}

.formLabel{
float:left;
color: #666666;
}

.short,
.medium,
.long{
background:#FFFFFF;
color:#333333;
border:1px #999999 solid;
font-family:Verdana, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
font-size:100%;
padding:2px;
}

.short{
width:74px;
}

.medium{
width:102px;
}

.long{
width:95%;
}

.prevnextBtns{
display:table;
width: 540px;
padding-bottom: 8px;
}

.prevnextBtns a{
color:#0061AA;
text-decoration:none;
}

.prevnextBtns a:hover{
color:#FF0000;
text-decoration:none;
}

.prevBtn{
float: left;
padding: 0px 10px 0px 10px;
background: url(../img/leftArrow.gif) no-repeat 0px 0.6em;
margin-left:10px;
}

.nextBtn{
float:right;
padding-right: 10px;
margin-right: 10px;
background: url(../img/rightArrow.gif) no-repeat right 0.6em;
}

.paragraphBorder{
padding-bottom:5px;
margin-bottom: 20px;
background:url(../img/greyDiv.gif) repeat-x bottom left;
}

/*------------------
OrderList settings
------------------*/

ol.numberList{
margin:0px;
padding:0px;
margin-left:2.2em;
list-style:decimal;
}

ol.numberList li{
margin:0px;
padding:0px;
list-style:decimal;
margin-bottom:26px;
line-height:150%;
}

ol.alphabetList{
margin:0px;
padding:0px;
margin-left:3.2em;
list-style:lower-alpha;
}

ol.alphabetList li{
margin:0px;
padding:0px;
list-style:lower-alpha;
line-height:150%;
}


/*--------------------
Right Common settings
---------------------*/

#right h3{
font-size:100%;
color:#0061AA;
margin: 0px 0px 15px 0px;
}

#right h4{
font-weight:bold;
color:#FF0000;
margin: 0px 0px 15px 0px;
}

#right h5{
font-size:100%;
font-weight:bold;
color:#666666;
}

#right p{
line-height:150%;
}

#right p.asterixImg{
text-align: right;
color: #666666;
margin: 0px 0px 20px 0px;
}

#right p .borderImg{
border: #CCCCCC 1px solid;
padding:3px;
}

#right p.Btn{
text-align:center;
}

#right .anchor{
display:table;
width:540px;
background:url(../img/greyDiv.gif) repeat-x bottom left;
margin-bottom:20px;
}

#right .anchor p{
float:right;
color:#999999;
font-size:x-small;
padding-left:12px;
margin: 0px 0px 5px 0px;
background: url(../img/anchorBullet.gif) no-repeat 0px 0.8em;
}

#right ul.bulletGray li{
padding-left: 22px;
background: url(../img/grayBullet.gif) no-repeat 5px 0.5em;
line-height:150%;
margin-bottom:26px;
}

#right ul.bluBullet li{
color:#333333;
padding-left:22px;
margin: 0px 0px 15px 0px;
background: url(../img/bullet.gif) no-repeat 5px 0.3em;
text-decoration:none;
}

#right ul.bluBullet{
background:url(../img/greyDiv.gif) repeat-x bottom left;
/*border-bottom: #666666 1px dotted;*/
padding-bottom:10px;
margin-bottom:20px;
}

#right ul.bulletGrayBold li{
display:block;
padding-left: 22px;
background: url(../img/grayBullet.gif) no-repeat 5px 0.5em;
line-height:150%;
font-weight:bold;
color:#666666;
}

#right ul{
display:block;
width:540px;
margin-bottom: 20px;
}

#right ul li a{
font-size: x-small;
color:#0061AA;
text-decoration:none;
}

#right ul li a:hover{
font-size: x-small;
color:#FF0000;
text-decoration:none;
}

#right ul li.whiteBG{
background:#FFFFFF;
padding: 4px;
}

#right ul li.grayBG{
background:#EFEFEF;
padding:4px;
}

/* ------------------
Left Common settings
--------------------*/

#left h3{
font-size:75%;
color:#0061AA;
margin-bottom:10px;
}

#left ul.bluBullet li a{
color:#333333;
text-decoration:none;
}

#left ul.bluBullet li a:hover{
color:#0061AA;
text-decoration:none;
}

#left ul.bluBullet{
padding-bottom:15px;
}

#left ul.bluBullet li{
color: #333333;
font-size:x-small;
padding-left:18px;
margin: 0px 0px 8px 0px;
background: url(../img/bullet.gif) no-repeat 0px 0.3em;
}

/* ----------------
Main Divs settings
------------------*/

#container{
display: block;
width: 818px;
margin: 0px auto;
text-align: left;
}

/* percentage used for japanese text */
#header{
display:block;
width:818px;
height: 106px;
position: relative;
border-bottom: #FF0000 solid 3px;
margin-bottom: 1px;
font-size: 70%;
color:#999999;
}

#flashArea{
display:block;
width: 818px;
height: 240px;
}

#mainNavi{
display:block;
position:relative;
width: 818px;
height:60px;
background: url(../img/bgNavigation.gif) repeat-x top left;
}

#content{
display:table;
color:#666666;
width:770px;
margin: 0px 26px 30px 26px;
}

#left{
display:block;
float: left;
width: 206px;
margin: 26px 0px 0px 0px;
}

#right{
display:block;
float: left;
width: 540px;
margin: 26px 0px 0px 0px;
font-size:80%;
color:#333333;
background:url(../img/redDivBG.gif) repeat-y top left;
padding-left:15px;
}

#footer{
display:block;
width: 818px;
clear: left;
border-top: 1px #666666 solid;
text-align:center;
}

/* --------------
Header settings
---------------*/

#header h1{
position:absolute;
top: 15px;
left: 18px;
}

#header a{
color:#999999;
text-decoration: none;
}

#header a:hover{
color:#0061AA;
text-decoration:none;
}

#topNavi{
position:absolute;
top: 15px;
right: 18px;
text-align: right;
}

#topNavi ul li{
display:inline;
padding-right:5px;
margin-right:5px;
border-right: #999999 solid 1px;
}

#topNavi ul li.lastLink{
border:none;
margin-right:0px;
padding-right:0px;
}

#topAddress{
display:block;
position:absolute;
bottom: 15px;
right: 18px;
text-align:right;
line-height:150%;
}

/* ----------------------
Main Navigation settings
------------------------*/

#mainNavi ul li{ 
position: absolute;
}

/* applied to all btns inside mainNavi */
#mainNavi ul li a{
text-indent: -9999px;
text-decoration: none;
overflow:hidden;
display:block;
}

#mainNavi ul li.btnAbout{
top: 0px;
left: 48px;
}

#mainNavi ul li.btnMembership{
top: 0px;
left: 230px;
}

#mainNavi ul li.btnHandicap{
top: 0px;
left: 410px;
}

#mainNavi ul li.btnRules{
top: 0px;
left: 590px;
}

#mainNavi ul li.btnRegistration{
top: 30px;
left: 48px;
}

#mainNavi ul li.btnQA{
top: 30px;
left: 230px;
}

#mainNavi ul li.btnLinks{
top: 30px;
left: 410px;
}

#mainNavi ul li.btnContact{
top: 30px;
left: 590px;
}

#mainNavi ul li.btnAbout a{
width: 182px;
height: 30px;
background: url(../img/01Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnMembership a{
width: 180px;
height: 30px;
background:url(../img/02Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnHandicap a{
width: 180px;
height: 30px;
background: url(../img/03Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnRules a{
width: 182px;
height: 30px;
background: url(../img/04Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnRegistration a{
width: 182px;
height: 30px;
background: url(../img/05Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnQA a{
width: 180px;
height: 30px;
background:url(../img/06Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnLinks a{
width: 180px;
height: 30px;
background: url(../img/07Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnContact a{
width: 182px;
height: 30px;
background:url(../img/08Btn_off.gif) no-repeat;
}

#mainNavi ul li.btnAbout a:hover{
width: 182px;
height: 30px;
background: url(../img/01Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnMembership a:hover{
width: 180px;
height: 30px;
background:url(../img/02Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnHandicap a:hover{
width: 180px;
height: 30px;
background: url(../img/03Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnRules a:hover{
width: 182px;
height: 30px;
background: url(../img/04Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnRegistration a:hover{
width: 182px;
height: 30px;
background: url(../img/05Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnQA a:hover{
width: 180px;
height: 30px;
background:url(../img/06Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnLinks a:hover{
width: 180px;
height: 30px;
background: url(../img/07Btn_on.gif) no-repeat;
}

#mainNavi ul li.btnContact a:hover{
width: 182px;
height: 30px;
background:url(../img/08Btn_on.gif) no-repeat;
}

/*-----------------
IndexPage Settings
------------------*/

#indexLeft{
display:block;
float: left;
width: 398px;
margin: 28px 20px 0px 0px;
}

#indexRight{
display:block;
float: left;
width: 347px;
margin: 28px 0px 0px 0px;
}


/*---------------
Index Box Settings
----------------*/


/*use table when there are floating items in the area */
/*Title area for indexLeft*/

.titleArea{
display:table;
width: 398px;
border-bottom: #666666 solid 1px;
padding-bottom: 8px;
margin-bottom: 10px; 
}

/*Title area for indexRight*/
.titleAreaRight{
display:table;
width: 347px;
border-bottom: #666666 solid 1px;
padding-bottom: 8px;
margin-bottom: 10px; 
}

.titleArea .bulletLink,
.titleAreaRight .bulletLink{
float:right;
color:#999999;
font-size: x-small;
margin: 4px 0px 0px 0px;
padding-left: 18px;
background: url(../img/bullet.gif) no-repeat 5px 0.3em;
}

.titleArea .bulletLink a,
.titleAreaRight .bulletLink a{
color:#999999;
text-decoration:none;
}

.titleArea .bulletLink a:hover,
.titleAreaRight .bulletLink a:hover{
color:#0061AA;
text-decoration:none;
}

/*------------
MembershipBox
-------------*/

#membershipBox{
display:block;
width: 398px;
margin-bottom: 35px;
}

#membershipBox h2{
width: 183px;
height: 16px;
float: left;
text-indent: -9999px;
background:url(../../img/membershipTitle.gif) no-repeat;
}

#membershipBox img{
margin-bottom:5px;
}

/*------------
TournamentBox
-------------*/


#tournamentBox{
margin-bottom: 35px;
}

#tournamentBox h2{
display:block;
width: 260px;
height: 15px;
float: left;
text-indent: -9999px;
background:url(../../img/tournamentsTitle.gif) no-repeat;
}

/*tournament Table*/
#tournamentList {
font-size: 70%;
width: 378px;
border-collapse: collapse;
border-spacing: 0px;
}

#tournamentList tr{
border-bottom:#CCCCCC 1px solid;
}

#scrollArea{
display:block;
height: 236px;
overflow: auto;
}

.tournamentTitle{
width: 176px;
padding: 8px 5px 8px 0px;
vertical-align: top;
line-height: 150%;
}

.tournamentDate{
width: 70px;
padding: 8px 5px 8px 0px;
vertical-align: top;
line-height: 150%;
color:#999999;
}

.tournamentPlace{
width: 129px;
padding: 8px 0px 8px 0px;
vertical-align: top;
line-height: 150%;
color:#999999;
}

.tournamentPlace a{
color:#0061AA;
text-decoration:none;
}

.tournamentPlace a:hover{
color:#FF0000;
text-decoration:none;
}


/*----------
MagazineBox
-----------*/

#magazineBox h2{
width: 238px;
height: 16px;
float: left;
text-indent: -9999px;
background:url(../../img/magazineTitle.gif) no-repeat;
}

.magazineField{
width:168px;
font-family:Verdana, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
font-size: 80%;
color:#333333;
padding: 2px;
margin-bottom:6px;
}

/*------
NewsBox
-------*/

#newsBox h2{
width: 148px;
height: 15px;
float: left;
text-indent: -9999px;
background:url(../../img/newsTitle.gif) no-repeat;
}

.entryArea{
display:table;
width:347px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom: #CCCCCC 1px solid;
}

/*newsTitle*/
.entryArea h3{
font-weight:normal;
font-size: 80%;
color:#666666;
font-size: x-small;
margin: 0px 0px 3px 0px;
padding-left: 15px;
background: url(../img/bullet.gif) no-repeat 0px 0.3em;
}

.entryArea h3 a{
color:#666666;
font-weight:normal;
text-decoration:none;
}

.entryArea h3 a:hover{
color:#0061AA;
font-weight:normal;
text-decoration:none;
}

.entryImage{
display:block;
width: 98px;
float: left;
margin-right:10px;
border:#CCCCCC 1px solid;
}

.entryText{
display:block;
width:234px;
float:right;
}

.entryText p{
line-height:150%;
}

/*--------
BannerBox
---------*/

#bannerBox{
display:block;
width:347px;
margin:0px;
}

#bannerBox p{
margin: 0px 0px 10px 0px;
}

#bannerBox img{
border:1px solid #CCCCCC;
}

/*--------------
Footer Settings
---------------*/

#logosFooter{
margin:20px auto 0px auto;
width:732px;
height:50px;
text-align: center;
}

#logosFooter li{
display:inline;
}

#logosFooter li img{
margin: 0px 11px;
}

#linksFooter{
width:100%;
margin-top:30px;
padding-bottom:50px;
}

#linksFooter li{
display:inline;
font-size: 75%;
padding-right:10px;
border-right: #999999 solid 1px;
margin-right:10px;
}

#linksFooter li a{
color:#666666;
text-decoration:none;
}

#linksFooter li a:hover{
color:#0061AA;
text-decoration:none;
}

#linksFooter li.lastLink{
border:none;
}

/*--------------------
All page settings
-----------------*/

#contentHeader{
position:relative;
display:block;
width: 766px;
height:29px;
border-bottom: #666666 solid 5px;
margin: 25px 0px 10px 0px; 
}

#contentHeader h2{
position:absolute;
top: 0px;
left:0px;
display:block;
text-indent: -9999px;
text-decoration:none;
}

#contentHeader .bulletLink{
float: right;
color:#999999;
font-size: x-small;
padding-bottom: 5px;
padding-left: 18px;
background: url(../img/bullet.gif) no-repeat 5px 0.3em;
}

#contentHeader .bulletLink a{
color:#999999;
text-decoration:none;
}

#contentHeader .bulletLink a:hover{
color:#0061AA;
text-decoration:none;
}

/*-----------------
AboutPage settings
------------------*/

.titleAbout{
width: 204px;
height: 24px;
background: url(../../about/img/title.gif) no-repeat;
}

/*---------------------
MembershipPage Settings
------------------------*/

.titleMembership{
width: 210px;
height:24px;
background: url(../../membership/img/titleMembership.gif) no-repeat;
}

#wrapP p{
padding-left:1.6em;
}

/*--------------------
HandicapPage settings
----------------------*/

.titleHandicap{
width: 238px;
height:24px;
background: url(../../handicap/img/titleHandicap.gif) no-repeat;
}

.handicapTable {
border-collapse: collapse;
border-spacing:0px;
}

.handicapTable th {
padding: 0px 1em;
vertical-align:middle;
text-align:center;
font-weight: bold;
}

.handicapTable td {
padding: 0px 1em;
vertical-align:middle;
text-align:center;
}

/*----------------
RulesPage setting
-----------------*/

.titleRules{
width: 180px;
height:24px;
background: url(../../rules/img/titleRules.gif) no-repeat;
}

/*-------------
QAPage setting
--------------*/

.titleQA{
width: 200px;
height:24px;
background: url(../../qa/img/titleQA.gif) no-repeat;
}

/*----------
RulesTables
-----------*/

table.rulesTable1,
table.rulesTable2,
table.rulesTable3,
table.rulesTable4{
border-collapse: collapse;
border-spacing:0px;
margin-bottom:20px;
}

table.rulesTable1 td
/*table.rulesTable1 th.test*/{
width:66px;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 12px 6px;
}

table.rulesTable1 th{
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 12px 6px;
}

table.rulesTable2 th{
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 10px 0px;
}

table.rulesTable2 td{
width:207px;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 10px 0px;
}

table.rulesTable3 th{
width:51px;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 9px 2px;
}

table.rulesTable3 th.MainbluTitle,
table.rulesTable4 th.MainbluTitle{
width:459px;
color:#0061AA;
font-weight:normal;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 9px 2px;
}

table.rulesTable3 td{
width:51px;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 9px 2px;
}

table.rulesTable3 td{
font-size:90%;
}

table.rulesTable4 th{
width:70px;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 9px 2px;
}

table.rulesTable4 td{
width:50px;
vertical-align:middle;
text-align:center;
border: 1px solid #CCCCCC;
padding: 9px 2px;
}


#right table th.greyTitle{
font-weight:bold;
color: #999999;
}

#right table th.bluTitle{
font-weight:normal;
color: #0061AA;
}

table.rulesTable2{
margin-right:auto;
margin-left:auto;
}

/*----------------
LinksPage settings
------------------*/

.titleLinks{
width: 102px;
height: 24px;
background: url(../../links/img/linksTitle.gif) no-repeat;
}

/*---------------------
StandingsPage settings
----------------------*/

.titleStandings{
width: 274px;
height: 24px;
background: url(../../standings/img/titleStandings.gif) no-repeat;
}

.standingsTable{
border-collapse: collapse;
border-spacing:0px;
margin-bottom:20px;
}

.standingsTable th,
.standingsTable td{
width:154px;
vertical-align:middle;
text-align:center;
padding: 8px 6px;
}

.standingsTable tr.blueTitle th{
background:#0061AA;
color:#FFFFFF;
font-size:70%;
border-left:1px solid #CCCCCC;
}

.standingsTable tr.blueTitle th.noBorder{
border-left:none;
}

.standingsTable tr.white{
font-size:70%;
background:#FFFFFF;
color:#0061AA;
}

.standingsTable tr.gray{
font-size:70%;
background:#EAEAEA;
color:#0061AA;
}

.standingsTable td{
border-left:1px solid #CCCCCC;
}

.standingsTable tr th{
color:#666666;
}

.standingsTable td a{
color:#0061AA;
text-decoration:underline;
}

.standingsTable td a:hover{
color:#FF0000;
text-decoration:underline;
}

/*-------------------
ContactPage settings
--------------------*/

.titleContact{
width: 187px;
height:24px;
background: url(../../contact/img/titleContact.gif) no-repeat;
}

.tableContact{
margin-top:20px;
border-collapse: collapse;
border-spacing:0px;
}

.tableContact tr{
background:#F5F5F5;
}

.tableContact td{
vertical-align:top;
padding:8px;
border-bottom:#FFFFFF 2px solid;
}

.tableContact textarea,
.RegistrationFormTable textarea{
font-family:Verdana, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
font-size:100%;
color:#333333;
width:95%;
height:130px;
padding:2px;
border: 1px solid #999999;
}


/*-------------------------
PrivacypolicyPage settings
--------------------------*/

.titlePrivacyPolicy{
width: 336px;
height: 24px;
background: url(../../privacypolicy/img/privacypolicyTitle.gif) no-repeat;
}


/*---------------
NewsPage setting
----------------*/

.titleNews{
width: 204px;
height: 24px;
background: url(../../news/img/newsTitle.gif) no-repeat;
}

.newsDate{
font-size:80%;
font-weight:normal;
}

/*---------------------------
RegistrationFormPage settings
-----------------------------*/

.titleRegistrationForm{
width: 244px;
height: 24px;
background: url(../../registration/img/registrationformTitle.gif) no-repeat;
}

.RegistrationFormTable{
width:548px;
margin-top:20px;
border-collapse: collapse;
border-spacing:0px;
}

.RegistrationFormTable tr{
background:#F5F5F5;

}

.RegistrationFormTable td{
width:392px;
vertical-align:top;
padding:8px;
border-bottom:#FFFFFF 2px solid;
}

.RegistrationFormTable th{
width:150px;
vertical-align:top;
padding:8px;
font-weight:normal;
color:#666666;
border-bottom:#FFFFFF 2px solid;
}