#page {
	margin: 0 auto;

	text-align: center;
	background: white;
	color: black;
	width: 700px;
}

#layout {
	width: 700px;
}

#invisible {
	top: -100px;
	position: fixed;
}

#top-frame {
	width: 700px;
}

#left-frame {
	width: 458px;
	float: left;
	text-align: left;
	border-right: 1px dotted #cccccc;
	color: #2a2a2a;
	font: 12px/1.5em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background: #FFFFFF center repeat-y;
	padding-right: 20px;
	border-collapse: collapse;
	margin-top: 10px;

}

#right-frame {
	width: 218px;
	float: right;
	background: #FFFFFF center repeat-y;
	margin-top: 10px;

}

#lead {
	text-align: left;
	color: #1b6cc7;
	font: bolder 13px/16px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	position: relative;
	display: block;
}

#midashi {
	width: 456px;
	padding: 0;
	text-indent: -23px;
}

.name-moto {
	font-weight: bolder;
	color: #6a5acd;
	line-height: 0;
}

.name-tanaka {
	font-weight: bolder;
	color: #58a7fb;
	line-height: 0;
}

.name-maeda {
	font-weight: bolder;
	color: #5f9ea0;
	line-height: 0;
}

.name-kunisaki {
	font-weight: bolder;
	line-height: 0;
	color: #ff8c00;
}

#photo {
	margin-top: 7px;
	position: static;
	float: right;
	margin-bottom: 15px;
	font-size: 10px;
	text-align: left;
	color: #0064a8;
	font-weight: bolder;
	line-height: 14px;
	margin: 1px;
	margin-left: 15px;
	width: 184px;
	border: thin solid #ffffff;
	display: inline;
}

#photo_big {
	margin-top: 3px;
	position: relative;
	float: right;
	margin-bottom: 15px;
	font-size: 10px;
	text-align: right;
	color: #0064a8;
	font-weight: bolder;
	line-height: 14px;
	border-width: thin;
	display: block;
	margin: 1px;
	margin-left: 15px;
	width: 263px;
}

#staff {
	font: 10px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-align: right;
	margin-top: 6px;
	color: #666666;
	width: 700px;
	margin-bottom: 10px;
}

#nextpage {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	font: 10px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#backpage {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	font: 10px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#album {
	text-align: left;
	float: left;
	margin: 5px 5px 3px;
}

#footer {
//	position: relative; z-index: 1;
	margin: 0 auto;
	width: 700;
	background: #ffffff;
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 9px/14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #666666;
	border-top-style: solid;
	border-top-color: #cccccc;
}

#footer a {
	color : #333333;
	text-decoration : underline;
}

/*<group=Column>*/

#column {
	background: #E7E9E0;
	padding: 10px;
	margin-left: 20px;
	text-align: left;
	font: 11px/16px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.midashi {
	color: #1e6393;
	font-weight: bolder;
}
	
/*</group>*/

/*<group=#engineer>*/

#engineer {
	font: 10px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin-left: 20px;
	text-align: left;
	border: thin solid #ddded5;
}

.top {
	color: #1e6393;
	font-weight: bolder;
	background: #ddded6;
	padding: 8px;
	text-align: center;
	font-weight: bolder;
}

.year {
	background: #e3e9ef;
	padding: 5px 8px;
}

.album {
	border-bottom: thin dotted #e2e9ef;
	padding: 5px 8px;
}
	
/*</group>*/

#information {
	padding: 10px;
	background: #f0eed2;
	margin-left: 20px;
	font: 10px/15px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-align: left;
}

#information .right {
	list-style: square outside;
	text-indent: -5px;
	line-height: 13px;
	padding-bottom: 10px;
	position: relative;
	float: right;
	left: -20px;
}

#information .left {
	list-style: square outside;
	text-indent: -8px;
	line-height: 13px;
	padding-bottom: 10px;
	position: static;
	float: left;
}

#information li {
	list-style: square inherit none inherit;
	position: relative;
	left: -15px;
	text-indent: 0;
	font: 10px/16px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#information .left2 {
	line-height: 13px;
	padding-bottom: 10px;
	position: static;
	float: left;
	width: 200px;
}

#information .right2 {
	line-height: 13px;
	padding-bottom: 10px;
	position: relative;
	float: right;
	width: 200px;
}

#information .midashi {
	color: #005289;
	font-weight: bolder;
	font-size: 10px;
}

#MainNavBox {
	margin: 0;
	padding: 0;
	height: 113px;
	width: 700px;
	background: #FFFFFF;
}

#MainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
//
	float : left;
}
#MainNav a  {
	text-indent: -2000px;
	text-decoration: none;
}

#MainNav li, #MainNav a{
	height: 25px;
	display: block;
	top: 10px;
	position: static;
	margin: 0;
}


/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#mainnav_1 {left: 0px; width: 250px;}
#mainnav_2 {left: 0px; width: 480px;}
#mainnav_3 {left: 0px; width: 420px;}
#mainnav_4 {left: 0px; width: 380px;}

#mainnav_1 a:hover, #mainnav_1 a:visited:hover { background: url(images/top_articles.gif) 0px 0px  no-repeat;}
#mainnav_2 a:hover, #mainnav_2 a:visited:hover { background: url(images/top_articles.gif) 0px -139px  no-repeat;}
#mainnav_3 a:hover, #mainnav_3 a:visited:hover { background: url(images/top_articles.gif) 0px -278px  no-repeat;}
#mainnav_4 a:hover, #mainnav_4 a:visited:hover { background: url(images/top_articles.gif) 0px -417px  no-repeat;}