@charset "utf-8";

@import "/manual/css/manual_common.css"; 	/* common css 読み込み */



		各コンテンツ
 -------------------------------------------------- */


/* ------------------------------ 祝儀の相場で使用 */

/* 金額の目安のテーブル */
#content table.price{
	width: 384px;
	margin: 10px 0px 0px 20px;
	border: 1px #a8a8a8 solid;
	border-collapse: separate;
	border-spacing: 0px;
	font-size: 12px;
}


#content table.price th{
	width: 96px;
	height: 46px;
	text-align: center;
	background: #d1d0d0;
	font-size: 12px;
}


#content table.price th.ttl{
	background: #c8c7c7;
	font-size: 12px;
}


#content table.price td{
	width: 96px;
	height: 33px;
	text-align: center;
	font-size: 12px;
}


#content table.price td.sub01{ background: #dad9d9; font-size: 12px; }
#content table.price td.sub02{ background: #e8e7e7; font-size: 12px; }
#content table.price td.pri01{ background: #ebeaea; font-size: 12px; }


#content p.ref{
	margin: 5px 0px 0px 40px;
	font-size: 11px;
	border-bottom-width: thin;
}


#content img.r{
	float: right;
	display: inline;
	margin: 10px 30px 0px 0px;
}


/* ------------------------------ 祝儀の選び方で使用 */

/* 画像 大 */
#content ul.pic-l{
	width: 730px;
	height: 375px;
	margin: 20px 0px 35px 15px;
}

#content ul.pic-l li{
	width: 360px;
	float: left;
	margin: 0px 2px 0px 0px;
	line-height: 20px;
}

/* ご祝儀袋の選び方 ケース*/

#content .case-box{
	width: 730px;
	height: 600px;
	margin: 0px 0px 65px 15px;	
}

#content .case-box dl.case{
	width: 362px;
	height: 82px;
	margin: 0px;
 	float:left;
}

#content .case-box dl.case dt{
	float: left;
	margin: 0px 5px 0px 0px;
}

#content .case-box dl.case dd{
	margin: 0px 5px 0px 0px;
}

#content .case-box dl.case dd ul{
	padding: 13px 0px 0px 34px;
}

#content .case-box dl.case dd li.lead{
	font-weight: bold;	
	margin: 0px 0px 5px 0px;
}

#content .case-box dl.case dd li{
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

/* ご祝儀袋の選び方 ケース ご祝儀画像*/

#content .case-box ul.case-pic{
	width: 179px;
	float: left;
	margin: 0px 3px 25px 0px;
}


/* ------------------------------ 中袋へのお札の入れ方 */

/* 中袋へのお札の入れ方＆上包みの重ね方 */
#content .putin-box{
	width: 730px;
	height: 230px;
	margin: 20px 0px 35px 30px;
}

#content .putin-box dl.putin-step{
	width: 235px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* 中袋へのお札の入れ方＆上包みの重ね方 ステップ画像*/
#content .putin-box dl.putin-step dt{
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0px;

}

#content .putin-box dl.putin-step dd ul li{
	margin: 0px 0px 0px 27px;
	padding: 0px;	
}

/* 中袋へのお札の入れ方＆上包みの重ね方 テキスト*/
#content .putin-box dl.putin-step dd ul li.putin-lead{
	width: 185px;
	height: 86px;
	line-height: 20px;
	margin: 16px 0px 0px 27px;
			
}

/* 中袋へのお札の入れ方 */
#content .putin-bottom{
	width: 730px;
	height: 230px;
	margin: 20px 0px 35px 29px;
}
/* 中袋へのお札の入れ方 左*/
#content .putin-bottom ul{
	width: 348px;
	height: 230px;
	margin: 0px 0px 0px 0px;
}

#content .putin-bottom li{
	margin: 0px 0px 15px 0px;
}

#content .putin-bottom li img{
	margin: 0px 0px 0px 32px;
}
/* 中袋へのお札の入れ方 */
#content .putin-bottom{
	width: 730px;
	height: 230px;
	margin: 20px 0px 35px 29px;
	line-height: 20px;
	
}
/* 中袋へのお札の入れ方 左*/
#content .putin-bottom ul{
	width: 338px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#content .putin-bottom li{
	margin: 0px 0px 15px 10px;
}

#content .putin-bottom li img{
	margin: 0px 0px 0px 32px;
}
/* 中袋へのお札の入れ方 右*/
#content .putin-bottom dl{
	width: 294px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
	float: right;
}

#content .putin-bottom dt{
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

#content .putin-bottom dd{
	margin: 0px 0px 25px 0px;
}


/* ------------------------------ 表書きの書き方 */

/* 表書きの記入方法 */
#content .writing-box{
	width: 710px;
	height: 525px;
	margin: 20px 0px 0px 50px;
}

#content dl{
	line-height: 20px;
	margin: 0px 0px 25px 0px;
}

#content dl.writing-img{
	width: 340px;
	float: left;
}

#content dl.writing-img dt{
	width: 84px;
	margin: 0px 25px 0px 0px;
	float: left;
}

#content dl.writing-img dd li{
	margin: 0px 15px 0px 0px;
}

#content dl.writing-img dd li.writing-lead{
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

/* 連名で贈る場合 レイアウト */

#content dl.writing-img dd li.writing-slead{
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}

#content dl.writing-img dd ul.writing-llead{
	margin: 25px 0px 3px 108px;
}


/* ------------------------------ 袱紗の包み方 */

/* 袱紗を用意しましょう */
#content .package-box{
	width: 730px;
	height: 230px;
	margin: 20px 0px 35px 30px;
}

#content .package-box dl.package-step{
	width: 182px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#content .package-box dl.package-step dt{
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0px;

}

#content .package-box dl.package-step dd ul li{
	margin: 0px;
	padding: 0px;	
}

#content .package-box dl.package-step dd ul li.package-lead{
	width: 142px;
	height: 86px;
	line-height: 20px;
	margin: 16px 0px 0px 0px;
			
}

/* ------------------------------ ご祝儀のお呼ばれマナー */

/* ご祝儀のマナーとは？ */
#content ul.manner-osatu{
	width: 730px;
	height: 205px;
	margin: 20px 0px 35px 30px;
}

#content ul.manner-osatu li{
	width: 365px;
	float: left;
	line-height: 20px;
	margin: 0px;
}

#content ul.manner-osatu li img{
	margin: 0px 0px 0px 32px;
}

/* ----------------------------------- Adsense&Dart */

/* 広告枠 */
#content .cgm-ad{
	margin: 30px 15px 0 45px;
	padding: 20px 0;
	background: #F5F5F5;
}

/* インパクト枠 */
#content .cgm-ad .impact-ad{
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}

#content .cgm-ad .impact-ad a img{border: 1px #C6C6C6 solid;}
#content .cgm-ad .impact-ad a:hover img{border: 1px #F9396F solid;}


/* アドセンス枠 */
#content .cgm-ad .adsense-ad{
	width: 300px;
	height: 250px;
	margin: 0 0 0 360px;
	padding: 20px 10px 0px 10px;
	background-color: #FFF;
	text-align: center;
}


#content .cgm-ad .adsense-ad dl{
	margin: 10px 0px 20px 5px;	

}

#content .cgm-ad .adsense-ad dl dt{
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	text-align: left;	

}

#content .cgm-ad .adsense-ad dl dt a{
	color: #6693DD;
}

#content .cgm-ad .adsense-ad dl dd{
 	color: #454545;
	font-size: 14px;
	line-height: 16px;
	text-align: left;	
}