/* 基本レイヤー
-------------------------------------------------------------------------------- */
/* Fx 3.0 以降に適用される */

div.box_01, x:-moz-broken{
	width: 776px;
	border-top-width: 9px;
	border-right-width: 12px;
	border-bottom-width: 9px;
	border-left-width: 12px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.box{
	width: 840px;
	background-image: url(../images/bg_img.gif);
	background-repeat: repeat-y;
	background-position: center top;
	clear: none;
}

.box_01 {
	width: 800px;
	border-top-width: 9px;
	border-right-width: 12px;
	border-bottom-width: 9px;
	border-left-width: 12px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#layer {
	width: 800px;
	height: 45px;
}


line {
	height: 460px;
	width: 800px;
　　border: 1px solid #D3D3D3;
}


/* グローバルナビゲーション
-------------------------------------------------------------------------------- */

#menu li {
	float: left;
	list-style-type:none;
	margin-left: 0px;
}  

#menu ul {
	display: block;
	float: left;
	text-decoration: none;
	text-indent: -9999px;
	width: 650px;
	height: 20px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}  


/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
一桁すくなく間違えたので-9999emに変更すますた */
#menu li a {
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは54pxです
-------------------------------- */
.m1 a {
width: 58px;
background-image: url(../images/b_news.gif);
}

.m2 a {
width: 62px;
background-image: url(../images/b_design.gif);
}

.m3 a {
width: 59px;
background-image: url(../images/b_works.gif);
}

.m4 a {
width: 91px;
background-image: url(../images/b_totaldesign.gif);
}

.m5 a {
width: 70px;
background-image: url(../images/b_remake.gif);
}

.m6 a {
width: 90px;
background-image: url(../images/b_graphick.gif);
}

.m7 a {
width: 66px;
background-image: url(../images/b_profile.gif);
}

.m8 a {
width:65px;
background-image: url(../images/b_diary.gif);
}

/* マウスオーバーの画像
-------------------------------- */

.m1 a:hover {
	width: 58px;
	background-position: 0 -20px;
}

.m2 a:hover {
	width: 62px;
	background-position:0 -20px;
}
	
.m3 a:hover {
	width: 59px;
	background-position:0 -20px;
}

.m4 a:hover {
	width: 91px;
	background-position:0 -20px;
}

.m5 a:hover {
	width: 70px;
	background-position:0 -20px;
}


.m6 a:hover {
	width: 90px;
	background-position:0 -20px;
}


.m7 a:hover {
	width: 66px;
	background-position:0 -20px;
}

.m8 a:hover {
	width: 65px;
	background-position:0 -20px;
}



.rightside {
	text-align: left;
	float: left;
	width: 500px;
}



.sitemap {
	font-size: 11px;
	float: right;
	width: 100px;
	margin-top: 0px;
	text-align: right;
}

#layer p {
	margin-top: 0px;
	margin-bottom: 0px;
}

#logo {
	height: 36px;
	width: 148px;
	margin-top: 13px;
	margin-left: 12px;
	float: left;
}

#header {
	background-image: url(../images/header2.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 840px;
	margin: 0px;
	padding: 0px;
	background-position: center top;
}

#header h1 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}