@charset "shift_jis";
#headbar {
	/* ▼上端に固定するCSS */
   position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	/* ▼バーの装飾 */
   background-color: #FFF;  /* 背景色 */
	color: white;             /* 文字色 */
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5); /* 影 */
	padding-top: 1px;
	padding-bottom: 5px;
	min-width:1000px;
}
#headbar .headbar_list .menu {
	display: table;
}
#headbar .headbar_list {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
#headbar .headbar_list .menu li {
	display: table-cell;
}
.headbar_li01{
	display: table-cell;
	width:18%;
}
.headbar_li02{
	display: table-cell;
	width:9%;
}
.headbar_li03{
	display: table-cell;
	width:9%;
}
.headbar_li04{
	display: table-cell;
	width:9%;
}
.headbar_li05{
	display: table-cell;
	width:9%;
}
.headbar_li06{
	display: table-cell;
	width:9%;
}
.headbar_li07{
	display: table-cell;
	width:11%;
	padding-left:1%;
}
.headbar_li08{
	display: table-cell;
	width:11%;
	padding-left:1%;
}
#headbar .headbar_list .menu a img {
	width: 100%;
}


/* モーダル コンテンツエリア */
#modal-main {
　　display: none;
　　width: 500px;
　　height: 300px;
　　margin: 0;
　　padding: 0;
　　background-color: #ffffff;
　　color: #666666;
　　position:fixed;
　　z-index: 2;
}
/* モーダル 背景エリア */
#modal-bg {
　　display:none;
　　width:100%;
　　height:100%;
　　background-color: rgba(0,0,0,0.5);
　　position:fixed;
　　top:0;
　　left:0;
　　z-index: 1;
}