/*
-----------------------------------------------------
ACTION SPORTS PARK OKAYAMA CSS
FileName:	Design.css
Version:	2009.6.5
-----------------------------------------------------
*/

 body { margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
		font-family:Verdana, Arial, sans-serif;
		font-size:12px;
		color:#333333;
		background-color:#CCCCCC;
      }
	  
 a {
 color:#333333;
 }
 
 a:link {
 color:#333333;
 }
 
 a:visited {
 color:#666666;
 }
 
 a:active {
 color:#333333;
 }
 
 a:hover {
 color:#FF0000;
 text-decoration:none;
 }
 

 

 #house { margin:0;
          padding:0;
        }

 #container { margin:0;
              padding:0;
			  width:900px;
			  background-color:#FFFFFF;
			}

 #top { margin:0;
        padding:0 0 0 5px;
        width:895px;
		font-size:10px;
		color:#FFFFFF;
		text-align:left;
	    background-color:#000000;
	  }

 #header { margin:0;
           padding:0;
		   width:900px;
		   position:relative;
		   top:0;
		   left:0;
		 }

 #contents { margin:0;
             padding:0 0 10px 0;
			 border-width:3px 5px 5px 5px;
			 border-color:#FF0000;
			 border-style:solid;
             min-height: 1em;
             display: inline-table;
           }
		   
  #contents:after { content: "";
                    display: block;
                    clear: both;
                    height: 1px;
                    overflow: hidden;
				  }

   /*\*/
   * html #contents { height: 1em;
                    }

    #contents { display: block;
                }
   /**/		 
	
		   

 #footer { margin:0;
           padding:0;
           color:#FFFFFF;
           background-color:#000000;
		   clear:both;
         }
 
 #cursor { cursor:pointer;
         }


/* --tab-- */

 .tab { margin:0;
        padding:0;
		width:890px;
		height:20px;
        font-size:12px;
		letter-spacing:2px;
		line-height:20px;
		position:relative;
		top:0;
		left:0;
		background:url(../main/image/tabBody.gif) repeat-x top left;
      }

 .tab ul { margin:0;
           padding:0;
         }

 .tab ul li { margin:0;
              display:inline;
            }

 .tab ul li a,
 .tab ul li a:visited { padding:0 10px;
                        color: #FFFFFF;
		                text-decoration:none;
		                float:left;
		                border-right:1px solid #888888;
		              }

 .tab ul li a:hover { color:#FFFFFF;
		              text-decoration:none;
		              background:#333333;
		            }

 .tab ul li a.selected, 
 .tab ul li a:visited.selected, 
 .tab ul li a:hover.selected { color:#0000CC;
		                       text-decoration:none;
		                       background:#FFF url(../main/image/tab_selected.gif) top left no-repeat;
                     	  	 }
							 
	   
/* --/tab-- */



