@charset "UTF-8";
/*-----------------------------------------------
	Browser Reset
-----------------------------------------------*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;*/
}

h1,h2,h3,h4,h5,h6,pre,address,ul,ol,li,dl,dt,dd,form,legend,p {
  margin: 0;
  padding: 0;
}
img {
  border:0;
  vertical-align:bottom;
}
body {
	width:100%;
	margin: 0 auto;
	padding: 0;
	-webkit-text-size-adjust: none;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*---------------------------------------
    shared
---------------------------------------*/

.top {
  text-align: center;
}
.top .caption {
  background-color: var(--background-color);
  color: var(--color);
  padding: 10px 0;
  margin: 4px 0;
  font-weight: bold;
}
.content {
  margin: 4px 0;
  padding: 15px;
}
.logo-area {
  margin: 16px 0;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.f-left {
  float:left;
}
.f-right {
  float:right;
}

.t-left {
	text-align: left !important;
}
.t-right {
	text-align: right !important;
}
.t-center {
	text-align: center !important;
}

/* Margin top */
.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}

/* Margin Bottom */
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}

/* btnType Serise */  
a.btnTypeA, a.btnTypeB, a.btnTypeC, a.btnTypeD, a.btnTypeE {  
  position: relative;  
  margin-bottom: 12px;  
  margin-top: 12px;  
  padding: 5px 10px;  
  display: block;  
  color: #000;  
  text-decoration: none;  
  text-align: center;  
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);  
  z-index: 5;  
}  
  
.btnTypeA:after, a.btnTypeB:after, a.btnTypeC:after, a.btnTypeD:after, a.btnTypeE:after {  
  content: "";  
  position: absolute;  
  left: -3px;  
  top: -3px;  
  width: 100%;  
  height: 100%;  
  padding: 2px;  
  border-radius: 10px;  
  background-color: #bebebe;  
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));  
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);  
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);  
  z-index: -1;  
}  
  
.btnTypeA:before, a.btnTypeB:before, a.btnTypeC:before, a.btnTypeD:before, a.btnTypeE:before {  
  content: "";  
  position: absolute;  
  left: -6px;  
  top: -5px;  
  width: 100%;  
  height: 100%;  
  padding: 5px 5px 4px 5px;  
  border-radius: 14px;  
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #545454), color-stop(1, #9e9e9e));  
  z-index: -2;  
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1.3px 0 rgba(0, 0, 0, 0.2);  
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1.3px 0 rgba(0, 0, 0, 0.2);  
}  
  
a.btnTypeB {  
  color: #fff;  
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);  
}  
  
a.btnTypeB:after {  
  background-color: #475ab0;  
}  
  
a.btnTypeC {  
  color: #fff;  
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);  
}  
  
a.btnTypeC:after {  
  background-color: #333;  
}  
  
a.btnTypeD {  
  color: #fff;  
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);  
}  
  
a.btnTypeD:after {  
  background-color: #f00;  
}  
  
a.btnTypeE {  
  color: #fff;  
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);  
}  
  
a.btnTypeE:after {  
  background-color: #009d0e;  
}  

.leaderboard {
	border-collapse:collapse;
	border:0;
}

.leader {
	font-weight: normal;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefdf), to(#ffffff));
  border-collapse: collapse;
}
.leader td {
  border: 1px solid #927A1D;
  padding: 4px;
}

td.rank { 
	padding: 3px 3px 10px 10px;
	text-align: right; 
}
td.player { 
	padding: 3px 3px 10px 10px;
	text-align: left; 
}
td.result { 
	padding: 3px 3px 10px 10px;
	text-align: right; 
}
td.prize { 
	padding: 3px 3px 10px 10px;
	text-align: right; 
}
td.hole { 
	padding: 3px 3px 10px 10px;
	text-align: right; 
}
td.player a {
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}

/* AD */
.ad {
	text-align: center;
}

#container {
	min-height: 100%;
}
#contents {
	margin: 0 auto;
	/*padding-bottom: 110px;*/
}

