@charset "utf-8";

/*--------------------------------------------------------------------------------------------

初期設定

--------------------------------------------------------------------------------------------*/
body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,embed,object { margin: 0; padding: 0; vertical-align: baseline; }

img { border: 0; vertical-align: middle;}

input { font-size: 100%;}
textarea { font-size: 100%;}

.fleft { float: left;}
.fright { float: right;}

a { text-decoration: none;}
a:link { color: #3389B6; text-decoration: none;}
a:hover { text-decoration: underline; color:#186993;}

.clear { clear: both;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p img { vertical-align: middle;}
a img { vertical-align: middle;}

.center { text-align: center;}


address { font-style: normal;}

body { font-size: 82%;}


h1 { font-size: 100%;}
h2 { font-size: 100%; clear: both; margin-bottom: 5px;}
h3 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h4 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h5 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}



/*--------------------------------------------------------------------------------------------

初期設定

--------------------------------------------------------------------------------------------*/
body { background:#b7dbea url(../imgs/bg_sky.jpg) top repeat-x;}
#bgset { background: url(../imgs/bg_main.png) repeat-y; width: 880px; margin-left: auto; margin-right: auto;}


#header { width: 820px; height: 74px; margin-left: auto; margin-right: auto; background: url(../imgs/bg_header.gif) bottom no-repeat; position: relative;}
#header h1 { width: 316px; height: 45px; position: absolute; left: 0; top: 13px;}
#header #gohome  { width: 146px; height: 31px; position: absolute; left: 416px; top: 20px;}

#subheader { width: 820px; height: 74px; margin-left: auto; margin-right: auto; background: url(../imgs/bg_subheader.png) bottom no-repeat; position: relative;}
#subheader h1 { width: 316px; height: 45px; position: absolute; left: 0; top: 13px;}
#subheader #gohome  { width: 146px; height: 31px; position: absolute; left: 416px; top: 20px;}


#img_main { margin-left: auto; margin-right: auto;}
#img_main img { float: left;}

#containar { width: 820px; margin-left: auto; margin-right: auto; clear: both;}


#map { width: 555px; height: 346px; float: left; display: block;}


#sidebar { background: #EEEEEE;}
#sidebar li { color: #FFFFFF; margin-bottom: 1px;}
#sidebar li a { color: #FFFFFF; padding-left: 5px; padding-top: 9px; padding-bottom: 9px; background: #333333; display: block;}
#sidebar li a:hover { color: #FFFFFF; padding-left: 5px; padding-top: 9px; padding-bottom: 9px; background: #006699; display: block;}



/*--------------------------------------------------------------------------------------------

スケジュール

--------------------------------------------------------------------------------------------*/
.schedule { width: 100%; background: url(../imgs/bg_schedule.gif); border-right: 1px solid #BBBBBB;}
.schedule thead td { background: #306aa3 url(../imgs/bg_ttl_tranning_meth.gif) top repeat-x; color: #FFFFFF; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB;}
.schedule thead td.title { background: url(../imgs/bg_ttl_tranning.gif) bottom repeat-x; font-weight: bold;}
.schedule tr.schedulebg02 { background: url(../imgs/bg_schedule2.gif);}
.schedule td { padding-top: 5px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB;}
.schedule td.day { width: 15%;}

.schedule2 { width: 100%; background: url(../imgs/bg_schedule.gif); border-bottom: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB;}
.schedule2 thead td { background: #79b439 url(../imgs/bg_ttl_game_meth.gif) top repeat-x; color: #FFFFFF; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB;}
.schedule2 thead td.title { background: url(../imgs/bg_ttl_game.gif) bottom repeat-x; font-weight: bold;}
.schedule2 tr.schedulebg02 { background: url(../imgs/bg_schedule2.gif);}
.schedule2 td { padding-top: 5px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB;}
.schedule2 td.day { width: 15%;}

.schedule td.location, .schedule2 td.location { width: 30%;}
.schedule td.menu, .schedule2 td.menu { width: 10%; text-align: center;}
.schedule td.time, .schedule2 td.time {}
.schedule td.card, .schedule2 td.card { width: 30%;}
.schedule td.kickoff, .schedule2 td.kickoff { width: 10%; text-align: center;}
.schedule td.result, .schedule2 td.result { width: 20%;}

.schedule thead td, .schedule2 thead td { text-align: center;}





#sidebar2 { background: url(../imgs/bg_map_point.gif) repeat-y left;}
#sidebar2bottom { background: url(../imgs/bg_map_point_bottom.gif) bottom no-repeat; clear: both;}

#sidebar2 .sidebar2body { margin-left: 5px; margin-right: 5px;}

#sidebar2 .sidebar2body dl {}
#sidebar2 .sidebar2body dt { background: url(../imgs/icon_point.gif) 0px 3px no-repeat; padding-left: 13px; margin-top: 0.3em;}
#sidebar2 .sidebar2body dd { margin-left: 15px;}

.prevlink { height: 30px; clear: both; padding-top: 5px;}


#footer { background: url(../imgs/bg_footer.gif) top no-repeat; padding-top: 8px; padding-bottom: 30px; margin-top: 20px;}