/*** 初期値 start ***/
/* トップページbody */
body,div,
h1,h2,h3,h4,h5,h6,
ul,li,
dl,dt,dd,
table,th,tr,td,
img,
p,span{
  margin: 0;
  padding: 0;
}
table,th,tr,td /* ie6でテーブルはデフォルトのサイズが表示されてしまうようなので対応 */
{
  font-size: 100%; /* bodyに対して100%、つまり80%（body参照） */
  line-height: 150%;
}
dd{
  margin: 0;
  padding-left: 1em;
}
a img{
  border: none;
} 
ul,li{
  list-style:none;
}
/* トップページbody */
body#top { 
  background-color: #ffffff;
  background-image : url(sozai/bk_topblue.gif);
  background-repeat: repeat-y;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;  
  font-size: 80%;
  line-height: 150%;
}
/* やまつりやまページbody */
body#yamaturi {
  background-color: #ffffff;
  background-image : url(sozai/bk_yamaturi.gif);
  background-repeat: repeat;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  font-size: 80%;
  line-height: 150%;
}
/* エッセイページbody */
body#essey {
  background-color: #ffffff;
  background-image : url(sozai/bk_green1.gif);
  background-repeat: repeat-y;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  font-size: 80%;
  line-height: 150%;
}
/* シャイニングページbody */
body#shining {
  background-color: #ffffff;
  background-image : url(sozai/bk_yellow1.gif);
  background-repeat: repeat-y;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  font-size: 80%;
  line-height: 150%;
}
/* モーターサイクルページbody */
body#bike {
  background-color: #ffffff;
  background-image : url(sozai/bk_blue1.gif);
  background-repeat: repeat-y;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  font-size: 80%;
  line-height: 150%;
}
/* プロフィールページbody */
body#profile {
  background-color: #ffffff;
  background-image : url(sozai/bk_ckpink.gif);
  background-repeat: repeat;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  font-size: 80%;
  line-height: 150%;
}
/* リンクページbody */
body#links {
  background-color: #008080;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #ffffff;
  font-size: 80%;
  line-height: 150%;
}
/** linkは必ずこの順番で書かないとおかしくなる **/
/* まだ訪れていないリンク */
/* すでに訪れたリンク */
/* マウスでポイントしたとき */
/* マウスでクリックしたとき */
a {
}
a:link {
  color:blue;
}
a:visited {
  color:purple;
}
a:hover {
  color:red;
  font-weight: bold;
}
a:active {
  color:red;
}
/*　回りこみ 解除　*/
.clearfloat{
  clear : both;
}
/*** 初期値 end ***/

/*** トップページ 段組 start ***/
/*　ヘッダー */
div#header{
  width: 750px;
  color: #999999;
  overflow: hidden; /* 大きな画像をはみ出さないようにするfirefox対応 */
  /*background-color: #444444;*/
}
div#header-navi{
  width: 750px;
  color: white;
  text-align: center;
  font-weight: bold;
  background-color: #99ccff;
  border: 2px groove white;
}
#header-navi a:link {
  color: white;
  text-decoration: none;
}
#header-navi a:visited {
  color: blue;
  text-decoration: none;
}
#header-navi a:hover { 
  color: white;
  background-color:#336699;
  text-decoration: underline;
}
#header-navi a:active {
  color: white;
  background-color:#336699;
  text-decoration: none;
}

/* 本文 ２段（左main-1 右main-2） */
div#main{
  width: 750px;  /*横全体＋5px(IEのバク回避)*/
}
div#main-1{
  width: 135px;
  float: left;
  color: #999999;
  /*background-color: #44dd44;*/
  margin-top: 6px;
  text-align: center;

}
div#main-2{
  width: 600px;
  float: right;
  /*color: #333333; bodyの色継承*/
  /*background-color: #4444dd;*/
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
}
#main-2 a:link {
  color:red;
  text-decoration:underline;
}
#main-2 a:visited {
  color:#ff9900; /*darkorange;*/
  text-decoration:underline;
}
#main-2 a:hover {
  color:red;
  font-weight: bold;
  text-decoration:underline;
}
#main-2 a:active {
  color:red;
  font-weight: bold;
  text-decoration:underline;
}
/* フッター */
div#footer{
  clear: both;
  width: 750px;
  color: #999999;
  background-color: #444444;
  text-align: center;
}
/*** トップページ 段組 end ***/

