<style type="text/css">
<!--
@media screen and (max-width:479px)
{

	body
	{

	font-size: 13px ;	
	}
}


.header
{
	border-bottom: 3px solid #888 ;		
	text-align: center ;			
	padding: 1em 0 ;			
	margin-bottom: 2em ;			
	background: #e8e8e8 ;			


}



div#header  {  
    width: 100%;  
    padding: 5px;  
    background: #e8e8e8 url(../images/bg/header.gif) repeat-x;  
    border-bottom: 1px solid #CCC;  
    color: #000;  
    position: fixed;  
    top:0;  
    left:0;  
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}  
* html div#header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  
div#header h1   {  
    width: 800px;  
    margin: 0 auto;  
}  



.logo-wrapper
{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}


.logo
{
	width: 400px ;
	height: auto ;
}


@media screen and (max-width:479px)
{
	
	.logo
	{
		width: 200px ;
	}
}


.footer
{
	border-top: 3px solid #888 ;		
	text-align: center ;			
	margin-top: 2em ;			
	padding: 1em 0 ;
	float: center ;				

}


.wrapper
{
	width: 1000px ;
	margin: 0 auto ;		
	padding: 0 ;
	   margin-top:100px;		
}


@media screen and (max-width:479px)
{
	.wrapper
	{
		width: auto ;
		padding: 0 10px ;

	}
}


.main
{
	width: auto ;
	padding: 20px ;					


}

.side
{
	width: auto ;

}


@media screen and (max-width:479px)
{
	.main
	{
		width: auto ;
		padding: 0 ;		
		border: none ;	
	}

	.side
	{
		width: auto ;
	}
}


.main
{
	float: left ;		
}

.side
{
	float: center ;		
}


@media screen and (max-width:479px)
{
	.main , .side
	{
		float: none ;
	}
}

.wrapper
{
	overflow: hidden ;
}


/* テーブル */
.table_w4g{
	border-spacing: 0;
	border-collapse: collapse;


}
.table_w4g th,.table_w4g td{
   border: 1px solid #778899;


}
.table_w4g th{

	padding: 5px 10px;
	background: #AED4CE;
	color: #002B82;
	text-align: center;
	font-weight: bold;
border-top: 1px solid #ccc;
}
.table_w4g td{
	padding:　0 5px;
	background: #FCFCFC;
	color: #002B82;
	text-align: left;
	vertical-align: middle;
}
.table_w4g tr:nth-child(even) td{
	background: #EEEEEE;

}

.table_w4g tr:first-child :first-child{
	border-top-left-radius: 15px;
}
.table_w4g tr:first-child :last-child{
	border-top-right-radius: 15px;
}
.table_w4g tr:last-child :first-child{
	border-bottom-left-radius: 15px;
}
.table_w4g tr:last-child :last-child{
	border-bottom-right-radius: 15px;
}
.table_w4g tr:not(:first-child) th,.table_w4g tr:not(:first-child) td{
	border-top:none;
     }
}
--> 
</style>
