/* 
	=========================================== 
	ヘッダー 
	=========================================== */

div#header	{
	width: auto;
	height: 50px;
			/* 	background-image: url(../images/120628header_002.jpg); */
	margin-top: 10px;
	margin-bottom: 10px;
	}

div#header_inner	{
	padding: 0px;
	}

div#header h1	{
    color: #666666;
	margin: 0;
	padding: 0;
	font-size: 1.63em;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.2;
	}
div#header h1 a	{
	color: #666666;
	text-decoration: none;
	}
	
div#header h1 a:hover	{
	color: #ff8c00;
	text-decoration: none;
	background-color: #ffffff
	}
	
div#header p	{
	font-size: 0.81em;
	color: #666666;
	margin-top: 3px;
	padding: 0;
	}


/* 
	横幅767px以下に適用
	================================ */

@media screen and (max-width: 767px) {
	
	div#header {
 		width: 100%;
		height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	}

	div#header_inner	{
		padding: 5px;
	}

	div#header h1	{
		font-size: 1.2em;
	}

	div#header p	{
		font-size: 0.8em;
		color: #555555;
		font-weight: bold;
	}

}