@charset "utf-8";

/* ------------------------------------------- CSS Information

----------------------------------------------------------- */

/* --------------------------------- Contents Area Style --*/
/*----------------------- header Style-- */

/*----------------------- globalNavi Style-- */
#globalNavi	{
	background: no-repeat; list-style:none; margin:0; padding:0;
	width: 950px;
	height: 39px;
	/*for mac-ie5.x*/
	/*\*//*/
	overflow:hidden;
	/**/
}
#globalNavi a	{
	height: 39px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#globalNavi li	{
	float: left;
	list-style-type: none;
}
<ul id="globalNavi">
<li class="gnavi01"><a href="#header">ホーム</a></li>
<li class="gnavi02"><a href="#header">会社概要</a></li>
<li class="gnavi03"><a href="#header">ウェブ</a></li>
<li class="gnavi04"><a href="#header">ポスティング</a></li>
<li class="gnavi05"><a href="#header">質問</a></li>
<li class="gnavi06"><a href="#header">アクセス</a></li>
<li class="gnavi07"><a href="#header">お問い合わせ</a></li>
<li class="gnavi08"><a href="#header">アルバイト</a></li></ul> 
/ #globalNavi
/*----------------- Link-- */
.gnavi01 a	{
	background:  url(../images/rollover.png) 　  no-repeat 0px -40px; width:118x; }
.gnavi01 a:link,.gnavi01 a:visited	{
	background: url(../images/rollover.png) no-repeat 0px 0px; width:118px;
}
.gnavi02 a	{
	background: url(../images/rollover.png) no-repeat -118px -40px; width:124px;
}
.gnavi02 a:link,.gnavi02 a:visited	{
	background: url(../images/rollover.png) no-repeat -118px 0px; width:124px;
}
.gnavi03 a	{
	background: url(../images/rollover.png) no-repeat -243px -40px; width:133px;
}
.gnavi03 a:link,.gnavi03 a:visited	{
	background:  url(../images/rollover.png) no-repeat -243px 0px; width:133px;
}
.gnavi04 a	{
	background:  url(../images/rollover.png) no-repeat -376px -40px; width:126px;
}
.gnavi04 a:link,.gnavi04 a:visited	{
	background:  url(../images/rollover.png) no-repeat -376px 0px; width:126px;
}
.gnavi05 a	{
	background:  url(../images/rollover.png) no-repeat -501px -40px; width:146px}
.gnavi05 a:link,.gnavi05 a:visited	{
	background:  url(../images/rollover.png) no-repeat -501px 0px; width:146px
}
.gnavi06 a  { background: url(../images/rollover.png) no-repeat -647px -40px; width:110px}
.gnavi06 a:link,.gnavi06 a:visited  {
	background: url(../images/rollover.png) no-repeat -647px 0px; width:110px}
.gnavi07 a  { background: url(../images/rollover.png) no-repeat -757px -40px; width:193px;}
.gnavi07 a:link,.gnavi07 a:visited { background:url(../images/rollover.png) no-repeat -757px 0px; width:193px;}


/*---------------------- hover-- */
.gnavi01 a:hover,.gnavi01 a:active	{
	background:  url(../images/rollover.png) no-repeat 0px -40px; width:118px;
}
.gnavi02 a:hover,.gnavi02 a:active	{
	background:  url(../images/rollover.png) no-repeat -118px -40px; width:124px;
}
.gnavi03 a:hover,.gnavi03 a:active	{
	background:  url(../images/rollover.png) no-repeat -243px -40px; width:133px;
}
.gnavi04 a:hover,.gnavi04 a:active	{
	background: url(../images/rollover.png) no-repeat -376px -40px; width:126px;
}
.gnavi05 a:hover,.gnavi05 a:active	{
	background:  url(../images/rollover.png) no-repeat -500px -40px; width:146px;
}
.gnavi06 a:hover,.gnavi06 a:active  { background:url(../images/rollover.png) no-repeat -647px -40px; width:110px}
.gnavi07 a:hover,.gnavi07 a:active { background:url(../images/rollover.png) no-repeat -757px -40px; width:193px}

/*----------------------- sub Style-- */
#sub .navi	{
	padding: 5px 5px 30px 5px;
}
#sub .navi li	{
	background: url(file:/hp/image/icon_navi.gif) no-repeat;
	padding: 3px 0 3px 25px;
	border-bottom: solid 1px #CCC;
}
#sub .bnr	{
	padding: 10px 0;
}
#sub .bnr li	{
	margin-bottom: 5px;
}
/*----------------------- footer Style-- */
#footer ul	{
	margin-bottom: 10px;
}
#footer ul li	{
	display: inline;
	margin-right: 0.5em;
}
#footer address	{
	color: #fff;
	text-align: right;
}
/*----------------------- main Style-- */
#main h2	{
	height: 28px;
	background:  url(file:/hp/images/h2.png) no-repeat;
	font-size: 133.3%;
	padding: 12px 0 0px 35px;
	clear: both;
	margin-bottom: 10px;
	color: #333; text-align:  
}
#main p	{
	margin-bottom: 1.5em;
}
#main .textL	{
	width: 340px;
	float: left;
	padding: 10px 0 10px 10px;
}
#main .imgR	{
	float: right;
	padding-right: 10px;
}
/*----------------------- main Style-- */
#main dl	{
	padding: 0px 5px 15px;
}
#main dl a	{
	color: #fff;
}
#main dl a:hover	{
	color: #304064;
}
#main dl dd	{
	padding: 3px 10px;
	margin-bottom: 5px;
	border-bottom: solid 1px #CCC;
}
#main dl .new	{
	background: url(file:/hp/images/new.png) no-repeat;
	padding-left: 40px;
}
body table tr td {
	font-size: 12px;
	line-height: 150%;
}
body table tr td span {
	color: #F00;
}
.unnamed2 {  color: #0000FF}
.sample {  color: #0033FF; font-size: 10px}