@charset "utf-8";
/* CSS Document */

#main #topmain{
	height: 820px;//550px
}
#main #topmain div.left{
	float:left;
}
#main #topmain div.left img {
	margin:0;
}
#main #topmain p{
	margin:10px 0 0 0;
	line-height: 150%;
}
#main #topmain p span{
	margin:0 5px 0 0;
	color:#006699;
}

#main #topmain a.btn{
	text-indent:-9999px;
	background:url(images/bt_lesson.gif) 0px 0px;
	width:440px;
	height:80px;
	display: block;
	margin:0 0 15px 0;
}

#main #topmain a.btn:hover{
	background:url(images/bt_lesson.gif) 0px -100px;
}


#main #topmain div.right{
	float:right;
}
#main #topmain span.right{
	float:right;
}

#main #topmain div.topics{
	border: 3px dashed white;
	text-align: center;
	padding-bottom:8px;
}

#main #topmain div.topics:hover{
	border: 3px dashed white;//gray
}

#main #topmain h4 a{
	color: #CCCC00;
	font-size: 200%;
	letter-spacing: 3px;
	text-decoration: none;
}

#main #topmain h3{
	color: #FFFFFF;
	font-size: 300%;
	letter-spacing: 3px;
}

#main #topmain h3 a{
	color: #FFFFFF;
	text-decoration: none;
}

#main #topmain h2{
	color: #32689B;
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	margin: 0 0 3px 0;
	padding: 0;
	letter-spacing: 3px;
}
#main #topmain h2.border{
	border-bottom:1px solid #32689B;
	border-color: #CCCC00;
	font-size: 120%;
	padding: 0 0 3px 0;
}


#main #topmenu h2{
	color: #32689B;
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	margin: 0 0 3px 0;
	padding: 0;
	letter-spacing: 3px;
}
#main #topmenu h2.border{
	border-bottom:1px solid #32689B;
	border-color: #CCCC00;
	font-size: 120%;
	padding: 0 0 3px 0;
}

#main #topmenu div.diary{
	margin: 0 0 30px 0;
	clear: left;
	padding: 10px 0 0 0;
}

#main #topmenu div.diary p{
	padding: 0;
	margin: 5px 0 0 0;
	line-height: 150%;
}

#main #topmenu div.diary p a{
	white-space:nowrap;
}

#main #topmenu div.box{
	width: 164px;
	float: left;
	border-top: 1px solid #32689B;
	padding: 8px 0;
	text-align: center;
}

#main #topmenu div.box h3{
	width: 150px;
	margin: 0 auto 5px;
	font-size: 100%;
	line-height: 100%;
	padding: 3px;
	color: #FFFFFF;
	background-color: #0C0B2A;
	border-bottom: 1px dashed #DDDDDD;
	border-color: #006699;

}
#main #topmenu div.box p{
	width: 150px;
	margin: 0 auto;
	line-height: 130%;
	color: #CCE1EC;
}
#main #topmenu div.box img{
	margin: 0 6px;
	width: 150px;
	height: 100px;
	border: 1px solid #09071C;

}





#contents{
	width:750px;
	margin:auto;
}

#contents div.halfleft{
	width:430px;
	float:left;
}

#contents div.halfright{
	width:300px;
	float:right;
}


#contents div.left{
	width:530px;
	float:left;
}

#contents div.right{
	width:180px;
	float:right;
}

#contents div.right h3{
	font-size: 90%;
	margin: 0px 0 5px;
}
#contents div.right p{
	line-height: 150%;
	padding: 5px 0 5px 0;
}

#contents div.right ul{
	margin:0;
	padding:5px 5px 5px 20px;
}

#contents div.right hr{
	visibility:visible;
	border-width:0px 0px 1px 0px;
	border-bottom:1px dashed #FFFFFF;
	border-color: #056191;
}
#contents div.right div.rss{
	margin: 0px 0 5px;
}



#contents h2{
	font-size: 200%;
	margin: 0;
	padding: 20px 0 20px;
	color: #FFFFFF;
}
#contents h2.nomar{
	padding: 20px 0 0;
	border-top: 3px dashed #046695;
	margin: 20px 0 10px 0;
	clear: both;
}


#contents h2.nomar span.s{
	font-size:50%;
	display: inline;
	padding: 0 0 0 8px;
}

#contents h2.img{
	padding: 20px 0 10px 0;
}



#contents h2 span.s{
	font-size:60%;
	color: #6698B0;
	display: block;
	padding: 0 0 8px 0;
}
#contents h3{
	font-size: 120%;
	margin: 5px 0 10px;
	border-bottom: 1px solid #046695;
	color: #FFFFFF;
	padding: 5px 0 5px 10px;
	background: url(images/bg_h3.gif) repeat-y 0px 0%;
	border-bottom-color: #001C3E;
}
#contents h3.nomar{
	margin: 20px 0 0;
}

#contents h3.ver2{
	background: url(images/bg_h3_2.gif) repeat-y 0px 0%;
}
#contents h3.ver3{
	background: url(images/bg_h3_3.gif) repeat-y 0px 0%;
}
#contents h3.ver4{
	background: url(images/bg_h3_4.gif) repeat-y 0px 0%;
}
#contents h3.ver5{
	background: url(images/bg_h3_5.gif) repeat-y 0px 0%;
}

#contents h4{
	color: #FFFFFF;
	font-size: 100%;
	margin: 0;
	padding: 10px 0 5px;
}

#contents p{
	line-height:150%;
	margin: 0;
	padding: 5px 0 15px 0;
}

#contents p.nomar{
	line-height:180%;
	margin: 0;
	padding: 5px 0 5px 0;
}

#contents th{
	color: #FFFFFF;
}

#contents table[align="left"]{
	margin: 0 10px 0 0;
}
#contents table.collapse{
	border-collapse:collapse;
}

#contents table.collapse th{
	border: 1px solid #046695;
	padding: 5px;
	background-color: #100B33;
}

#contents table.collapse td{
	border: 1px solid #046695;
	padding: 3px 10px;
}
#contents table.collapse td.noborder{
	border: none;
}

#contents a.listen{
	text-indent:-9999px;
	background:url(images/bt_listen.gif) 0px 0px;
	width:104px;
	height:27px;
	display: block;
	margin:0 5px;
}

#contents a.listen:hover{
	background:url(images/bt_listen.gif) 0px 100%;
}



#contents div.kakomi{
	border:1px dashed #DDDDDD;
	padding:20px;
}





strong{
	color:#FFFFFF;
}


span.small{
	font-size:10px;
	color: #7A9EB4;
}

div.clear{
	height:1px;
	clear:both;
}

.floatleft{
	float:left;
	margin:0 0 0 10px;
}

.floatright{
	float:right;
	margin:0 10px 0 0 ;
}
b{
	color:#FFFFFF;
}