body {
    margin: 0;
	padding: 0;
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	border: 0;
	color: #000;
	font-size: small;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-style: normal;
	background-color:#afeeee;

}
#pagebox{
    width:340px;
    margin-top: 10px;
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
    text-align:left;	
}

#masthead {        /*  #id */
    width: auto;
	margin: 0;
	padding: 0;
	background-color:#ccffcc;
} 
  #a0-box {
          float: left;
          margin : 5px 10px 0px 50px;    /* 値を4つ指定した場合：[上][右][下][左] */
  }
  #a-box {
          float: left;
          margin : 5px 0px 0px 10px;    /* 値を4つ指定した場合：[上][右][下][左] */
  }
  #b-box {
          float: left;
          margin : 5px 50px 0px 50px;
  } 
  #hdtext{
	color:red;
  }

#navigation {
	width: auto;
	margin: 20px 0px 0px 50px;
	clear: both;  /* 上下との回り込みをさせない */
}

#container {
	width: 340px;

}

#left_col {   /* 左側  */
    width: 300px;
    margin-top: 0px;
    margin-left:30px;    /* 左側マージンを自動的に空ける */
}
  #down_col{
  	  width: 350px;
	  clear: both;   /* 上下との回り込みをさせない */
      margin-top: 10px;
      margin-left:auto;    /* 左側マージンを自動的に空ける */
      margin-right:auto;   /* 右側マージンを自動的に空ける */
  }
#right_col {  /* 中央 */
    clear: both;   /* 上下との回り込みをさせない */
    width: 300px;
    margin-top: 10px;
    margin-left:30px;    /* 左側マージンを自動的に空ける */ 
}

#container2 {
	width: 350px;
	clear: both;  /* 上下との回り込みをさせない */
}

  
  
  #coment{
      position: relative;
	  float: left;
	  width: auto;
	  margin: 10px 0px 0px 10px;
  }

  #shita_content {  /* 下部 */
	  width: 340px;
	  float: left;
	  margin-left: 10px;
  }


#footer {
  	width: 350px;
	clear: both;   /* 上下との回り込みをさせない */
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	margin: 0px 0px 10px 0px;
	background-color:#ccffcc;
}
.float_right {
	float:right;
}