/* ------------------
 basic and common
------------------- */
* {
	margin:0;
	padding:0;
}

img {
	border:0 none;
}

body {
	text-align:center;
	background:#E6E6E6;
}

body ,
td ,
th ,
caption {
	font-size:90%;
}

p {
	line-height:1.35;
}

/* --- text --- */

strong {
	font-weight:bold;
	color:#C00;
}

em {
	font-style:normal;
	font-weight:bold;
}

/* --- anchor --- */

a:link {

}

a:visited {
	color:#000099;
}

a:hover {
	color:#FF3300;
}

a[name]:hover {
	color:#000;
}

a:active {

}

/* --- modules --- */

.clear {
	clear:both;
}

.hidden {
	display:block;
	position:absolute;
	top:-999px;
	left:-999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.v-top {
	vertical-align:top;
}

.v-middle {
	vertical-align:middle;
}

.v-base {
	vertical-align:baseline;
}

.v-bottom {
	vertical-align:bottom;
}

img.f-left {
	float:left;
	margin:0 5px 2px 0;
}

img.f-right {
	float:right;
	margin:0 0 5px 2px;
}

p.f-right {
	float:right;
	margin:0 0 5px 2px;
}

/* --- container --- */

#container {
	width:720px;
	margin:0 auto;
	text-align:left;
	color:#000;
	background:#fff;
}

/* --- header --- */

#header {
	margin:0 10px 8px;
	width:700px;
}

#header td {
	padding:8px 0 0;
}

#header td.menu {
	text-align:right;
	vertical-align:bottom;
}

/* --- groval navigation level1--- */

#gnavi-lev1 {
	margin:8px 10px 0;
}

/* --- content area --- */

#content {
	margin:0 10px;

}

#column-set {
	border:1px solid #fff; /* IE6.0 bug fix */
}

#left-col {
	width:410px;
	float:left;
}

#right-col {
	width:270px;
	float:right;
}

table.kanren {
	clear:both;
}


/* --- footer --- */

#footer {
	clear:both;
	width:700px;
	margin:0 10px;
	padding:7px 0;
	background:url(../images/bg-foot.gif) repeat-x top;
}

#footer li {
	margin:0;
	padding:3px 8px;
	display:inline;
	font-size:80%;
	background:url(../images/bg03.gif) no-repeat right;
	float:left;
}

#footer p.copyright {
	padding:0;
	text-align:right;
	clear:both;
}

/* ------------------
 details
------------------- */

div.topimg {
	margin:10px 0 15px;
}

dl.menu01 {
	border:1px solid #ccc;
	padding:10px;
}

dl.menu01 dt {
	clear:both;
}

dl.menu01 dd {
	margin:4px 0 10px 105px;
	font-size:90%;
}

dl.menu01 img.t-img02 {
	float:left;
	margin:0 5px 5px 0;
}

dl.menu01 img.t-img03 {
	float:left;
	margin:0 5px 5px 0;
}


dl.menu01 img.t-img04 {
	float:left;
	margin:0 5px 0 0;
}

dl.menu01 a img {
	margin:0 5px 0 0;
	vertical-align:middle;
}

table.menu02 {
	width:408px;
	margin:10px 0 15px;
}

table.menu02 td {
	width:50%;
	border-left:1px solid #999;
}

table.menu02 dd {
	margin:5px 10px 0 10px;
	font-size:90%;
}

table.menu03 {
	margin:15px 0 5px;
/*	width:408px; */
	width:700px;
	border-top:1px dotted #999; 
}

table.menu03 th {
	width:160px;
	padding:15px 0;
	text-align:left;
}

table.menu03 td {
	padding:15px 0;
	font-size:81%;
}

table.menu03 img {
	margin:0 5px 0 0;
}


table.topics-title {
	width:270px;
	margin:0 0 10px;
	border-bottom:1px solid #999;
	font-size:90%;
}

table.topics-title a img {
	margin:0 8px 0 0;
	vertical-align:middle;
}

ul.topics {
	padding:0 0 10px;
	list-style-type:none;
	line-height:1.2;
/*	border-bottom:1px dotted #999; */
}

ul.topics li {
	margin:5px 0px 8px;
}

ul.topics span.date {
	font-weight:bold;
	font-size:90%;
}

ul.topics a {
	font-weight:normal;
}

table.mark {
	margin:20px 0px 20px 0px;
}

table.mark img {
	margin:0 5px;
}

table.mark td {
	font-size:81%;
}

table.kanren {
	width:700px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.kanren td {
	padding:5px 0;
}

table.kanren h2 img {
	margin:0 18px 0 5px;
}

table.kanren li {
	display:inline;
	list-style-type:none;
	margin:0 18px 0 0;
	vertical-align:middle;
	font-size:90%;
}

table.kanren a {
	white-space:nowrap;
}

table.kanren li img {
	margin:4px 5px 4px 0;
	vertical-align:middle;
}

div.zoom p.usage img {
	margin:0 5px 0 0;
	vertical-align:middle;
}