/* スポーツの里専用CSSファイル */

#direct01 {
  vertical-align: bottom;
  text-align: left;
  color: #333333;
  margin: 0px;
  padding: 4px;
  background-color: white;
  font-size: 10pt;
  border: solid 1px #ffffff;
  border-bottom: solid 1px #000000;
}

#direct01_right {
  vertical-align: bottom;
  text-align: right;
  color: #333333;
  margin: 0px;
  padding: 4px;
  background-color: white;
  font-size: 10pt;
  border: solid 1px #ffffff;
  border-bottom: solid 1px #000000;
}

#tow_title_center {
  text-align: center;
  color: #333333;
  margin: 0px;
  padding: 8px;
  padding-bottom: 4px;
  background-color: white;
  font-size: 10pt;
}

#one_box_yellow {
  text-align: left;
  color: #333333;
  margin: 0px;
  margin-bottom: 16px;
  padding: 8px;
  padding-bottom: 4px;
  background-color: lightyellow;
  font-size: 10pt;
  border: solid 1px #000000;
}

#header_yellow {
  text-align: left;
  color: #333333;
  margin: 0px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 8px;
  padding-bottom: 4px;
  background-color: lightyellow;
  font-size: 10pt;
  border: solid 1px #000000;
}

#header_glay {
  text-align: left;
  color: #333333;
  margin: 0px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 8px;
  padding-bottom: 4px;
  background-color: #dddddd;
  font-size: 10pt;
  border: solid 1px #000000;
}


#page_title
{
  color: #777777;
  margin: 0px;
  padding: 4px;
  padding-top: 8px;
  padding-left: 16px;
  background-color: #E5E5E5;
  font-size: 12pt;
  font-weight: bold;

}


#seo
{
  color: #ffffff;
  font-size: 11pt;
  margin: 0px;
  padding: 0px;
  z-index: 3; 
/*  background-image: url("http://spo-sato.jp/image_new/header_image");*/
  background-color: #77BCFD;
/*  font-weight: bold;*/
}

#seo_toppage
{
  position: absolute;
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  z-index: 3; 
  left: 12px;
  top: 12px;
}

#header_image
{
  position: relative;
  margin: 0;
  padding: 0;
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  height 219px;
}

#logo
{
  position: absolute;
  left: 0px;
  top: 20px;
  
}

#request_button
{
  position: absolute;
  left: 556px;
  top: 114px;
}

#header_menu
{
  position: absolute;
  left: 112px;
  top: 198px;
  width: 638px;
  height: 16px;
  text-align: right;
  font-size: 10pt;
  line-height: 10.5pt;
  color: #0B419B;
}

#header_menu_item a:link { color: #0B419B; text-decoration: none; }
#header_menu_item a:hover { color: #0B419B; }

#header_menu_toppage
{
  position: absolute;
  left: 350px;
  top: 244px;
  font-size: 10pt;
  line-height: 10.5pt;
  color: #0B419B;
}


#basic_info
{
  position: absolute;
  left: 428px;
  top: 12px;
  text-align: right;
  color: #000000;
  font-size: 10pt;
  line-height: 10.5pt;
/*  font-weight: bold;*/
}

#basic_info_toppage
{
  position: absolute;
  left: 500px;
  top: 170px;
  width: 250px;
  color: #000000;
  font-size: 10pt;
  line-height: 10.5pt;
/*  font-weight: bold;*/
}

#cordinate_image
{
  position: relative;
  border: solid 1px #0B419B;
  margin: 0;
  padding: 0;
}

#top_image
{
  position: relative;
/*  border: solid 1px #0B419B; */
  margin: 0;
  padding: 0;
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  height 264px;
}

#top_title
{
  color: #0B419B;
  font-size: 14pt;
  margin: 0px;
  padding: 0px;
  z-index: 3; 
  font-weight: bold;
  position: absolute;
  left: 24px;
  top: 16px;
}

#top_outline
{
  color: #000000;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  z-index: 3; 
  position: absolute;
  left: 24px;
  top: 40px;
  width: 450px;
}

#top_qrcode
{
  color: #ffffff;
  font-size: 10pt;
  margin-top: 4px;
  padding: 0px;
  width: 100px;
  height: 146px;
  background-color: #01AD4E;
  text-align: center;
}