.footerNavi {
  z-index: 10000;
	font-size: 1.2em;
	bottom:0;
	width: 100%;
}

.footerNavi ul{
	width: 100%;
  list-style-type:none;
  margin: 0;
  padding:0;
  display: table;
}

.footerNavi li{
  padding: 7px;
  display:table-cell;
  vertical-align: middle;
  width:100%;
  line-height:1;
  color:#FFFFFF;
  background-color:#98bf21;
  text-align:center;
  /*padding: 5px 0;*/
  text-decoration:none;
  text-transform:uppercase;

  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(bottom, #1A77A2 0%, #00A3EF 100%);

  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(bottom, #1A77A2 0%, #00A3EF 100%);

  /* Opera */ 
  background-image: -o-linear-gradient(bottom, #1A77A2 0%, #00A3EF 100%);

  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, bottom, top, color-stop(0, #1A77A2), color-stop(1, #00A3EF));

  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(bottom, #1A77A2 0%, #00A3EF 100%);

  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to top, #1A77A2 0%, #00A3EF 100%);

  /*background: #00A3EF;*/
  box-shadow: 3px 3px 2px #7fcdf3 inset, -3px -3px 2px #06293a inset;
}

.footerNavi li:active {
  box-shadow: -3px -3px 2px #7fcdf3 inset, 3px 3px 2px #06293a inset;
}

.footerNavi li a {
  display: block;
  margin: 0;
  color: #FFF !important;
  text-decoration: none;
  text-shadow: -1px -1px 3px #02212F;
}



/*----------------------------------
 my css 
 -----------------------------------*/
.lay-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  overflow: hidden;
}
.lay-wrap > * {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.lay-top {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 15;
}
.lay-btm {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 15;
}
.max-size {
  width: 100%;
  height: 100%;
}

#gps-tips > .closebtn {
  position: absolute;
  width: 22px;
  height: 22px;
  background-image: url(/img/close.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
  background-color: #FFF;
  border-radius: 4px;
  border: 3px solid #0f3261;
  top: -10px;
  left: -10px;
  opacity: 0.8;
}
#gps-tips {
  right: 50px;
  top: 130px;
  position: absolute;
  display: inline-block;
  padding: 4px;
  color: #19283C;
  text-align: center;
  background: rgba(224, 236, 251, 0.8);
  border: 3px solid rgba(115, 170, 243, 0.79);
  z-index: 70;
  border-radius: 4px;
  font-size: 15px;
  font-family: meiryo;
  line-height: 1;
}
#gps-tips:before {
  content: "";
  position: absolute;
  top: 50%; right: -8px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent rgba(224, 236, 251, 0.8);
  z-index: 0;
}
#gps-tips:after {
  content: "";
  position: absolute;
  top: 50%; right: -12px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent rgba(115, 170, 243, 0.79);
  z-index: -1;
}
#gpsicon {
  background-color: #FFF;
  border-radius: 7px;
  box-shadow: 0 0 3px #9C9C9C;
  background-image: url(/img/nhuman.png);
  /*background-image: url(/img/gps.png);*/
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /*background-size: 45px;*/
  width: 30px;
  height: 50px;
  margin-right: 3px;
  margin-bottom: 5px;
  position: relative;
}
#gpsicon ~ * {
  text-align: right;
}
#gpsicon.on::before {
  content: "";
  left: -17px; top: -17px;
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 15;
  background-image: url(/img/gps-on.gif);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #FFF;
  box-shadow: 0 0 3px #666;
  border-radius: 50%;
}
#gpsicon.on {
  background-image: url(/img/nhuman2.png);
}


.snlogo {
  position: absolute;
  bottom: 2.8em;
  right: 0.2em;
  z-index: 58;  /* Linksボタンよりは下に */
  visibility: hidden;
}

.tourlogo {
  position: absolute;
  top: 4.0em;
  left: 0em;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  z-index: 58;  /* Linksボタンよりは下に */
  visibility: hidden;
}

