@charset "UTF-8"; 

body{ 　
  background-image: url(http://blog.chefhariom.com/images/base.gif);
  background-color:#4d73e6;   }

a:hover { color:#002699; background:#ffffff;} 

#head {
background: #1a40b3 url(http://hariom.img.jugem.jp/20091014_1286151.jpg) left bottom;
 line-height:150%;
 color: #ffffff; /* 文字の色 */
 width:780px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 margin-bottom:0px;
 padding: 20px 20px 0px 20px;
border-style: solid none none none; 
border-top-width: 2px; 
border-top-color: #002699;
}
#head a { color:#ffffff; text-decoration:none; } 
#head a:hover {background:transparent;}

#chef { font-size:medium; }

#menu { 
   background-color:#99b3ff;
 width:780px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 margin-bottom:0px;
 padding:  5px 20px  5px 20px;
}
#menu a { color:#002699; text-decoration:none; } 
#menu a:hover {background-color:#ccd9ff;}

.hbgc:hover {background-color:#ccd9ff;
           }

#body{ 
　background-color:#ccd9ff;
  line-height:150%;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
　margin-bottom:0px;
  width:780px;
  padding:  0px 20px 10px 20px ;
  }

#foot {
 background-color:#1a40b3;
 text-align:center;
 line-height:100%;
 font-size:small;
 color: #ffffff; /* 文字の色 */
 width:780px;
 margin-left:auto;
 margin-right:auto;
 padding: 2px 20px 2px 20px;
border-style:none none solid none  ; 
border-bottom-width: 2px; 
border-bottom-color:#002699;
}
#foot a { color:#ffffff; text-decoration:none; }
#foot a:hover {background:transparent;}

.x-small {font-size:x-small;}
.small   {font-size:small;}
.medium  {font-size:medium;}
img { border:0; }

/* ここから2段組50% */
.l { float:left;width:50%;}
.r { float:right;width:50%; }
/* ここまで2段組 */	



.center {text-align:center}
.right  {text-align:right}
.left   {text-align:left}

/* ここから2段組指幅指定なし */
.pl { float:left;margin-right:10px; }
.pr { float:right;margin-left:10px; }
/* ここまで2段組幅指定なし */	


.bg1 { background:#ccd9ff;} /* コンテンツの壁 */
.bg2 { background:#99b3ff;} /* 薄めの青 */
.bg3 { background:#668cff;} /* 水色 */
.bg4 { background:#4d73e6;} /* 壁 */
.bg5 { background:#3359cc;} /* 青 */
.bg6 { background:#1a40b3;} /* やや濃い青 */
.bg7 { background:#002699;} /* 一番濃い青 */

.cl1 { color:#ccd9ff;} /* コンテンツの壁 */
.cl2 { color:#99b3ff;} /* 薄めの青 */
.cl3 { color:#668cff;} /* 水色 */
.cl4 { color:#4d73e6;} /* 壁 */
.cl5 { color:#3359cc;} /* 青 */
.cl6 { color:#1a40b3;} /* やや濃い青 */
.cl7 { color:#002699;} /* 一番濃い青 */

H2 {
  color: #002699; /* 文字の色 */
  border-left-color: #99b3ff; /* 左枠の色 */
  padding: 5px 0px 0px 10px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 20px; /* 枠の幅 */
}
H3 {
  color: #002699; /* 文字の色 */
  border-left-color: #99b3ff; /* 左枠の色 */
  padding: 4px 0px 0px 8px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 15px; /* 枠の幅 */
}
H4 {
  color: #002699; /* 文字の色 */
  border-left-color: #99b3ff; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
}


/* ここからリスト画像 */
ul{  list-style : none ; /* マーカー無し */

}
ul li{
  background-image : url(cube.gif) ;
  background-position : left center ; /* 位置は左端の真ん中 */
  background-repeat : no-repeat ; /* 背景だけど繰り返し表示しない */
  padding-left : 20px ; /* 「画像の横幅+マーカーとの距離」を左方向に空ける */
  }
/* ここまでリスト画像 */





#em{ 
　background-color:#ccd9ff; /* 403 404 */
  line-height:150%;
  margin-left:auto;
  margin-right:auto;
  width:500px;
  padding: 20px 20px 20px 20px ;
  }