/* --- content ---*/
 /* --- メインコンテンツ　上 ---*/ 
 

 .MC_above {
 clear:both;
 }
 
  .TC_img {
  float:left;
  }
   
   .pickup {
   margin:0;
   padding:0;
   float:right;
   }
   
   .PU_title {
   margin:0;
   padding:0;
   width:189px;
   height:20px;
   font-size:14px;
   line-height:20px;
   color:#FFFFFF;
   background-color:#333333;
   text-align:center;
   }
 
   .PU_img {
   margin-bottom:5px;
   padding:0;
   }
 
 
 /* --- /メインコンテンツ　上 ---*/ 
 
 
 /* --- メインコンテンツ　下 ---*/ 
 
 .MC_below {
 clear:both;
 }
 
 
 /* --- left ---*/ 
 
 div.submenu {
 margin:0;
 padding:0;
 float:left;
 }
 
  div.submenu ul {
  margin:0;
  padding:0;
  } 
     
   div.submenu li {
   list-style-type:none;
   margin-bottom:5px;
   text-indent:-9999px;
   }
   
    div.submenu a {
	margin:0;
	padding:0;
	width:155px;
	height:40px;
	display:block;
   /*\*/
    overflow: hidden;
   /**/
	}
	    
	div.submenu a.event { background-image:url(../main/image/event_01.gif); }
	div.submenu a.photo { background-image:url(../main/image/photo_01.gif); }
	div.submenu a.school { background-image:url(../main/image/school_01.gif); }
	div.submenu a.bmx { background-image:url(../main/image/bmx_01.gif); }
	div.submenu a.movie { background-image:url(../main/image/movie_01.gif); }
	div.submenu a.result { background-image:url(../main/image/result_01.gif); }
	div.submenu a.intra { background-image:url(../main/image/intra_01.gif); }
	
	div.submenu a.event:hover { background-image:url(../main/image/event_02.gif); }
	div.submenu a.photo:hover { background-image:url(../main/image/photo_02.gif); }
	div.submenu a.school:hover { background-image:url(../main/image/school_02.gif); }
	div.submenu a.bmx:hover { background-image:url(../main/image/bmx_02.gif); }
	div.submenu a.movie:hover { background-image:url(../main/image/movie_02.gif); }
	div.submenu a.result:hover { background-image:url(../main/image/result_02.gif); }
	div.submenu a.intra:hover { background-image:url(../main/image/intra_02.gif); }
 	 
 /* --- /left ---*/ 


 /* --- center ---*/ 
 .Center {
 margin:0 0 0 5px;
 padding:0;
 width:532px;
 float:left;
 display:block;
 }
 
 /* --- /center ---*/ 


 /* --- right ---*/ 
 .Right {
 margin:0;
 padding:0;
 width:190px;
 float:right;
 display:block;
 }
 


 /* --- /right ---*/ 


 .topic1 {
 margin-bottom:5px;
 padding:0 0 0 5px;
 width:150px;
 height:20px;
 color:#FFFFFF;
 line-height:20px;
 text-align:left;
 background-color:#333333;
 }
 
 .topic2 {
 margin-bottom:5px;
 padding:0 0 0 5px;
 width:531px;
 height:20px;
 color:#FFFFFF;
 line-height:20px;
 text-align:left;
 background-color:#333333;
 }

 .topic3 {
 margin-bottom:5px;
 padding:0 0 0 5px;
 width:185px;
 height:20px;
 color:#FFFFFF;
 line-height:20px;
 text-align:left;
 background-color:#333333;
 }
 
 /* --- /メインコンテンツ　下 ---*/ 
 

 .pagetitle {
 margin:8px 0;
 padding:0 0 0 5px;
 color:#262626;
 font-size:12px;
 font-weight:bold;
 letter-spacing:1px;
 text-align:left;
 }
 
 .pagetitle a {
 text-decoration:underline;
 }
 
 .pagetitle a:hover {
 position:relative;
 text-decoration:none;
 top:1px;
 left:2px;
 }
 
 .subtitle {
 font-size:14px;
 font-weight:bold;
 color:#000000;
 text-align:center;
 }
 
 .subtitle2 {
 margin:3px 0 3px 5px;
 padding:0;
 width:750px;
 font-size:14px;
 font-weight:bold;
 color:#000000;
 line-height:25px;
 text-align:left;
 vertical-align:middle;
 }
 
 .subtitle3 {
 margin:5px 0;
 padding:0 0 0 10px;
 width:880px;
 background-color:#FFCCCC;
 font-size:16px;
 font-weight:bold;
 line-height:24px;
 color:#333333;
 text-align:left;
 }
 
 
 




  
 .text1 {
 margin:0px 0px;
 padding:0px 0px 0px 20px;
 font-size:10px;
 line-height:18px;
 color:#333333;
 text-decoration:none;
 text-align:left;
 }
 
 .text2 {
 font-size:12px;
 color:#333333;
 text-decoration:none;
 text-align:center;
 }
  
 .banner {
 margin:10px 0px;
 padding:0px 0px;
 }
 
 .banner a {
 margin:0px;
 padding:0px;
 text-decoration:none;
 }
 
 .banner a:hover {
 position:relative;
 top:1px;
 left:2px;
 }
  
 
 .parkmap {
 margin:0px 0px;
 padding:0px 0px;
 }
 
 .parkmap a {
 margin:0px 0px;
 padding:0px 0px;
 }
 
 .parkmap a:hover {
 position:relative;
 top:1px;
 left:2px;
 }
 
 .date {
 margin:2px 0px;
 padding:0px 0px 0px 15px;
 font-size:8px;
 color:#333333;
 text-align:left;
 letter-spacing:1px;
 }
 
 .border {
 margin:0px 0px 0px 18px;
 padding:0px;
 height:10px;
 background-image:url(../main/image/border.gif);
 background-repeat:no-repeat;
 }
 
 .red {
 color:#FF0000;
 }
 
 .black {
 color:#000000;
 }
 
 .font_big {
 font-size:16px;
 }
 
 .font_middle {
 font-size:14px;
 }
 
 .font_small {
 font-size:10px;
 }
 
 .attention_tle {
 margin:10px 0px;
 padding:0px 0px;
 font-size:18px;
 line-height:18px;
 text-align:center;
 }
 
 .attention {
 margin:0px 0px;
 padding:10px 30px;
 font-size:14px;
 line-height:30px;
 text-align:left;
 }
 
 /* --- caution ---*/ 
  
 ul.caution {
 margin:0px 0px;
 padding:4px 0px;
 width:181px;
 height:102px;
 }
 
 ul.caution li {
 margin:0px 0px;
 padding:4px 0px 4px 15px;
 list-style:none;
 text-align:left;
 }
 
 ul.caution li.new {
 margin:0px 0px;
 padding:4px 0px 4px 0px;
 list-style:url(../main/image/cNew.gif) inside;
 text-align:left;
 }
 
 ul.caution li a 
 ul.caution li a:visited {
 font-size:12px;
 background-color:#FFFFFF;
 color:#333333;
 text-decoration:none;
 }
 
 ul.caution li a:hover { 
 color:#FF0000;
 text-decoration:none;
 }
 

 
  
 
 /* --- weather ---*/
 .weather {
 margin:3px 5px 5px 5px;
 padding:0px 0px;
 border:#666666 3px double;
 }
 
 /* --- counter ---*/
 .counter {
 margin:5px;
 padding:2px 2px;
 width:65px;
 border:1px solid #666666;
 }
  
