/* main styles */
body {
  margin:0;
  padding:0;
  background:#BBD9EE;
    color:#000;
  font-family:tahoma,arial,sans-serif;
  font-size:11px;
  }
form {
  margin:0;
  padding:0
  }
img {border:none;}
a {color:#060606;text-decoration: none}
a:hover {text-decoration: underline}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}
.right {text-align: right}

/* input  ※UTF-8の場合IEだとTEXTのサイズがFXと合わなくなる為、あらかじめフォントを指定しサイズを統一 */
input {font-family:arial,sans-serif;}
input.text,
select,
textarea {
  font-family:arial,sans-serif;
  color:#333;
  font-size:12px;
  vertical-align:middle;
  }
input.text {
  padding:1px 0 0 4px;
  height:14px;
  font-weight:normal;
  }
/* main container */
#main {
  width:992px;
  margin:0 auto;
  }
/* main container ※横スクロールあり*/
#main-w-w {
  width:1550px;
  margin:0 auto;
  }

/* header */
#header {
  position:relative;
  width:992px;
  height:106px;
  background:url(../images/bg-header.gif) no-repeat left bottom;
  }
/* header  ※横スクロールあり*/
#header-w-w {
  position:relative;
  width:1550px;
  height:106px;
  background:url(../images/bg-header-w-w.gif) no-repeat left bottom;
  }

/* site logo */
a.logo {
    position:absolute;
    top: 5px;
    left:20px;
    }

a.logo-title {
    font-size:20px;
    font-family:'ＭＳ ゴシック';
    font-weight:bold;
    color:#FF7A00
    }

span.logo-title-m {
    font-size:14px;
    font-family:'ＭＳ ゴシック';
    font-weight:bold;
    color:#FF7A00
    }

#logo-column {
    width:80px;
    padding-left:12px;
    }

#title-column {
    width:735px;
    }

#login-column {
    padding:0 5px 0 2px;
    width:133px;
    }

#login-column .h {
  float:left;
  background:#7E878A;
  border:1px solid #B8B8B8;
  border-bottom:0;
  padding:5px;
  color:#fff;
  text-transform:uppercase;

  width:121px;

  }

#login-column .box {
  float:left;
  width:121px;
  padding:5px;
  border:1px solid #B8B8B8;
  background:#fff;
  margin:0 0 0 0;
  }







/* header tabs */
#top-navigation {
  position:absolute;
  top:60px;
  left:20px;
  margin:0;
  padding:0;
  list-style:none;
  }
#top-navigation li {
  float:left;
  margin:0 3px 0 0;
  height:34px;
  background:url(../images/tab.gif) repeat-x top;
  }
#top-navigation li a {
  float:left;
  display:block;
  height:20px;
  line-height:19px;
  color:#606060;
  padding:4px 0 0 0;
  }
#top-navigation li span {
  float:left;
  background:url(../images/tab-left.gif) no-repeat left top;
  }
#top-navigation li span span {
  background:url(../images/tab-right.gif) no-repeat right top;
  padding:7px 10px 0 10px;
  }
#top-navigation li.active {
  padding:0;
  height:34px;
  background:url(../images/tab-active.gif) repeat-x top;
  margin-right:2px;
  font-weight: bold;
  }
#top-navigation li.active span {
  background:url(../images/tab-active-left.gif) no-repeat left top;
  height:34px;
  }
#top-navigation li.active span span {
  background:url(../images/tab-active-right.gif) no-repeat right top;
  height:23px;
  padding:11px 10px 0 10px;
  line-height:19px;
  color:#606060;
  }

/* middle */
#middle {
  float:left;
  width:967px;
  background:url(../images/bg-middle.gif) repeat-y left;
  padding:0 13px 0 12px;
  }

/* middle  ※横スクロールあり*/
#middle-w-w {
  float:left;
  width:1550px;
  background:url(../images/bg-middle-w-w.gif) repeat-y left;
  padding:0 13px 0 12px;
  }

/* left column */
#left-column {
  float:left;
  padding:1px 14px 0 12px;
  width:151px;
  }
/* right column */
#right-column {
  float:right;
  padding:0 9px 0 0;
  width:133px;
  }
/* center column */
#center-column {
    float:left;
    width:614px;
    background:url(../images/bg-center-column.jpg) no-repeat left top;
    min-height:584px;
    padding:12px 16px 0 13px;
    }

* html #center-column {height:584px;}

