/*　おすすめサービス用CSS　*/

*{
	margin:0;
	padding: 0;
}

img{
	border: 0;
}

/* ------------▼▼共通使用クラス▼▼------------ */
.mcenter{
	margin-left: auto; margin-right: auto;
}
/* ------------▲▲共通使用クラス▲▲------------ */

/* ------------▼▼ヘッドナビ▼▼------------ */
dl.headnavi{
	clear: both;
	text-align: right;
	float: right;
	overflow: auto;
	height: 1%;
	margin-bottom: 2px;
}

	dl.headnavi dd{
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 16px;
	margin-right: 10px;
	float: left;
	}
	
		dl.headnavi dd.here{
		font-weight: bold;
		}

/* ------------▲▲ヘッドナビ▲▲------------ */


/* ------------▼▼▼おすすめインデックスページ▼▼▼------------ */

/* --------▼▼おすすめリンクタイトル部分▼▼-------- */
#recommend_main{
	clear: both;
	width: 715px;
	margin: 15px auto;
}

/* --------▲▲おすすめリンクタイトル部分▲▲-------- */

/* ------------▼▼メインタイトルとページナビ▼▼------------ */
#maintitle_pagenavi{
	clear: both;
	background: url(../recommend/images/ind_maintitleback.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: 1%;
}

#maintitle_pagenavi div.maintitle{
	width: 510px;
	_margin-right: -5px;
	float: left;
}

	#maintitle_pagenavi P.headtxt{
	background: url(../recommend/images/ind_maintitle_head.gif) top left no-repeat;
	font-size: 1px;
	text-indent: -99999px;
	height: 43px;
	clear: both;
	padding: 0px;
	margin: 10px 10px 5px 10px;
	}

#maintitle_pagenavi h1{
	background: url(../recommend/images/ind_h1maintitle.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	border: none;
	margin: 0px 10px 10px 10px;	
}

/* ------------▼メインナビ▼------------ */
#reconavi{
	clear: both;
	height: 40px;
	background: #FC0;
	margin: 0px 0px;
}

	#reconavi li{
	float: left;
	font-size: 1px;
	height: 40px;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	text-indent: -99999px;
	}
	
	#reconavi li a{
	display: block;
	width: 160px;
	height: 40px;
	}
	
	/* おすすめサービス */
	#reconavi li#service{
	width: 160px;
	background: url(../recommend/images/mainpagenavi_ser_on.gif) top left no-repeat;
	}
	
	li#service a{
	background: url(../recommend/images/mainpagenavi_ser.gif) top left no-repeat;
	display: block;
	width: 160px;
	height: 40px;
	}
		li#service a:hover{
		background-position: 0px -40px;
		}
	
	/* おすすめソフト */
	#reconavi li#soft{
	width: 160px;
	height: 40px;
	background: url(../recommend/images/mainpagenavi_soft_on.gif) top left no-repeat;
	}
		li#soft a{
		background: url(../recommend/images/mainpagenavi_soft.gif) top left no-repeat;
		display: block;
		width: 160px;
		height: 40px;
		}
		li#soft a:hover{
		background-position: 0px -40px;
		}
	
	/* おすすめ書籍 */
	#reconavi li#book{
	display: block;
	width: 160px;
	height: 40px;
	}
		li#book a{
		background: url(../recommend/images/mainpagenavi_book.gif) top left no-repeat;
		display: block;
		width: 160px;
		height: 40px;
		}
		li#book a:hover{
		background-position: 0px -40px;
		}
	
/* ------------▲メインナビ▲------------ */

img .maintitle_img{
	position: relative;
	top: 0px;
	right: 0px;
	float: right;
}

#maintitle_pagenavi div.maintitle P.maintxt{
	margin: 10px;
	line-height: 1.5;
	font-size: 100%;
}

/* ------------▼ページナビ▼------------ */
#maintitle_pagenavi dl.mainpagenavi{
	width: 215px;
	float: left;
	height: 1%;
	overflow: auto;
	padding-bottom: 15px;
}

	dl.mainpagenavi dd a{
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 16px;
	line-height: 1.5;
	display: block;
	width: 180px;
	margin-left: 6px;
	}
	

#infra dt, #marketing dt, #manage dt{
	margin-bottom: 7px;
}

