h2{
	background-color: #3d2114;
	color: #fff;
	padding: 15px;
	line-height: 110%;
	margin: 5px;
}

h2 span{
	font-size: 70%;
	font-weight: normal;
	letter-spacing: 0.1em;
	display: block;
}

h3.couchTop{font-size: 150%; line-height: 140%; font-weight: bold; color: #000000;padding: 10px 0; margin: 20px 0;}

h3.couchTop strong{color: #ff3401;}

h3.couchTop span{color: #870002; display: block;}

p{text-align: left; line-height: 160%;}

h4{font-weight: bold;}

.user{list-style-type: decimal; text-align: left;}

.user li p{text-align: right;}
.photo{margin: 0 0 0 45px;}


/* Couch image margin
--------------------------------- */

h2#couch img{width: 100%; text-align: center;}

.riyu-1 img{margin: 0 10px;}
/* 理由1の段落に「riyu-1」というクラス名をつけ、段落内の画像に対し、左右に10pxの余白を設定 */

.riyu-4,.riyu-5,.riyu-6{width: 600px;} 
/* 回り込み指定したい段落の横幅サイズを600pxに指定。これを外すと画像がページ右側の端に行ってしまう。 */

.riyu-4 img,.riyu-5 img,.riyu-6 img{float: right; margin: 5px;}
/* 理由4,5,6の画像に対し、右寄せ指定をし、周りに5pxの余白を設定 */

hr.clear_hr{clear: both; height: 2px; visibility: hidden;}
/* 画像の回り込み指示をした段落の下に、float解除の水平線を入れる。画面表示をhiddenにして、透明化 */