/* =============== ページの全体構成 =============== */
/* ページの設定 */
body{
	background-image: url();	/* 背景画像(使用しない) */
	background-color: #848400;	/* 背景色 */
	font-family: "HGS行書体", cursive, fantasy, serif; /* "HGS行書体" "梅Pゴシック";	/* フォント名 */
}

/* リンクの設定 */
a:link{
	text-decoration: none;		/* 文字の装飾 */
	color: #0000FF;		/* 文字の色 */
}

/* 訪問済みのリンクの設定 */
a:visited{
	text-decoration: none;		/* 文字の装飾 */
	color: #551A8B;		/* 文字の色 */
}

/* マウスを当てた時のリンクの設定 */
a:hover{
	text-decoration: none;		/* 文字の装飾 */
	color: #cc3333;		/* 文字の色 */
}

/* クリックしてから離されるまでのリンクの設定 */
a:active{
	text-decoration: none;		/* 文字の装飾 */
	color: #330000;		/* 文字の色 */
}

/* =============== ページの内容構成 =============== */
/* ページのタイトル */
div.title{
	height: 150px;	/* 高さ */
	width: 700px;	/* 幅 */
	left: 50%;
	background-image: url(title.png);	/* タイトル画像 */
	background-position: center;	/* 画像の位置 */
	text-align: center;	/* 中央揃え */
	vertical-align: middle;	/* 中央揃え */
	margin-left: auto;		/* 左の余白を自動調整(中央揃え1) */
	margin-right: auto;	/* 右の余白を自動調整(中央揃え2) */
	margin-top: 40px;		/* 上の余白 */
	margin-bottom: 30px;	/* 下の余白 */
}

/* 中央の全体構成 */
div.main{
	height: 500px;	/* 高さ */
	width: 700px;	/* 幅 */
	margin-left: auto;		/* 左の余白を自動調整(中央揃え1) */
	margin-right: auto;	/* 右の余白を自動調整(中央揃え2) */
}

/* メニューはこのクラス内に書く */
div.main-menu{
	height: 470px;	/* メニューの高さ(main-content と統一)(padding なしの値: 500px) */
	width: 126px;	/* メニューの幅(padding なしの値: 126px) */
	background-image: url(menu.gif);	/* 背景画像 */
	float: left;	/* 左に回り込み */
	text-align: center;	/* 中央揃え */
	vertical-align: top;	/* 上寄せ */
	padding-top: 15px;		/* 枠から文字までの距離(上)(padding 分を height から差し引く必要あり) */
	padding-bottom: 15px;	/* 枠から文字までの距離(下)(padding 分を height から差し引く必要あり) */
	overflow: auto;		/* スクロール */
}

/* ページの内容構成 */
/* 内容はこのクラス内に書く */
/* index.html */
div.main-content_index{
	height: 460px;	/* 内容の高さ(main-menu と統一)(padding なしの値: 500px) */
	width: 534px;	/* 内容の幅(padding なしの値: 574px) */
	background-color: #FFFFFF;
	background-image: url(background.gif);	/* 背景画像 */
	background-position: bottom right;	/* 背景画像の位置 */
	background-repeat: no-repeat;			/* 背景画像の繰り返し(繰り返さない) */
	float: left;	/* 左に回り込み */
	vertical-align: top;	/* 上寄せ */
	padding: 20px;	/* 枠から文字までの距離(padding 分を height, width から差し引く必要あり; 上下 左右) */
	overflow: auto;		/* スクロール */
}

/* introduction */
div.main-content_introduction{
	height: 460px;	/* 内容の高さ(main-menu と統一)(padding なしの値: 500px) */
	width: 534px;	/* 内容の幅(padding なしの値: 574px) */
	background-color: #FFFFFF;
	background-image: url(background2.gif);	/* 背景画像 */
	background-position: bottom right;	/* 背景画像の位置 */
	background-repeat: no-repeat;			/* 背景画像の繰り返し(繰り返さない) */
	float: left;	/* 左に回り込み */
	vertical-align: top;	/* 上寄せ */
	padding: 20px;	/* 枠から文字までの距離(padding 分を height, width から差し引く必要あり; 上下 左右) */
	overflow: auto;		/* スクロール */
}