/***　トップページ サイドメニー start ***/
#menu{
  width:130px;
  margin: 0 auto 0 auto; /* IEのバグに対応したセンタリング */
}
#menu ul,#menu li{
  margin:0;
  padding:0;
  list-style:none;
} 
#menu li{
  display:inline;
}
#menu a,#menu a:link #menu a:visited{
  text-decoration:none;
  color:#ffffff;
  background-color:#336699;
  border:2px outset #006699;
  display:block;
  padding:0.2em 10px;
  height:1.4em;
}
#menu a:hover{
  color:#336699;
  background-color:#ffffff;
  border:2px inset #006699;
}
/***　トップページ サイドメニュー end ***/

/*** 各設定 start ***/
/* ボックス */
div.box01{ /* バックが灰色のボックス */
  width: 550px;
  background-color : #F3F3F3;
  text-align : left;
  border : 2px ridge white;
  padding : 6px;
  margin : 0.5em 0 0.5em 0;
}
div.box02{ /* リンクページのボックス */
  width: 550px;
  background-color : #8000FF;
  border : 3px ridge white;
  margin : 0 auto 1em auto; /* IEのバグに対応したセンタリング */
  text-align : justify; /* 親（boxcent）からの継承で内容までセンタリングされてしまうので、両端揃えを指定 */
  overflow: hidden; /* 大きな画像をはみ出さないようにする */

  /* MacIEのみに適用 hiddenを使用するとセンタリングされないため対応 \*//*/
  position: relative;
  left: 50%;
  margin-left: -275px;
  /**/
}
div.box03{ /* トップページ以外のページの本文 */
  width: 600px;
  margin: 0 auto 3em auto; /* IEのバグに対応したセンタリング */
  text-align: justify; /* 親（boxcent）からの継承で内容までセンタリングされてしまうので、両端揃えを指定 */
}
div.boxcent{ /* IEのバグに対応したセンタリングbox03の親 */
  text-align: center;
}

/* 見出し */
h5.mh501{ /* 左青の付箋の様な見出し */
  color : #336699;
  background-color : #F3F3F3;
  border-left : 15px solid #336699;
  border-bottom : 1px solid #336699;
  padding : 4px 0 4px 10px;
  margin : 0.5em 0 0.5em 0;
}
h5.mh502{ /* 薄い青の帯の見出し */
  background-color : #ccccff;
  border-bottom : 3px ridge;
  text-align: center;
  padding : 4px 0 4px 0;
}
h4.mh401{ /* アンダーライン点線青の見出し */ 
  color : #336699;
  border-bottom : 1px dotted #336699;
  margin : 0 0 0.5em 0;
}

/* 水平線 */
hr.sen01{ /* 点線の線 */
  border-style: dotted none none none; 
  border-top-width: 2px; 
  border-top-color: #999999; 
  height: 2px;
  margin: 0.5em auto 0.5em auto;
}

/* イメージ */
img.img01{ /* テキスト右回り込み */
  float : left;
  margin-right : 6px;
  margin-bottom : 6px;
}
img.img02{ /* テキスト左回り込み */
  float : right;
  margin-left : 6px;
  margin-bottom : 6px;
}
img.imgbd{ /* 枠付イメージ */
  border: 2px inset white;
}

/* テーブル */
table.tab01{ /* スタンダード（枠はhtmlで指定） */
  width: 550px;
  margin: 0 auto 0.5em auto; /* ie6はこれが効かないのでhtmlでcenter指定 */
}
table.tab01.th,td{
  padding: 6px;
}

/* テキスト */
span,p.txt01{ /* 太く */
  font-weight: bold;
}
span,p.txt02{ /* 右寄せ */
  text-align: right;
}
/*** 各設定 end ***/