/* --- SIDE MENU --- */
/* --- ■■サイドバー部分開始■■ --- */

/* --- サイドバー --- */
#aside {
	float: left;
	width: 240px; /* サイドバーの幅 */
	margin-left: 0px; 
	margin-bottom: 10px; /* サイドバーの下マージン */
	background-color: #ffffff; /* サイドバーの背景色 */
	}


/* --- サイドナビゲーションバー --- */
div.sidenav {
	width: 220px; /* ナビゲーションの幅 */
	font-size: 110%;
	}

/* --- メニューエリア --- */
div.sidenav ul.nl {
	margin: 0;
	padding: 0;
	border: 0px #84aed2 solid; /* メニューエリアの境界線 */
	list-style-type: none;
	text-align: left;
	}

/* --- メニュー項目 --- */
div.sidenav ul.nl li {
	border-top: 0px #84aed2 solid; /* 項目の上境界線 */
	border-bottom: 1px #ffffff solid; /* 項目の下境界線 */
	}



/* --- リンク --- */
div.sidenav ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 8px 8px; /* リンクエリアのパディング（上下、左右） */
	background: #3f3f3f url(../image/ver_menu2_off.gif) repeat-x top; /* リンクエリアの背景 */
	color: #000000; /* 文字色 */
	text-decoration: none; /* テキストの下線（なし） */
	}

/* --- リンクアクティブ状態の時 --- */
.active2 {
	display: block;
	position: relative; /* IE6用 */
	padding: 8px 8px; /* リンクエリアのパディング（上下、左右） */
	background: #4e83b3; /* リンクエリアの背景 */
	color: #ffffff; /* 文字色 */
	text-decoration: none; /* テキストの下線（なし） */
	}

/* --- ポイント時の設定 --- */
div.sidenav ul.nl li a:hover {
	background: #6699FF; /* ポイント時の背景 初期値#ffa500 */
	color: #FFFF66; /* 文字色 */
	text-decoration: underline; /* テキストの下線（あり） */
	}


/* --- ＴＯＰＩＣＳボックス --- */
div.topics {
margin-top: 10px;
width: 218px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 110%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.topics h3 {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background-color: #f5f5f5; /* 見出しの背景色 */
	border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
	font-size: 100%; /* 見出しの文字サイズ */
}
/* --- 本文領域 --- */
div.topics div.textArea {
	height: 150px; /* 本文領域の高さ */
	overflow: auto;
	}

/* --- 本文領域内の段落 --- */
div.topics div.textArea p {
	margin: 0.5em 10px; /* 段落のマージン（上下、左右） */
	}

/* --- ボックス --- */
div.box {
	margin-top: 10px; /* ボックスのマージン */
	width: 218px; /* ボックスの幅 */
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #c0c0c0 solid; /* ボックスの境界線 */
	font-size: 110%; /* ボックスの文字サイズ */
	}

/* --- 見出し --- */
div.box h3 {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background-color: #f5f5f5; /* 見出しの背景色 */
	border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
	font-size: 100%; /* 見出しの文字サイズ */
	}

/* --- ボックス内の段落 --- */
div.box p {
	margin: 0.5em 10px; /* 段落のマージン（上下、左右） */
	}

/* 電話番号 */
#aside div.box p.tel {
	margin-bottom: 0.1em; /* 段落の下マージン（上書き） */
	font-size: 100%; /* 電話番号の文字サイズ */
	font-weight: bold; /* 文字の太さ（太字） */
	color: #339966; /* 電話番号の文字色 */
	}

/* お試し版の申し込みボタン */
#aside div.box p.form {
	text-align: center;
	line-height: 100%; /* 行の高さ（上書き） */
	}

/* リンクエリア */
#aside div.box p.form a {
	display: block;
	position: relative; /* IE6用 */
	padding: 12px 2px; /* リンクエリアのパディング（上下、左右） */
	background: #ccff00; /* リンクエリアの背景#3f99b3 url(../image/box_back_green1.gif) repeat-x top */
	border-top: #ccff99 3px solid;
	border-right: #a9a9a9 2px solid;
	border-bottom: #a9a9a9 2px solid;
	border-left: #ccff99 3px solid;

	font-size: 110%; /* リンクエリアの文字サイズ */
	font-weight: normal; /* 文字の太さ（太字） */
	color: #000000; /* リンクエリアの文字色 */
	text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#aside div.box p.form a:hover {
	background: #6699ff; /* ポイント時の背景url(../image/form_back1_on.gif) repeat-x top */
	border-top: #696969 2px solid;
	border-right: #84aed2 3px solid;
	border-bottom: #84aed2 3px solid;
	border-left: #696969 2px solid;
	color: #FFFF66; /* リンクエリアの文字色 */
	}

/* --- ■■サイドバー部分終了■■ --- */