@charset "utf-8";
/* CSS Document */
body {
	background-image: url(yumbg.jpg);
}
p {
	color: #bbbbbb;
}
.title {
	font-size: 25px;
	color: #ff0;
	height: 360px;
}
.tit {
	background-color: #0065a6;
	font-size: 25px;
	color: #ff0;
}
#content {
	position: relative;
	left: 27%;
	font: "Lucida Console", Monaco, monospace;
}
#comment {
	color: #730;
}
#yum {
}
div div {
	margin-left: 19%;
}
.box {
	width: 85%;
	background-color: #2FF;
	border: #f20 thin groove;
	padding: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
	text-align: left;
}
.boxx {
	width: 15%;
	background-color: #2FF;
	border: #03F thin groove;
	padding: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
	text-align: left;
}
.grey {
	position: relative;
	left: 44%;
	background-color: #aaa;
	width: 12%;
}
.in {
	display: inline-block;
	border: 3px solid #ff0000;
}
.textbox {
	font-size: 130%;
}
.c {
	text-align: center;
	width: 100%;
}
.cc {
	text-align: center;
	width: 40%;
	cursor: pointer;
}
.ex {
	position:relative;
	left:-30%;
	width:30%;
	font-size: 200%;
	border: 3px solid #000000;
}
.exk {
	position:relative;
	left:0%;
	width:40%;
	font-size: 60%;
	border: 3px solid #000000;
}
.example {
	cursor: pointer;
	background-color: #aaaaaa;
	width: 70%;
	margin-left: 15%;
}
.nav {
	position: fixed;
	bottom: 4%;
	right: 10px;
	text-align: center;
	font-size: 70%;
	width: 93%;
	z-index: 100;
}
.white {
	color: #fff;
}
.table {
	display: table;
	background-color: #ccc;
}
.table div {
	display: table-row;
}
.table div div {
	display: table-cell;
	border: #00f thick groove;
}
.flm {
	width: 150px;
	height: 150px;
}
.lin {
	display:inline-block;
	border: 1px solid #FFFFFF;
	padding: 8px;
	height: 45px;
	background-image: url(../images/transb.png);
	background-size:cover; 
}
