* {
 margin: 0;
 padding: 0;
}

body {
 height: 100%;
 font-size: 14px;
}

img {
 border:0;
}

a {
 color: #0000ff;
}

a:visited {
/* color: #BCD2E6; */
 color: #0000ff;
}

a:hover {
/* color: #0000c0; */
 color: #BCD2E6;
}

#Base {
 width: 970px;
 margin: 0px auto;
 padding: 0px;
 border: 1px solid #dfdfdf;
 background: #ffffff;
 color: #333333;
/* font: 1.0em/150% 'arial', sans-serif;*/
}

/* Main contents */
#contents {
 float: left;
 width: 100%;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
 border: 3px;
}

#contents h2 {
 margin: 5px 5px 5px;
 padding: 5px 5px;
 border-top: 1px solid #999999;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 border-left: 5px solid #5A5573;
 background: #afeeee;
 color: #000000;
 font: bold 24px 'arial', sans-serif;
 text-align: left;
}

#contents h2 a {
 color: #000000;
}

#contents .contents_body {
 margin: 15px 10px 10px 10px;
 padding: 0px 5px 0px 0px;
 font-size: 16px;
}


#contents h3 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

.backtop {
 padding:  5px 5px;
 font-size: 12px;
 text-align: right;
}

#contents .location {
 padding:  10px 0px 0px 20px;
}

#contents .table_rule {
 width: 100%;
 vertical-align: text-top;
}

#contents .table_rule td {
 vertical-align: text-top;
}

#contents .schedule {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
  font-size: 14px;
}

#contents .schedule td {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 text-align: center;
}


#contents .scheduledit {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;
 empty-cells: show;
 border-width: 3px;
  font-size: 14px;
}

#contents .scheduledit td {
 vertical-align: text-center;
 padding: 3px 3px 3px 3px;
 border-width: 1px;
 text-align: center;
}

#contents .yearschedule {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
  font-size: 14px;
}

#contents .yearschedule td {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 text-align: left;
}

#contents .scoredate {
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
 font-size: 18px;
}

#contents .scoredate td {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 font-weight: bold;
 text-align: center;
}


#contents .scoreboard {
 width: 700px;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
 font-size: 18px;
 background: darkgreen;
 color: whitesmoke;
}

#contents .scoreboard td {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 font-weight: bold;
 text-align: center;
}

#contents .ranking {
 width: 720px;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
 font-size: 18px;
}

#contents .ranking td {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 font-weight: bold;
 text-align: center;
}

#teamimage {
 /*
 vertical-align: middle;
 width: 100%;
 height: 300px;
 background: #dcdcdc;
 border-style: ridge;
 margin: 10px 10px 10px 10px;
 padding: 0px;
 */
 text-align: center;
}

#image {
 /*
 vertical-align: middle;
 width: 100%;
 height: 300px;
 background: #dcdcdc;
 */
 border-style: ridge;
 border-width: 4;
 margin: 10px 10px 10px 10px;
 padding: 0px;
}

#contents .teaminfo {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
 font-size: 14px;
}

#contents .teaminfoitem {
 width: 110px;
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 font-weight: bold;
 text-align: center;
}

#contents .teaminfovalue {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 text-align: left;
}

#contents .useredit {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
 font-size: 14px;
}

#contents .useredititem {
 width: 120px;
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 font-weight: bold;
 text-align: center;
}

#contents .login {
 margin: 30px 5px 5px 30px;
 border-collapse: collapse;
 font-size: 14px;
}

#contents .login td {
 padding: 5px 10px 5px 10px;
}

#contents .table_header {
 background: #ffd700;
}

#contents .table_body {
 background: white;
}

#contents .schedulecancel {
 background: #ff69b4;
}
#contents .edit {
 width: 720px;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
}

#contents .edit td {
 vertical-align: top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 text-align: left;
 font-size: 14px;
}

#contents .teamselect input {
 float:left;
}


#contents .botan {
 padding: 5px 5px 5px 5px;
 margin: 2px 0px 2px 0px;
 border-width:2px;
 background-color:#c0c0c0;
 border-style:outset;
 color:#000000;
 /*height:30px;*/
 width:45px;
 text-align:center;
 text-decoration:none;
 font-size: 12px;
 font-weight: normal;
}