/* activity.html */
div.main-content_activity{
	height: 460px;	/* 内容の高さ(main-menu と統一)(padding なしの値: 500px) */
	width: 534px;	/* 内容の幅(padding なしの値: 574px) */
	background-color: #FFFFFF;
	background-image: url(background5.gif);	/* 背景画像 */
	background-position: bottom right;	/* 背景画像の位置 */
	background-repeat: no-repeat;			/* 背景画像の繰り返し(繰り返さない) */
	float: left;	/* 左に回り込み */
	vertical-align: top;	/* 上寄せ */
	padding: 20px;	/* 枠から文字までの距離(padding 分を height, width から差し引く必要あり; 上下 左右) */
	overflow: auto;		/* スクロール */
}

/* event.html */
div.main-content_event{
	height: 460px;	/* 内容の高さ(main-menu と統一)(padding なしの値: 500px) */
	width: 534px;	/* 内容の幅(padding なしの値: 574px) */
	background-color: #FFFFFF;
	background-image: url(background3.gif);	/* 背景画像 */
	background-position: top right;	/* 背景画像の位置 */
	background-repeat: no-repeat;			/* 背景画像の繰り返し(繰り返さない) */
	float: left;	/* 左に回り込み */
	vertical-align: top;	/* 上寄せ */
	padding: 20px;	/* 枠から文字までの距離(padding 分を height, width から差し引く必要あり; 上下 左右) */
	overflow: auto;		/* スクロール */
}

/* link.html */
div.main-content_link{
	height: 460px;	/* 内容の高さ(main-menu と統一)(padding なしの値: 500px) */
	width: 534px;	/* 内容の幅(padding なしの値: 574px) */
	background-color: #FFFFFF;
	background-image: url(background4.gif);	/* 背景画像 */
	background-position: bottom right;	/* 背景画像の位置 */
	background-repeat: no-repeat;			/* 背景画像の繰り返し(繰り返さない) */
	float: left;	/* 左に回り込み */
	vertical-align: top;	/* 上寄せ */
	padding: 20px;	/* 枠から文字までの距離(padding 分を height, width から差し引く必要あり; 上下 左右) */
	overflow: auto;		/* スクロール */
}

/* mail.html */
div.main-content_mail{
	height: 460px;	/* 内容の高さ(main-menu と統一)(padding なしの値: 500px) */
	width: 534px;	/* 内容の幅(padding なしの値: 574px) */
	background-color: #FFFFFF;
	background-image: url(background7.gif);	/* 背景画像 */
	background-position: bottom right;	/* 背景画像の位置 */
	background-repeat: no-repeat;			/* 背景画像の繰り返し(繰り返さない) */
	float: left;	/* 左に回り込み */
	vertical-align: top;	/* 上寄せ */
	padding: 20px;	/* 枠から文字までの距離(padding 分を height, width から差し引く必要あり; 上下 左右) */
	overflow: auto;		/* スクロール */
}

/* --------------- 署名 --------------- */
div.signature{
	height: 10px;	/* 高さ */
	width: 700px;	/* 幅 */
	clear: left;	/* 回り込み解除 */
	text-align: center;	/* 中央揃え */
	vertical-align: middle;	/* 中央揃え */
	margin-left: auto;		/* 左の余白を自動調整(中央揃え1) */
	margin-right: auto;	/* 右の余白を自動調整(中央揃え2) */
	margin-top: 10px;		/* 上の余白 */
	font-family: "HGS行書体";	/* フォント名 */
	font-size: 12px;			/* フォントサイズ */
	color: #ffffff;				/* フォントの色 */
}

/* =============== 段落・文字の設定 =============== */
/* --------------- メニュー --------------- */
/* メニューで表示する現在のページ */
.menu_this_page{
	font-size: 24px;			/* フォントサイズ */
	color: #cc0033;				/* フォントの色 */
}

