@charset "utf-8";


/*-------------------------
	Common Layout
-------------------------*/
@import "common.css";


/*-------------------------
	Wrapper Layout
-------------------------*/
#wrapper {
		background-image: url( ../image/back/confused.jpg );
}


/*-------------------------
	Content Layout
-------------------------*/
#content {
		width: 350px;
		margin: 0px 220px 0px 0px;
}

#content h4 {
		padding: 8px 0px 8px 6px;
		border-top: solid 1px #000;
		border-left: solid 10px #000;
		font-size: 13px;
		color: #000;
}


/*-------------------------
	Balloon List Layout
-------------------------*/
#content ul {
		padding: 5px 0px 15px 55px;
		zoom: 1;
}
#content ul:before,
#content ul:after {
		display: table;
		content: "";
}
#content ul:after {
		clear: both;
}

#content li {
		margin: 0px 0px 8px 8px;
		display: table;
		float: left;
}
body.v6 #content li {
		display: inline;
}

#content li a {
		width: 137px;
		height: 88px;
		background: url( ../image/back/balloon.gif ) no-repeat center center;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		line-height: 150%;
		color: #666;
		display: table-cell;
}
body.v6 #content li a,
body.v7 #content li a {
		height: 58px;
		padding-top: 30px;
		display: block;
}

#content li a:hover {
		font-weight: bold;
		color: #333;
}