#contents :hover.botan{
 color:#000000;
 background-color:#b0b0b0;
 /*border-style:ridge;*/
}


/*ヘッダー*/
#HDR {
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ff003399, endColorstr=#ff33ccff);
 width:100%;
 height:90px;
 border:0px;
 background:#003399;
 padding:1px;
 overflow:hidden;
}

#HDR #title {
 margin:10px;
 font-size:42px;
 font-family:cursive,fantasy;
 line-height:100%;
}

#HDR #title a {
 color:Azure;
}

#HDR div#description {
 margin: 5px 0px 0px 30px;
 padding: 0px;
 color: khaki;
 font-size: 18px;
 text-align: left;
}

/*メニューバー*/
#menubar {
 /*width: 100%;*/
 border: 0;
 font-weight: bold;

}

#menubar ul {
 list-style:none;
 /*float: right;*/
}

#menubar li {
  float:left;
}

#menubar .menulist {
 filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorstr=#ff33ccff, endColorstr=#0087CEEB);
 float:left;
 padding: 5px 20px 5px 10px;
 font-size: 14px;
}
#menubar .menulist:hover {
 filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorstr=#ff0000FF, endColorstr=#0087CEEB);
}

/*サイドメニュー*/
#LeftBar {
 background: #33ccff;
}

#SideMenu {
 margin: 40px 5px 10px 0px;
 padding: 0px 0px 0px 20px;
 font-size: 16px;
 text-align: left;
}

.SidebarTitle {
 border-bottom: 1px dashed #0600B3;
 border-left: 5px solid #0600B3;
 color: #0600B3;
 font: bold 16px 'arial', sans-serif;
 text-align: left;
}

#SideMenu ul {
 list-style:none;
 /*width: 185px;*/
}

#SideMenu li {
 line-height: 0;
}

#SideMenu li a {
 display:block;
 line-height: normal;
 padding: 3px 0px 3px 15px;
 border-bottom: 1px dashed #999999;
 /*background: #ffffff;*/
 color: #000000;
 font-size: 1.0em;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

#SideMenu li a:hover {
 border-bottom: 1px dashed #0600B3;
 background: #efefef;
 color: #0600B3;
}


/*フッター*/
#FDR {
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ff33ccff, endColorstr=#ff003399);
 width: 100%;
 height: 30px;
 margin: 0px;
 padding: 5px 0px 0px;
 border: 0px;
 font-size: 12px;
 text-align: center;
 color:Azure;
}



#scoreboardedit {
 width: 600px;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
 font-size: 14px;
 background: darkgreen;
 color: whitesmoke;
}

#scoreboardedit td {
 vertical-align: text-top;
 padding: 5px 10px 5px 10px;
 border-width: 3px;
 font-weight: bold;
 text-align: center;
}

#scoreboardedit input {
 text-align: center;
 color: black;
}

#scoreboardeditdate {
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
}

#scoreboardeditdate td {
 vertical-align: text-top;
 padding: 3px 3px 3px 3px;
 border-width: 3px;
 font-weight: bold;
 font-size: 14px;
 text-align: left;
}

/* ユーザ情報 */
#userview table {
 margin: 10px 10px 10px 10px;
 border-collapse: collapse;
 empty-cells: show;
 width: 750px;
 border-width: 2px;
 font-size: 14px;
 border-style: solid;
}

#userview td {
 vertical-align: text-top;
 padding: 3px 3px 3px 3px;
 border-width: 2px;
 border-style: solid;
 text-align: left;
}

#userview th {
 vertical-align: text-top;
 padding: 3px 3px 3px 3px;
 border-width: 2px;
 border-style: solid;
 text-align: left;
}

/* ユーザダイアログ */
#UserDialog table{
 margin: 10px 10px 10px 10px;
 border-collapse: collapse;
 empty-cells: show;
 width: 450px;
 border-width: 3px;
 font-size: 14px;
 border-style: ridge;
}

#UserDialog td {
 vertical-align: middle;
 padding: 3px 3px 3px 3px;
 border-width: 3px;
 border-style: ridge;
 text-align: left;
}

#UserDialog div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

/* 試合予定ダイアログ */
#ScheduleDialog table{
 margin: 10px 10px 10px 10px;
 border-collapse: collapse;
 empty-cells: show;
 width: 350px;
 border-width: 3px;
 font-size: 14px;
 border-style: ridge;
}

