@import url(menu.css);
@import url(footer.css);
@import url(header.css);


#onlinebookcontents {
text-align: left;
font-size:12px;
color:#333333;
margin-left: 5px;
width: 530px;
_margin-right: 5px;
}

#onlinebookcontents div.subject {
   text-align: left;
   float: left;
   margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
}
#onlinebookcontents div.page {
   text-align: right;
	font-size: 12px;
}
#onlinebookcontents div.titlebar {
   font-weight:bold; padding:0.1em;
   background-image: url(../images/onlinebook_h1.gif);
	width: 530px;
	height: 30px;
	color: #d44243;
}

#onlinebookcontents img.f01 {
	float: left;
	margin: 10px 10px 10px 20px;
}

#onlinebookcontents img.f02 {
	float: right;
	margin: 10px 20px 10px 10px;
}

#onlinebookcontents img.f03 {
	float: left;
	margin: 10px 10px 10px 0px;
}

#onlinebookcontents img.f04 {
	float: right;
	margin: 10px 0px 10px 10px;
}

#onlinebookcontents div.world-img {
	text-align: center;
	background-image: url(../onlinebook/c05_world/images/bg-img.gif);
	background-position: center;
	width: 450px;
	height: 340px;
	margin-left: 40px;
}
#onlinebookcontents p.no-float {
	text-align: center;
	padding-top: 30px;
}

#onlinebookcontents blockquote {
	font-size: 10px;
	margin: 0px 10px 0px 10px;
	padding: 5px;
	background-color: #FFFAE2;
	border-color: #FFCC66;
	border-style: solid;
	border-width: 1px;
}

#onlinebookcontents hr {
	clear:both;
	height: 1px;
	display: block;
}

#onlinebookcontents div.backbtn {
float: left;
margin-left: 30px;
}

#onlinebookcontents div.nextbtn {
text-align: right;
margin-right: 30px;
}

#onlinebookcontents div.btn{
	width: 530px;
}

#onlinebookcontents h1 {
	text-align: right;
	font-size: 12px;
	color: #d44243;
	background-image: url(../images/onlinebook_h1.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: bottom;
	height: 30px;
	width: 530px;
	padding:0.1em;
}

#onlinebookcontents h1.title {
	text-align: center;
	font-size: 14px;
	color: #d44243;
	background-image: url(../images/onlinebook_h1.gif);
	background-repeat: no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.5em;
	font-weight: bold;
	background-position: bottom;
	height: 30px;
}

#onlinebookcontents h2 {
color: #d44243;
font-size: 14px;
font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka-等幅, Osaka, 平成角ゴシック;
background-color: #FFCCCC;
padding: 3px;
	letter-spacing: 0.5em;
	text-indent: 1em;
}

#onlinebookcontents h3 {
	padding: 3px;
	text-align: center;
	font-size: 14px;
	color: #D44243;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D44243;
}

#onlinebookcontents h3.question {
	padding-left: 40px;
	text-align: left;
	font-size: 14px;
	color: #D44243;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.2em;
	border-bottom-width: 0px;
}

#onlinebookcontents h4 {
margin-left: 20px;
font-weight: bold;
font-size: 14px;
color: #D44243;
}

#onlinebookcontents ul {
color: #222;
font-size: 11px;
line-height: 150%;
margin-left: 50px;
voice-family:"\"}\"";
margin-left: 10px;
_margin-left: 50px;
}

#onlinebookcontents ol.title1 {
color: #222;
font-size: 12px;
letter-spacing: 3px;
line-height: 150%;
margin-left: 240px;
voice-family:"\"}\"";
margin-left: 60px;
_margin-left: 140px;
}

#onlinebookcontents ol.title2 {
color: #222;
font-size: 12px;
letter-spacing: 3px;
line-height: 150%;
margin-left: 250px;
voice-family:"\"}\"";
margin-left: 150px;
_margin-left: 200px;
}

#onlinebookcontents ol.title3 {
color: #222;
font-size: 12px;
letter-spacing: 3px;
line-height: 150%;
margin-left: 250px;
voice-family:"\"}\"";
margin-left: 130px;
_margin-left: 180px;
}

#onlinebookcontents p {
font-size: 12px;
line-height: 140%;
}

#onlinebookcontents div.question {
	background-image: url(../onlinebook/c03_tensai/images/question.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#onlinebookcontents .chuigaki {
	font-size:10px;
	line-height:140%;
	padding-left: 10px;
	text-indent: -10px;
	color: #FF7B23;
}

#onlinebookcontents .text-right {
text-align: right;
}

#onlinebookcontents .text-center {
text-align: center;
}

#subMenudowa {
display: none;
}

#subMenudenki {
display: none;
}

#subMenukasiko {
display: none;
}

#subMenutensai {
display: none;
}

#subMenuworld {
display: none;
}

#subMenuladybird {
display: none;
}

#subMenudowa_show {
display: block;
}

#subMenudenki_show {
display: block;
}

#subMenukasiko_show {
display: block;
}

#subMenutensai_show {
display: block;
}

#subMenuworld_show {
display: block;
}

#subMenuladybird_show {
display: block;
}

.syotitle {
text-align: center;
font-weight: bold;
font-size: 0.9em;
color: #666666;
}

div.topmenu {
margin-bottom: 20px;
}

div.topmenu-text {
font-size: 12px;
margin-left: 30px;
margin-right: 40px;
}

div.topmenu-link {
text-align: right;
margin-right: 40px;
}

.world-info {
	margin-left: 30px;
}

/*anchor*/

#onlinebookcontents a{
text-decoration: underline;
font-weight: bold;
color:#D44243;
}

#onlinebookcontents a:hover{
text-decoration: underline;
background-color: #FFCCCC;
}

#goTop a{
text-decoration: underLine;
font-weight: normal;
color: #666666;
}

#goTop a:hover{
text-decoration: underline;
background-color: transparent;
}

#affiliate {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

affiliate a{
text-decoration: none;
}