@charset "utf-8";

body {
	font: 100%/1.4	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#69C;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 16px;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol{ 
	padding: 0;
	margin: 0;
}
p{
	margin-top: 0;	 
	padding-right: 10px;
	padding-left: 10px; 
}


td, th {
	color: #99CCCC;
}

a {
	color: #ff9966;
	text-decoration: none; 
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #ff9966;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #ff9966;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */

.clear{ clear: both;}



/*********************************************/
.container {
	width: 700px;
	background:#FFC;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
    height: auto; 
}

.main{
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 15px 0px 0px 0px;
  text-align: left;
  background-color: #FFC;
}

.page{
  margin: 0px 20px 20px 20px;
  padding: 10px 10px 10px 10px;
  background-color:white;
  text-align: left;
  color: #000000;
/*  border-color:#666666;
  border-width:1px 1px 1px 1px;
  border-style:solid;*/
  text-align:center;
}

.go_to_pt{
		text-align: center;
		font-weight: bold;
}

.foot{
  height:70px;
  text-align: center;
  bottom: 0;
}