/* NetReal! : FAX配信代行 共通スタイルシート */




/* 全体基本設定 */
* {
	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: #ecf1f5;
}




/* 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:#b8c4e3;
}
#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-size:100%;
	font-weight:normal;
	padding:5px;
}

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

/* リンク */
#wrapper #header div.link {
	position:absolute;
	font-size:80%;
	top:30px;
	right:10px;
}
/* FAXDM無料Web講座 */
#wrapper #header div.lesson {
	width:207px;
	height:52px;
	position:absolute;
	top:54px;
	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;
	height:52px;
}
/* h3 */
#wrapper #main #contents h3 {
	width:592px;
	height:46px;
}
/* 点線 */
#wrapper #main #contents div.border-01 {
	clear:both;
	width:592px;
	height:41px;
}
/* テーブル */
#wrapper #main #contents table {
	width:575px;
	line-height:18px;
    border-top:1px solid #708a8e;
    border-left:1px solid #708a8e;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#beddef;
    empty-cells:show;
	margin:0 0 0 9px;
}
#wrapper #main #contents table th {
    border-right:1px solid #708a8e;
    border-bottom:1px solid #708a8e;
    color:#ffffff;
    background-color:#5093b9;
    padding:9px;
}
#wrapper #main #contents table td {
	line-height:18px;
    border-right:1px solid #708a8e;
    border-bottom:1px solid #708a8e;
    padding:5px;
}
#wrapper #main #contents table td span.red {
	color:#cc3300;
}
#wrapper #main #contents table td span.blue {
	color:#003399;
}





/* サイドバー */

/* 会員サービス */
#wrapper #main #sidebar div.member {
	width:159px;
}
#wrapper #main #sidebar div.member div.title {
	width:159px;
	height:26px;
}
#wrapper #main #sidebar div.member div.main {
	width:159px;
	background-color:#c7d6d7;
	padding:10px 0 10px 0;
}
/* 会員登録ボタン */
#wrapper #main #sidebar div.member div.main div.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 div.entry a {
	display:block;
	width:145px;
	height:40px;
}
#wrapper #main #sidebar div.member div.main div.entry a:hover {
	background:url(../images/common_sidebar_entry.gif) no-repeat 0 -40px;
}
/* 会員ログインボタン */
#wrapper #main #sidebar div.member div.main div.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 div.login a {
	display:block;
	width:145px;
	height:41px;
}
#wrapper #main #sidebar div.member div.main div.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 div.title {
	width:159px;
	height:35px;
}
#wrapper #main #sidebar div.beginner div.main {
	width:159px;
	background-color:#c3cdd7;
	padding:0 0 10px 0;
}
/* 3分で解る動画説明 */
#wrapper #main #sidebar div.beginner div.main div.movie {
	width:142px;
	height:51px;
	background:url(../images/common_sidebar_movie.gif) top no-repeat;
	margin:0 auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main div.movie a {
	display:block;
	width:142px;
	height:51px;
}
#wrapper #main #sidebar div.beginner div.main div.movie a:hover {
	background:url(../images/common_sidebar_movie.gif) no-repeat 0 -51px;
}
/* FAXDMの特徴 */
#wrapper #main #sidebar div.beginner div.main div.feature {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_feature.gif) top no-repeat;
	margin:0px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main div.feature a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main div.feature a:hover {
	background:url(../images/common_sidebar_feature.gif) no-repeat 0 -49px;
}
/* FAXDMの比較 */
#wrapper #main #sidebar div.beginner div.main div.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 div.comparison a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main div.comparison a:hover {
	background:url(../images/common_sidebar_comparison.gif) no-repeat 0 -49px;
}
/* 反応率アップの秘訣 */
#wrapper #main #sidebar div.beginner div.main div.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 div.secret a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main div.secret a:hover {
	background:url(../images/common_sidebar_secret.gif) no-repeat 0 -49px;
}
/* 無料テスト配信 */
#wrapper #main #sidebar div.beginner div.main div.test {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_test.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main div.test a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main div.test a:hover {
	background:url(../images/common_sidebar_test.gif) no-repeat 0 -49px;
}
/* クレーム軽減対策 */
#wrapper #main #sidebar div.beginner div.main div.complaint {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_complaint.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main div.complaint a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main div.complaint a:hover {
	background:url(../images/common_sidebar_complaint.gif) no-repeat 0 -49px;
}

