@charset "utf-8";

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


/* ------------------------------ 二次会HOW TOガイド */

/* ------------------------------ 共通 */
/* チェックリスト 大枠 */
#content .check{
	padding: 0px;
	margin: 0px 0px 45px 0px;
}

#content .check dl{
	width: 700px;
	padding: 0px;
	margin: 10px 0px 25px 45px;
	list-style-position: outside;
}

#content .check dl dt{
	font-weight: bold;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#content .check dl dd{
	padding: 0px 0px 10px 22px;
	margin: 0px;
	background: url(/manual/img/common/check.gif) no-repeat 3px 0px;
}

/* サブタイトル */
#content h4.s-ttl {
	font-weight: bold;
	color: #666666;
	margin: 25px 0px 0px 50px;
}

/* 背景 ライトグレー 大枠 */
#content .person-box{
	width: 710px;
	margin: 20px 0px 25px 30px;
}

#content .person-box dl{
	width: 310px;
	float: left;
	padding: 15px 15px 0px 15px;
	margin: 5px 5px 5px 5px;
	background-color: #EBEAEA;
}

/* 背景 ライトグレー 個別設定 */
#content .person-box dl.person1 { height: 265px; }
#content .person-box dl.person2 { height: 320px; }
#content .person-box dl.person3 { height: 180px; }
#content .person-box dl.person4 { height: 160px; }

#content .person-box dl.person1 dt,
#content .person-box dl.person2 dt,
#content .person-box dl.person3 dt,
#content .person-box dl.person4 dt { font-weight: bold; margin: 10px 25px 0px 0px; }

#content .person-box dl.person1 dd,
#content .person-box dl.person2 dd,
#content .person-box dl.person3 dd,
#content .person-box dl.person4 dd { margin: 10px 0px 0px 0px;}


/*服装 ケース 大枠*/

#content .case-box{
	width: 700px;
	margin: 0px 0px 65px 50px;	
}

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

#content .case-box dl.case dt.case1{
	font-weight: bold;
	padding: 13px 5px 0px 30px;
	background: url(/manual/img/common/select-case01.gif) no-repeat;
}
#content .case-box dl.case dt.case2{
	font-weight: bold;
	padding: 13px 5px 0px 30px;
	background: url(/manual/img/common/select-case02.gif) no-repeat;
}
#content .case-box dl.case dd{
	margin: 10px 5px 0px 0px;
}

#content .case-box dl.case dd.half{
	width: 435px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#content .case-box dl.case dd.text{
	margin: 10px 40px 0px 0px;
}


/* ------------------------------ 二次会幹事のための段取り10のステップ */
/* 大枠 */

#content .step-box {
	width: 700px;
	margin: 35px 0px 35px 45px;
}

/* 各枠 */
#content .step {
	padding: 0px;
	margin: 0px;
	background: url(../img/06_line.jpg) repeat-y 90px 0px;
}

#content .step img{
	margin: 4px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	float: left;
}

/* 段取り10のステップ */

#content dl.head {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 90px;	
}

/* 基本の流れ テキスト共通 */
#content dl.head dt {
	font-weight: bold;
	padding: 0px 0px 0px 23px;
	margin: 0px;
}

#content dl.head dd {
	padding: 0px 0px 20px 23px;
	margin: 0px;
}

/* 基本の流れ 番号個別 */
#content dl.head dt.no1 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no1.gif) no-repeat 4px 4px; }
#content dl.head dt.no2 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no2.gif) no-repeat 4px 4px; }
#content dl.head dt.no3 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no3.gif) no-repeat 4px 4px; }
#content dl.head dt.no4 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no4.gif) no-repeat 4px 4px; }
#content dl.head dt.no5 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no5.gif) no-repeat 4px 4px; }
#content dl.head dt.no6 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no6.gif) no-repeat 4px 4px; }
#content dl.head dt.no7 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no7.gif) no-repeat 4px 4px; }
#content dl.head dt.no8 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no8.gif) no-repeat 4px 4px; }
#content dl.head dt.no9 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no9.gif) no-repeat 4px 4px; }
#content dl.head dt.no10 { padding: 4px 0px 0px 24px; background:url(/manual/img/common/no10.gif) no-repeat 0px 4px; }


