@charset "UTF-8";



/* ----------ドロップメニュー---------- */

ul.drop_menu li {
	text-align: center;
	float: left;
	position: relative;
	margin: 0 0 0 1px;
	padding: 5px;
	display: inline-block;
}

ul.sub {
	display: none;
	position: absolute;
	margin-left: -6px;
	padding: 0;
}

ul.sub li a {
	padding: 8px 10px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -7px;
	display: block;
	background-color: #f8f8ec;
}



/* -----横幅----- */

/* 1つめ */

ul.drop_menu li:first-of-type,
ul.drop_menu li:first-of-type li {
	width: 70px;
}

/* 2つめ */

ul.drop_menu li:nth-of-type(2),
ul.drop_menu li:nth-of-type(2) li {
	width: 190px;
}

/* 3つめ */

ul.drop_menu li:nth-of-type(3),
ul.drop_menu li:nth-of-type(3) li {
	width: 150px;
}

/* 4つめ */

ul.drop_menu li:nth-of-type(4),
ul.drop_menu li:nth-of-type(4) li {
	width: 240px;
}

/* 5つめ */

ul.drop_menu li:last-of-type,
ul.drop_menu li:last-of-type li {
	width: 140px;
}



/* ウィンドウ幅が0?479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{



}