ボツになった案だけども、将来使うかも知れないのでメモ
の青字部分のBOXを以下の様に立体的に見せるには、
BOX の周りに以下の様に色の違う線を引くと良い。
border-top: solid 1px #eeeeee; /* 明るいねずみ色 */
border-left: solid 1px #538ad8; /* 青色 */
border-bottom: solid 1px #222222; /* 濃いねずみ色 */
border-right: solid 1px #538ad8; /* 青色 */