#infra{
	margin-left: 10px;
	margin-right: 10px;
	_margin-right: 8px;
}
	#infra dt{
	background: url(../recommend/images/ind_pagenavi_ser.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}


#marketing{
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0px 10px;
}
	#marketing dt{
	background: url(../recommend/images/ind_pagenavi_mark.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}
	
#manage{
	margin: 0px 10px;
}

	#manage dt{
	background: url(../recommend/images/ind_pagenavi_attract.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}

/* ------------▲ページナビ▲------------ */

/* ------------▼▼開業支援部分▼▼------------ */
#part_infra{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_infra h2{
	background: url(../recommend/images/h2_ind_infra.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}
	
#part_infra h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

	/* レンサバ用 */	
	#part_infra h3.renser{
	background: url(../recommend/images/h3_ind_renser.gif) top left no-repeat;
	}

	dl.important_txt dt.renser{
	background: url(../recommend/images/explain_dt_renser.gif) top left no-repeat;
	}
	
	div.servicelist h4.renser{
	background: url(../recommend/images/h4_ind_renser.gif) top left no-repeat;
	}
	
	/* SSL用 */
	#part_infra h3.ssl{
	background: url(../recommend/images/h3_ind_ssl.gif) top left no-repeat;
	}
	
	dl.important_txt dt.ssl{
	background: url(../recommend/images/explain_dt_ssl.gif) top left no-repeat;
	}
	
	div.servicelist h4.ssl{
	background: url(../recommend/images/h4_ind_ssl.gif) top left no-repeat;
	}
	
	/* ネット決済用 */
	#part_infra h3.paym{
	background: url(../recommend/images/h3_ind_paym.gif) top left no-repeat;
	}
	
	dl.important_txt dt.paym{
	background: url(../recommend/images/explain_dt_paym.gif) top left no-repeat;
	}
	
	div.servicelist h4.paym{
	background: url(../recommend/images/h4_ind_paym.gif) top left no-repeat;
	}
	
	
/* ------------▲▲開業支援部分▲▲------------ */