/* メニューで表示するその他のページ */
.menu_other_page{
	font-size: 24px;			/* フォントサイズ */
}

/* スペーサー */
.space{
	margin: 30px 0px;		/* 上下 左右の余白 */
}

/* スペーサー2 */
.space2{
	margin: 50px 0px;		/* 上下 左右の余白 */
}

/* 更新日時 */
.menu_modified_date{
	font-size: 12px;			/* フォントサイズ */
}

/* --------------- 内容共通 --------------- */
/* ページトップの見出し */
h1{
	font-size: 24px;	/* フォントサイズ */
	padding: 10px;		/* 余白 */
}

/* 本文 */
p.text{
	font-size: 16px;	/* フォントサイズ */
}

/* 注目 */
.text_lookme{
	font-weight: bold;		/* フォントの太さ */
	color: #FF0000;			/* フォントの色 */
	text-decoration: blink;	/* フォントの装飾(点滅) */
}

/* ただし書き */
.text_caution{
	font-size: 12px;			/* フォントサイズ */
	text-align: center;		/* 中央揃え */
}

/* 太字 */
.text_bold{
	font-weight: bold;		/* フォントの太さ */
}

/* 枠で囲む(注目) */
.border_lookme{
	font-size: 16px;	/* フォントサイズ */
	border: dashed 3px #FF0000;	/* 枠線 */
	padding: 10px;		/* 枠から文字までの距離 */
}

/* 枠で囲む(イベント) */
div.event_content{
	width: 90%;	/* 幅 */
	max-width: 90%;	/* 最大の幅 */
	min-width: 90%;	/* 最小の幅 */
	height: 30%;	/* 高さ */
	max-height: 43%;	/* 最大の高さ */
	min-height: 43%;	/* 最小の高さ */
	
	margin: 10px, 0px;	/* 余白(上下,左右) */
	padding: 10px;		/* 枠から文字までの距離 */
	
	border-style: double;	/* 枠の種類 */
	border-color: black;	/* 枠の色 */
	
	font-size: 16px;	/* フォントサイズ */
	margin-left: 10px;	/* 余白 */
	padding: 10px;		/* 枠から文字までの距離 */
	
	overflow: auto;		/* スクロール */
}

/* 枠で囲む(イベントタイトル) */
div.event_title{
	width: 50%;
	max-width: 50%;
	min-width: 50%;
	font-size: 16px;		/* フォントサイズ */
	font-weight: bold;		/* フォントの太さ */
	color: #FF0000;			/* フォントの色 */
	border-top: solid 3px #FF0000;		/* 上の線 */
	border-bottom: solid 3px #FF0000;	/* 下の線 */
	
	margin-left: 5px;		/* 余白(左) */
	margin-bottom: 5px;	/* 余白(下) */
	padding: 5px;			/* 枠から文字までの距離 */
}

/* --------------- whatnew.html ---------------*/
/* 枠で囲む(イベント) */
div.whatnew_content{
	width: 90%;	/* 幅 */
	max-width: 90%;	/* 最大の幅 */
	min-width: 90%;	/* 最小の幅 */
	height: 30%;	/* 高さ */
	max-height: 70%;	/* 最大の高さ */
	min-height: 70%;	/* 最小の高さ */
	
	margin: 10px, 0px;	/* 余白(上下,左右) */
	padding: 10px;		/* 枠から文字までの距離 */
	
	border-style: double;	/* 枠の種類 */
	border-color: black;	/* 枠の色 */
	
	font-size: 16px;	/* フォントサイズ */
	margin-left: 10px;	/* 余白 */
	padding: 10px;		/* 枠から文字までの距離 */
	
	overflow: auto;		/* スクロール */
}
/* --------------- mail.html ---------------*/
/* mail.html の兎アイコンの上 */
.mail_to{
	font-size: 18px;		/* フォントサイズ */
	font-weight: bold;		/* フォントの太さ */
	text-align: center;	/* 中央揃え */
}