@charset "UTF-8";

/*-----------------------*/
/* 初期化 */

*{
	margin: 0;
	padding: 0;
}
th, td, form{
	margin: 0;
	padding: 0;
}

body{
	color: #333333;
	font-size: 12px;
	background-image: url(../img/bg.png);
	background-repeat: repeat-y;
	background-position: center;
	font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif;
	line-height: 1.5em;
}

a { outline : 0;}
a:link { color: #2B91B3; }
a:hover { color: #E85B2D; }
a:visited { color: #568781; }

input, textarea{ font-size: 12px; }
acronym, abbr{ border-bottom-width: 0; }

img { border:none; }
.visible{ display: none; }
.clear{ clear: both; }

/*-----------------------*/
/* 外枠 */

#main{
	position: relative;
	width: 830px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

h1{
	position: absolute;
	top: 14px;
	left: 10px;
}


/*-----------------------*/
/* ヘッダ */

#header{
	position: relative;
	top: 0;
	height: 95px;
	border-top: solid 5px #660000;
	background-image: url(../img/netcreates.png);
	background-repeat: no-repeat;
	background-position: right 13px;
}

#header h2{ display: none; }

#header ul{ list-style-type: none; }

#header a{ display: block; }

#header p.signature{ display: none; }

#head_home{
	right: 450px;
	top: 41px;
	position: absolute;
	width: 52px;
	height: 15px;
	background-image: url(../img/home.png);
	background-repeat: no-repeat;
	text-indent: -9999px; 
}
#head_home a{
	width: 52px;
	height: 15px;
}

#head_sitemap{
	right: 330px;
	top: 40px;
	position: absolute;
	width: 90px;
	height: 15px;
	background-image: url(../img/sitemap.png);
	background-repeat: no-repeat;
	text-indent: -9999px; 
}
#head_sitemap a{
	width: 90px;
	height: 15px;
}

#head_ipv6{
	right: 203px;
	top: 37px;
	position: absolute;
	width: 115px;
	height: 20px;
	background-image: url(http://www.netcreates.jp/ipv6/);
	background-repeat: no-repeat;
	text-indent: -9999px; 
}
#head_ipv6 a{
	width: 115px;
	height: 20px;
}

#head_font{
	position: absolute;
	right: 0;
	top: 37px;
	float: left;
	width: 191px;
	height: 20px;
	background-image: url(../img/font_small.png);
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: -9999px;
}

#head_font ul{
	position: absolute;
	width: 63px;
	top: 1px;
	right: 1px;
	list-style-type: none;
}

#head_font li{
	position: relative;
	width: 21px;
	height: 18px;
	float: left;
}

#head_font a{
	width: 20px;
	height: 18px;
}

/*-----------------------*/
/* メニュー */

#menu{
	position: absolute;
	top: 65px;
	width: 830px;
	height: 30px;
	clear: both;
}

#menu li{
	float: left;
	height: 30px;
	text-indent: -9999px;
}#menu a{
	display: block;
	background-repeat: no-repeat;
	height: 30px;
}

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

#menu_contents{
	width: 145px;
}#menu_contents a{
	background-image: url(../img/menu_contents.png);
	background-position: top;
	width: 145px;
	background-repeat: no-repeat;
}#menu_contents a:hover{ background-position: 0 -30px; }
#menu_contents_visit{
	width: 145px;
}#menu_contents_visit a{
	background-image: url(../img/menu_contents.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 145px;
	
}

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

#menu_system{
	width: 139px;
}#menu_system a{
	background-image: url(../img/menu_system.png);
	width: 139px;
}#menu_system a:hover{ background-position: 0 -30px; }
#menu_system_visit{
	width: 139px;
}#menu_system_visit a{
	background-image: url(../img/menu_system.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 139px;
}

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

#menu_network{
	width: 162px;
}#menu_network a{
	background-image: url(../img/menu_network.png);
	width: 162px;
}#menu_network a:hover{ background-position: 0 -30px; }
#menu_network_visit{
	width: 162px;
}#menu_network_visit a{
	background-image: url(../img/menu_network.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 162px;
}

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

#menu_service{
	width: 74px;
}#menu_service a{
	background-image: url(../img/menu_service.png);
	width: 74px;
}#menu_service a:hover{ background-position: 0 -30px; }
#menu_service_visit{
	width: 74px;
}#menu_service_visit a{
	background-image: url(../img/menu_service.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 74px;
}

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

#menu_lab{
	width: 77px;
}#menu_lab a{
	background-image: url(../img/menu_lab.png);
	width: 77px;
}#menu_lab a:hover{ background-position: 0 -30px; }
#menu_lab_visit{
	width: 77px;
}#menu_lab_visit a{
	background-image: url(../img/menu_lab.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 77px;
}

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

#menu_cases{
	width: 76px;
}#menu_cases a{
	background-image: url(../img/menu_cases.png);
	width: 76px;
}#menu_cases a:hover{ background-position: 0 -30px; }
#menu_cases_visit{
	width: 76px;
}#menu_cases_visit a{
	background-image: url(../img/menu_cases.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 76px;
}

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

#menu_company{
	width: 74px;
}#menu_company a{
	background-image: url(../img/menu_company.png);
	width: 74px;
}#menu_company a:hover{ background-position: 0 -30px; }
#menu_company_visit{
	width: 74px;
}#menu_company_visit a{
	background-image: url(../img/menu_company.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 74px;
}

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

#menu_contact{
	width: 83px;
}#menu_contact a{
	background-image: url(../img/menu_contact.png);
	width: 83px;
}#menu_contact a:hover{ background-position: 0 -30px; }
#menu_contact_visit{
	width: 83px;
}#menu_contact_visit a{
	background-image: url(../img/menu_contact.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 83px;
}


/*-----------------------*/
/* コンテンツ */

#contents{
	position: relative;
	width: 830px;
}

/*-----------------------*/
/* フッタ */

#footer{
	position: relative; 
	padding: 15px 0 20px 0;
	clear: both;
	background-image: url(../img/hr.png);
	background-repeat: repeat-x;
	background-position: top;
}

#footer a{
	margin: 0 10px;
}

#footer p{
	text-align: right;
	margin-bottom: 5px;
	padding-left: 15px;
}

#footer address{
	color: #FFFFFF;
	background-color: #660000;
	padding: 3px 0;
	margin-top: 10px;
	text-align: center;
	font-style: normal;
}