/* ------------▼▼集客販促部分▼▼------------ */
#part_mark{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_mark h2{
	background: url(../recommend/images/h2_ind_mark.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

#part_mark h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

	/* キーワード広告用 */
	#part_mark h3.keyad{
	background: url(../recommend/images/h3_ind_keyad.gif) top left no-repeat;
	}
	
	dl.important_txt dt.keyad{
	background: url(../recommend/images/explain_dt_keyad.gif) top left no-repeat;
	}
	
	div.servicelist h4.keyad{
	background: url(../recommend/images/h4_ind_keyad.gif) top left no-repeat;
	}
	
	div.servicelist h4.kasta{
	background: url(../recommend/images/h4_ind_kasta.gif) top left no-repeat;
	}
	
	/* アフィリエイト用 */
	#part_mark h3.affi{
	background: url(../recommend/images/h3_ind_affi.gif) top left no-repeat;
	}
	
	dl.important_txt dt.affi{
	background: url(../recommend/images/explain_dt_affi.gif) top left no-repeat;
	}
	
	div.servicelist h4.affi{
	background: url(../recommend/images/h4_ind_affi.gif) top left no-repeat;
	}
	
	/* HP売上アップ支援サービス用 */
	#part_mark h3.hpup{
	background: url(../recommend/images/h3_ind_hpup.gif) top left no-repeat;
	}
	
	dl.important_txt dt.hpup{
	background: url(../recommend/images/explain_dt_hpup.gif) top left no-repeat;
	}
	
	div.servicelist h4.hpup{
	background: url(../recommend/images/h4_ind_hpup.gif) top left no-repeat;
	}
	
	div.servicelist h4.hpup2{
	background: url(../recommend/images/h4_ind_hpup2.gif) top left no-repeat;
	}
	
	/* ウェブマーケティングツール用 */
	#part_mark h3.wmt{
	background: url(../recommend/images/h3_ind_wmt.gif) top left no-repeat;
	}
	
	dl.important_txt dt.wmt{
	background: url(../recommend/images/explain_dt_wmt.gif) top left no-repeat;
	}
	
	div.servicelist h4.wmt{
	background: url(../recommend/images/h4_ind_wmt.gif) top left no-repeat;
	}
	
	/* アクセス解析ツール用 */
	#part_mark h3.acl{
	background: url(../recommend/images/h3_ind_acl.gif) top left no-repeat;
	}
	
	dl.important_txt dt.acl{
	background: url(../recommend/images/explain_dt_acl.gif) top left no-repeat;
	}
	
	div.servicelist h4.acl{
	background: url(../recommend/images/h4_ind_acl.gif) top left no-repeat;
	}
	
	/* モール、商品検索サービス用 */
	#part_mark h3.mall{
	background: url(../recommend/images/h3_ind_mall.gif) top left no-repeat;
	}
	
	dl.important_txt dt.mall{
	background: url(../recommend/images/explain_dt_mall.gif) top left no-repeat;
	}
	
	dl.important_txt dt.mall2{
	background: url(../recommend/images/explain_dt_mall2.gif) top left no-repeat;
	}
	
	div.servicelist h4.mall{
	background: url(../recommend/images/h4_ind_mall.gif) top left no-repeat;
	}
	
	div.servicelist h4.mall2{
	background: url(../recommend/images/h4_ind_mall2.gif) top left no-repeat;
	}
	
	/* インターネット地図広告用 */
	#part_mark h3.adsp{
	background: url(../recommend/images/h3_ind_adsp.gif) top left no-repeat;
	}
	
	dl.important_txt dt.adsp{
	background: url(../recommend/images/explain_dt_adsp.gif) top left no-repeat;
	}
	
	div.servicelist h4.adsp{
	background: url(../recommend/images/h4_ind_adsp.gif) top left no-repeat;
	}
	
	/* インターネット広告用 */
	#part_mark h3.netad{
	background: url(../recommend/images/h3_ind_netad.gif) top left no-repeat;
	}
	
	dl.important_txt dt.netad{
	background: url(../recommend/images/explain_dt_netad.gif) top left no-repeat;
	}
	
	div.servicelist h4.netad{
	background: url(../recommend/images/h4_ind_netad.gif) top left no-repeat;
	}
	
	
	/* メール管理システム用 */
	#part_mark h3.mms{
	background: url(../recommend/images/h3_ind_mms.gif) top left no-repeat;
	}
/* ------------▲▲集客販促部分▲▲------------ */

/* ------------▼▼運営管理部分▼▼------------ */
#part_attract{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_attract h2{
	background: url(../recommend/images/h2_ind_attract.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

#part_attract h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

	/* メール管理システム用 */
	#part_attract h3.mms{
	background: url(../recommend/images/h3_ind_mms.gif) top left no-repeat;
	}
	
	dl.important_txt dt.mms{
	background: url(../recommend/images/explain_dt_mms.gif) top left no-repeat;
	}
	
	div.servicelist h4.mms{
	background: url(../recommend/images/h4_ind_mms.gif) top left no-repeat;
	}
	

	/* グループウェア用 */
	#part_attract h3.grp{
	background: url(../recommend/images/h3_ind_grp.gif) top left no-repeat;
	}
	
	dl.important_txt dt.grp{
	background: url(../recommend/images/explain_dt_grp.gif) top left no-repeat;
	}
	
	div.servicelist h4.grp{
	background: url(../recommend/images/h4_ind_grp.gif) top left no-repeat;
	}

/* ------------▲▲運営管理部分▲▲------------ */

/* ------▼おすすめ一個単位(共通)▼------ */
#part_infra h2 div.oneservece{
	clear: both;
	margin: 7px auto 8px auto;
	overflow: auto;
	height: 1%;
}

/* 左側テキスト説明部分 */
div.oneservece div.explain{
	width: 260px;
	float: left;
}
	div.explain dl.important_txt{
	background: #F9F8F2;
	padding: 10px;
	margin: 0px 10px 15px 0px;
	}
	
		dl.important_txt dt{
		text-indent: -99999px;
		font-size: 1px;
		display: block;
		height: 20px;
		width: 220px;
		margin: 7px auto;
		}
		
div.oneservece div.servicelist{
	width: 455px;
	float: right;
	overflow: auto;
	height: 1%;
}

div.servicelist h4{
	width: 455px;
	text-indent: -99999px;
	font-size: 1px;
	height: 42px;
	border: none;
	padding: 0px;
}

