/* NetReal! : DM発送サービス 共通スタイルシート */




/* 全体基本設定 */
* {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
html {
    font-family: "ＭＳ ゴシック", "Osaka－等幅";
    font-size: 75%;
}
img {
    border: none;
}
a {
    color: blue;
	overflow:hidden;
}
body {
    background-color: #ECF5F0;
}




/* float時高さ0回避（適宜使用） */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */




/* 基本レイアウト */
#wrapper {
	width:854px;
	background:url(../images/common_bg_wrapper.gif) top repeat-y;
	margin:0 auto 0 auto;
}
#wrapper #header {
	width:800px;
	margin:0 auto 0 auto;
	position:relative;
}
#wrapper #navi {
	width:800px;
	height:40px;
	margin:0 auto 0 auto;
}
#wrapper #main {
	width:800px;
	margin: 0 auto 30px auto;
}
	/* コンテンツ左 */
	#wrapper #main #contents {
		with:592px;
		margin:0 0 0 17px;
		float:left;
		display:inline;
	}
	/* コンテンツ右（サイドバー） */
	#wrapper #main #sidebar {
		with:159px;
		margin:0 11px 0 0;
		float:right;
		display:inline;
	}
#wrapper #footer {
	clear:both;
	width:800px;
	background:url(../images/common_bg_footer.gif) top repeat-x;
	margin:0 auto 0 auto;
}





/* ヘッダー */
/* description */
#wrapper #header div.description {
	width:800px;
	background-color:#D1EAD4;
}
#wrapper #header div.description p {
	padding:5px;
}
/* ロゴ */
#wrapper #header div.logo {
	width:326px;
	height:72px;
	margin:10px 0 10px 17px;
}
/* h1 */
#wrapper #header h1 {
	font-weight:normal;
	font-size:100%;
	padding:5px;
}

/* タイトルロゴ */
#wrapper #header p.title-logo {
	position:absolute;
	top:71px;
	left:227px;
}

/* リンク */
#wrapper #header p.link {
	position:absolute;
	font-size:80%;
	top:30px;
	right:10px;
}
/* サポートセンター */
#wrapper #header p.support {
	width:326px;
	height:56px;
	position:absolute;
	top:50px;
	right:10px;
}








/* グローバルナビ */
#wrapper #navi ul {
	width:780px;
	height:40px;
	list-style:none;
	margin:0 0 0 10px;
}
#wrapper #navi ul li {
	float:left;
	width:130px;
	height:40px;
	list-style:none;
	margin:0;
}
#wrapper #navi ul li a {
	display:block;
	width:130px;
	height:40px;
	text-indent:-9999px;
}
/* トップページ */
#wrapper #navi ul li a.top {
	background:url(../images/common_navi_top.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.top-current,
#wrapper #navi ul li a:hover.top {
	background:url(../images/common_navi_top.gif) no-repeat 0 -40px;
}
/* サービス概要 */
#wrapper #navi ul li a.service {
	background:url(../images/common_navi_service.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.service-current,
#wrapper #navi ul li a:hover.service {
	background:url(../images/common_navi_service.gif) no-repeat 0 -40px;
}
/* ご利用の流れ */
#wrapper #navi ul li a.flow {
	background:url(../images/common_navi_flow.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.flow-current,
#wrapper #navi ul li a:hover.flow {
	background:url(../images/common_navi_flow.gif) no-repeat 0 -40px;
}
/* 料金体系 */
#wrapper #navi ul li a.price {
	background:url(../images/common_navi_price.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.price-current,
#wrapper #navi ul li a:hover.price {
	background:url(../images/common_navi_price.gif) no-repeat 0 -40px;
}
/* よくある質問 */
#wrapper #navi ul li a.faq {
	background:url(../images/common_navi_faq.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.faq-current,
#wrapper #navi ul li a:hover.faq {
	background:url(../images/common_navi_faq.gif) no-repeat 0 -40px;
}
/* お申し込み */
#wrapper #navi ul li a.entry {
	background:url(../images/common_navi_entry.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.entry-current,
#wrapper #navi ul li a:hover.entry {
	background:url(../images/common_navi_entry.gif) no-repeat 0 -40px;
}