#navibar2
{
   margin-left: auto;
   margin-right: auto;
   padding-top: 2px;
   padding-bottom: 4px;
   width: 750px;
}


#navibar
{
   margin-left: 0;
   margin-top 0;
   padding-left: 0;
   list-style-type: none;
   width: 750px;
   float: left;
}




#header_1p1
{
   margin: 4px;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 4px;
   padding-top: 8px;
   width: 732px;
   text-indent: 1em;
   font-size: 1.5em;
   color: #0B419B;
   background-color: #CFE1FF;
   text-align: left;
   font-weight: bold;
}

#header_2p1
{
   margin: 4px;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 4px;
   padding-top: 8px;
   width: 350px;
   text-indent: 1em;
   font-size: 1.5em;
   color: #0B419B;
   background-color: #CFE1FF;
   text-align: left;
   font-weight: bold;
}

#comic_contents
{
   margin: 4px;
   padding: 4px;
   width: 732px;
   color: #000000;
   background-color: #ffffff;
   text-align: left;
   font-size: 11pt;
   line-height: 13pt;
}

img.comic
{
   margin: 4px;
   margin-right: 8px;
   padding: 0px;
   float: left;
}

#list01
{
   list-style-type: circle;
   text-indent: 2em;
   margin-left: 1em;
}

.sport_select
{
   margin: 0px;
   margin-left: 10px;
   padding: 4px;
   width: 356px;
   color: #000000;
   background-color: #ffffff;
   text-align: center;
}

#sport_select_icon
{
   margin: 4px auto;
   margin-bottom: 0px;
   padding: 4px;
   text-align: center;
   font-size: 80%;
   line-height: 180%;
   float: left;
}
.sport_select_end
{
	clear:left;
}


#Table_01 {
   width:665px;
   height:850px;
   margin: 0;
}

#Table_01_inner {
	position:relative;
	width:665px;
	height:850px;
}

#map-slice-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:168px;
	height:223px;
}

#map-slice-02 {
	position:absolute;
	left:168px;
	top:0px;
	width:165px;
	height:223px;
}

#map-slice-03 {
	position:absolute;
	left:333px;
	top:0px;
	width:166px;
	height:223px;
}

#map-slice-04 {
	position:absolute;
	left:499px;
	top:0px;
	width:166px;
	height:223px;
}

#map-slice-05 {
	position:absolute;
	left:0px;
	top:223px;
	width:168px;
	height:202px;
}

#map-slice-06 {
	position:absolute;
	left:168px;
	top:223px;
	width:165px;
	height:202px;
}

#map-slice-07 {
	position:absolute;
	left:333px;
	top:223px;
	width:166px;
	height:202px;
}

#map-slice-08 {
	position:absolute;
	left:499px;
	top:223px;
	width:166px;
	height:202px;
}

#map-slice-09 {
	position:absolute;
	left:0px;
	top:425px;
	width:168px;
	height:203px;
}

#map-slice-10 {
	position:absolute;
	left:168px;
	top:425px;
	width:165px;
	height:203px;
}

#map-slice-11 {
	position:absolute;
	left:333px;
	top:425px;
	width:166px;
	height:203px;
}

#map-slice-12 {
	position:absolute;
	left:499px;
	top:425px;
	width:166px;
	height:203px;
}

#map-slice-13 {
	position:absolute;
	left:0px;
	top:628px;
	width:168px;
	height:222px;
}

#map-slice-14 {
	position:absolute;
	left:168px;
	top:628px;
	width:165px;
	height:222px;
}

#map-slice-15 {
	position:absolute;
	left:333px;
	top:628px;
	width:166px;
	height:222px;
}

#map-slice-16 {
	position:absolute;
	left:499px;
	top:628px;
	width:166px;
	height:222px;
}

#area-alphanum {
  color: #aaaaaa;
  font-size: 14pt;
  font-family: "Arial Black", Impact, sans-selif;
  width: 100%;
  height: 100%;
  text-align: center;
  virtical-align: middle;

/*  border: solid 1px #000000;*/
} 

#area-alphanum-small {
  color: orange;
  font-size: 9pt;
  font-family: "Arial Black", Impact, sans-selif;
  text-align: center;
  virtical-align: middle;
} 