div.servicelist table{
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

div.servicelist table.twocolumn{
	border: 1px solid #CCC;
}

div.servicelist td{
	text-align: center;
}

	div.servicelist td.servicebox{
	border: 1px solid #CCC;
	width: 220px;
	padding: 8px 0px;
	}
	
		div.servicelist td.servicebox2{
		width: 220px;
		padding: 8px 0px;
		}
	
		div.servicelist td.servicebox_one{
		border: 1px solid #CCC;
		width: 439px;
		padding: 8px 0px;
		}
		
		div.servicelist td.servicebox_one a img{
		margin: 5px auto;
		}
		
		div.servicelist td.servicebox_one2{
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
		width: 439px;
		padding: 8px 0px;
		text-align: center;
		}
		
		div.servicelist td.linespace2 hr, div.servicelist td.linespace3 hr{
		color: #CCC;
		width: 90%;
		margin-left: auto; margin-right: auto;
		}
		
	div.servicelist div.bookbox{
	width: 165px;
	padding: 8px 0px;
	float: left;
	}
	
		div.servicelist div.bookbox2{
		width: 265px;
		padding: 8px 0px;
		float: left;
		}
	
	div.servicelist div.booktxt{
	width: 255px;
	text-align: left;
	padding: 8px 0px;
	float: left;
	}
	
		div.servicelist div.booktxt2{
		width: 155px;
		text-align: left;
		padding: 8px 0px;
		float: left;
		}
	
		div.booktxt dl.content{
		margin-top: 10px;
		margin-bottom: 5px;
		}
		
		div.booktxt dl.content dt a{
		background: url(../images/arrow.gif) 0px 3px no-repeat;
		padding-left: 16px;
		font-weight: bold;
		}
		
		div.booktxt dl.content dd{
		padding-left: 18px;
		line-height: 1.4;
		}
	
	div.servicelist td.spacer{
	border: none;
	width: 15px;
	}
	
	div.servicelist td.linespace{
	border: none;
	height: 7px;
	font-size: 1px;
	}
	
	div.servicelist td.linespace2{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 7px;
	font-size: 1px;
	}
	
	div.servicelist td.linespace3{
	height: 7px;
	font-size: 1px;
	}

/* もっと詳しくの部分 */	
dl.detail{
	padding-bottom: 20px;
}

	dl.detail dt{
	text-indent: -99999px;
	font-size: 1px;
	height: 30px;
	background: url(../recommend/images/dt_list_detail.gif) top left no-repeat;
	}
	
	dl.detail dd{
	padding: 7px;
	width: 234px;
	border-left: 1px solid #EED8B1;
	border-right: 1px solid #EED8B1;
	border-bottom: 1px solid #EED8B1;
	}
	
	dl.detail dd a{
	background: #FD0;
	display: block;
	width: 215px;
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 16px;
	}
	
	
/* ------▲おすすめ一個単位▲------ */

/* ------------▼▼フッタナビ▼▼------------ */
dl.footnavi{
	clear: both;
	text-align: center;
	overflow: auto;
	height: 1%;
	margin-bottom: 2px;
	margin-left: 200px;
}

	dl.footnavi dd{
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 16px;
	margin-right: 10px;
	float: left;
	}
	
		dl.footnavi dd.here{
		font-weight: bold;
		}

/* ------------▲▲フッタナビ▲▲------------ */

/* ------------▲▲メインタイトルとページナビ▲▲------------ */

/* ------------▲▲▲おすすめインデックスページ▲▲▲------------ */


/* ------------▼▼▼ソフトページ▼▼▼------------ */
/* --------▼▼おすすめリンクタイトル部分▼▼-------- */
#recosoft_main{
	clear: both;
	width: 715px;
	margin: 15px auto;
}

/* --------▲▲おすすめリンクタイトル部分▲▲-------- */

/* ------------▼▼メインタイトルとページナビ▼▼------------ */
#softtitle_pagenavi{
	clear: both;
	background: url(../recommend/images/ind_maintitleback.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: 1%;
}
#softtitle_pagenavi div.maintitle{
	width: 510px;
	_margin-right: -5px;
	float: left;
}

	#softtitle_pagenavi P.headtxt{
	background: url(../recommend/images/ind_maintitle_head.gif) top left no-repeat;
	font-size: 1px;
	text-indent: -99999px;
	height: 43px;
	clear: both;
	padding: 0px;
	margin: 10px 10px 5px 10px;
	}
	
