@charset "UTF-8";
/* CSS Document */

html {
  margin: 0px;
  padding: 0px;
  font-family: 'Meiryo', "Hiragino Kaku Gothic Pro", "MS UI Gothic", "MS P Gothic", 'メイリオ', "ヒラギノ角ゴ Pro W3", 'ＭＳ Ｐゴシック', Osaka, Arial, helvetica, sans-serif;
  font-size:62.5%;
}

#container{
	width:95%;
	margin:0 auto 0;
	padding:0;
	position:absolute;
	top:10px;
}

#header{
	width:800px;
	height:100px;
	margin:0 auto 40px;
	padding:0;
	position:relative;
	top:0;
	border-bottom:solid 1px;
	border-right:solid 1px;
}


#contents{
	width:800px;
	min-height:100px;
	margin:0 auto 20px;
	font-size:1.5em;
	line-height:1.8em;
	letter-spacing:1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
}

#navi02{
	margin:0;
	padding:20px 20px 0; 
	width:160px;
	height:20px;
}

#navi03{
	margin:0;
	padding:0;
	height:50px;
	position:relative;
	bottom:20px;
	left:1px;
}


#main02{
	float:right;
	margin:0;
	padding:20px 30px 20px 0; 
	width:570px;
}

#footer{
	margin:50px auto 5px;
	width:800px;
	text-align:center;
	font-size:1.2em;
}
.clear{
	clear:both;
}


/*--index.htm　ロゴ表示 --*/

#header_logo{
	width:800px;
	height:100px;
	margin:0 auto 40px;
	padding:0;
	position:relative;
	top:0;
}

#header_navi_top{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 800px;	
}

#header_navi_top li{
	margin:0;
	padding:0;
	float:left;
}

#header_navi_top a{
	height:100px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background-image:url(navi01.jpg);
	background-repeat:no-repeat;
	display:block;
	width:100px;
}

/*--index.htm　メニュー画像表示 --*/

#contents_menu{
	width:600px;
	min-height:100px;
	margin:0 auto 20px;
	font-size:1.5em;
	letter-spacing:1px;
	line-height:1.5em;
	border-left:solid 1px;
	border-right:solid 1px;
}

#header_navi_menu{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 600px;	
}

#header_navi_menu li{
	margin:0;
	padding:0;
	float:left;
}

#header_navi_menu a{
	height:100px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background-image:url(navi0001.jpg);
	background-repeat:no-repeat;
	display:block;
	width:100px;
}

/*--index.htm　murmur表示 --*/

#contents_mur_top{
	width:600px;
	margin:50px auto 0;
	height:36px;
	background-image:url(mur_top.jpg);
	background-repeat:no-repeat;
}
#contents_mur_main{
	width:600px;
	margin:0 auto 0;
	font-size:1.5em;
	line-height:1.8em;
	letter-spacing:1px;
	background-image:url(mur_main.jpg);
	background-repeat:repeat-y;
}

#contents_mur_btm{
	width:600px;
	height:9px;
	margin:0 auto 0;
	background-image:url(mur_btm.jpg);
	background-repeat:no-repeat;
}

.date{
	width:120px;
	float:left;
	margin:0 0 0 30px;
	padding:10px 0 10px;
}
.mur{
	width:420px;
	margin:0 0 0 150px;
	padding:10px 0 10px;
}



/*--各ページ　ヘッダー　画像表示 --*/
#header_navi{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 800px;	
}

#header_navi li{
	margin:0;
	padding:0;
	float:left;
}

#header_navi a{
	height:100px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background-image:url(navi0001.jpg);
	background-repeat:no-repeat;
	display:block;
	width:100px;
}

/*--各ページ　ヘッダー　表示→カラー表示 --*/
#navi001 a{background-position: 0 0; }
#navi0011 a{background-position: -100px 0; }
#navi002 a{background-position: -200px 0; }
#navi003 a{background-position: -300px 0; }
#navi004 a{background-position: -400px 0; }
#navi005 a{background-position: -500px 0; }
#navi006 a{background-position: -600px 0; }
#navi008 a{background-position: -700px 0; }

#header_navi a:hover{
	background-image:url(navi0001.jpg);
	background-repeat:no-repeat;
}

#navi001 a:hover{background-position: 0 0; }
#navi0011 a:hover{background-position: -100px 0; }
#navi002 a:hover{background-position: -200px -100px; }
#navi003 a:hover{background-position: -300px -100px; }
#navi004 a:hover{background-position: -400px -100px; }
#navi005 a:hover{background-position: -500px -100px; }
#navi006 a:hover{background-position: -600px -100px; }
#navi008 a:hover{background-position: -700px -100px; }

/*--各ページ　ヘッダー　表示→グレー表示  --*/
#navi001 a{background-position: 0 0; }
#navi0011 a{background-position: -100px 0; }
#navi0022 a{background-position: -200px -200px; }
#navi0033 a{background-position: -300px -200px; }
#navi0044 a{background-position: -400px -200px; }
#navi0055 a{background-position: -500px -200px; }
#navi0066 a{background-position: -600px -200px; }
#navi0088 a{background-position: -700px -200px; }

#navi001 a:hover{background-position: 0 0; }
#navi0011 a:hover{background-position: -100px 0; }
#navi0022 a:hover{background-position: -200px -100px; }
#navi0033 a:hover{background-position: -300px -100px; }
#navi0044 a:hover{background-position: -400px -100px; }
#navi0055 a:hover{background-position: -500px -100px; }
#navi0066 a:hover{background-position: -600px -100px; }
#navi0088 a:hover{background-position: -700px -100px; }

/*--message　テキスト右寄せ  --*/
#main02 span .right{
	text-align:center;
}

/*--Works　テキスト指定  --*/
.works{
	margin-bottom:10px;
}

/*--Company　メイン　テキスト指定  --*/
.category{
	width:100px;
	float:left;
	margin:0;
}
.name{
	width:400px;
	margin-left:100px;
	margin-bottom:15px;
}

/*--link　メイン　色指定  --*/
#main02 a{color:#000; text-decoration:none;}
#main02 a:visited{color:#444; text-decoration:none;}
#main02 a:hover{color:#93F;}