@charset "utf-8";
/* CSS Document */

body{
	background:url(../photo/back_gallery.jpg) no-repeat;
/* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #CCCCCC;
}

/*-----------------------
container
------------------------*/
#container{
  width: 100%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  max-width: 960px; /* 追加：幅は最大で800pxまで広がるようにする */
  min-width: 700px; /* 追加：幅は最小で300pxまで狭まるようにする */
  margin: 0 auto;
}
/*-----------------------
main_content
------------------------*/
#main_content{
	width:510px;
	float:right;
	margin-right:20px;
	padding-bottom:20px;
}
.table_info{
text-align:center;
font-size:14px;
color:#FF6600;
}
td{
	width:220px;
	height:210px;
	text-align:center;
	font-size:14px;
	color:#FF6600;
}
/*-----------------------
footer
------------------------*/
#footer{
	width:100%;
	max-width: 960px; /* 追加：幅は最大で800pxまで広がるようにする */
	min-width: 300px; /* 追加：幅は最小で300pxまで狭まるようにする */
	text-align:right;
	color:#666;
	font-size:14px;
	clear:both;
	padding:30px 0;    /* 上下に余白を取る */
}