body {
  margin : 0;
  text-align: center;
  font-size: 12px;	
  line-height: 150%;
  background-color: #FFFFFF;
  }

#whole {
  width: 850px;
  margin-right: auto;
  margin-left: auto; 
  text-align: left;word-break: break-all;
  }

  

h2 {
  padding:0;
  font-size:0.8em;
  text-align:left;
  }


/* 画像コンテンツ */
img {
  border-style: none;}

/* ヘッダーコンテンツ */
.header {
  width:100%;
  text-align:left;
  padding-bottom:0.5em;
}
  
.header h1{
  font-size:12px;
  padding:0;
  margin: 0;
  }
  
.header h2{
  font-size:12px;
  float: right;
  padding:0;
  margin: 0;
  }

  
/*  レフトコンテンツ  */
.left {
	width:180px;
	text-align:center;
	float:left;
	display:inline;
  }

.left h2 {
  padding: 0 0.5em 0 0.5em;
  text-align: center;
  margin:0;}

.left a {
  width:166px;
  text-decoration:none;
  display:block;
  margin:auto;}

.left a:hover {}

/*  センターコンテンツ  */

.content {
  width:510px;
  float:left;}

.content p{
  padding-left:0.8em;}

.content h2 {
  padding: 0 0.5em 0 0.5em;
  margin:0;}
  
/*  ライトコンテンツ  */

.right {
	width:160px;
	text-align:center;
	float:left;}

.right h2 {
  padding: 0 0.5em 0 0.5em;
  text-align: center;
  margin:0;}


/*  フッター  */

.footer {
  text-align:center;
  padding:0.5em;}
  

/*  レイアウト各種  */
.float_left {
   float: left;
   display:inline;
 }
 
 .float_right  {
    float: right;
	display:inline;
 }


.align_center  {
   text-align: center;
   }
   
.align_right  {
   text-align: right;
 }

.align_left {
   text-align: left;
  }
  
.margin_side10 {
   margin: 0 10px 0 10px;
 }