/* v1.0 | 20080212 */ 


@media screen and (min-width: 1168px){
	
.css_table_A {
	  display:table;
  }  

.css_table_B {
      display:none;} 
	
	
}	
@media screen and (min-width: 968px) and (max-width: 1168px){
	
.css_table_A {
	  display:table;
  }  

.css_table_B {
      display:none;} 		
	
	
}	
@media screen and (min-width: 480px) and (max-width: 968px){
	
.css_table_A {
	  display:table;
  }  

.css_table_B {
      display:none;} 		
	
	
}
@media screen and (max-width: 480px){
	
.css_table_A {
      display:none;}
.css_table_B {
      display:table;
  }  		
	
	
}
@media screen and (min-width: 968px){

.topbar{
    position:fixed;
    width:100%;
    background-color:#3C3C3C;
    margin:0px;
    padding:0px;
    Z-index:60;
    }
#topbar_table{
	height:80px;

}
#topbar_td1{
	
	text-align:center;
	vertical-align:middle;
}	
#topbar_td2{
	
	text-align:center;
 	vertical-align:middle;   
}	

.topbar2{
	display:block;
	line-height:80px;
    height:80px;
	}
.topbar3{
	display:none;}	
.topbar4{
	display:none;}		
.css_td_r {
      display: table-cell;}
.css_td_l {
      display: table-cell;} 	
	  
}	
@media screen and (max-width: 968px) {

.topbar{
    position:fixed;
    width:95%;
    background-color:#3C3C3C;
    margin:0px;
    padding:0px;
    Z-index:60;
    }
#topbar_table{
	height:80px;

}
#topbar_td1{
	
	text-align:center;
	vertical-align:middle;
}	
#topbar_td2{
	
	text-align:center;
	vertical-align:middle;
}	

.topbar2{
	display:none;}
.topbar3{
	display:block;
	line-height:80px;
    height:80px;}		
.topbar4{
	display:block;
	margin:0px;
    padding:0px;
	text-align:center;　
    width:100%;
	line-height:20px;
    height:20px;}		
.css_td_r {
     display:none;}
.css_td_l {
     display:none;}

	
}
@media screen and (orientation: portrait) {

.topbar{
    position:fixed;
    width:100%;
    background-color:#3C3C3C;
    margin:0px;
    padding:0px;
    Z-index:60;
    }
#topbar_table{
	height:80px;

}
#topbar_td1{
	
	text-align:center;
	vertical-align:middle;
}	
#topbar_td2{
	
	text-align:center;
	vertical-align:middle;
	
}	

.topbar2{
	display:none;}
.topbar3{
	display:block;
	line-height:60px;
    height:60px;}		
.topbar4{
	display:block;
	margin:0px;
    padding:0px;
	text-align:center;　
    width:100%;
	line-height:20px;
    height:20px;}		
	
.css_td_r {
     display:none;}
.css_td_l {
     display:none;}
.css_table_A {
      display:none;}
.css_table_B {
      display:table;
  }  
	
}

.css_table {
      display:table;
  }
.css_tr {
      display: table-row;
  }
.css_td {
      display: table-cell;
  }
.css_td_m {
      display: table-cell;
  }
 .css_menu{
	height: 120px;  
	line-height:120px;
	width: 200px;   
	text-align:center;　	
	background-color: #6699FF;     
	border: 2px dashed #003366;    
	margin: 20px;  
	float: left;
 }
 .circle{
    width:100px;
    height:100px;
    background:#0cc;
    -webkit-clip-path:circle(50% at 50% 50%);
 }