/* ##### 全体 ##### */
body {
	margin: 0px;
	background-image: url(../image/back.gif);
	text-align: center;/* IE6バグ用 */
	font-family: 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', sans-serif
	}

#allmain {
	width: 750px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	background-image: url(../image/back_topbar.gif);
	background-repeat: no-repeat;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc
	}


/* ##### TOPヘッダ ##### */
#top {
	height: 18px;
	padding-right: 10px;
	color: #333333;
	font-size: 11px;
	text-align: right
	}

#toptitle {
	height: 47px;
	padding-left: 20px;
	text-align: left
	}

#menu {
	height: 35px;
	padding-left: 235px;
	font-size: 12px;
	text-align: left
	}
#menu a {color:#0099cc; font-weight:bold; text-decoration:none}
#menu a:hover {color:#ff6666; font-weight:bold; text-decoration}

td.menu_item {
	width: 120px;
	background-color: #ffffff;
	text-align: center
	}


/* ##### サイドメニュー ##### */
#side_container {
    	float: left;
	width: 185px;
	height: auto;
	font-size: 0.75em;
	text-align: left
	}

.side_menucontainer {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #99ccff
	}

.side_menubox {
	width: 173px;
	height: auto;
	margin-left: 3px;
	background-color: #ffffff;
	border: solid 1px #cccccc
	}

.side_menu {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	background-image: url(../image/back_menuitem.gif);
	background-repeat: no-repeat;
	border-top: solid 1px #cccccc
	}
.side_menu a {color:#0099cc; font-weight:bold; text-decoration:none}
.side_menu a:hover {color:#FF6666; font-weight:bold; text-decoration:underline}

.side_submenu {
	height: 18px;
	padding-left: 40px
	}
.side_submenu a {color:#0099cc; font-weight:normal; text-decoration:none}
.side_submenu a:hover {color:#ff6666; font-weight:normal; text-decoration:underline}


/* ##### メイン ##### */
#main {
   	float: right;
	height: auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	letter-spacing: 0.1em
	}

.topic_path {
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(../image/back_tubu.gif);
	background-repeat: no-repeat;
	font-size: 0.75em;
	text-align: left
	}
.topic_path a {margin-right: 5px}

.topic_path ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px
	}

.topic_path li {
	display: inline
}

.page_title{
	width: 520px;
	height: 28px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 25px;
	background-image: url(../image/back_title.gif);
	color: #333333;
	font-weight: bold;
    	font-size: 16px;
	text-align: left
	}

.page_contents{
	width: 520px;
	margin-left: auto;
	margin-right: auto
	}


/* ##### リンク ##### */
/* 書籍ページの年メニュー */
/* レッスンページの「書籍ページへ」「ページトップ」 */
.navi{
	margin-bottom: 5px;
	margin-right: 10px;
	font-size: 0.75em;
	text-align: right
	}


/* ##### フッター ##### */
#foot {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #99cccc;
	border-bottom: 3px solid #99cccc;
	color: #666666;
	font-size: 0.7em;
	text-align: center
	}
#foot a {color:#666666; text-decoration:underline}
#foot a:hover {color:#ff6666; text-decoration:underline}

ul.menu_ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px
	}

li.menu_li {
	display: inline;
	padding: 0px 5px;
	border-right: 1px #666666 solid
}

li.menu_li1 {
	display: inline;
	padding: 0px 5px;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid
}


/* ##### HTMLタグ要素 ##### */
a img {
	border: none
	}


/* ##### FONT ##### */
a {
	color: #0099cc;
	text-decoration:underline
	}

a:hover {
	color: #ff6666;
	text-decoration:underline
	}

.appeal {
	font-size: 0.75em;
	color: #ffffff;
	background-color: #ff6666;
	padding: 3px
	}