@charset "Shift_JIS";

/* idを取っているだけで直接レイアウトには関係ありません
--------------------------------*/
#menu
{
	font-size: 10px;
	width: 927px;
	height: 135px;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 66px;
	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;
}

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

/* 回り込み
-------------------------------- */
#menu li#logo
{
	width: 176px;
	height: 135px;
	list-style-type: none;
	float: left;
}

#menu #concept
{
	width: 149px;
	height: 135px;
	list-style-type: none;
	float: left;
	border-left: 1px dotted #b4b4b4;
}

#menu #information
{
	width: 149px;
	height: 135px;
	list-style-type: none;
	float: left;
	border-left: 1px dotted #b4b4b4;
}

#menu #works
{
	width: 149px;
	height: 135px;
	list-style-type: none;
	float: left;
	border-left: 1px dotted #b4b4b4;
}

#menu li#flow
{
	width: 149px;
	height: 135px;
	list-style-type: none;
	float: left;
	border-left: 1px dotted #b4b4b4;
}

#menu #contact
{
	width: 149px;
	height: 135px;
	list-style-type: none;
	float: left;
	border-left: 1px dotted #b4b4b4; border-right: 1px dotted #b4b4b4;
}

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

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

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

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

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

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

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

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

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

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

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