/* ------------------------------ 新郎新婦顔合わせ */

/* 新郎新婦＆幹事の役割を明確化 大枠 */
#content .list dl {
	width: 690px;
	height: 150px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 20px 30px;
	border: 1px solid #999999;
}

#content .list dl dt {
	padding: 0px;
	margin: 0px 0px 10px 20px;
	font-weight: bold;
	color: #999999;
}

#content .list dl dd {
	width: 270px;
	float: left;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 50px;
	display: inline;
}


/* 開始時間計算方法 */
#content .time {
	width: 690px;
	height: 60px;
	padding: 0px;
	margin: 0px 0px 10px 30px;
	border: 1px solid #999999;
}

#content .time p {
	padding: 0px;
	margin: 10px 0px 0px 20px;
}

/* 相場 */
#content .price {
	width: 690px;
	height: 60px;
	padding: 0px;
	margin: 0px 0px 10px 30px;
	border: 1px solid #999999;
}

#content .price p {
	padding: 0px;
	margin: 20px 0px 0px 20px;
}

/* ------------------------------  二次会会場の選び方 */
#content dl.choice {
	width: 325px;
	height: 123px;
	margin: 35px 20px 0px 30px;
	display:inline;
 	float:left;
}

#content dl.choice dt {
	height: 123px;
	float:left;
	margin: 0px 8px 0px 0px;
}

#content dl.choice dt dd {

	
}

/* ------------------------------  二次会招待状の書き方 */
/* ハガキ */

#content .letter-box {
	width: 730px;
}

#content dl.letter {
	width: 265px;
	margin: 5px 50px 15px 50px;
	display:inline;
 	float:left;
}

#content dl.letter dt {
	height: 81px;
	padding: 5px 0px 4px 2px ;	
}

#content dl.letter dt.lead {
	height: 16px;
	font-weight: bold;
	padding: 0px 0px 0px 2px;
}


#content dl.letter dt dd {
	padding: 0px 0px 0px 2px ;	
}

/* スタイルフル */

#content .stylful{
	width: 730px;
	height: 500px;
	margin: 30px 0px 45px 0px;
	padding: 0px 0px 0px 375px;
	background: url(../img/03-stylful.gif) no-repeat 53px 30px;
}

#content .stylful dl{
	width: 325px;
	margin: 0px;
}

#content .stylful dl dt{
	font-weight: bold;
	color: #999999;
	padding: 0px 0px 15px 0px;

}

#content .stylful dl dd{
	padding: 0px 0px 5px 0px;
}

/* スタイルフル URL QRコード */

#content .stylful dl.stylful-1{
	width: 325px;
	clear: right;
	padding: 30px 0px;
	margin: 0px;
}

#content .stylful dl.stylful-1 dt.qr{
	padding: 30px 0px 0px 0px;
}

/* QRコード テキスト */
#content .qrcord p{
	margin: 15px 30px 0px 30px;
	
}

/* QRコード パーティーウェブ */
#content .qrcord dl{
	margin: 20px 0px 0px 30px;
	
}

#content .qrcord dl dt{
	font-weight: bold;
	
}

/* QRコード パーティーウェブ リンク */
#content .qrcord dl a { color: #f9396f; }
#content .qrcord dl a:hover { text-decoration: underline; }

/* ------------------------------ 二次会司会進行術 */
/* 大枠 */
#content .timetable{
	padding: 0px;
	margin: 0px 0px 45px 0px;
}

#content .timetable dl{
	width: 700px;
	padding: 0px;
	margin: 10px 0px 0px 45px;
	list-style-position: outside;
}

#content .timetable dl dt{
	font-weight: bold;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#content .timetable dl dd{
	padding: 0px 0px 10px 22px;
	margin: 0px;
}

