body { background-color: #3333ff;
  color: #ccff99; 
  margin: 1em 1em; padding: 0; }

a:link    { color: #00ff99; }
a:visited { color: #00cc99; }
a:hover	  { color: #fc8; }

h1 { font-size: 1.5em;
  background-color: #ccff99;
  color: #3333ff;
  padding: 0.2em; }

h2 { font-size: 1.2em;
  border: 1px solid #ccff99;
  border-left: 1em solid #ccff99;
  padding: 0.2em; }

p { line-height: 1.6; }

img {border-width:0}

/* ID名「main」のdiv要素に幅を指定して、センタリングする */
div#main { width: 675px; margin-left: auto; margin-right: auto; }

/* ID名「centering」をセンタリングする */
div#centering { text-align:center; }

/* ID名「right」を右寄せする */
div#right { text-align:right; }

/* ID名「smaller」のフォントを相対的に小さくする */
div#smaller { font-size:smaller }

/* 従来font size="2"だった文字を、ID名「font2」で0.75emにする */
div#font2 { font-size:0.75em }

/* 「お知らせ」と「更新日」のレイアウト（トップページ） */
div#revision { float: right; width: 40%; }
div#notifications { float: left; width: 60%; }

/* 「トビラ写真」とメニューのレイアウト（トップページ） */
div#main_picture { float: left; width: 35%;
  background-color: #3333ff;
  margin-rignt: 1em;
  padding: 0.4em;
  border: 2px solid #ccff99;  }
div#main_menu { float: right; width: 60%;
  background-color: #3333ff;
  margin-rignt: 1em;
  padding: 0.4em;  }

/* 段組み（左右半分ずつ） */
div#left_menu { float: left; width: 42%; }
div#right_menu { float: right; width: 42%; }

/* 「オートバイ」>「走行記録」写真と解説のレイアウト */
div#motor_log_text { float: right; width: 80%; }
div#motor_log_picture { float: left; width: 17%; }

/* 「オートバイ」>「性能曲線」のレイアウト */
div#motor_spec_text { float: right; width: 43%; }
div#mortor_spec_curve { float: left; width: 50%; }

/* 各「ギャラリー」の拡大写真のページ */
div#gallery_text { float: right; width: 38%; }
div#gallery_picture { float: left; width: 60%; }

/* 「オートバイ」>「トップページ」高さ200pxの写真と解説のレイアウト */
div#motor_top_text { float: right; width: 70%; }
div#motor_top_picture { float: left; width: 28%; }

/* 「渡航歴」>「13オーストラリア」幅208pxの動画と解説のレイアウト */
div#movie_text { float: right; width: 63%; }
div#movie_picture { float: left; width: 35%; }