/* --- ／content ---*/

/* --- /footer ---*/

 .aspo-address { margin:4px 0px;
                 padding:0px 0px 0px 8px;
			     color:#FFFFFF;
			     width:570px;
			     font-size:12px;
			     line-height:13px;
			     text-align:left;
		  }
 
 .address { margin:4px 0px;
            padding:0px 0px 0px 8px;
			color:#FFFFFF;
			width:570px;
			font-size:10px;
			line-height:10px;
			text-align:left;
		  }

 .footermenu { margin:0px 0px;
               padding:8px 0px 0px 0px;
			   color:#FF0000;
			   width:80px;
			   height:27px;
	           font-size:12px;
	           text-align:center;
	         }

 .footermenu a,
 .footermenu a:visited { color:#FF0000;
						 font-size:12px;
						 text-decoration:none;
					   }
						 
 .footermenu a:hover { color:#FFFFFF;
                       position:relative;
					   top:1px;
					   left:2px;
					   text-decoration:none;
                     }

 .copyright { margin:0px;
              padding:0px 2px 0px 0px;
			  color:#FFFFFF;
			  width:316px;
		      font-size:10px;
			  text-align:center;
			  vertical-align:middle;
		    }

/* --- /footer ---*/


 .change {
 margin:0px 0px;
 padding:20px 0px;
 height:170px;
 color:#333333;
 font-size:12px;
 line-height:25px;
 background-image:url(../main/image/aspo_logo.gif);
 background-position:90% 90%;
 background-repeat:no-repeat;
 }
 
 .change a {
 position:relative;
 text-decoration:underline;
 }
 
 .change a:hover {
 position:relative;
 text-decoration:none;
 top:1px;
 left:2px;
 }