#softtitle_pagenavi h1{
	background: url(../recommend/images/sft_h1maintitle.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	border: none;
	margin: 0px 10px 10px 10px;	
}

/* ------------▼メインナビ▼------------ */
#sftnavi{
	clear: both;
	height: 40px;
	background: #390;
	margin: 0px 0px;
}

	#sftnavi li{
	float: left;
	font-size: 1px;
	height: 40px;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	text-indent: -99999px;
	}
	
	#sftnavi li a{
	display: block;
	width: 160px;
	height: 40px;
	}
	/* おすすめサービス */
	#sftnavi li#service{
	width: 160px;
	}
	
	#sftnavi li#service a{
	background: url(../recommend/images/sftpagenavi_ser.gif) top left no-repeat;
	display: block;
	width: 160px;
	height: 40px;
	}
		#sftnavi li#service a:hover{
		background-position: 0px -40px;
		}
	
	/* おすすめソフト */
	#sftnavi li#soft{
	width: 160px;
	height: 40px;
	background: url(../recommend/images/sftpagenavi_soft_on.gif) top left no-repeat;
	}
		#sftnavi li#soft a{
		background: url(../recommend/images/sftpagenavi_soft.gif) top left no-repeat;
		display: block;
		width: 160px;
		height: 40px;
		}
		#sftnavi li#soft a:hover{
		background-position: 0px -40px;
		}
	
	/* おすすめ書籍 */
	#sftnavi li#book{
	display: block;
	width: 160px;
	height: 40px;
	}
		#sftnavi li#book a{
		background: url(../recommend/images/sftpagenavi_book.gif) top left no-repeat;
		display: block;
		width: 160px;
		height: 40px;
		}
		#sftnavi li#book a:hover{
		background-position: 0px -40px;
		}
	
/* ------------▲メインナビ▲------------ */

#softtitle_pagenavi div.maintitle P.maintxt{
	margin: 10px;
	line-height: 1.5;
	font-size: 100%;
}

/* ------------▼ページナビ▼------------ */
#softtitle_pagenavi dl.mainpagenavi{
	width: 215px;
	float: left;
	height: 1%;
	overflow: auto;
	padding-bottom: 15px;
}

	dl.mainpagenavi dd a{
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 16px;
	line-height: 1.5;
	display: block;
	width: 180px;
	margin-left: 6px;
	}
	
#open{
	margin-left: 10px;
	margin-right: 10px;
	_margin-right: 8px;
}
	#open dt{
	background: url(../recommend/images/sft_pagenavi_open.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}
	
#smark{
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0px 10px;
}
	#smark dt{
	background: url(../recommend/images/sft_pagenavi_mark.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}
	
#sftmane{
	margin: 0px 10px;
}

	#sftmane dt{
	background: url(../recommend/images/sft_pagenavi_mgn.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}

/* ------------▲ページナビ▲------------ */

/* ------------▼▼開業支援部分▼▼------------ */
#part_open{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_open h2{
	background: url(../recommend/images/h2_sft_open.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

#part_open h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

	/* 開業ノウハウDVD用 */
	#part_open h3.dvd{
	background: url(../recommend/images/h3_sft_dvd.gif) top left no-repeat;
	}
	
	dl.important_txt dt.dvd{
	background: url(../recommend/images/explain_dt_dvd.gif) top left no-repeat;
	}
	
	div.servicelist h4.dvd{
	background: url(../recommend/images/h4_sft_dvd.gif) top left no-repeat;
	}
	
	/* ウィルス対策用 */
	#part_open h3.virus{
	background: url(../recommend/images/h3_sft_virus.gif) top left no-repeat;
	}
	
	dl.important_txt dt.virus{
	background: url(../recommend/images/explain_dt_virus.gif) top left no-repeat;
	}
	
	div.servicelist h4.virus{
	background: url(../recommend/images/h4_sft_virus.gif) top left no-repeat;
	}
	
	/* 画像関連用 */
	#part_open h3.adbimg{
	background: url(../recommend/images/h3_sft_adbimg.gif) top left no-repeat;
	}
	
	dl.important_txt dt.adbimg{
	background: url(../recommend/images/explain_dt_adbimg.gif) top left no-repeat;
	}
	
	div.servicelist h4.adbimg{
	background: url(../recommend/images/h4_sft_adbimg.gif) top left no-repeat;
	}
	
	div.servicelist h4.adbimg2{
	background: url(../recommend/images/h4_sft_adbimg2.gif) top left no-repeat;
	}
	
	div.servicelist h4.adbimg3{
	background: url(../recommend/images/h4_sft_adbimg3.gif) top left no-repeat;
	}
	
	/* ホームページ作成用 */
	#part_open h3.site{
	background: url(../recommend/images/h3_sft_site.gif) top left no-repeat;
	}
	
	dl.important_txt dt.site{
	background: url(../recommend/images/explain_dt_site.gif) top left no-repeat;
	}
	
	div.servicelist h4.site{
	background: url(../recommend/images/h4_sft_site.gif) top left no-repeat;
	}
	
	
