/* NetReal! : DM発送サービス サービス概要 */


#wrapper #main {
	margin-bottom: 0;
}


/* キャッチコピー */
#wrapper #main #contents p.catch {
	width:592px;
}


/* h3 */
#wrapper #main #contents h3 {
	margin-bottom:20px;
}



/* ページ上部メニューボタン */
#wrapper #main #contents div.menu {
	width:592px;
	height:94px;
}
/* 低価格 */
#wrapper #main #contents div.menu p.menu-01 {
	width:181px;
	height:94px;
	background:url(../images/service_menu_01.gif) top no-repeat;
	margin:0 0 0 12px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu p.menu-01 a {
	display:block;
	width:181px;
	height:94px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu p.menu-01 a:hover {
	background:url(../images/service_menu_01.gif) no-repeat 0 -94px;
}
/* 高品質 */
#wrapper #main #contents div.menu p.menu-02 {
	width:181px;
	height:94px;
	background:url(../images/service_menu_02.gif) top no-repeat;
	margin:0 0 0 14px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu p.menu-02 a {
	display:block;
	width:181px;
	height:94px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu p.menu-02 a:hover {
	background:url(../images/service_menu_02.gif) no-repeat 0 -94px;
}
/* 利便性 */
#wrapper #main #contents div.menu p.menu-03 {
	width:181px;
	height:94px;
	background:url(../images/service_menu_03.gif) top no-repeat;
	margin:0 0 0 13px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu p.menu-03 a {
	display:block;
	width:181px;
	height:94px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu p.menu-03 a:hover {
	background:url(../images/service_menu_03.gif) no-repeat 0 -94px;
}







/* 枠 */
#wrapper #main #contents div.characteristic {
	width:592px;
	margin-bottom:30px;
}
	/* サービス左側 */
	#wrapper #main #contents div.characteristic div.service-left {
		width:277px;
		float:left;
		margin-left:13px;
		display:inline;
	}
	#wrapper #main #contents div.characteristic div.service-left div.main {
		width:261px;
		background-color:#E7F5A8;
		padding:8px;
		margin-bottom:13px;
	}
	#wrapper #main #contents div.characteristic div.service-left div.main img {
		display:block;
		margin-right:8px;
		float:left;
	}
	#wrapper #main #contents div.characteristic div.service-left div.main p {
		line-height:1.3em;
	}
	#wrapper #main #contents div.characteristic div.service-left div.main p span.note {
		font-size:90%;
	}
	
	/* サービス右側 */
	#wrapper #main #contents div.characteristic div.service-right {
		width:277px;
		float:right;
		margin-right:13px;
		display:inline;
	}
	#wrapper #main #contents div.characteristic div.service-right div.main {
		width:261px;
		background-color:#E7F5A8;
		padding:8px;
		margin-bottom:13px;
	}
	#wrapper #main #contents div.characteristic div.service-right div.main img {
		display:block;
		margin-right:8px;
		float:left;
	}
	#wrapper #main #contents div.characteristic div.service-right div.main p {
		line-height:1.3em;
	}
	#wrapper #main #contents div.characteristic div.service-right div.main p.note {
		line-height:1.3em;
		font-size:95%;
	}



/* 詳細を見るボタン */
#wrapper #main #contents div.characteristic div.service-right div.detail {
	width:277px;
	padding:15px 0 15px 0;
}
#wrapper #main #contents div.characteristic div.service-right div.detail p.button {
	width:212px;
	height:48px;
	background:url(../images/service_button_detail.gif) top no-repeat;
	margin:0px auto 0px auto;

	text-indent:-9999px;
}
#wrapper #main #contents div.characteristic div.service-right div.detail p.button a {
	display:block;
	width:212px;
	height:48px;
}
#wrapper #main #contents div.characteristic div.service-right div.detail p.button a:hover {
	background:url(../images/service_button_detail.gif) no-repeat 0 -48px;
}








/* 無料会員登録 ボタン */
#wrapper #main #contents p.entry {
	width:309px;
	height:56px;
	background:url(../images/beginner_button_entry.gif) top no-repeat;
	margin:0px 0 30px 136px;
	text-indent:-9999px;
}
#wrapper #main #contents p.entry a {
	display:block;
	width:309px;
	height:56px;
}
#wrapper #main #contents p.entry a:hover {
	background:url(../images/beginner_button_entry.gif) no-repeat 0 -56px;
}



