@charset 'utf-8';
/* [[ Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,option,p,blockquote,table,th,td,address,caption,cite,code,dfn,em,strong,var{margin:0;padding:0;font-size:100%;font-style:normal;font-weight:normal;}
img{font-size:1px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;vertical-align:middle;}
ol,ul{list-style-type:none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
small{font-size:80%;}
html,body {line-height: 1.6;}
body {font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ丸ゴ Pro W4", Osaka, sans-serif; font-size:11pt;}
input,textarea,th,td,select,option,optgroup{font-family: "メイリオ","ＭＳ Ｐゴシック", Tahoma, Osaka,"ヒラギノ丸ゴ Pro W4", sans-serif;font-size:10pt;}
input.text,input.password,textarea{margin:2px;padding:2px;border:1px solid #666;border-color:#666 #bbb #bbb #666;}
th,td,img,input,select{vertical-align:middle;}
hr{background-color:#bbb;border:none;color:#bbb;height:1px;margin:3px 0;padding:0;line-height:1;font-size:1px;}
div{text-align:left}
.msie hr {margin:0 0;}
fieldset{background:#fff url('../img/field_background.gif') repeat-x bottom left;border:1px solid #666;border-top:5px solid #3183c3;margin:5px;padding:2px 10px 5px 10px;}
legend{color:#3183C3;background-color:transparent;font-size:10pt;font-weight:bold;white-space:normal;}

.c{text-align:center} .r{text-align:right}
.s{font-size:87%}
.ss{font-size:82%;}
.mono{font-family:"ＭＳ ゴシック","Osaka一等幅",monospace;}
.b{font-size:1.2em;}
.gray{color:gray;}
.lb{float:left}
.rb{float:right}
.btn{cursor:pointer}
.clear{clear:both;}
.nw{overflow:hidden;white-space:nowrap}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
input.alpha,textarea.alpha { ime-mode:off }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End Reset ]] */


body {
  background:transparent url('../images/background.gif') repeat;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


#layout {
  background: #fff url('../images/bg_overlay.gif') repeat;
  width:966px;
  margin:10px auto;
  padding:8px 0;
}
#header {
  margin: 0 auto;
  width: 950px;
  height: 320px;
}
#contents {
  margin: 0 auto;
  width: 950px;
  background: #fff;
}
#main {
  width: 758px;
  float: right;
  text-align: left;
}
#side {
  width: 192px;
  float: left;
}
#footer {
  margin: 0 auto;
  width: 950px;
  background: #fff;
}

#header .container {
  text-align: left;
}
#main .container {
  padding: 20px;
  text-align: left;
}
#side .container {
  padding: 10px 3px;
  text-align: center;
}
#footer .container {
  padding: 10px 0;
  text-align: center;
}


#header .sub {
  font-size: 14px;
  height: 20px;
  background: #fff url('../images/header/navigation.gif') repeat-x;
}
#header ul.menu {
  height: 20px;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#header ul.menu li {
  font-size: 14px;
  display: inline;
  line-height: 20px;
  padding: 0;
  margin: 0 5px;
}

#side ul.menu {
  border: 1px solid #b69e71;
  margin-top: 3px;
  padding: 3px;
}
#side ul.menu li {
  text-align: center;
  border: 1px solid #eae4c2;
  border-top: none;
}
#side ul.menu li.title {
  margin-top: 3px;
  font-weight: bold;
  border: 0px none;
}
#side ul.submenu {
  list-style-type: none;
  display: block;
  border-top:1px solid #999;
}
#side ul.submenu li {
  padding:0;
  border: 1px solid #999;
  border-top:none;
}
#side ul.submenu li a {
  display: block;
  height: 30px;
  line-height: 30px;
  background: #eee;
  padding: 0 10px;
}
#side ul.submenu li a:hover{
  background: #ddd;
}
#footer ul.menu {
  display: block;
  list-style-type: none;
  margin-top: 20px;

}
#footer ul li {
  display: inline;
  font-size: 14px;
  margin: 0 5px;

}
#footer #copyright {
  background: #ddd;
  margin: 5px 2px;
  font-size: 12px;
  font-style: normal;
  font-family: Tahoma;
  border-bottom: 1px solid #bbb;
  text-align: center;
}


.formError { color: red; }

dl#information {
  height:135px;
  overflow:auto;
  border:1px solid #aaaaaa;
  background-color:#ffffff;
  margin-bottom:10px;
  padding:5px;
}

dl#sports_event_top {
  width:334px;
  height:411px;
  overflow:auto;
  border:1px solid #aaaaaa;
  background-color:#ffffff;
  margin-bottom:10px;
  padding:5px;
}

ul#navigator {
  font-size:1.1em;
  display: block;
  list-style-type: none;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
ul#navigator li {
  display: inline;
}

h3.grouping {
  font-weight: bold;
}

table.userform {
  width: 96%;
  border-collapse: separate ! important;
}
table.userform caption {
  border-bottom: 2px solid #ccc;
  text-align: left;
}
table.userform th, table.userform td {
  padding: 2px 5px;
}
table.userform tbody th {
  background: #d7eaeb;
  border-left: 2px solid #ccc;
}
table.userform tbody th.require {
  border-left: 2px solid #ccc;
  width:180px;
}
table.userform td small {
  font-size: 0.8em;
  color: #666;
}
table.userform tfoot td {
  padding: 10px;
  text-align: center;
}


table.infodl {
  width: 96%;
  border-collapse: separate ! important;
}
table.infodl caption {
  border-bottom: 2px solid #ccc;
  text-align: left;
}
table.infodl th {
  border-bottom: 1px solid #ccc;
  font-size: 1.0em;
  padding: 2px 5px;
  text-align: center;
}
table.infodl td {
  border-bottom: 1px solid #ccc;
  font-size: 1.0em;
  padding: 2px 5px;
}
table.infodl tbody th {
  background: #f6efd0;
  border-left: 2px solid #ccc;
}
table.infodl tbody th.infodlitem {
  border-left: 2px solid #ccc;
  width:120px;
}
table.infodl tfoot td {
  padding: 10px;
  text-align: center;
}

ol {
  list-style-type: decimal;
  padding-left: 40px;
  list-style-position: inner;
}

ul.photolist {
}
ul.photolist li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

ul.photolist dl {
  display: block;
}
ul.photolist dl dt {
  width: 120px;
  float: left;
}
ul.photolist dl dd {
  width: 420px;
  float: left;
}

dl.linklist {
  width: 96%;
  display: block;

}
dl.linklist dt {
  width: 40%;
  float: left;
}
dl.linklist dd {
  width: 56%;
  float: right;
  text-align: left;

}

dl.infodllist {
  display: block;

}
dl.infodllist dt {
  width: 130px;
  float: left;
  margin-bottom:10px;

}
dl.infodllist dd {
  width: 500px;
  float: left;
  text-align: left;
  margin-bottom:10px;
}