/* ------------▲▲開業支援部分▲▲------------ */

/* ------------▼▼ショップ集客・販促支援部分▼▼------------ */
#part_smark{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_smark h2{
	background: url(../recommend/images/h2_sft_smark.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

#part_smark h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

	/* メールマガジン・ダイレクトメール配信用 */
	#part_smark h3.mm{
	background: url(../recommend/images/h3_smrk_mm.gif) top left no-repeat;
	}
	
	dl.important_txt dt.mm{
	background: url(../recommend/images/explain_dt_mm.gif) top left no-repeat;
	}
	
	div.servicelist h4.mm{
	background: url(../recommend/images/h4_smrk_mm.gif) top left no-repeat;
	}
	
	
	/* ハガキ＆住所録作成用 */
	#part_smark h3.post{
	background: url(../recommend/images/h3_smrk_post.gif) top left no-repeat;
	}
	
	dl.important_txt dt.post{
	background: url(../recommend/images/explain_dt_post.gif) top left no-repeat;
	}
	
	div.servicelist h4.post{
	background: url(../recommend/images/h4_smrk_post.gif) top left no-repeat;
	}
/* ------------▲▲▲ショップ集客・販促支援部分▲▲▲------------ */

/* ------------▼▼ショップ運営・管理支援部分▼▼------------ */
#part_sman{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_sman h2{
	background: url(../recommend/images/h2_sft_sman.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

#part_sman h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

	/* 販売管理用 */
	#part_sman h3.sell{
	background: url(../recommend/images/h3_smrk_sell.gif) top left no-repeat;
	}
	
	dl.important_txt dt.sell{
	background: url(../recommend/images/explain_dt_sell.gif) top left no-repeat;
	}
	
	div.servicelist h4.sell{
	background: url(../recommend/images/h4_smrk_sell.gif) top left no-repeat;
	}
	
	/* 会計用 */
	#part_sman h3.acc{
	background: url(../recommend/images/h3_smrk_acc.gif) top left no-repeat;
	}
	
	dl.important_txt dt.acc{
	background: url(../recommend/images/explain_dt_acc.gif) top left no-repeat;
	}
	
	div.servicelist h4.acc{
	background: url(../recommend/images/h4_smrk_acc.gif) top left no-repeat;
	}
	
	/* 伝票印刷用 */
	#part_sman h3.slip{
	background: url(../recommend/images/h3_smrk_slip.gif) top left no-repeat;
	}
	
	dl.important_txt dt.slip{
	background: url(../recommend/images/explain_dt_slip.gif) top left no-repeat;
	}
	
	div.servicelist h4.slip{
	background: url(../recommend/images/h4_smrk_slip.gif) top left no-repeat;
	}
	
	
P.soft_notice{
	text-align: left;
	margin: 7px 10px;
}
/* ------------▲▲▲ショップ運営・管理支援部分▲▲▲------------ */
/* ------------▲▲▲ソフトページ▲▲▲------------ */

/* ------------▼▼▼書籍ページ▼▼▼------------ */
/* --------▼▼おすすめリンクタイトル部分▼▼-------- */
#recobook_main{
	clear: both;
	width: 715px;
	margin: 15px auto;
}