/* パンくず */
#wrapper #topic-path {
	width:770px;
	height:25px;
	margin:0px auto 0px auto;
}
#wrapper #topic-path p {
	font-size:80%;
	line-height:25px;
}





/* メイン */

/* h2 */
#wrapper #main #contents h2 {
	width:592px;
}
/* h3 */
#wrapper #main #contents h3 {
	width:592px;
}
/* 点線 */
#wrapper #main #contents div.border-01 {
	width:592px;
	height:41px;
}

/* テーブル */
/*
#wrapper #main #contents table {
	width:575px;
	line-height:18px;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#dad0ed;
    empty-cells:show;
	margin:0 0 0 9px;
}
#wrapper #main #contents table th {
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#ffffff;
    background-color:#a288d0;
    padding:9px;
}
#wrapper #main #contents table td {
	line-height:18px;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:5px;
}
#wrapper #main #contents table td span.red {
	color:#cc3300;
}
*/





/* サイドバー */

/* 会員サービス */
#wrapper #main #sidebar div.member {
	width:159px;
}
	#wrapper #main #sidebar div.member p.title {
		width:159px;
		height:26px;
	}
	#wrapper #main #sidebar div.member div.main {
		width:159px;
		background-color:#C7D7D4;
		padding:10px 0 10px 0;
	}
	/* 会員登録ボタン */
	#wrapper #main #sidebar div.member div.main p.entry {
		width:145px;
		height:40px;
		background:url(../images/common_sidebar_entry.gif) top no-repeat;
		margin:0 auto 0 auto;
		text-indent:-9999px;
	}
		#wrapper #main #sidebar div.member div.main p.entry a {
			display:block;
			width:145px;
			height:40px;
		}
		#wrapper #main #sidebar div.member div.main p.entry a:hover {
			background:url(../images/common_sidebar_entry.gif) no-repeat 0 -40px;
		}
	/* 会員ログインボタン */
	#wrapper #main #sidebar div.member div.main p.login {
		width:145px;
		height:41px;
		background:url(../images/common_sidebar_login.gif) top no-repeat;
		margin:5px auto 0 auto;
		text-indent:-9999px;
	}
		#wrapper #main #sidebar div.member div.main p.login a {
			display:block;
			width:145px;
			height:41px;
		}
		#wrapper #main #sidebar div.member div.main p.login a:hover {
			background:url(../images/common_sidebar_login.gif) no-repeat 0 -41px;
		}
	
/* テキスト */
#wrapper #main #sidebar div.member div.main p {
	width:145px;
	margin:10px auto 0 auto;
	font-size:80%;
}


/* はじめての方へ */
#wrapper #main #sidebar div.beginner {
	width:159px;
	margin-top:15px;
}
	#wrapper #main #sidebar div.beginner p.title {
		width:159px;
		height:35px;
	}
	#wrapper #main #sidebar div.beginner div.main {
		width:159px;
		background-color:#C7D7D4;
		padding:0 0 10px 0;
	}

/* DM発送とは？ */
#wrapper #main #sidebar div.beginner div.main p.dm {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_whatsdm.gif) top no-repeat;
	margin:0 auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.dm a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.dm a:hover {
	background:url(../images/common_sidebar_whatsdm.gif) no-repeat 0 -49px;
}

/* DM発送法 比較 */
#wrapper #main #sidebar div.beginner div.main p.comparison {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_comparison.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.comparison a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.comparison a:hover {
	background:url(../images/common_sidebar_comparison.gif) no-repeat 0 -49px;
}
/* 反応率アップの秘訣 */
#wrapper #main #sidebar div.beginner div.main p.secret {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_secret.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.secret a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.secret a:hover {
	background:url(../images/common_sidebar_secret.gif) no-repeat 0 -49px;
}
/* 物流センター紹介 */
#wrapper #main #sidebar div.beginner div.main p.center {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_center.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.center a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.center a:hover {
	background:url(../images/common_sidebar_center.gif) no-repeat 0 -49px;
}