#content .person-box dl.person4 dd.link {
	padding: 0px 0px 0px 30px;
	margin: 35px 0px 0px 30px;
	background: url(/manual/img/common/link-bg02.gif) no-repeat 15px 6px;
}

/* 進行表 download */
#content .download {
	width: 450px;
	padding: 15px; 
	margin: 0px 0px 30px 150px;
	border: 1px solid #999999;
}

#content .download p {
	width: 440px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#content .download p.text {
	width: 440px;
	float: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
#content .download dl {
	width: 250px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	float: right;
}

#content .download dl dt {
	width: 184px;
	height: 28px;
	padding: 0px;
	margin: 8px 0px 0px 0px;
	float: left;
}

#content .download dl dd {
	height: 28px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}


/* ------------------------------  二次会の服装マナー */

#content .manner ul {
	width: 650px;
	padding: 0px;
	margin: 15px 0px 40px 60px;
}

#content .manner ul li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	list-style: disc;
	list-style-position: outside;
}

#content .manner ul li.mark {
	margin: 10px 0px 10px 15px;
	list-style-type: none;
}

/* ------------------------------ ワンランク上の二次会 */
/*サプライズ余興例 大枠*/
#content .surprise{
	width: 730px;
	margin: 20px 0px 50px 29px;
	
}
/*サプライズ余興例 左*/
#content .surprise ul{
	width: 243px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#content .surprise li{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 32px;
}

#content .surprise li.surprise-case1{
	font-weight: bold;
	padding: 12px 0px 0px 30px;
	margin: 0px 0px 15px 0px;
	background: url(/manual/img/common/select-case01.gif) no-repeat;
}

#content .surprise li.surprise-case2{
	font-weight: bold;
	padding: 12px 0px 0px 30px;
	margin: 0px 0px 15px 0px;
	background: url(/manual/img/common/select-case02.gif) no-repeat;
}

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

/*サプライズ余興例 右*/
#content .surprise dl{
	width: 440px;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	float: left;
}

#content .surprise dt{
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

#content .surprise dd{
	margin: 0px 0px 15px 0px;
}

/* ------------------------------  Menu-list 2列 */
/* 大枠 */
#content .menu-list {
	width: 690px;
	padding: 0px 0px 20px 0px;
	margin: 20px 0px 30px 30px;
	border: 1px solid #999999;
}

/* Menu-list 画像 */
#content .menu-list img.list-ttl {
	margin: 30px 0px 0px 30px;

}

/* Menu-list リンク矢印 */
#content .menu-list ul li .sam-bg {
	padding: 0px 0px 0px 15px;
	background: url(/manual/img/common/link-back.gif) no-repeat 5px 3px;
}

#content .menu-list ul.line2 {
	float: left;
	padding: 0px;
	margin: 30px 15px 15px 0px;
	list-style: none;
}
/* リスト */
#content .menu-list ul.line2 li {
	width: 297px;
	height: 30px;
	float: left;
	padding: 0px 0px 0px 40px;
	margin: 0px;
	line-height: 22px;
}

/* ------------------------------  Menu-list 3列 */
/* 大枠 */
#content .menu-list3 {
	width: 690px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 30px 35px;
	border: 1px solid #999999;
}

/* タイトル */
#content .menu-list3 img.list-ttl {
	margin: 30px 0px 0px 30px;
}

/* リスト */
#content .menu-list3 ul {
	padding: 0px;
	margin: 20px 15px 15px 35px;
	list-style: none;
}

#content .menu-list3 ul li {
	float: left;
	padding: 10px 10px 10px 70px;
	margin: 0px;
	background: url(/manual/img/common/link-back.gif) no-repeat 55px 15px;
	
}

/* ----------------------------------- 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;	
}


/* ----------------------------------- Footer btn */

/* フッターバナー */
#content .footer-btn {
	margin: 30px 15px 0px 0px;

}