/* Navigation Bar */

ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}



p {
	padding: 5px 0;
	line-height: 1.7;
}

/* ナビゲーションバー (1)*/
#nav {
	position:static;
	width: 100%;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	background: url(../../img/bg_dot2.gif) repeat-x;
	background-position: bottom;
}
#nav li {
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	float: left;
}
#nav .home a {
	background: url(../../img/home_w.gif) no-repeat;
	display: block;
	width: 54px;
	height: 30px;
}
#nav .home a:hover {
	background: url(../../img/home_w.gif) no-repeat 0px -30px;
}
#nav .portfolio a {
	background: url(../../img/port_w.gif) no-repeat;
	display: block;
	width: 87px;
	height: 30px;
}
#nav .portfolio a:hover {
	background: url(../../img/port_w.gif) no-repeat 0px -30px;
}
#nav .blog a {
	background: url(../../img/blog_w.gif) no-repeat;
	display: block;
	width: 52px;
	height: 30px;
}
#nav .blog a:hover {
	background: url(../../img/blog_w.gif) no-repeat 0px -30px;
}
#nav .link a {
	background: url(../../img/link_w.gif) no-repeat;
	display: block;
	width: 52px;
	height: 30px;
}
#nav .link a:hover {
	background: url(../../img/link_w.gif) no-repeat 0px -30px;
}
#nav .contact a {
	background: url(../../img/contact_w.gif) no-repeat;
	display: block;
	width: 77px;
	height: 30px;
}
#nav .contact a:hover {
	background: url(../../img/contact_w.gif) no-repeat 0px -30px;
}
#nav .top a {
	background: url(../../img/triceratops_mini_w.gif) no-repeat;
	display: block;
	width: 60px;
	height: 30px;
}
#nav .top a:hover {
	background: url(../../img/triceratops_mini_w.gif) no-repeat 0px -30px;
}


/* ナビゲーションバー (2)*/
#nav2 {
	position:static;
	width: 700px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#nav2 li {
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	float: left;
}
#nav2 .home a {
	background: url(../../img/home_w.gif) no-repeat;
	display: block;
	width: 54px;
	height: 30px;
}
#nav2 .home a:hover {
	background: url(../../img/home_w.gif) no-repeat 0px -30px;
}
#nav2 .portfolio a {
	background: url(../../img/port_w.gif) no-repeat;
	display: block;
	width: 87px;
	height: 30px;
}
#nav2 .portfolio a:hover {
	background: url(../../img/port_w.gif) no-repeat 0px -30px;
}
#nav2 .blog a {
	background: url(../../img/blog_w.gif) no-repeat;
	display: block;
	width: 52px;
	height: 30px;
}
#nav2 .blog a:hover {
	background: url(../../img/blog_w.gif) no-repeat 0px -30px;
}
#nav2 .link a {
	background: url(../../img/link_w.gif) no-repeat;
	display: block;
	width: 52px;
	height: 30px;
}
#nav2 .link a:hover {
	background: url(../../img/link_w.gif) no-repeat 0px -30px;
}
#nav2 .contact a {
	background: url(../../img/contact_w.gif) no-repeat;
	display: block;
	width: 77px;
	height: 30px;
}
#nav2 .contact a:hover {
	background: url(../../img/contact_w.gif) no-repeat 0px -30px;
}
#nav2 .top a {
	background: url(../../img/triceratops_mini_w.gif) no-repeat;
	display: block;
	width: 60px;
	height: 30px;
}
#nav2 .top a:hover {
	background: url(../../img/triceratops_mini_w.gif) no-repeat 0px -30px;
}