/* 便利ツール */
#wrapper #main #sidebar div.tool {
	width:159px;
	margin-top:15px;
}
	#wrapper #main #sidebar div.tool p.title {
		width:159px;
		height:35px;
	}
	#wrapper #main #sidebar div.tool div.main {
		width:159px;
		background-color:#C7D7D4;
		padding:0 0 10px 0;
	}
/* 法人DMリスト検索 */
#wrapper #main #sidebar div.tool div.main p.search {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_search.gif) top no-repeat;
	margin:0px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.tool div.main p.search a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main p.search a:hover {
	background:url(../images/common_sidebar_search.gif) no-repeat 0 -49px;
}
	
/* オンライン提案ツール */
#wrapper #main #sidebar div.tool div.main p.proposal {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_proposal.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.tool div.main p.proposal a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main p.proposal a:hover {
	background:url(../images/common_sidebar_proposal.gif) no-repeat 0 -49px;
}

/* オンライン見積ツール */
#wrapper #main #sidebar div.tool div.main p.estimate {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_estimate.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.tool div.main p.estimate a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main p.estimate a:hover {
	background:url(../images/common_sidebar_estimate.gif) no-repeat 0 -49px;
}

/* DM原稿作成ツール */
#wrapper #main #sidebar div.tool div.main p.document {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_dmdocument.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.tool div.main p.document a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main p.document a:hover {
	background:url(../images/common_sidebar_dmdocument.gif) no-repeat 0 -49px;
}


/* その他 */
#wrapper #main #sidebar div.others {
	width:159px;
	margin-top:15px;
}
/* 5つの理由 */
#wrapper #main #sidebar div.others p.reasons {
	width:159px;
	height:62px;
	background:url(../images/common_sidebar_reasons.gif) top no-repeat;
	margin:0 auto 15px auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.reasons a {
	display:block;
	width:159px;
	height:62px;
}
/* 法人名簿 */
#wrapper #main #sidebar div.others p.list {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_list.gif) top no-repeat;
	margin:0 auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.list a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.list a:hover {
	background:url(../images/common_sidebar_list.gif) no-repeat 0 -42px;
}
/* FAX配信 */
#wrapper #main #sidebar div.others p.fax {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_fax.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.fax a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.fax a:hover {
	background:url(../images/common_sidebar_fax.gif) no-repeat 0 -42px;
}
/* DM発送 */
#wrapper #main #sidebar div.others p.dm {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_dm.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.dm a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.dm a:hover {
	background:url(../images/common_sidebar_dm.gif) no-repeat 0 -42px;
}
/* 電話営業 */
#wrapper #main #sidebar div.others p.tel {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_tel.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.tel a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.tel a:hover {
	background:url(../images/common_sidebar_tel.gif) no-repeat 0 -42px;
}
/* チラシ配布 */
#wrapper #main #sidebar div.others p.posting {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_posting.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.posting a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.posting a:hover {
	background:url(../images/common_sidebar_posting.gif) no-repeat 0 -42px;
}
/* SEO対策 */
#wrapper #main #sidebar div.others p.seo {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_seo.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.seo a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.seo a:hover {
	background:url(../images/common_sidebar_seo.gif) no-repeat 0 -42px;
}