#area-alphanum-big {
  color: white;
  font-size: 40pt;
  font-family: "Arial Black", Impact, sans-selif;
  text-align: center;
  virtical-align: middle;
} 


#event_navi {
  margin-bottom: 4px;
  padding: 4px;
  color: #333333;
  font-size: 11pt;
  font-family: "Arial Black", Impact, sans-selif;
  text-align: left;
  background-color: #ffffff;
  border: solid 1px orange;
  border-left: solid 20px orange;
  width: 320px;
}

ul.event {
   text-indent: -18px;
   line-height: 10.5pt;
}
.header_top {
	background-image: url(http://spo-sato.jp/image_parts/head_topbar.png);
	background-repeat: no-repeat;
        background-color:#E6EDDC;
	margin-top: 0px;
	padding: 0px;
	height: 42px;
	width: 753px;
}

div#header_text_navi{
	width:450px;
	text-align:right;
	float: right;
	margin-top: 14px;
	padding-right: 20px;
	white-space: nowrap;
}
div#serch_form {
	width:250px;
	text-align: left;
	margin-top: 10px;
	padding-left: 24px;
	float: left;
}
.header_img {
	margin: 0px;
	padding: 0px;
	height: 145px;
	width: 753px;
}

div#header_img_logo{
	width:595px;
	float: left;
}
div#header_img_form {
	width:158px;
	float: right;
}
.main_navi{
	float:left;
	width: 150px;
	height: 65px;
}
.main_navi_box{
}

.top_caption_text {
	font-size: 110%;
       line-hight:140%;
	margin-left: 23px;
	margin-bottom: 24px;
	margin-top:12px;
	padding-left: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #669900;

	width: 343px;
}

/* フッタ */
.foot_navi{
	background-image: url(http://spo-sato.jp/image_parts/foot_navi_img.png);
	background-repeat: no-repeat;
	width:736px;
	height:104px;
	margin-top:12px;
	margin-right:auto;
	margin-bottom:12px;
	margin-left:auto;
}


.page_footer
{
  background-color: #416000;
  color: #ffffff;
  font-size: 90%;
  text-align: left;
  padding:16px;
}
div#footer_img{
	float:left;
	width:200px;
	}

div#footer_text{
	float:left;
	width:250px;
	padding-left: 16px;

	font-size :12px;
	line-height:14px;
	}
div#copyright_text{
	clear:left;

	padding-top: 6px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	width: 100%;
}

/* ローカルナビ */
.local_navi{
	width:741px;
	height:31px;
       margin-top:12px;
}
div#futaba {
	background-image: url(http://spo-sato.jp/image_parts/local_navi_futaba.png);
	background-repeat: no-repeat;
	height:31px;
	padding-left:176px;
}
div#shisetsu {
	background-image: url(http://spo-sato.jp/image_parts/local_navi_shisetsu.png);
	background-repeat: no-repeat;
	height:31px;
	padding-left:176px;
}
div#coodinate {
	background-image: url(http://spo-sato.jp/image_parts/local_navi_coodinate.png);
	background-repeat: no-repeat;
	height:31px;
	padding-left:176px;
}
.local_navi div a{
width:150px;
float:left;
	background-image: url(http://spo-sato.jp/image_parts/navi_mark.png);
	background-repeat: no-repeat;
padding-top:6px;
padding-left:20px;
}


.top_news{
padding:6px;
margin-bottom:12px;
}
.top_news_title{
clear:right;
font-size:120%;
font-weight:bold;
	background-color: #EEEEEE;
	padding: 3px;
}

.page_caption_text {
	font-size: 80%;
	margin-left: 23px;
	padding-left: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #669900;
	margin-bottom: 3em;
	margin-top: 1em;
	width: 700px;
}

.area_cap_text {
	font-size: 110%;
	background-color: #EEEEEE;
	padding: 2px;
	border: 1px solid #999999;
}
.area_title_text {
	font-size: 130%;
	font-weight: bold;
	text-decoration: underline;
}


.news_category_link {
        width:120px;
        text-arign:right;
	font-size: 110%;
	background-color: #EEEEEE;
	padding: 3px;
        margin:3px;
	border: 1px solid #999999;
}

.feed_area {

}

.link_title {
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.link_data {
	border-bottom: dashed #CCCCCC 1px;
	padding:12px 6px 6px 0;
	}