@charset "UTF-8";

/**********************************************
�@Mobile
**********************************************/
@media only screen and (max-width:800px){
	#header img.top_logo{
		width:50px;		/** org=60px **/
	   margin:0 10px 10px 10px;
	}
	#header .logo{
		width:90%;		/** org=50% **/
		max-width:400px;
	}

	#header .info{
		width:90%;		/** org=35% **/
   margin:0 2% 5px 2%;		/** org=15px 2% 5px 2% **/
	}

	#header .info p{
	   margin:5px 0;
	}

	#menu ul li a {
	   border:1px solid #888888;
		border-radius:5px;
	}
}

@media only screen and (max-width: 500px) {
	#header img.top_logo{
		width:40px;		/** org=60px **/
	   margin:0 10px 10px 10px;
	}
	#header .logo{
	   margin:10px 2% 0 2%;
	}
	#header .logo h1 a{
	   font-size:18px;		/** org=22px **/
	}
	#header .logo p{
	   margin:0;
	   font-size:12px;		/** org=14px **/
	}

	#header .info p{
	   font-size:12px;		/** org=13px **/
		line-height:1.3;
	   margin:0;
	   padding:0;
	   border:0px solid red;
	}
	#header .info strong{
	   font-size:12px;		/** org=16px **/
	}

	#menu ul li a {
		min-width:80px;
		padding:5px 15px;
	   font-size:12px;
		line-height:1.2;
	}

}