/*----  見出し装飾 http://codezine.jp/article/detail/7681 ------*/

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*----------------------------- 2015.3.11 ---------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

h3 {
  margin: 0 0 30px 0; /* 上マージン0、右マージン0、下マージン30px、左マージン0 */
  font-size: 120%; /* 文字サイズを120% */
  color: #333333; /* 文字色を#333333 */
  padding: 3px 5px; /* 上下パディング3ピクセル、左右パディング5px */
}

#midashi01{
  border-left: 10px solid #cc3366; /* 左ボーダーを、10px幅の実線、線色#CC3366に */
}

#midashi02{
  width:200px;
  border-left: 4px solid #1FA984;
  border-bottom: 1px solid #1FA984; /* 下ボーダーを、1px幅の実線、線色#1F5FA9に 
*/
}

#midashi02_300{
  width:300px;
  border-left: 4px solid #1FA984;
  border-bottom: 1px solid #1FA984; /* 下ボーダーを、1px幅の実線、線色#1F5FA9に 
*/
}

#midashi03{
  border: 1px solid #1FA984; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #1FA984;
}