/* NetReal! : DM発送サービス ご利用の流れ（お申し込みの流れ） */



/* ページ上部メニューボタン */
#wrapper #main #contents div.menu {
	width:572px;
	height:86px;
	margin:20px 0 0 11px;
}
	/* お申込みの流れ */
	#wrapper #main #contents div.menu p.menu-01 {
		width:184px;
		height:86px;
		background:url(../images/flow_menu_01.gif) no-repeat 0 -86px;
		margin:0 0 0 0px;
		text-indent:-9999px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.menu p.menu-01 a {
		display:block;
		width:184px;
		height:86px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.menu p.menu-01 a:hover {
		background:url(../images/flow_menu_01.gif) no-repeat 0 -86px;
	}
	/* 発送手続きの流れ */
	#wrapper #main #contents div.menu p.menu-02 {
		width:184px;
		height:86px;
		background:url(../images/flow_menu_02.gif) no-repeat 0 0;
		margin:0 0 0 10px;
		text-indent:-9999px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.menu p.menu-02 a {
		display:block;
		width:184px;
		height:86px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.menu p.menu-02 a:hover {
		background:url(../images/flow_menu_02.gif) no-repeat 0 -86px;
	}
	/* DM発送の流れ */
	#wrapper #main #contents div.menu p.menu-03 {
		width:184px;
		height:86px;
		background:url(../images/flow_menu_03.gif) no-repeat 0 0;
		margin:0 0 0 10px;
		text-indent:-9999px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.menu p.menu-03 a {
		display:block;
		width:184px;
		height:86px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.menu p.menu-03 a:hover {
		background:url(../images/flow_menu_03.gif) no-repeat 0 -86px;
	}






/* ステップ画像 */
#wrapper #main #contents div.step {
	width:568px;
	height:92px;
	margin:20px 0 20px 14px;
}
	/* ステップ1 会員登録 */
	#wrapper #main #contents div.step p.step-01 {
		width:130px;
		height:92px;
		background:url(../images/flow_entry_step_01.gif) top no-repeat;
		text-indent:-9999px;
		float:left;
	}
	#wrapper #main #contents div.step p.step-01 a {
		display:block;
		width:130px;
		height:92px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.step p.step-01 a:hover {
		background:url(../images/flow_entry_step_01.gif) no-repeat 0 -92px;
	}
	
	/* ステップ2 申し込み検討 */
	#wrapper #main #contents div.step p.step-02 {
		width:130px;
		height:92px;
		background:url(../images/flow_entry_step_02.gif) top no-repeat;
		text-indent:-9999px;
		float:left;
	}
	#wrapper #main #contents div.step p.step-02 a {
		display:block;
		width:130px;
		height:92px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.step p.step-02 a:hover {
		background:url(../images/flow_entry_step_02.gif) no-repeat 0 -92px;
	}
	
	/* ステップ3 ポイント購入 */
	#wrapper #main #contents div.step p.step-03 {
		width:130px;
		height:92px;
		background:url(../images/flow_entry_step_03.gif) top no-repeat;
		text-indent:-9999px;
		float:left;
	}
	#wrapper #main #contents div.step p.step-03 a {
		display:block;
		width:130px;
		height:92px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.step p.step-03 a:hover {
		background:url(../images/flow_entry_step_03.gif) no-repeat 0 -92px;
	}
	
	/* ステップ4 料金お支払 */
	#wrapper #main #contents div.step p.step-04 {
		width:130px;
		height:92px;
		background:url(../images/flow_entry_step_04.gif) top no-repeat;
		text-indent:-9999px;
		float:left;
	}
	#wrapper #main #contents div.step p.step-04 a {
		display:block;
		width:130px;
		height:92px;
		float:left;
		display:inline;
	}
	#wrapper #main #contents div.step p.step-04 a:hover {
		background:url(../images/flow_entry_step_04.gif) no-repeat 0 -92px;
	}
