@charset "UTF-8";

body {
	background-color: #66ccff;
	padding: 20px;
}

/* 見出しの設定 */ 
h1.title {
	width: 700px;
	margin-left: 20px;
	font-size: 28px;
	color: #ffffcc;
}

h2.infobar {
	background-color: #3366cc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 100%;
	
	font-size: 20px;
	
	color: #ffffff;
}

/* ルビを振る */
ruby.auto {
	ruby-align: auto;
}

/* メニューの設定 */
div.menu-index {
	width: 900px;
}

div.menu {
	border: 2px solid #3399cc;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 10px;
	
	float: left;
}

div.menu2 {
	float: left;
	width: 700px;
}

/* メニュー内のコンテンツの装飾 */
div.text {
	padding-left: 10px;
}

div.comment {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.copy-right {
	padding-top: 10px;
	padding-bottom: 10px;		
	text-align: right;
}

span.smallt {
	font-size: 18px;
}