#ScheduleDialog td {
 vertical-align: middle;
 padding: 3px 3px 3px 3px;
 border-width: 3px;
 border-style: ridge;
 text-align: left;
}

/* 大会ダイアログ */
#RoundDialog table{
 margin: 10px 10px 10px 10px;
 border-collapse: collapse;
 empty-cells: show;
 width: 500px;
 border-width: 3px;
 font-size: 14px;
 border-style: ridge;
}

#RoundDialog td {
 vertical-align: middle;
 padding: 3px 3px 3px 3px;
 border-width: 3px;
 border-style: ridge;
 text-align: left;
}

/* 大会チームダイアログ */
#RoundteamDialog table{
 margin: 10px 10px 10px 10px;
 border-collapse: collapse;
 empty-cells: show;
 width: 300px;
 border-width: 3px;
 font-size: 14px;
 border-style: ridge;
}

#RoundteamDialog td {
 vertical-align: middle;
 padding: 3px 3px 3px 3px;
 border-width: 3px;
 border-style: ridge;
 text-align: left;
}


/* お問い合わせフォーム */
#contact table{
 margin: 10px 10px 10px 10px;
 border-collapse: collapse;
 empty-cells: show;
 /*width: 400px;*/
 border-width: 0px;
 font-size: 14px;
 border-style: ridge;
}

#contact td {
 vertical-align: middle;
 padding: 5px 5px 5px 5px;
 border-width: 0px;
 border-style: ridge;
 /* text-align: left; */
}


/* エラー表示 */
#scoreboardedit div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

#ScheduleDialog div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

#RoundDialog div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

#RoundteamDialog div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

#contents div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

#contact div .error-message {
 color: Red;
 font-weight: bold;
 font-size: 14px;
}

#AccessCount {
 margin: 20px 5px 10px 0px;
 padding: 0px 0px 0px 20px;
}

#AccessCount td {
 font-size: 12px;
}


#mail_user table {
 width: 500px;
 border-collapse: collapse;
 border-spacing: 3px;
 empty-cells: show;
 border-width: 3px;
}

#mail_user td {
 vertical-align: text-top;
 padding: 2px 2px 2px 2px;
 border-width: 3px;
 text-align: center;
  font-size: 12px;
}

#attention {
 font-size: 12px;
 text-align: left;
 color: blue;
}

#contents table.roundrobin {
 /* width: 720px; */
 border-collapse: collapse;
 border-spacing: 2px;
 empty-cells: show;
 table-layout: fixed;
 border-width: 2px;
 font-size: 12px;
}

#contents .roundrobin td {
 vertical-align: middle;
 padding: 2px 2px 2px 2px;
 border-width: 2px;
 border-color: gray;
 font: 14px 'ＭＳ ゴシック','arial','sans-serif';
 text-align: center;
}
/*
#contents .roundrobindata {
 vertical-align: middle;
 padding: 3px 3px 3px 3px;
 border-width: 2px;
 font: 12px 'ＭＳ ゴシック','arial','sans-serif';
 text-align: center;
}
*/
#contents span.celldataschedul td:hover {
 background-color: limegreen;
 color: #808080;
 cursor: pointer;
}

#contents span.celldataresult td:hover {
 background-color: pink;
 color: #808080;
 cursor: pointer;
}

#contents .celldataschedul:hover {
 background-color: limegreen;
 color: #808080;
 cursor: pointer;
}

#contents .celldataresult:hover {
 background-color: pink;
 color: #808080;
 cursor: pointer;
}

#contents .roundrobinheader {
 background: #ffd700;
 width: 45px;
/*
 height: 130px;
 writing-mode: tb-rl;
 padding: 3px 3px 3px 3px;
 vertical-align: top;
 direction: ltr;
 text-align: center;
 border-width: 2px;
 */

}

#contents .log {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 1px;
 empty-cells: show;
 border-width: 1px;
 font-size: 12px;
}

#contents .log td {
 vertical-align: text-top;
 padding: 1px 1px 1px 1px;
 border-width: 1px;
 text-align: left;
}
/*
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 70%;
}
*/
#sortable .table_body {
    cursor: move;
}