@charset "UTF-8";

/*
 * omni
 */
div.omni {
	min-width:850px;
	}

/*
 * layout
 */
div#contents {
	float:left;
	width:50%;
	overflow:hidden;
	}
nav#guide {
	float:right;
	margin:0 -3px 0 0;
	width:50%;
	color:#373737;
	}

/*
 * about
 */
#about table {
	border-collapse:separate;
	border-spacing:0 5px;
	width:100%;
	font-size:90%;
	}
#about table th:before {
	padding:0 5px 0 0;
	content:"\3E";
	color:#777777;
	font-size:80%;
	font-family:sans-serif;
	font-weight:bold;
	}
#about table td {
	text-align:right;
	color:#777777;
	}

/*
 * picture
 */
#picture {
	margin:auto;
	position:relative;
	border:#F0F0F0 1px solid;
	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	padding:3px;
	width:330px;
	height:140px;
	overflow:hidden;
	}
#picture img {
	position:absolute;
	top:3px;
	left:3px;
	opacity:0.8;
	filter:alpha(opacity=80);
	}

/*
 * contact
 */
#contact {
	}

/*
 * utility
 */
#utility {
	}
#utility ul {
	margin:12px 0;
	list-style:none;
	font-size:90%;
	}
#utility ul li {
	float:left;
	margin:0;
	padding:5px 5px 5px 0;
	}
#utility ul li a {
	border:#FAFAFA 1px solid;
	border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	background:#FAFAFA;
	padding:3px;
	vertical-align:middle;
	white-space:nowrap;
	}
	a.feed:before {
		content:url("/img/icon-feed.png");
		}
	a.web:before {
		content:url("/img/icon-star.png");
		}
#utility ul li a:hover {
	background:#F5F5F5;
	text-decoration:none;
	}