/* 便利ツール */
#wrapper #main #sidebar div.tool {
	width:159px;
	margin-top:15px;
}
#wrapper #main #sidebar div.tool div.title {
	width:159px;
	height:35px;
}
#wrapper #main #sidebar div.tool div.main {
	width:159px;
	background-color:#c3cdd7;
	padding:0 0 10px 0;
}
/* オンライン提案ツール */
#wrapper #main #sidebar div.tool div.main div.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 div.proposal a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main div.proposal a:hover {
	background:url(../images/common_sidebar_proposal.gif) no-repeat 0 -49px;
}
/* オンライン見積ツール */
#wrapper #main #sidebar div.tool div.main div.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 div.estimate a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main div.estimate a:hover {
	background:url(../images/common_sidebar_estimate.gif) no-repeat 0 -49px;
}
/* 用語集 */
#wrapper #main #sidebar div.tool div.main div.glossary {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_glossary.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.tool div.main div.glossary a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main div.glossary a:hover {
	background:url(../images/common_sidebar_glossary.gif) no-repeat 0 -49px;
}
/* 法人FAXリスト検索 */
#wrapper #main #sidebar div.tool div.main div.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 div.search a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main div.search a:hover {
	background:url(../images/common_sidebar_search.gif) no-repeat 0 -49px;
}
/* FAX原稿作成ツール */
#wrapper #main #sidebar div.tool div.main div.make {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_make.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.tool div.main div.make a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.tool div.main div.make a:hover {
	background:url(../images/common_sidebar_make.gif) no-repeat 0 -49px;
}


/* その他 */
#wrapper #main #sidebar div.others {
	width:159px;
	margin-top:15px;
}
/* 法人名簿 */
#wrapper #main #sidebar div.others div.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 div.list a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others div.list a:hover {
	background:url(../images/common_sidebar_list.gif) no-repeat 0 -42px;
}
/* DM発送代行 */
#wrapper #main #sidebar div.others div.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 div.dm a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others div.dm a:hover {
	background:url(../images/common_sidebar_dm.gif) no-repeat 0 -42px;
}
/* 電話営業代行 */
#wrapper #main #sidebar div.others div.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 div.tel a {
	display:block;
	width:159px;
	height:42px;
}
#wrapper #main #sidebar div.others div.tel a:hover {
	background:url(../images/common_sidebar_tel.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 div.privacy-mark {
	width:96px;
	height:106px;
	margin:15px auto 0 auto;
}
/* グローバルサイン */
#wrapper #main #sidebar div.others div.globalsign {
}
/* 個人情報の取扱いに関するご案内 */
#wrapper #main #sidebar div.others div.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 div.privacy a {
	color:#4d3d08;
}
/* クレジット */
#wrapper #main #sidebar div.others div.credit {
	width:134px;
	margin:15px auto 0 auto;
}
/* 特定商品取引法に基づく表記 */
#wrapper #main #sidebar div.others div.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 div.guide a {
	color:#4d3d08;
}
/* パートナーの方 */
#wrapper #main #sidebar div.others div.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 div.partner a {
	color:#4d3d08;
}
/* プレス関係者の方 */
#wrapper #main #sidebar div.others div.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 div.press a {
	color:#4d3d08;
}
/* twinavi */
#wrapper #main #sidebar div.others div.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 div.twinavi a {
	display:block;
	width:159px;
	height:40px;
}
/* チーム-6% */
#wrapper #main #sidebar div.others div.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;
}
#wrapper #main #sidebar div.others div.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;
}
/* リンク色：FAXDM配信 */
#wrapper #footer p a.fax {
	color:#114167;
}
/* リンク色：電話営業代行 */
#wrapper #footer p a.tel {
	color:#ca0c1a;
}
/* リンク色：DM発送代行 */
#wrapper #footer p a.dm {
	color:#117130;
}
/* リンク色：法人名簿 */
#wrapper #footer p a.list {
	color:#750899;
}
/* コピーライト */
#wrapper #footer p.copyright {
	color:#063c5b;
	text-align:center;
	padding:15px 0 15px 0;
}