body {
	margin: 0;
	background-color: #efefef;
}


/* -------------------------------- 
	Links
-------------------------------- */

a{color: #0099FF; text-decoration: none;}
a:hover{color: #666; text-decoration: underline;}
a:focus{background-color: #ccc;}
img a { border: 0;
}

/* -------------------------------- 
	Navigation
-------------------------------- */
ol, ul { list-style: none; }
	div#navigation {background-color: #333;}
		
		div#navigation div#menu {height: 56px; overflow: hidden;}
		
		div#navigation div#menu ol {float: left;}
		div#navigation div#menu ol li{border-left: 1px solid #666;float: left;}
		div#navigation div#menu ol li#menulast{border-right: 1px solid #666;}
			div#navigation div#menu ol li a {display: block; height: 56px; padding-left: 31px; width: 129px;}
					
				/* Vertical centring with line-height:0 and marging-top */
				div#navigation div#menu ol li a small{display: block; line-height:0; margin-top: -7px;}
				
		div#navigation div#menu div#feed{display: inline; float: right;}
			div#navigation div#menu div#feed a:hover{background-position: 0 -56px;}
				div#navigation div#menu div#feed a span{display:none;}

/* -------------------------------- 
	Navigation
-------------------------------- */

div#navigation ol{margin: 0;}

	/* Vertical centring with line-height */
	div#navigation ol li a{color: #fff; font-weight: bold; letter-spacing: .05em; line-height: 45px; text-decoration: none;}
	div#navigation ol li a:focus{background: 0;}
	div#navigation ol li a:hover.active{color: #fff;}
		div#navigation ol li a small{color: #666; font-size: .85em; font-weight: normal; letter-spacing: 0;}
		div#navigation ol li a:hover small{color: #fff;}
		div#navigation ol li a.active small{color: #ccc;}
		div#navigation ol li a:hover.active small{color: #ccc;}


div#hdr {
	width: 800px;
	height: 125px;
}

	div#hdr h1 {
		display: inline;
		margin: 0;
		padding: 0;
	}

	div#hdr h1 a {
		float: left;
		display: block;
		width: 400px;
		height: 125px;
		margin: 0 0 0 30px;
		background: url(h1.gif) no-repeat;
		text-indent: -9999px;
		/*\*/
		   overflow: hidden;
		/**/
		text-align: left;
	}

	div#hdr ul {
		float: right;
		display: inline;
		margin: 0 30px 0 0;
		padding: 0;
	}

		div#hdr li {
			display: inline;
			margin: 0;
			padding: 0;
		}

		div#hdr li a {
			float: left;
			display: block;
			width: 50px;
			height: 70px;
			margin: 25px 10px;
			background: url(menu.png) no-repeat;
			text-indent: -9999px;
			/*\*/
			   overflow: hidden;
			/**/
			text-align: left;
		}

		div#hdr li a.home {
			background-position: 0 0;
		}
		div#hdr li a.news {
			background-position: -50px 0;
		}
		div#hdr li a.blog {
			background-position: -100px 0;
		}
		div#hdr li a.what {
			background-position: -150px 0;
		}
		div#hdr li a.web {
			background-position: -200px 0;
		}
		div#hdr li a.bml {
			background-position: -250px 0;
		}
		div#hdr li a.accs {
			background-position: -300px 0;
		}
		div#hdr li a.ipn3g {
			background-position: -350px 0;
		}

		div#hdr li a.home:hover, div#hdr li a.homeon {
			background-position: 0 -75px;
		}
		div#hdr li a.news:hover, div#hdr li a.newson {
			background-position: -50px -75px;
		}
		div#hdr li a.blog:hover, div#hdr li a.blogon {
			background-position: -100px -75px;
		}
		div#hdr li a.what:hover, div#hdr li a.whaton {
			background-position: -150px -75px;
		}
		div#hdr li a.web:hover, div#hdr li a.webon {
			background-position: -200px -75px;
		}
		div#hdr li a.bml:hover, div#hdr li a.bmlon {
			background-position: -250px -75px;
		}
		div#hdr li a.accs:hover, div#hdr li a.accson {
			background-position: -300px -75px;
		}
		div#hdr li a.ipn3g:hover, div#hdr li a.ipn3gon {
			background-position: -350px -75px;
		}





div.wrap {
	width: 700px;
	padding: 0 30px 30px 40px;
	text-align: left;
	}
.fly {
	float: right;
	margin: 0 0 20px 20px;
	}
.clear {
	clear: both;
	}

h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
h3 {
		padding: 30px 0 5px 0;
		margin: 0 0 20px 0;
		font-size: 20px;
		color: #616161;
	}
h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 15px;
	}
.pow {
	font-size: 10px;
	}
	div#title {
		height: 50px;
		background: url(title.gif) repeat-x center center;
	}

		div#title a {
			float: left;
			display: block;
			height: 35px;
			padding: 15px 5px 0 20px;
			background: url(title2.gif) no-repeat left center;

			font-size: 80%;
			text-decoration: none;
			color: #fff;
		}

		div#title h2 {
			float: left;
			display: block;
			height: 35px;
			padding: 15px 5px 0 20px;
			margin: 0;
			background: url(h2.gif) no-repeat left center;

			font-size: 80%;
			color: #fff;
		}

		* html div#title a, * html div#title h2 {
			height: 50px;
		}



	p {
		margin: 0 10px 10px 0;
		font-size: 80%;
	}

		p.l {
			text-align: left;
		}
		p.r {
			text-align: right;
		}

	ul, ol {
		margin-right: 10px;
		font-size: 80%;
	}

.standard-list {
	padding: 0;
	margin: 0 0 0 20px;
	}
.standard-list li {
	padding: 0 0 5px 0;
	list-style: circle;
	}


div.ftr {
	clear: both;
	height: 110px;
	padding: 10px 0 0 40px;
	background: #333;
	color: #fff;
	line-height: 200%;
	font-size: 80%;
}



.list-title-long {
	display: block;
	margin: 5px 0 20px 0;
	}
#photo-news {
	width: 800px;
	padding: 0;
	margin: 0;
	}
#photo-news li {
	float: left;
	margin: 0 20px 0 0;
	}
.jikken {
	width: 0;
	height: 0;
	}

cite {
	display: block;
	font-size: 80%;
	}