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

body{
	background:url(../photo/back_profile.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: 700px; /* 追加：幅は最小で300pxまで狭まるようにする */
  margin: 0 auto;
}
/*-----------------------
main_content
------------------------*/
#main_content{
width:600px;
font-size:14px;
line-height:20px;
float:right;
margin-top:350px;
margin-bottom:100px;
}
#sub_content{
width:550px;
font-size:14px;
line-height:20px;float:right;
margin-top:20px;
}
/*-----------------------
footer
------------------------*/
#footer{
	width:100%;
	height:100%;
	max-width: 960px; /* 追加：幅は最大で800pxまで広がるようにする */
	min-width: 700px; /* 追加：幅は最小で300pxまで狭まるようにする */
	text-align:right;
	color:#666;
	font-size:14px;
	clear:both;
	padding:30px 0;    /* 上下に余白を取る */
}