/* NetReal! : 総合画面共通スタイルシート */




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


/* 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:auto;
}
#wrapper #header {
	width:800px;
	margin:auto;
	position:relative;
}
#wrapper #navi {
	width:800px;
	height:49px;
	margin:auto;
	position:relative;
}
#wrapper #main {
	width:800px;
	margin:0 auto 30px auto;
	padding:0 0 0px 0;
	position:relative;
}
	/* コンテンツ左 */
	#wrapper #main #contents {
		with:600px;
		float:left;
		margin-left:18px;
		display:inline;
	}
	/* コンテンツ右（サイドバー） */
	#wrapper #main #sidebar {
		with:159px;
		float:right;
		margin-right:12px;
		display:inline;
	}
#wrapper #footer {
	clear:both;
	width:800px;
	background:url(../images/common_bg_footer.gif) top repeat-x;
	margin:0px auto 0 auto;
	padding:0 0 0 0;
	position:relative;
}





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

/* タイトル */
#wrapper #header p.title-logo {
	font-weight:normal;
	position:absolute;
	top:55px;
	left:245px;
}

/* 各テキストリンク */
#wrapper #header div.link {
	position:absolute;
	font-size:80%;
	top:30px;
	right:12px;
}
/* 「無料会員登録」のボタン */
#wrapper #header div.entry {
	width:145px;
	height:40px;
	background:url(../images/common_button_entry.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	right:12px;
	bottom:10px;
}
#wrapper #header div.entry a {
	display:block;
	width:145px;
	height:40px;
}
#wrapper #header div.entry a:hover {
	background:url(../images/common_button_entry.gif) no-repeat 0 -40px;
}







/* グローバルナビ */
#wrapper #navi ul {
	width:780px;
	height:49px;
	list-style:none;
	position:absolute;
	left:11px;
}
#wrapper #navi ul li {
	float:left;
	width:153px;
	height:49px;
	list-style:none;
	margin-right:3px;
}
#wrapper #navi ul li a {
	display:block;
	width:153px;
	height:49px;
	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 -49px;
}
/* サービス概要 */
#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 -49px;
}
/* 利用事例 */
#wrapper #navi ul li a.case {
	background:url(../images/common_navi_case.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.case-current,
#wrapper #navi ul li a:hover.case {
	background:url(../images/common_navi_case.gif) no-repeat 0 -49px;
}
/* 料金体系 */
#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 -49px;
}
/* 会社概要 */
#wrapper #navi ul li a.company {
	background:url(../images/common_navi_company.gif) no-repeat 0 0;
}
#wrapper #navi ul li a.company-current,
#wrapper #navi ul li a:hover.company {
	background:url(../images/common_navi_company.gif) no-repeat 0 -49px;
}




/* パンくず */
#wrapper #topic-path {
	width:769px;
	margin:7px 0 7px 42px;
}
#wrapper #topic-path p {
}





/* メイン */
/* h2：ログイン画面などの長いもの */
#wrapper #main h2 {
	width:769px;
	height:52px;
	margin:0 0 15px 15px;
}
/* h3：ログイン画面などの長いもの */
#wrapper #main h3 {
	width:769px;
	height:46px;
	margin:0 0 15px 15px;
}
/* h2：通常の短いもの */
#wrapper #main #contents h2 {
	width:592px;
	margin:0 0 0 0;
}
/* h3：通常の短いもの */
#wrapper #main #contents h3 {
	width:592px;
	margin:0 0 15px 0;
}



/* フォームボタン画像 */
/* レイアウト */
#wrapper #main div.button {
	width:800px;
	height:22px;
	position:relative;
	margin:0 0 25px 0;
}
/* 左配置（「戻る」ボタン） */
#wrapper #main div.button a.left {
	position:relative;
	top:0px;
	left:38px;
}
/* 中央配置（「次に進む」「確認する」「登録する」「ログインする」ボタン） */
#wrapper #main div.button a.center {
	position: absolute;
	top:0;
/*	left:353px; */
	left:345px;
}







/* サイドバー */

/* 動画バナー */
#wrapper #main #sidebar div.banner {
	width:159px;
}
#wrapper #main #sidebar div.banner div.movie {
	width:159px;
	height:128px;
	background:url(../images/common_sidebar_movie.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.banner div.movie a {
	display:block;
	width:159px;
	height:128px;
}
#wrapper #main #sidebar div.banner div.movie a:hover {
	background:url(../images/common_sidebar_movie.gif) no-repeat 0 -128px;
}

/* はじめての方へ */
#wrapper #main #sidebar div.beginner {
	width:159px;
}
#wrapper #main #sidebar div.beginner p.title {
	width:159px;
	height:27px;
}
#wrapper #main #sidebar div.beginner div.main {
	width:159px;
	background-color:#ddd8dc;
	padding:10px 0 10px 0;
}
/* パートナーの方 */
#wrapper #main #sidebar div.beginner div.main p.voice {
	width:145px;
	height:49px;
	background:url(../images/partner_voice.gif) top no-repeat;
	margin:0 auto 5px auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.voice a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.voice a:hover {
	background:url(../images/partner_voice.gif) no-repeat 0 -49px;
}


