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

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

/*-----------------------
container
------------------------*/
#container{
  width: 100%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  max-width: 960px; /* 追加：幅は最大で800pxまで広がるようにする */
  min-width: 300px; /* 追加：幅は最小で300pxまで狭まるようにする */
  margin: 0 auto;
}

/*-----------------------
main_content
------------------------*/
#main_content{
width:580px;
font-size:16px;
float:right;
margin-top:200px;
margin-right:10px;
background-color:rgba(255,255,255,0.5);
line-height:20px;
	padding:10px;
}
	

/*-----------------------
footer
------------------------*/
/*
#footer{
	width:100%;
	text-align:right;
	color:#666;
	font-size:14px;
	clear:both;
	position:absolute;  絶対位置指定することを定義 
	bottom:0px;         絶対位置指定(左0px,下0px) 
	padding:30px 0;     上下に余白を取る 
}
*/

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