/* center column ※INFO非表示用に背景ワイド版 */
#center-column-w {
    float:left;
    width:760px;
      background:url(../images/bg-center-column-w.jpg) no-repeat left top;
    min-height:584px;
    padding:12px 16px 0 13px;
    }

* html #center-column-w {height:584px;}

/* center column ※INFO非表示用に背景ワイド版（横スクロールあり） */
#center-column-w-w {
    float:left;
    width:1200px;
    background:url(../images/bg-center-column-w-w.jpg) no-repeat left top;
    min-height:584px;
    padding:12px 16px 0 13px;
    }

* html #center-column-w-w {height:584px;}


/* footer */
#footer {
  float:left;
  width:100%;
  background:url(../images/bg-footer.gif) no-repeat;
  height:15px;
  }

/* footer */
#footer-w-w {
  float:left;
  width:100%;
  background:url(../images/bg-footer-w-w.gif) no-repeat;
  height:15px;
  }

/* left column styles */
#left-column a {color:#3E3E3E;}
#left-column h3 {
  font-size:11px;
  margin:0;
  color:#fff;
  background:url(../images/bg-left-header.gif) no-repeat left top;
  height:25px;
  line-height:23px;
  padding:0 0 0 9px;
  }
ul.nav {
  margin:0 0 11px 0;
  border-bottom:2px solid #FF9600;
  background:#ECEFE7;
  list-style:none;
  padding:0 2px;
  }
ul.nav li {
  padding:4px 4px 6px 5px;
  background:url(../images/bg-dotted.gif) repeat-x bottom;
  }
ul.nav a {
  padding:0 0 0 12px;
  background:url(../images/arrow.gif) no-repeat 0 4px;
  }
ul.nav a:hover {
  font-weight:bold;
  }
ul.nav li.last {background:none;}

#left-column .link {
  display:block;
  width:142px;
  height:25px;
  background:url(../images/bg-left-link.gif);
  margin:0 0 4px 0;
  font-weight:bold;
  padding:0 0 0 9px;
  line-height:25px;
  color:#60635A;
  }

/* center column styles */
.top-bar {
  /*float:left;*/
  width:603px;
  border-left:2px solid #f70;
  padding:0 0 0 9px;
  margin:0 0 4px 0;
  }
/* text page header */
.top-bar h1 {
  font:20px/21px verdana,sans-serif;
  color:#43729F;
  margin:0 0 4px 0;
  }
/* orange button */
.top-bar a.button {
  float:right;
  display:block;
  width:75px;
  height:35px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:27px;
  background:url(../images/bg-orange-button.gif) no-repeat;
  }

/* center column styles */
.bottom-bar {
  float:left;
  width:603px;
/*  border-left:2px solid #f70; */
  padding:0 0 0 9px;
  margin:0 0 10px 0;
  }
/* orange button */
.bottom-bar a.button {
  float:right;
  display:block;
  width:75px;
  height:35px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:27px;
  background:url(../images/bg-orange-button.gif) no-repeat;
  }

/* orange button ※トップでも使用できるように追加 */
a.button {
  float:right;
  display:block;
  width:75px;
  height:35px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:27px;
  background:url(../images/bg-orange-button.gif) no-repeat;
  }
/* orange button ※小さいボタンサイズ追加 */
a.button-m {
  display:block;
  width:59px;
  height:25px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:23px;
  background:url(../images/bg-orange-button-m.gif) no-repeat;
  }
/* orange button ※大きいボタンサイズ追加 */
a.button-w {
  float:right;
  display:block;
  width:135px;
  height:35px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:27px;
  background:url(../images/bg-orange-button-w.gif) no-repeat;
        }

/* bar with select */
.select-bar {
  clear:both;
  border-top:2px solid #f70;
  border-bottom:2px solid #f70;
  padding:5px 0 3px 0;
  margin:0 0 17px 0;
  }
.select-bar select {width:145px;margin:0 2px;}

/* table container */
div.table {
  float:left;
  position:relative;
  width:614px;
  margin:0 0 16px 0;
  }
table h1 {
  font:19px/20px verdana,sans-serif;
  color:#43729F;
  margin:0 0 4px 0;
        font-weight:bold;
  }        
table.listing {
  border-bottom:1px solid #9097A9;
  width:613px;
  padding:0;
  margin:0;
  border:1px solid #9097A9;
  }
/* 小さいリンクボタン白文字用 */
table.listing a.button-m {
  color:#ffffff;
        text-decoration: none
  }