/* --------▲▲おすすめリンクタイトル部分▲▲-------- */

/* ------------▼▼メインタイトルとページナビ▼▼------------ */
#booktitle_pagenavi{
	clear: both;
	background: url(../recommend/images/ind_maintitleback.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: 1%;
}
#booktitle_pagenavi div.maintitle{
	width: 510px;
	_margin-right: -5px;
	float: left;
}

	#booktitle_pagenavi P.headtxt{
	background: url(../recommend/images/ind_maintitle_head.gif) top left no-repeat;
	font-size: 1px;
	text-indent: -99999px;
	height: 43px;
	clear: both;
	padding: 0px;
	margin: 10px 10px 5px 10px;
	}

#booktitle_pagenavi h1{
	background: url(../recommend/images/bk_h1maintitle.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	border: none;
	margin: 0px 10px 10px 10px;	
}
/* ------------▼メインナビ▼------------ */
#bknavi{
	clear: both;
	height: 40px;
	background: #5F2BFF;
	margin: 0px 0px;
}

	#bknavi li{
	float: left;
	font-size: 1px;
	height: 40px;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	text-indent: -99999px;
	}
	
	#bknavi li a{
	display: block;
	width: 160px;
	height: 40px;
	}
	/* おすすめサービス */
	#bknavi li#service{
	width: 160px;
	}
	
	#bknavi li#service a{
	background: url(../recommend/images/bkpagenavi_ser.gif) top left no-repeat;
	display: block;
	width: 160px;
	height: 40px;
	}
		#bknavi li#service a:hover{
		background-position: 0px -40px;
		}
		
	/* おすすめソフト */
	#bknavi li#soft{
	width: 160px;
	height: 40px;
repeat;
	}
		#bknavi li#soft a{
		background: url(../recommend/images/bkpagenavi_soft.gif) top left no-repeat;
		display: block;
		width: 160px;
		height: 40px;
		}
		#bknavi li#soft a:hover{
		background-position: 0px -40px;
		}
		
	/* おすすめ書籍 */
	#bknavi li#book{
	display: block;
	width: 160px;
	height: 40px;
	background: url(../recommend/images/bkpagenavi_book.gif) top left no-repeat;
	}
	
/* ------------▲メインナビ▲------------ */

#booktitle_pagenavi div.maintitle P.maintxt{
	margin: 10px;
	line-height: 1.5;
	font-size: 100%;
}
/* ------------▲▲メインタイトルとページナビ▲▲------------ */

/* ------------▼ページナビ▼------------ */
#booktitle_pagenavi dl.mainpagenavi{
	width: 155px;
	float: left;
	height: 1%;
	overflow: auto;
	padding-bottom: 15px;
}

	#booktitle_pagenavi dl.mainpagenavi dd a{
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 16px;
	line-height: 1.5;
	display: block;
	width: 110px;
	margin-left: 6px;
	}
	
#obook dt, #makbk dt, #manbk dt, #other dt{
	margin-bottom: 7px;
}

#obook{
	margin-left: 10px;
	margin-right: 10px;
	_margin-right: 8px;
}

	#obook dt{
	background: url(../recommend/images/bk_pagenavi_ope.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}

#makbk{
	border-left: 1px solid #CCC;
	padding: 0px 10px;
}

	#makbk dt{
	background: url(../recommend/images/bk_pagenavi_mak.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}

#manbk{
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0px 10px;
}

	#manbk dt{
	background: url(../recommend/images/bk_pagenavi_man.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}

#other{
	margin: 0px 10px;
}

	#other dt{
	background: url(../recommend/images/bk_pagenavi_oth.gif) top left no-repeat;
	text-indent: -99999px;
	font-size: 1px;
	height: 40px;
	}

/* ------------▲ページナビ▲------------ */

