@charset "utf-8";
/*  ============================================================================
	ヘッダ定義
	ページの中心となるコンテンツ部分のレイアウトを定義する
	企業ロゴ・企業名・メニューボタン・サイト内検索フォームなどを設置する。
============================================================================= */

#header {
	top:				0px;
	padding:			0px;
	text-align:			center;		/* 中央揃え */
	vertical-align:		middle;		/* 中段揃え */
	display:			flex;
	justify-content: 	space-between;
	background:			white;
}

#header_left{
	left:0px;
	padding:8px;
}
#header_left img{
	height:80px;
}
#header_left_subtitle{
	font-size:10px;
	color: #777;
	text-align: left;
}

#header_right{
	padding:8px;
}
@media (max-width:680px) {
	#header_right{
		width:35%;
	}
}
#header_right_link{
	font-size:10px;
	text-align:right;
}
@media (max-width:680px) {
	#header_right_link{
		display:none;
	}
}

#header_link_list{
	display:block;
}
#header_link_list li{
	display:			inline;
	list-style-type:	none;
	color: #777;
}
#header_link_list li + li{
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #553311
}
#header_link_list a:link,#header_link_list  a:visited{
	color:#777;
}

#header_right_info {
	text-align: right;
	font-size:12px;
}
#header_right_info img{
	width:300px;
}