table.listing a:hover {
  text-decoration: underline
  }
table.listing th {
  border-top:0 !important;
  }
table.listing th.full {border-left:0;border-right:0 !important;text-align:center;text-transform:uppercase;}
div.table img.left {
  position:absolute;
  top:0;
  left:0;
  }
div.table img.right {
  position:absolute;
  top:0;
  right:1px;
  }
/* table styles */
table.listing .handicap td {
  background:#FFD700;
  }       
.handicap {
       background:#FFD700;
  }             
table.listing .note td {
        background:#FFE4B5;
  }        
  
.note  {
  background:#FFE4B5;
  }        
        
table.listing td {
        height:23px;
}
table.listing td,
table.listing th {
  border:1px solid #fff;
  text-align:center;
  }
table.listing th {
  background:#9097A9;
  color:#fff;
  padding:5px;
  }  
table.listing td {
  background:#D8D8D8;
  color:#000;
  padding:3px 5px;
  }
table.listing .bg td {
  background:#ECECEC;
  }
table.listing .commend td {
  background:ivory;
  }
table.listing .white td {
  background:#fff;
  }


table.listing .first {border-left:0px solid #9097A9;text-align:left;}
table.listing .last {border-right:0px solid #9097A9;}
table.listing .first_chg {border-left:0px;border-right:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}
table.listing .last_chg {border-right:0px;border-left:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}

table.listing .second {padding:1px 0 1px 5px;text-align:left;}

table.listing th.first {background:#9097A9 url(../images/bg-th-left.gif) no-repeat left top;border-left:0;}
table.listing th.last {background:#9097A9 url(../images/bg-th-right.gif) no-repeat right top;border-right:0;}
table.listing th.first_row {border-left:0;}
table.listing th.last_row {border-right:0;}
table.listing th.last_row_chg {border-right:0;border-left:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}
table.listing th.no_padding {padding:5px,0px,5px,0px;}
table.listing th.left {text-align:left;}
table.listing th.right {text-align:right;}
table.listing th.center {text-align:center;}
table.listing th.chg_color {border:1px solid #C0C0C0;}

table.listing td.noborder {text-align:left;padding:0;border:none}
table.listing td.slash {background:url(../images/slash.gif) no-repeat}
table.listing td.slash-w {background:url(../images/slash-w.gif) no-repeat}
table.listing td.slash-3 {background:url(../images/slash-3.gif) no-repeat}
table.listing td.slash-5 {background:url(../images/slash-5.gif) no-repeat}
table.listing td.bg {background:#ECECEC}
table.listing td.blank {background:white}
table.listing td.left {text-align:left;}
table.listing td.right {text-align:right;}
table.listing td.center {text-align:center;}

table.listing .style1 {font-weight:bold;color:#FF7A00;}
table.listing .style2 {font-weight:bold;padding-left:16px;}
table.listing .style3 {padding-left:25px;}
table.listing .style4 {padding-left:35px;}

table.listing a {color:blue; text-decoration: underline;}
table.listing a:hover {background-color: blue; color: white;}

table.form .last {padding:1px 5px 1px 5px;text-align:left;}
table.form th,
table.form td {padding-left:5px;}
/*table.form input.text {width:262px}*/

table.form .birth {}
table.form .age_kbn {
    float:right;
    text-align:left;
    line-height:35px;
    width:180px; height:35px;
    margin:auto 0px;
}

table.form .player_name {}
table.form .player_gaiji {
    float:right;
    text-align:left;
    width:210px;
    margin:auto 0px;
}

/* table select */
div.table .select {
  float:right;
  margin:2px 1px 0 0;
  width:176px;
  height:25px;
  background:#9097A9 url(../images/bg-select.gif);
  color:#fff;
  }
div.table .select strong {
  float:left;
  padding:5px 0 0 5px;
  }
div.table .select select {
  float:right;
  width:78px;
  margin:2px 3px 0 0;
  text-align:right;
  }

/* right column header */
#right-column .h {
  float:left;
  background:#7E878A;
  border:1px solid #B8B8B8;
  border-bottom:0;
  padding:3px 10px;
  color:#fff;
  text-transform:uppercase;
  }
/* right column box */
#right-column .box {
  float:left;
  width:121px;
  padding:5px;
  border:1px solid #B8B8B8;
  background:#EBEBEB;
  margin:0 0 15px 0;
  }

/* right column buttons */
.buttons {
  clear:both;
  text-align:center;
  padding:30px 0 15px 0;
  }
.buttons input {margin:0 0 6px 0;}

.formError {
  text-align: left;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  color: red;
  background-color: #f0f0f0; 
  border: 2px solid red;
  margin: 5px 2px 2px 2px;
}


/* scaffold.css より */
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  clear: left;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* START:notice */
#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold 10px sans-serif;
}
/* END:notice */

/* START:notice2 */
#notice2 {
    border: 2px solid red;
    padding: 1em;
    margin-bottom: 2em;
    background-color: #f0f0f0;
    font: bold 10px sans-serif;
}
/* END:notice2 */

.ime-off { ime-mode: inactive; }

/* 目立つリンク */
span.vlink a { color: navy; text-decoration: underline }
span.vlink a:hover {
  color: white;
  background-color: navy;
  text-decoration: none;
}

table.csv {
    width: 735px;
    border-collapse: collapse;
    border: 1px #cccccc solid;
    margin-top: 10px;
}
table.csv th,
table.csv td {
    border: 1px #cccccc solid;
    text-align: center;
}

.form_buttons { margin: 10px 0; }
.form_buttons div { display: inline; }


/* ナビ */
.breadcrumbs {}
.breadcrumbs .active { font-weight:bold; }


/* メニュー */
.menu { margin: 20px 0; }
.menu h3 {
    font-size:11px;
    margin: 15px 0 0;
    color:#fff;
    background-color: #FF7700;
    height:25px;
    line-height:23px;
    padding:0 0 0 9px;
}
.menu a { color: #60635A; }
.menu a:hover { color: #FF7700; text-decoration: underline }


/* エラーボックス */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: inline-table;
}

.confirm {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}


/* ヘッダ情報 */
.header-info {
  clear:both;
  border-top:1px solid #f70;
  border-bottom:1px solid #f70;
  padding:5px 0 3px 0;
  margin:10px 0 17px 0;
}
.header-info .title { font-weight: bold; }

/* 必須項目用＊ */
span.required {
  color: red;
}
/* 必須項目用＊ */
span.requiredIf {
  color: red;
}
/* 必須項目用メッセージ */
span.requiredMsg {
  font-weight: bold;
}

/* 注意書き用 */
span.attention {
  color: red;
}

/* テキスト表示用 */
div.textMessages{
  border: 1px solid #9097A9;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  line-height: 2em;
}

/* PG編成用 */
div.top-bar-w {
    width:750px
}
div.table-w {
    width:756px
}
/* PG編成用 */
table.listing-w {
    width:755px
}

/* 競技結果用 */
div.table-s {
    width:0px
}

/* 処理中 */
.processing {
  background-image:url('../images/processing.gif');
  background-repeat:no-repeat;
  background-position:center center;
  background-color:whitesmoke;
}

/* 処理中(画像無し) */
.processing-blank {
  background-color:whitesmoke;
}

/* 処理中(画像無し) */
.select-w {
  font-size:16px;
        font-weight:bold
}

.data_format table{
  margin: 10px;
  border: solid 1px;
  border-collapse: collapse;
  border-color: #B8B8B8;
}

.data_format th{
  border: solid 1px;
  padding: 2px;
  border-color: #B8B8B8;
}

.data_format td{
  border: solid 1px;
  padding: 2px 5px 2px 5px;
  background-color:whitesmoke;
  border-color: #B8B8B8;
}

.data_format td.rownum{
  text-align: right;
}


.copyright {
  text-align: center;
  position:relative; top:-20px;
  color:#FF7A00
}

.approval_w {
  font-weight:bold;
  color:blue;
}

.approval_w_part {
  font-weight:bold;
  color:green;
}

.approval_w_not {
  font-weight:bold;
  color:red;
}

.a_list {
  color:blue;
  text-decoration: underline;
}

.common_notes {
    border:1px solid white;
    background-color:#f70;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
}

.top-bar a.button_line {
  float:right;
  display:block;
  width:85px;
  height:35px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:27px;
  background:url(../images/bg-orange-button-me.gif) no-repeat;
  }

#edit_detail_ta table td.selected {
  background-color: #ff9f40;
}

#edit_detail_ta table tr.bg td.selected {
  background-color: #ffb873;
}

#edit_detail_bc table td.selected {
    background-color: #ff9f40;
}

#edit_detail_bc table tr.bg td.selected {
    background-color: #ffb873;
}

.modal-dialog-fixed {
  position: fixed;
}