@font-face {  
  font-family:'mplus-1c-light';  
  src: url('/css/fonts/others/kokushi/mplus-1c-light-sub.eot') format('eot');  
  src: url('/css/fonts/others/kokushi/mplus-1c-light-sub.woff') format('woff');  
  src: url('/css/fonts/others/kokushi/mplus-1c-light-sub.ttf') format('truetype');  
}

@font-face {  
  font-family:'mplus-1m-light';  
  src: url('/css/fonts/others/kokushi/mplus-1m-light-sub.eot') format('eot');  
  src: url('/css/fonts/others/kokushi/mplus-1m-light-sub.woff') format('woff');  
  src: url('/css/fonts/others/kokushi/mplus-1m-light-sub.ttf') format('truetype');  
}

@font-face {  
  font-family:'mplus-1m-thin';  
  src: url('/css/fonts/others/kokushi/mplus-1m-thin-sub.eot') format('eot');  
  src: url('/css/fonts/others/kokushi/mplus-1m-thin-sub.woff') format('woff');  
  src: url('/css/fonts/others/kokushi/mplus-1m-thin-sub.ttf') format('truetype');  
}

a
{
color: rgb(247, 147, 30);
}

p
{
margin-top: 30px;
margin-left: 2em;
font-size: 15px;
line-height: 30px;
}

#searchnum
{
outline: none;
-webkit-appearance: none;
border:0;
padding:4px;
font-family:mplus-1c-light;
color:hsl(0, 0%, 0%);
border:1px solid #ccc;
margin:0 0 0px;
width:150px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#searchnum:focus
{
border:solid 1px rgb(247, 147, 30);
}

#searchbtn
{
outline: none;
-webkit-appearance: none;
border:none;
padding:4px;
background-color:rgb(247, 190, 123);
color:hsl(0, 0%, 100%);
font-size:16px;
font-family:mplus-1c-light;
text-align:center;
width:100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input {
font-size: 100%;
}

#copyright
{
white-space: pre;
}

@media screen and ( max-width: 479px )
{
	body
	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	margin-right: 0%;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	font-family: mplus-1c-light;
	background-color: hsl(0, 0%, 100%);
	}

	#contents
	{
	background-color: hsl(0, 0%, 100%);
	}
	 
	#navi
	{
	font-size: 12px;
	letter-spacing: 0.4em;
	line-height: 300%;
	float: right;
	margin-right: 2em;
	}

	#navi span
	{
	border-left: 1px solid #999;
	margin-left: 1em;
	padding-left: 2.0em;
	}

	#navi a
	{
	text-decoration: none;
	color: rgb(247, 147, 30);
	}
	
	
	#top
	{
	font-family: mplus-1m-thin;
	font-size: 24px;
	}
	
	#top a
	{
	color: rgb(247, 147, 30);
	text-decoration: none;
	letter-spacing: 0.4em;
	}
	
	#top span
	{
	margin-left: 0.4em;
	}
	
	#main
	{
	margin-top: 5%;
	margin-left: 2%;
	margin-right: 2%;
	color: hsl(0, 0%, 20%);
	}
	
	#gototop
	{
	font-size: px;
	float: right;
	}
	
	a
	{
	color: rgb(247, 147, 30);
	}
	
	p
	{
	margin-top: 30px;
	margin-left: 0.8em;
	font-size: 16px;
	line-height: 30px;
	}
	
	
	#searchnum
	{
	-webkit-appearance: none;
	border:0;
	padding:4px;
	font-family:mplus-1c-light;
	color:hsl(0, 0%, 0%);
	border:1px solid #ccc;
	margin:0 0 0px;
	width:150px;
	/*
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/
	}

	#searchnum:focus
	{
	border:solid 1px rgb(247, 147, 30);
	}
	
	#searchbtn
	{
	-webkit-appearance: none;
	border:none;
	padding:4px;
	background-color:rgb(247, 190, 123);
	color:hsl(0, 0%, 100%);
	font-size:16px;
	font-family:mplus-1c-light;
	text-align:center;
	width:100px;
	/*
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/
	}
	
	input {
	font-size: 100%;
	}
	
	#copyright
	{
	white-space: pre;
	}
	
}