html
	{
	font-family:"UD新ゴ R","UD Shin Go Regular", "ヒラギノ角ゴシック ProN W3","Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	-webkit-text-size-adjust: 100%;
	}
body    
        {
            background-color : #00512d;
            color : #ffffff;
			line-height: 1.7;
        }
.search
        {
        	box-sizing: 80%;
        	max-width: 500px;
        	margin-right: auto;
        }
/* tablet CSS */
@media screen and (max-width: 768px)
{
	body
	{
		font-size: 18px ;	
	}
}
/* Smartphone body CSS */
@media screen and ( max-width:640px )
{
	body
	{
		font-size: 16px ;	
	}
}
/* link-color */
a
        {
	color:#47e3ff;
	font-style:normal;
	text-decoration:underline;
        }
a:link
        {
	color:#47e3ff;
	font-style:normal;
	text-decoration:underline;
        }
a:visited
        {
	color:#c9171e;
	font-style:normal;
	text-decoration:underline;
        }
a:hover
        {
	color:#934c7b;
	font-style:normal;
	text-decoration:underline;
        }
.header
        {
        width: 950px ;
        margin: 0 ;
        padding: 0 ;
        text-align: center ;
        }
h1, h2, h3, h4 
{
    color: #ffffff;
  background: #c4c46a;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}
/* tablet CSS */
@media screen and (max-width: 768px)
{
        .header
        {
        margin: 0 ;
        padding: 0 ;
        width: auto ;
        height: auto ;
        }
        .logo-wrapper
        {
	margin: 0 ;			/* �X�y�[�X */
	padding: 0 ;		/* �]�� */
	line-height: 1 ;	/* �s�̍��� */
        }
        .logo
        {
	width: auto ;		/* ���� */
	height: auto ;		/* ���� */
        }
}
/* Smartphone CSS */
@media screen and ( max-width:640px )
{
        .header
        {
        margin: 0 ;
        padding: 0 ;
        width: auto ;
        height: auto ;
        }
        .logo-wrapper
        {
	margin: 0 ;			/* �X�y�[�X */
	padding: 0 ;		/* �]�� */
	line-height: 1 ;	/* �s�̍��� */
        }
        .logo
        {
	width: auto ;		/* ���� */
	height: auto ;		/* ���� */
        }
}
/* tablet CSS */
@media screen and (max-width: 768px)
{
	/* ���S�摜 */
	.logo
	{
	width: 700px ;
	}
}
/* Smartphone CSS */
@media screen and ( max-width:640px )
{
	/* ���S�摜 */
	.logo
	{
        width: 150px ;		/* ���� */
	}
}
#wrap   { 
	width:950px;
	text-align:left;
	margin:0 auto; 
        }  
/* tablet CSS */
@media screen and (max-width: 768px)
{
	#wrap
	{
	width: auto ;
	padding: 0 10px ;		
	}
}
/* Smartphone CSS */
@media screen and ( max-width:640px )
{
	#wrap
	{
	width: auto ;
	padding: 0 10px ;		
	}
}
#inner
        { 
	margin:0 10px; 
        }  
#mainWrap
        { 
	width:600px; 
	float:left; 
        }  
#sideWrap
        { 
	width:310px; 
	float:right; 
        }  
/* tablet CSS */
@media screen and (max-width: 768px)
{
	img
	{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
	#mainWrap
	{
	width: auto ;
	padding: 0 ;		/* �]�� */
	border: none ;		/* �g�� */
	}
	#sideWrap
	{
	width: auto ;
	}
}
/* Smartphone CSS */
@media screen and ( max-width:640px )
{
	img
	{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
	#mainWrap
	{
	width: auto ;
	padding: 0 ;		/* �]�� */
	border: none ;		/* �g�� */
	}
	#sideWrap
	{
	width: auto ;
	}
}
/* tablet CSS */
@media screen and (max-width: 768px)
{
	#mainWrap
	{
	float: none ;		/* float�𖳌��� */
	}
	#sideWrap
	{
	float: none ;		/* float�𖳌��� */
	}
}
/* Smartphone CSS */
@media screen and ( max-width:640px )
{
	#mainWrap
	{
	float: none ;		/* float�𖳌��� */
	}
	#sideWrap
	{
	float: none ;		/* float�𖳌��� */
	}
}
.clear
        { 
	clear:both; 
        }
#footer 
        {
	text-align: right;
        }
.clear hr
        { 
	display:none; 
        }