/* ------------▼▼開業支援部分▼▼------------ */
#part_bope{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_bope h2{
	background: url(../recommend/images/h2_bk_bope.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

/* ------------▲▲開業支援部分▲▲------------ */

/* ------------▼▼マーケティング部分▼▼------------ */
#part_bmak{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_bmak h2{
	background: url(../recommend/images/h2_bk_bkmk.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

/* ------------▲▲マーケティング部分▲▲------------ */

/* ------------▼▼運営・管理支援部分▼▼------------ */
#part_cll{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_cll h2{
	background: url(../recommend/images/h2_bkmk_cll.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

/* ------------▲▲運営・管理支援部分▲▲------------ */

/* ------------▼▼その他部分▼▼------------ */
#part_othe{
	clear: both;
	width: 715px;
	margin: 15px auto;
	_margin: 15px 0px 15px 11px;
}

#part_othe h2{
	background: url(../recommend/images/h2_bkmk_other.gif) top left no-repeat;
	height: 45px;
	text-indent: -99999px;
	font-size: 1px;
	border: none;
	padding: 0px;
}

/* ------------▲▲その他部分▲▲------------ */

#part_bope h3, #part_bmak h3, #part_cll h3, #part_othe h3{
	text-indent: -99999px;
	font-size: 1px;
	height: 35px;
	padding: 0px;
	border: none;
	margin: 10px auto 10px auto;
}

#part_bope table.booklist, #part_bmak table.booklist{
	width: 100%;
	clear: both;
}

	#part_bope table.booklist td, #part_bmak table.booklist td{
		text-align: center;
	}
	
	#part_bope table.booklist td.book, #part_bmak table.booklist td.book{
	border: 1px solid #CCC;
	padding: 8px 0px;
	width: 350px;
	}
	
	#part_bope table.booklist td div.bookbox, #part_bmak table.booklist td div.bookbox{
	width: 135px;
	padding: 5px 0px;
	float: left;
	}
	
	#part_bope table.booklist td div.booktxt, #part_bmak table.booklist td div.booktxt{
	width: 205px;
	text-align: left;
	padding: 5px 0px;
	float: left;
	}
	
	#part_bope table.booklist td.spacer, #part_bmak table.booklist td.spacer{
	border: none;
	width: 8px;
	}
	
	#part_bope table.booklist td.linespace, #part_bmak table.booklist td.linespace{
	border: none;
	height: 8px;
	padding: 0px;
	font-size: 1px;
	}


	/* 開業前用 */
	#part_bope h3.bef{
	background: url(../recommend/images/h3_bope_bef.gif) top left no-repeat;
	}
	
	/* 画像関連用 */
	#part_bope h3.ima{
	background: url(../recommend/images/h3_bope_ima.gif) top left no-repeat;
	}
	
	/* ホームページ作成用 */
	#part_bope h3.hpm{
	background: url(../recommend/images/h3_bope_hpm.gif) top left no-repeat;
	}
	
	/* マーケティング用 */
	#part_bmak h3.bmk{
	background: url(../recommend/images/h3_bmak_bmk.gif) top left no-repeat;
	}

	/* ＳＥＯ用 */
	#part_bmak h3.seo{
	background: url(../recommend/images/h3_bkmk_seo.gif) top left no-repeat;
	}
	
	/* アフィリエイト用 */
	#part_bmak h3.affi{
	background: url(../recommend/images/h3_bkmk_affi.gif) top left no-repeat;
	}
	
	/* アクセス解析用 */
	#part_bmak h3.ana{
	background: url(../recommend/images/h3_bkmk_ana.gif) top left no-repeat;
	}
	
	/* 個人情報保護用 */
	#part_cll h3.pri{
	background: url(../recommend/images/h3_bkmk_pri.gif) top left no-repeat;
	}
	
	/* 消費税用 */
	#part_cll h3.tax{
	background: url(../recommend/images/h3_bkmk_tax.gif) top left no-repeat;
	}
	
	/* 業績回復術用 */
	#part_cll h3.care{
	background: url(../recommend/images/h3_bkmk_care.gif) top left no-repeat;
	}
	
	/* 確定申告用 */
	#part_cll h3.blue{
	background: url(../recommend/images/h3_bkmk_blue.gif) top left no-repeat;
	}
	
	/* ネットショップ雑誌用 */
	#part_othe h3.nts{
	background: url(../recommend/images/h3_bkmk_nts.gif) top left no-repeat;
	}
	
	/* 自己啓発用 */
	#part_othe h3.posi{
	background: url(../recommend/images/h3_bkmk_posi.gif) top left no-repeat;
	}
/* ------------▲▲▲書籍ページ▲▲▲------------ */