/* -------------------------- */

#article {
	width:672px;
	padding:4px
background-color:pink;

	border:solid 0px black;
	float:right;
position:relative;
}
/* --- h1  ----  */

#article h1 { 
  font-size:20px;color: #5472cd;
  margin:10px 10px 0 4px;
  padding:2px 6px;
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

#article h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 40%;
}



/* ------- atom ---   */

.atom {
		color:#222;
		position: relative;
		width:100%;
		margin:0 auto;
		margin:0 0 3px 0;
		padding: 12px;
     }
.atom a {
		display: block;
		position: absolute;
		top: 0;
  		left: 0;
		height:100%;
		width: 100%;
		border:1px solid #d3d3d3;
     }

 /* 以下マウスを載せたときのスタイル */
.atom a:hover {
		color: #222;
		text-decoration: none;
		opacity: 0.25; /*  要素を透明にするタグ */
		background-color: #E6EBE0;
		border:1px solid #d3d3d3;
     }
/*  /atom  */