@charset "Shift_JIS";

/* idを取っているだけで直接レイアウトには関係ありません
--------------------------------*/
#menu
{
	position: relative;
	z-index: 2;
	font-size: 10px;
	width: 1020px;
	height: 79px;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	border-left: 0px solid #dfdfdf; border-right: 0px solid #dfdfdf; border-top: 0px solid #dfdfdf; border-bottom: 0px solid #dfdfdf;
	background: #111111;
}

/* メニューの位置を調整
-------------------------------- */
#menu ul
{
	margin: 0px;
	padding: 0px;
}

/* 回り込み
-------------------------------- */
#menu li#blog
{
	width: 145px;
	height: 79px;
	list-style-type: none;
	float: left;
}

#menu #style
{
	width: 216px;
	height: 79px;
	list-style-type: none;
	float: left;
	border-left: 0px dotted #b4b4b4;
}

#menu #works
{
	width: 158px;
	height: 79px;
	list-style-type: none;
	float: left;
	border-left: 0px dotted #b4b4b4;
}

#menu #company
{
	width: 184px;
	height: 79px;
	list-style-type: none;
	float: left;
	border-left: 0px dotted #b4b4b4;
}

#menu #contact
{
	width: 179px;
	height: 79px;
	list-style-type: none;
	float: left;
	border-left: 0px dotted #b4b4b4; border-right: 0px dotted #b4b4b4;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左9999pxに飛ばしています
--------------------------------*/
#menu li#blog a
{
	display: block;
	width: 145px;
	height: 79px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#menu li#style a
{
	display: block;
	width: 216px;
	height: 79px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#menu li#works a
{
	display: block;
	width: 158px;
	height: 79px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#menu li#company a
{
	display: block;
	width: 184px;
	height: 79px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#menu li#contact a
{
	display: block;
	width: 179px;
	height: 79px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
	
/* 各listタグにidをつけ個々に背景画像を指定
--------------------------------*/
#menu li#blog a 
{
	background-image: url(../common/blog.gif);
}

#menu #style a 
{
	background-image: url(../common/style.gif);
}

#menu #works a 
{
	background-image: url(../common/works.gif);
}

#menu #company a 
{
	background-image: url(../common/company.gif);
}

#menu #contact a 
{
	background-image: url(../common/contact.gif);
}