.zoomButton {
  position: absolute;
  top: 120px;
  right: 0px;
  z-index: 58;  /* Linksボタンよりは下に */
}


.wrapper {
  padding: 100px;
  position: relative;
}
.box {
  position: relative;
  background: #ccc;
  display: inline-block;
  border: 1px solid #999;
  padding: 2px;
  border-radius: 4px;
  background:-moz-linear-gradient(-72deg, #ffde45, #ffffff 16%, #ffde45 21%, #ffffff 24%, #452100 27%, #ffde45 36%, #ffffff 45%, #ffffff 60%, #ffde45 72%, #ffffff 80%, #ffde45 84%, #452100);
  background:-webkit-linear-gradient(-72deg, #ffde45, #ffffff 16%, #ffde45 21%, #ffffff 24%, #452100 27%, #ffde45 36%, #ffffff 45%, #ffffff 60%, #ffde45 72%, #ffffff 80%, #ffde45 84%, #452100);
  background:-o-linear-gradient(-72deg, #ffde45, #ffffff 16%, #ffde45 21%, #ffffff 24%, #452100 27%, #ffde45 36%, #ffffff 45%, #ffffff 60%, #ffde45 72%, #ffffff 80%, #ffde45 84%, #452100);
  background:linear-gradient(-72deg, #ffde45, #ffffff 16%, #ffde45 21%, #ffffff 24%, #452100 27%, #ffde45 36%, #ffffff 45%, #ffffff 60%, #ffde45 72%, #ffffff 80%, #ffde45 84%, #452100);
  /*
background:-moz-linear-gradient(
-72deg,#ffdea1,#ffffff 16%,#ffdea1 21%,#ffffff 24%,#736445 27%,#ffdea1 36%,#ffffff 45%,#ffffff 60%,#ffdea1 72%,#ffffff 80%,#ffdea1 84%,#736445);
background:-webkit-linear-gradient(
-72deg,#ffdea1,#ffffff 16%,#ffdea1 21%,#ffffff 24%,#736445 27%,#ffdea1 36%,#ffffff 45%,#ffffff 60%,#ffdea1 72%,#ffffff 80%,#ffdea1 84%,#736445);
background:-o-linear-gradient(
-72deg,#ffdea1,#ffffff 16%,#ffdea 121%,#ffffff 24%,#736445 27%,#ffdea 136%,#ffffff 45%,#ffffff 60%,#ffdea1 72%,#ffffff 80%,#ffdea1 84%,#736445);
background:linear-gradient(
-72deg,#ffdea1,#ffffff 16%,#ffdea1 21%,#ffffff 24%,#736445 27%,#ffdea1 36%,#ffffff 45%,#ffffff 60%,#ffdea1 72%,#ffffff 80%,#ffdea1 84%,#736445);
*/
opacity: 0.9;
  filter: alpha(opacity=90);
    box-shadow: 0px 0px 5px #111;
    font-family: meiryo;
    line-height: 1.4;
}

#maparea {
  overflow: hidden;
}

.holeno {
  background-color: #f00;
  color: #fff;
  display: block;
  text-shadow: 0 1px 1px #000;
  font-weight: bold;
  text-align:center;
  white-space: nowrap;
}
.info {
  background: #fff;
  padding: 3px;
}
.holeinfo {
  text-shadow: 0 -1px 1px #fff, 0 1px 1px #fff;
  font-weight: bold;
  padding: 3px;
  white-space: nowrap;
}

.leader td {
  padding: 4px;
  border: 1px solid #000;
  background: #333;
  color: #fff;
  white-space: nowrap;
}


/* カートアイコン周り */
.cartDiv {
  position: relative;
  border: 0px;
  z-index: 50;    /* クリック判定取るため一番上 */
}

.cartImg {
  position: relative;

  left: 0px;
  top:  0px;
  border: 0px;

  z-index: 40;
}

.cartNo {
  position: absolute;
  color: #FFFF7F;
  white-space: nowrap;
  text-decoration: none;

    text-shadow:  -1px -1px 0 #000000
        ,  1px -1px 0 #000000
        , -1px  1px 0 #000000
        ,  1px  1px 0 #000000
        ;

  filter: dropshadow(color=#000000, offX=-1, offY=-1)
          dropshadow(color=#000000, offX= 1, offY=-1)
          dropshadow(color=#000000, offX=-1, offY= 1)
          dropshadow(color=#000000, offX= 1, offY= 1)
      ; 
  z-index: 45;
}


/* ボタン */
.link_btn {
  font-size:16px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #999999;
  padding:4px 14px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  background-color:#f9f9f9;
  color:#000000;
  display:inline-block;
  text-shadow:1px 1px 0px #ffffff;
   -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
   -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
   box-shadow:inset 1px 1px 0px 0px #ffffff;
}


/* 組情報周り */
.pinfoDiv {
  position: absolute;
  visibility: hidden;

  z-index: 100; /* クリック判定取るため一番上 */
}
.pinfoPanel {
  position: absolute;

  z-index: 60;
}
.pinfoHole {
  color: #fff;
  text-shadow: 0 1px 1px #000;
  font-weight: bold;
  text-align:center;
  width: 32px;

  position: absolute;
  font-size:16px;
  white-space: nowrap;

  left: 10px;
  top: 10px;

  z-index: 65;
}
.pinfoPair {
  position: absolute;
  font-size:14px;
  white-space: nowrap;
  font-weight: bold;

  left: 10px;
  top: 30px;

  z-index: 65;
}
.pinfoP1Name {
  position: absolute;
  font-size:16px;
  white-space: nowrap;
  color: #fff;
  
  left: 60px;
  top: 5px;

  z-index: 65;
}
.pinfoP2Name {
  position: absolute;
  font-size:16px;
  white-space: nowrap;
  color: #fff;

  left: 60px;
  top: 25px;

  z-index: 65;
}
.pinfoP3Name {
  position: absolute;
  font-size:16px;
  white-space: nowrap;
  color: #fff;

  left: 60px;
  top: 45px;
  width: 100px;

  z-index: 65;
}
.pinfoP1SC {
  position: absolute;
  font-size:16px;
  white-space: nowrap;
  color: #fff;

  left: 160px;
  top: 5px;

  z-index: 65;
}
.pinfoP2SC {
  position: absolute;
  font-size:16px;
  white-space: nowrap;
  color: #fff;

  left: 160px;
  top: 25px;

  z-index: 65;
}
.pinfoP3SC {
  position: absolute;
  font-size:16px;
  white-space: nowrap;
  color: #fff;

  left: 160px;
  top: 45px;

  z-index: 65;
}

/* リアルタイムメッセージ */
.linemesDiv {
  /*left: 0px;
  top: 0px;
  width: 100%;
  padding: 0.15em 0;
  overflow: hidden;
  color: #0000FF;
  background-color: #ffff00;
  margin-bottom: 10px;
  position: absolute;
  font-size: 20px;
  visibility: hidden;
  z-index: 58;*/
  
    left: 5px;
    top: 5px;
    right: 5px;
    width: auto !important;
    padding: 0.15em 0;
    overflow: hidden;
    position: absolute;
    font-size: 20px;
    visibility: hidden;
    z-index: 58;
    background: #d4e4ef;
    background: -moz-linear-gradient(-45deg, #d4e4ef 0%, #86aecc 100%);
    background: -webkit-linear-gradient(-45deg, #d4e4ef 0%,#86aecc 100%);
    background: linear-gradient(135deg, #d4e4ef 0%,#86aecc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=1 );
    border: 3px ridge #8bb1ce;
    border-radius: 9px;
    box-shadow: 0 0 7px #333;
}

.linemesDiv  p: after {
  content: "";
  white-space: nowrap;
  padding-right: 50px;
}
.linemesDiv  p {
  margin: 0;
  padding-left: 100%;
  display: inline-block;
  white-space: nowrap;
  -webkit-animation-name: marquee;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: marquee;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: marquee;
  -ms-animation-timing-function: linear;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -o-animation-name: marquee;
  -o-animation-timing-function: linear;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 30s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}


/* リーダーボード周り */
.leaderBackDiv {
  position: absolute;
  visibility: hidden;

  width: 100%;
  height: 100%;

  left: 0px;
  top: 0px;

  background: #FFFFFF;

  z-index: 80;  /* 上目に */
}
.leaderDiv {
  position: absolute;
  width: 100%;

  overflow: scroll;
}

.leaderDiv table {
  width: 100%;

  font-size:20px;
  font-weight:bold;
}
.leaderDiv tr:nth-child(odd) {
  background:#CCCCCC;
}
.leaderDiv tr:nth-child(even) {
  background:#AAAAAA;
}

/* HELP周り */
.helpDiv {
  position: absolute;
  visibility: hidden;

  left: 0px;
  top: 0px;

  width: 100%;

  overflow: scroll;

  background: #FFFFFF;

  z-index: 80;  /* 上目に */
}

/* Linkページ */
.linksDiv {
  position: absolute;
  visibility: hidden;

  left: 0px;
  top: 0px;

  width: 100%;

  overflow: scroll;

  background: #FFFFFF;

  z-index: 80;  /* 上目に */
}
.linksDiv a {
  color: #4a7e20;
  line-height: 45px;
  font-weight: bold;
}

/* ページ閉じるボタン 一番上 */
.closeDiv {
  position: absolute;
  visibility: hidden;
  top: 5px;
  right: 5px;

  font-size:20px;
  font-weight:bold;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #999999;
  padding:4px 14px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  background-color:#f9f9f9;
  color:#000000;
  display:inline-block;
  text-shadow:1px 1px 0px #ffffff;
   -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
   -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
   box-shadow:inset 1px 1px 0px 0px #ffffff;

  z-index: 999;
}




/*-------------------
 ranking
 ------------------*/
table.rank_table01  {
  font-size: 0.75em;
}

table.rank_table01 thead td {
  padding: 3px;
  background-color: #333;
  color: #EEE;
  border: 1px solid #666;
  font-size: 1.1em;
}
table.rank_table01 tr.uneven {
  background-color: #F3F3F3;
}
table.rank_table01 tr.even {
  background-color: #FFF;
}


table.rank_table01 {
  width:100%;
  /*border: 1px solid #666;*/
  border-collapse: collapse;
}
table.rank_table01 tbody td:not(:last-child) {
  border-right: 1px dotted #ddd;
}
table.rank_table01 tbody td {
  padding: 4px;
}

.rank {
  text-align: center;
}
.score {
  text-align: center;
}
.hole {
  text-align: center;
}

.articleHeader {
  height: 35px;
  padding-left: 65px;
  border-bottom: 1px solid #333;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fbfc), to(#cdcdcd));
}
.articleHeader p {
  font-size: 15px;
  line-height: 35px;
}
.articleHeader p.btnBack {
  line-height: 1em;
  height: 21px;
  width: 53px;
  position: absolute;
  left: 5px;
  top: 8px;
}
.headerLogo {
  height: 50px;
}
.headerLogo a {
  background-repeat: no-repeat;
  /* background-position: 0px 0px; */
  background-position: 50%;
  background-color: #FFFFFF;
  background-size: 280px 50px;
  -moz-background-size: 280px 50px;
  -webkit-background-size: 280px 50px;
  text-indent: -9999px;
  height: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.round_select {
  border: 1px solid #afafaf;
  padding: 2px;
  border-radius: 2px;
  position: absolute;
  right: 10px;
  top: 6px;
  webkit-box-shadow: 1px 1px 1px #444 inset;
  box-shadow: 1px 1px 1px #444 inset;
  background-color: #f7f7f7;
}

.btn {
  border-radius: 2px;
  webkit-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  margin: 5px;
  padding: 2px 5px;
  display: inline-block;
  text-decoration: none;
  color: #01033c;

  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .1s linear;
          transition: transform .1s linear;
}
.btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.relatedLink {
  padding: 4px;
}