@charset "utf-8";

@import "common.css";


/*
		lead
 -------------------------------------------------- */

/* 枠 */
#content .lead {
	width: 700px;
	height: 210px;
	margin: 0px 0px 0px 30px;
	background: url(../img/howto/howto-lead-bg.jpg) no-repeat 310px 10px;
}

/* リードテキスト */
#content .lead ul li.left {
	width: 300px;
	float: left;
	margin: 20px 0px 0px 0px;
}

/* 吹き出しテキスト */
#content .lead ul li.right {
	width: 210px;
	float: right;
	margin: 35px 165px 0px 0px;
	display: inline;
}



/*
		process
 -------------------------------------------------- */

/* 枠 */
#content .process {
	width: 726px;
	margin: 0px 15px 20px 15px;
	background-color: #eadbd1;
	border: 2px solid #582e15;

}

/* タイトル */
#content .process h3 img {
	margin: 15px 0px 15px 15px;
}

/* 枠 */
#content .process ul {
	height: 335px;
}

/* 背景設定 */
/* process1(1～3) */
#content .process ul.process1 { background: url(../img/howto/process1-bg.jpg) no-repeat 15px 0px;}

/* process1(4～6) */
#content .process ul.process2 { background: url(../img/howto/process2-bg.jpg) no-repeat 15px 0px;}

/* process1(7～9) */
#content .process ul.process3 { background: url(../img/howto/process3-bg.jpg) no-repeat 15px 0px;}

/* テキスト */
#content .process ul li {
	width: 155px;
	float: left;
	display: inline;
}

/* 個別指定 */
#content .process ul li.left { margin: 145px 0px 15px 65px;}
#content .process ul li.middle { margin: 145px 0px 15px 80px;}
#content .process ul li.right { margin: 145px 0px 15px 80px;}

/* テキスト */
#content .process img.summary {
	margin: 0px 0px 15px 15px;
}




/*
		information
 -------------------------------------------------- */

/* 枠 */
#content .info{
	margin: 0px 15px 30px 15px;
}

/* 画像 */
#content .info img.l{
	float: left;
	margin: 15px 0px 0px 80px;
	display: inline;
}

/* 右説明枠 */
#content .info dl{
	margin: 15px 0px 0px 400px;
}

/* 右枠見出し */
#content .info dl dt{
	float: left;
	font-weight: bold;
}

/* 各詳細 */
#content .info dl dd{
	margin: 10px 0px 10px 85px;
}

/* リンクテキスト */
#content .info p{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 400px;
	background: url(http://www.kekkon-j.com/img/common/link-back.gif) 315px 7px no-repeat;
}