/* チラシ配布 */
#wrapper #main #sidebar div.others p.mail {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_mail.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.mail a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others p.mail a:hover {
	background:url(../images/common_sidebar_mail.gif) no-repeat 0 -42px;
}
/* アフィリエイト */
#wrapper #main #sidebar div.others div.affiliate {
	width:159px;
	height:75px;
	background:url(../images/common_sidebar_affiliate.gif) top no-repeat;
	margin:15px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others div.affiliate a {
	display:block;
	width:159px;
	height:75px;
}
#wrapper #main #sidebar div.others div.affiliate a:hover {
	background:url(../images/common_sidebar_affiliate.gif) no-repeat 0 -54px;
}
/* プライバシーマーク */
#wrapper #main #sidebar div.others p.privacy-mark {
	width:96px;
	height:106px;
	margin:15px auto 0 auto;
}
/* グローバルサイン */
#wrapper #main #sidebar div.others p.globalsign {
}
/* 個人情報の取扱いに関するご案内 */
#wrapper #main #sidebar div.others p.privacy {
	width:157px;
	margin:15px 0 0 0;
	background-color:#e9e7e7;
	text-align:center;
	font-size:80%;
	border:#7d7d7d solid 1px;
	padding:9px 0 9px 0;
}
#wrapper #main #sidebar div.others p.privacy a {
	color:#4d3d08;
}
/* クレジット */
#wrapper #main #sidebar div.others p.credit {
	width:134px;
	margin:15px auto 0 auto;
}
/* 特定商品取引法に基づく表記 */
#wrapper #main #sidebar div.others p.guide {
	width:157px;
	margin:15px 0 0 0;
	background-color:#e9e7e7;
	text-align:center;
	font-size:80%;
	border:#7d7d7d solid 1px;
	padding:9px 0 9px 0;
}
#wrapper #main #sidebar div.others p.guide a {
	color:#4d3d08;
}
/* 印刷・デザインをご希望の方 */
#wrapper #main #sidebar div.others p.link {
	width:157px;
	margin:5px 0 0 0;
	background-color:#e9e7e7;
	text-align:center;
	font-size:80%;
	border:#7d7d7d solid 1px;
	padding:9px 0 9px 0;
}
#wrapper #main #sidebar div.others p.link a {
	color:#4d3d08;
}
/* パートナーの方 */
#wrapper #main #sidebar div.others p.partner {
	width:157px;
	margin:5px 0 0 0;
	background-color:#e9e7e7;
	text-align:center;
	border:#7d7d7d solid 1px;
	padding:9px 0 9px 0;
}
#wrapper #main #sidebar div.others p.partner a {
	color:#4d3d08;
}
/* プレス関係者の方 */
#wrapper #main #sidebar div.others p.press {
	width:157px;
	margin:5px 0 0 0;
	background-color:#e9e7e7;
	text-align:center;
	border:#7d7d7d solid 1px;
	padding:9px 0 9px 0;
}
#wrapper #main #sidebar div.others p.press a {
	color:#4d3d08;
}
/* twinavi */
#wrapper #main #sidebar div.others p.twinavi {
	width:159px;
	height:40px;
	background:url(../images/common_sidebar_twinavi.jpg) top no-repeat;
	margin:15px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.twinavi a {
	display:block;
	width:159px;
	height:40px;
}
/* チーム-6% */
#wrapper #main #sidebar div.others p.team-6 {
	width:159px;
	height:42px;
	background:url(../images/common_sidebar_team-6.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
	display: none;
}
#wrapper #main #sidebar div.others p.team-6 a {
	display:block;
	width:159px;
	height:42px;
}







/* フッター */
#wrapper #footer p.navi {
	text-align:center;
	line-height:18px;
	padding:15px 0 15px 0;
}
#wrapper #footer p {
	text-align:center;
	line-height:18px;
	padding:15px 0 0 0;
}
/* リンク色：ノーマル */
#wrapper #footer p a {
	color:#0f263d;
}
/* リンク色：FAX配信 */
#wrapper #footer p a.fax {
	color:#114167;
}
/* リンク色：電話営業 */
#wrapper #footer p a.tel {
	color:#ca0c1a;
}

/* リンク色：メール配信 */
#wrapper #footer p a.mail {
	color:#88774f;
}
/* リンク色：DM発送 */
#wrapper #footer p a.dm {
	color:#117130;
}
/* リンク色：法人名簿 */
#wrapper #footer p a.list {
	color:#750899;
}
/* リンク色：チラシ配布 */
#wrapper #footer p a.posting {
	color:#1e88b3;
}
/* リンク色：SEO対策 */
#wrapper #footer p a.seo {
	color:#AB9420;
}
/* コピーライト */
#wrapper #footer p.copyright {
	color:#063c5b;
	text-align:center;
	padding:15px 0 15px 0;
}