/* 矢印 */
#wrapper #main #contents div.step p.arrow {
	width:16px;
	height:92px;
	background:url(../images/flow_step_arrow.gif) top no-repeat;
	float:left;
}







/* 各ステップ枠 */
#wrapper #main #contents div.step-border {
	width:544px;
	border:#365D38 solid 2px;
	margin:0px 0 0px 14px;
	padding:10px 10px 10px 10px;
}
/* ステップ内 */
#wrapper #main #contents div.step-border div.step-left {
	width:155px;
	margin:0px 5px 0px 0px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.step-border div.step-right {
	width:384px;
	float:right;
	margin:0 0 0 0;
	display:inline;
}
#wrapper #main #contents div.step-border div.step-right div.step-subtitle {
	width:384px;
	height:35px;
}
/* 文字 */
#wrapper #main #contents div.step-border p {
	line-height:18px;
	margin:10px 0 10px 0;
}
#wrapper #main #contents div.step-border p span.red {
	color:#cc0000;
}
#wrapper #main #contents div.step-border p span.link {
	color: #0000ff;
	text-decoration:underline;
}
/* 会員登録ボタン */
#wrapper #main #contents div.step-border div.entry {
	width:189px;
	height:42px;
	background:url(../images/flow_entry_button_entry.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
	display:inline;
	margin:0 95px 0 0;
}
#wrapper #main #contents div.step-border div.entry a {
	display:block;
	width:189px;
	height:42px;
}
#wrapper #main #contents div.step-border div.entry a:hover {
	background:url(../images/flow_entry_button_entry.gif) no-repeat 0 -42px;
}
/* サポートセンター連絡先 */
#wrapper #main #contents div.step-border div.support {
	clear:both;
	width:544px;
	margin:0px 0 0px 0;
}
#wrapper #main #contents div.step-border div.support div.subtitle {
	width:544px;
	height:20px;
	margin:0px 0 0px 0;
}
/* TEL */
#wrapper #main #contents div.step-border div.support div.tel {
	width:177px;
	height:73px;
	float:left;
	display:inline;
	margin:7px 10px 0 90px;
}
/* メール */
#wrapper #main #contents div.step-border div.support div.mail {
	width:177px;
	height:73px;
	background:url(../images/flow_entry_button_mail.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	display:inline;
	margin:7px 0 0 0;
}
#wrapper #main #contents div.step-border div.support div.mail a {
	display:block;
	width:177px;
	height:73px;
}
#wrapper #main #contents div.step-border div.support div.mail a:hover {
	background:url(../images/flow_entry_button_mail.gif) no-repeat 0 -0px;
}
/* チャット
#wrapper #main #contents div.step-border div.support div.chat {
	width:177px;
	height:73px;
	background:url(../images/flow_entry_button_chat.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	display:inline;
	margin:7px 0px 0 0;
}
#wrapper #main #contents div.step-border div.support div.chat a {
	display:block;
	width:177px;
	height:73px;
}
#wrapper #main #contents div.step-border div.support div.chat a:hover {
	background:url(../images/flow_entry_button_chat.gif) no-repeat 0 -73px;
}
 */
/* チャット「Live800」の場合 */
#wrapper #main #contents div.step-border div.support div.chat {
	width:177px;
	height:73px;
	float:left;
	display:inline;
	margin:7px 0px 0 0;
}
/* 操作方法（テキスト）ボタン */
#wrapper #main #contents div.step-border div.button {
	width:166px;
	height:34px;
	background:url(../images/flow_bg_button.gif) no-repeat;
	text-align:center;
	line-height:34px;
	float:right;
	display:inline;
	margin:0 107px 0 0;
}
#wrapper #main #contents div.step-border div.button a {
	display:block;
	width:166px;
	height:34px;
}
#wrapper #main #contents div.step-border div.button a:hover {
	background:url(../images/flow_bg_button.gif) no-repeat 0 -34px;
}





/* 矢印 */
#wrapper #main #contents div.arrow {
	width:71px;
	height:35px;
	margin:0px 0px 0px 265px;
}