#ours {
	margin : 0px 2px 0px 2px;
}

/* この relative で ie が不安定になり、
   .navi 以降が消える 絶対配置が ie6 で上手く行かないので、あきらめる
#contents {
	position: relative;
}
*/

#main {
	margin : 32px 5px;
	width : auto;
	clear : both;
}

#main h2 {
	font-size: 130%;
	margin : 0 16px 32px 16px;
	padding: 0;
	border : 0 solid #393;
	border-bottom-width : 2px;
}

.mainexp,
.mainimg {
	margin-bottom: 32px;
}

.mainexp p,
.mainexp table {
	margin : 0 6px 16px 16px;
	padding : 0;
}

.mainexp td {
	font-size: 92%;
	padding : 0;
	vertical-align : super;
}

.mainexp th {
	font-weight: normal;
	font-size: 100%;
	vertical-align: super;
	text-align: left;
	white-space: nowrap;
	padding: 0 24px 0 0;
}

.mainexp table {
	margin : 0 6px 16px 16px;
	padding : 0;
}

.mainimg img {
	margin: 0 auto;
}

.mainexp form {
	margin : 10px 16px;
	padding : 10px 0;
	border-top: 1px solid #333;
}

.mainexp form p {
	padding : 0;
	margin : 6px 0;
}

.mainexp form li a img{
	border : 1px solid Gray;
	padding : 0;
	margin : 5px 0;
}

.mainexp form li a:hover img{
	border-color: #FFCC66;
}

.mainexp h3 {
	clear : left;
	color : #363;
	font-size: 114%;
	margin: 2em 0 0 0;
	padding: 3px 6px;
	border-left : 1.5em solid #696;
}

.mainexp form ul li {
	margin : 5px 0 10px 0;
	width : 10em;
	list-style-type: none;
	float: left;
}

.mainexp form .inputtype {
	font-size: 92%;
	margin: 16px;
	padding: 8px;
	float: right;
	clear: both;
}

.mainexp form .inputtype input {
	margin: auto 0 auto 16px;
	vertical-align: middle;
}

/*
 .naviで ie 暴走、ここまでで、下部表示されず。
 form を div で囲う方が安全か？
 前のようにダミーのtabel tag か

 原因は position relative
 id=contents (position relative) から .naviを外したら、暴走しない
*/

.navi {
	margin: 32px 0 0 0;
	padding : 0 0 12px 0;
	width: 100%;
	clear: both;
}

.navi ul {
	margin : 12px 6px;
	padding : 0;
}

.navi li {
	font-size: 92%;
	line-height: 1;
	white-space: nowrap;
	padding: 4px 12px;
	display: inline;
	float: left; /* for ie */
}

.navi h2, .navi h3, .navi h4 {
	color: white;
	font-size : 92%;
	border : 0;
	margin : 0;
	padding : 6px;
	text-align : center;
	background-color : #393;
}

.navi a {
	background-color : transparent;
	padding: 3px 0;
	text-decoration : underline;
	color : Navy;
}

.navi li strong {
	padding: 0.25ex 0ex 0.25ex 0ex;
	color : #FFCC00;
	font-weight : normal;
}

.navi a:hover {
	text-decoration : none;
}

ul.godat {
	line-height: 1;
	background-color: #E3E3E3;
	border: 1px gray solid;
	margin: 3px;
	padding: 0;
	float: right;
}

ul.godat li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	vertical-align: middle;
	line-height: 1;
	font-size: 77%;
}

ul.godat li a {
	text-decoration: none;
	margin: 0;
	padding: 0 0.6em;
}

ul.godat li a:hover {
	background-color : transparent;
}

.mainexpsub {
	margin : 1em 0 0 2em;
	padding: 0;
	float : left;
}

.mainexpsub h2 {
	color: green;
	margin : 0 16px;
	padding: 0;
}

.mainexpsub p {
	margin-left: 16px;
}

.mainimgsub {
	float : left;
	margin : 0 0 0 16px;
}