/* よくある質問 */
#wrapper #main #sidebar div.beginner div.main p.faq {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_faq.gif) top no-repeat;
	margin:0 auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.faq a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.faq a:hover {
	background:url(../images/common_sidebar_faq.gif) no-repeat 0 -49px;
}
/* 資料請求 */
#wrapper #main #sidebar div.beginner div.main p.document {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_document.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.document a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.document a:hover {
	background:url(../images/common_sidebar_document.gif) no-repeat 0 -49px;
}
/* お問い合わせ */
#wrapper #main #sidebar div.beginner div.main p.inquiry {
	width:145px;
	height:49px;
	background:url(../images/common_sidebar_inquiry.gif) top no-repeat;
	margin:5px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.inquiry a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.inquiry a:hover {
	background:url(../images/common_sidebar_inquiry.gif) no-repeat 0 -49px;
}
/* オンライン提案ツール */
#wrapper #main #sidebar div.beginner 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.beginner div.main p.proposal a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.proposal a:hover {
	background:url(../images/common_sidebar_proposal.gif) no-repeat 0 -49px;
}
/* オンライン見積ツール */
#wrapper #main #sidebar div.beginner 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.beginner div.main p.estimate a {
	display:block;
	width:145px;
	height:49px;
}
#wrapper #main #sidebar div.beginner div.main p.estimate a:hover {
	background:url(../images/common_sidebar_estimate.gif) no-repeat 0 -49px;
}
/* 無料会員登録 */
#wrapper #main #sidebar div.beginner div.main p.entry {
	width:145px;
	height:50px;
	background:url(../images/common_sidebar_entry.gif) top no-repeat;
	margin:10px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.entry a {
	display:block;
	width:145px;
	height:50px;
}
#wrapper #main #sidebar div.beginner div.main p.entry a:hover {
	background:url(../images/common_sidebar_entry.gif) no-repeat 0 -50px;
}

/* パートナー無料会員登録 */
#wrapper #main #sidebar div.beginner div.main p.partner-entry {
	width:147px;
	height:53px;
	background:url(../images/partner_entry.gif) top no-repeat;
	margin:10px auto 0 auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.beginner div.main p.partner-entry a {
	display:block;
	width:147px;
	height:53px;
}
#wrapper #main #sidebar div.beginner div.main p.partner-entry a:hover {
	background:url(../images/partner_entry.gif) no-repeat 0 -53px;
}

/* その他 */
/* レイアウト */
#wrapper #main #sidebar div.others {
	width:159px;
	margin:15px 0 0 0px;
}
/* 他社サービス紹介 */
#wrapper #main #sidebar div.others div.introduction {
	width:159px;
	margin:15px 0 0 0px;
}
/* チャット */
#wrapper #main #sidebar div.others div.chat {
	width:159px;
	margin:15px 0 0 0px;
}
/* プライバシーマーク */
#wrapper #main #sidebar div.others div.privacy-mark {
	width:96px;
	height:106px;
	margin:15px 0 0 28px;
}
/* ベリサイン */
#wrapper #main #sidebar div.others div.verisign {
	width:100px;
	height:72px;
	margin:11px 0 0 28px;
}
/* 個人情報の取扱いに関するご案内 */
#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:20px 0 0 11px;
}
/* 特定商品取引法に基づく表記 */
#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;
}
/* 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:15px auto 0 auto;
	text-indent:-9999px;
	display: none;
}
#wrapper #main #sidebar div.others div.team-6 a {
	display:block;
	width:159px;
	height:42px;
}
/* 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.partner-affiliate {
	width:159px;
	height:105px;
	background:url(../images/common_partner_bt2.gif) top no-repeat;
	margin:0 auto 10px auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.partner-affiliate a {
	display:block;
	width:159px;
	height:105px;
}
#wrapper #main #sidebar div.others p.partner-affiliate a:hover {
	background:url(../images/common_partner_bt2.gif) no-repeat 0 -105px;
}
/* パートナーシステム */
#wrapper #main #sidebar div.others p.partner-system {
	width:159px;
	height:70px;
	background:url(../images/partner_system.gif) top no-repeat;
	margin:0 auto 15px auto;
	text-indent:-9999px;
}
#wrapper #main #sidebar div.others p.partner-system a {
	display:block;
	width:159px;
	height:70px;
}
#wrapper #main #sidebar div.others p.partner-system a:hover {
	background:url(../images/partner_system.gif) no-repeat 0 -70px;
}

/* 実在認証 */
#wrapper #main #sidebar div.siteseal {
    text-align: center;
    padding-top: 10px;
}


/* フッター */
#wrapper #footer p {
	text-align:center;
	line-height:18px;
	padding:25px 0 0px 0;
}
/* リンク色：ノーマル */
#wrapper #footer p a {
	color:#0f263d;
}
/* リンク色：FAX配信 */
#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 a.posting {
	color:#1e88b3;
}
/* リンク色：SEO */
#wrapper #footer p a.seo {
	color:#AB9420;
}
/* リンク色：メール */
#wrapper #footer p a.mail {
	color:#88774F;
}
/* コピーライト */
#wrapper #footer p.copyright {
	color:#063c5b;
	text-align:center;
}


/* 「ログイン」ボタン */
#wrapper #header div.button {
	width:113px;
	height:30px;
	background:url(../images/common_bg_button_01.gif) no-repeat;
	position:absolute;
	right:10px;
	bottom:15px;
}
#wrapper #header div.button a {
	display:block;
	width:113px;
	height:30px;
	text-indent:37px;
	line-height:32px;
}