/* Ichigo-Citron Main CSS */

 * { margin: 0; padding: 0; }

 body { font-family: "Meiryo UI","MS UI Gothic"; font-size: 16px; border: none; }

 div.main { width: 800px; }


/* 共通デザイン */

 body { line-height: 150%; } input { line-height: normal; }

 h2 { margin: 40px 16px 24px 16px; }
 h3 { margin: 24px 28px 16px 28px; }
 h4 { margin: 16px 32px  8px 32px; }
 h2 { font-size: 20px; font-weight: bold; } h2 small { font-size: 15px; }
 h3 { font-size: 16px; font-weight: bold; }
 h4 { font-size: 16px; font-weight: normal; }
 h1       { line-height:  0%; }
 h2,h3,h4 { line-height:150%; }

 p      { margin: 16px 32px 16px 32px; }
 p.half { margin:  8px 32px  8px 32px; }
 ul     { margin: 16px 32px 16px 32px; }
 ul li  { margin:  0px  0px  0px 20px; }
 div.m16, p.m16 { margin: 16px 32px 16px 32px; }
 div.m08, p.m08 { margin:  8px 32px  8px 32px; }
 div.m00, p.m00 { margin:  0px 32px  0px 32px; }

 table { border-collapse: collapse; }
 table.set1 th { font-size: 14px; padding: 1px; } table.set1 td { font-size: 16px; padding: 4px; }
 table.set2 th { font-size: 14px; padding: 1px; } table.set2 td { font-size: 16px; padding: 4px; }
 table.none th { font-size: 16px; padding: 2px; } table.none td { font-size: 16px; padding: 2px; }
 th { line-height: 150%; }
 td { line-height: 150%; }

 p.navi1 { margin: 0px 4px 40px 4px; text-align:  left; }
 p.navi2 { margin: 40px 4px 0px 4px; text-align: right; }

 address { padding: 4px; text-align: right; font-style: normal; }

 abbr { border: none; } img { border: none; vertical-align: middle; }

 strong.keyword { font-weight: normal; }


/* 基本デザイン */

 #bg00 { color: rgb( 96, 64, 64); background: #fff url(./image/bg01.jpg) no-repeat fixed 180px bottom; }
 #bg01 { color: rgb( 96, 64, 64); background: #fff url(./image/bg01.jpg) no-repeat fixed 180px bottom; }
 #bg02 { color: rgb( 96, 64, 64); background: #fff url(./image/bg02.jpg) no-repeat fixed 180px bottom; }

 #bg00 a:link   ,#bg01 a:link   ,#bg02 a:link    { color: rgb( 64, 64,255); text-decoration: none; }
 #bg00 a:visited,#bg01 a:visited,#bg02 a:visited { color: rgb( 64, 64,255); text-decoration: none; }
 #bg00 a:hover  ,#bg01 a:hover  ,#bg02 a:hover   { color: rgb(255,  0,128); text-decoration: underline; }
 #bg00 a:active ,#bg01 a:active ,#bg02 a:active  { color: rgb(255,  0,128); text-decoration: underline; }

 #bg01 h1 {
  padding       : 16px;
  padding-top   : 48px;
  padding-bottom:  0px;
  font: normal normal normal 25px/32px "Meiryo","Hiragino Kaku Gothic Pro","Osaka","MS PGothic";
  text-align: right;
  color: rgb(255,  0,128); background: transparent url(./image/h1ichigo.jpg) no-repeat scroll;
  border-top   : rgb(255,  0,128) 0px solid;
  border-bottom: rgb(255,  0,128) 1px solid;
 }

 #bg01 h2 { color: rgb(255,  0,128); background: url(../ichigo/image/bgmini.jpg); }
 #bg01 h3 { color: rgb( 64, 64,192); }
 #bg01 h4 { color: rgb( 64, 64,192); }

  #bg01 h2 { border: rgb(255,  0,128) 1px  solid; border-width: 1px 1px 1px 9px; padding: 0px 4px 0px 4px; }
  #bg01 h3 { border: rgb(128,128,128) 1px dotted; border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 4px; }

 #bg01 address { background: rgb(255,240,240) url(./image/bgmini.jpg); border-top: rgb(255,  0,128) 1px solid; }

 #bg01 table.set1    { border: rgb(128,128,255) 1px solid; }
 #bg01 table.set1 th { border: rgb(128,128,255) 1px solid; color: rgb( 96, 96,192); background-color: rgb(224,224,255); }
 #bg01 table.set1 td { border: rgb(128,128,255) 1px solid; color: rgb( 64, 64, 64); }

 #bg00 strong.name { color: rgb(192, 64, 64); font-weight: normal; } #bg00 strong.notice { color: rgb(255, 64, 64); font-weight: bold; }
 #bg01 strong.name { color: rgb(192, 64, 64); font-weight: normal; } #bg01 strong.notice { color: rgb(255, 64, 64); font-weight: bold; }

 span.red  { color: rgb(255,128,128); }
 span.blue { color: rgb(128,128,255); }


/* 更新情報 */

 #update { border: rgb(192,128,128) 1px solid; overflow: auto; }

 #update h1, #update h2 {
  font-size:16px; line-height:24px; text-align: center;
  margin: 4px;
  color : rgb(192, 64,128);
  border: rgb(192, 64,128) 1px solid; background: rgb(255,240,240) url(./image/bgmini.jpg);
 }

 #update p {
  font-size:14px; line-height:20px;
  margin: 6px;
  border-top: rgb(160,160,160) 1px dotted;
  clear: left;
 }

 #update strong { color: rgb( 96, 96,192); } #update img { margin: 4px 4px 4px 4px; float: left; }

 #update p.float160 { padding-left: 168px; } #update p.float160 img { margin-left: -164px; }
 #update p.float064 { padding-left:  72px; } #update p.float064 img { margin-left:  -68px; }


 #sidemenu {
  position: absolute; top: 4px; left: 488px;
  padding: 4px;
  border: rgb(128,128,128) 1px solid;
 }


/* センタリングする場合 */

 body.center   { text-align: center; background-position: center bottom!important; }
 body.center * { text-align: left; }
 body.center div.main { margin-left: auto; margin-right: auto; }


/*
 このスタイルシートを採用したコンテンツ
 ・ローゼンディアデム
 ・ヘクターミク
 ・いちごしとろんリンク(bg01)
 ・いちごしとろんプロフィール(bg01)

おぼえがき
(FireFox) table に margin 指定は× 他のブロック要素とマージンが相殺されない
*/