@charset "UTF-8";
/*
Theme Name:		Neoclassical
Theme URI:		http://openeducation.net
Description:	A 3-column design with an emphasis on typography and whitespace.
Version:		1.1
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
*/

body {
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ゴシック",  sans-serif;
	margin: 0;
	padding: 0;
	background: url(images/bg_body22.jpg) #000 repeat-x fixed;
}

#head-menu{
	height: 35px;
	width: 800px;
	margin: 0 auto;
	}

#head-menu ul{
	margin: 0;
	padding: 0;
	width:100%;
	list-style: none;
	}
#head-menu li{
	overflow: hidden;
	float: left;
	}
#head-menu a{
	display: block;
    text-decoration: none;
	width: 150px;
	margin: 0 55px 0 10px;
	text-indent: -9999px;
	line-height: 35px}
#nav1 a{
	background: url(images/menu1.gif) 10px 10px no-repeat;}
#nav2 a{
	background: url(images/menu4.gif) 0 10px no-repeat;}
#nav3 a{
	background: url(images/menu3.gif) 0 10px no-repeat;}
#nav4 a{
	background: url(images/menu2.gif) 0 10px no-repeat;
	margin:0 0;}
#nav1 a:hover{
	background: url(images/menu1hover.gif) 10px 10px no-repeat;}
#nav2 a:hover{
	background: url(images/menu2hover.gif) 0 10px no-repeat;}
#nav3 a:hover{
	background: url(images/menu3hover.gif) 0 10px no-repeat;}
#nav4 a:hover{
	background: url(images/menu4hover.gif) 0 10px no-repeat;}
	
#header{
	height: 65px;
	padding: 30px 0 0; }
.logo2{
	float:right;}
.logo1{
	float:left;}
#cover{
	height: 344px;
	background: url(images/cover-image.jpg) no-repeat;}
#page_cover{
	margin: 0 0 0;
	height: 185px;
	background: url(images/page-image.jpg) no-repeat;}
	
#container {
	width:800px;
	height:960px;
	margin: 0 auto;
	clear: both;
}
#masthead {
	width: 865px;
	margin: 0 0 20px 0;
	padding: 0 10px;
	text-align: left;
}
#rotating_image {
	width: 885px;
	margin: 0 0 20px 0;
}
#rotating_image img {
	display: block;
	border: 10px solid #eee;
}
#content_box {}
.column1,.column2,.column3{
	width: 230px;
	height: 260px;
	background: url(images/bg-content.png) repeat-y;
	padding: 10px;
	font-size: 80%;
	float: left;
	}
.column1,.column2{
	margin: 40px 25px 0 0;
	}
.column3{
	margin: 40px 0 0;
	}
#footer{
	height: 120px;
	text-align: center;
	color:#8CB165;
	padding:30px 0;}

/*---:[ headlines ]:---*/
h1, h2, h4 {
	font: bold ;
	margin:0;
	padding:10px 0;}
h3{
	font-size: 1.4em;
	font-weight: bold;
	margin:0;
	padding:20px 0;}

.archives h1 {
	font-size: 1.1em;
	line-height: 1.81818em;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 1.81818em 0;
	padding: 0.36364em 10px 0.36364em 10px;
	background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px dotted #ddd;
	text-align: center;
}
/*---:[ global elements ]:---*/
a, a:visited {
	color: #F60;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: underline;
}
sub, sup {
	line-height: 1.0em;
}
th{
	text-align: left;
}
td, th{
	vertical-align: top;
}

p.center {
	text-align: center !important;
}
p.bottom {
	margin: 0 !important;
}
p.unstyled {
	padding: 0 20px;
	font-size: 1.3em;
}
/*---:[ #masthead styles ]:---*/

#masthead #rss_subscribe {
	width: 40px;
	height: 40px;
	float: right;
}
#masthead #rss_subscribe a {
	display: block;
	width: 40px;
	height: 40px;
	background: url('images/icon_rss.gif') no-repeat;
	text-indent: -9999px;
	outline: none;
}
#masthead #logo {
	font: bold 3.2em Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}
#masthead #logo a, #masthead #logo a:visited {
	color: #111;
}
#masthead #logo a:hover {
	color: #237fa1;
	text-decoration: none;
}
#masthead h1, #masthead #tagline {
	font: normal 1.4em/1.42857em Verdana, serif;
	padding: 0;
	color: #999;
	text-align: left;
}
/*---:[ content styles ]:---*/

.post_author {
	font-size: 1.2em;
	line-height: 1.66667em;
	margin: 0 0 1.66667em 0;
	padding: 0 10px;
	color: #999;
}
.post_author a, .post_author a:visited {
	color: #999;
	text-decoration: none;
}
.post_author a:hover {
	color: #999;
	text-decoration: underline;
}
#post-4 table th{
	width:90px;
	text-align: left;
	vertical-align: top;}
.format_text {
	font-size:90%;
	line-height:130%;
	padding: 0 20px;
	background: url(images/text-content.gif) repeat-y;
	width:600px;
	float:right;
}
.format_text a {
	text-decoration: underline;
}
.format_text a:visited {
	color: #333;
	background: #e8e8e8;
	text-decoration: none;
}
.format_text a:hover {
	text-decoration: underline;
}
.format_text blockquote {
}
.format_text blockquote.right {
	width: 180px;
	font-size: 1.2308em;
	line-height: 1.25em;
	margin: 0 0 0 10px;
	padding: 0.4375em 0 0.4375em 10px;
	border: none;
	float: right;
}
.format_text blockquote.left {
	width: 180px;
	font-size: 1.2308em;
	line-height: 1.25em;
	margin: 0 10px 0 0;
	padding: 0.4375em 10px 0.4375em 0;
	background: none;
	border: none;
	float: left;
}
.format_text blockquote.right p, .format_text blockquote.left p {
	margin: 0 !important;
}
.format_text p {
	margin: 0 0 1.53846em 0;
}
.format_text p.note {
	padding: 0.76923em 10px;
	background: #ffffa0;
	border: 1px solid #d3d35d;
}
.format_text ul {
	list-style: none;
	margin: 0 0 1.53846em 0;
}
.format_text ol {
	margin: 0 0 1.53846em 20px;
}
.format_text li {
}
.format_text ul li {
	padding: 0 0 0 14px;
	background: url('images/bullet_text.gif') 0 0.38462em no-repeat;
}
.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol {
	margin: 0 0 0 10px;
}
.format_text li code {
	line-height: inherit;
} /* This is basically a Safari hack :( */
.format_text dl {
	margin: 0 0 1.53846em 0;
}
.format_text dt {
	font-weight: bold;
}
.format_text dd {
	margin: 0 0 1.53846em 1.53846em;
}
.format_text .ad {
	margin: 0 0 0 10px;
	float: right;
	clear: right;
}
.format_text .ad_left {
	margin: 0 10px 0 0;
	float: left;
	clear: left;
}
.format_text img {
}
.format_text img.left {
	margin: 0 10px 1.53846em 0;
	float: left;
	clear: left;
}
.format_text img.right {
	margin: 0 0 1.53846em 10px;
	float: right;
	clear: right;
}
.format_text img.center {
	display: block;
	margin: 0 auto 1.53846em auto;
	float: none;
	clear: both;
}
.format_text img.block {
	display: block;
	margin: 0 auto 1.53846em 0;
	float: none;
	clear: both;
}
.format_text img.frame {
	padding: 9px;
	border: 1px solid #ddd;
	background: #eee;
}
.format_text img.stack {
	clear: none !important;
}
.navigation {
	width: 425px;
	padding: 0.69231em 19px 0.76923em 19px;
	background: #efefef;
	border-top: 1px solid #ddd;
	font-size: 1.3em;
	line-height: 1.53846em;
	clear: both;
}
.navigation p {
	text-align: right;
}
.older {
	padding: 0 20px 0 0;
	float: left;
}
.previous {
	text-align: left;
}
/*---:[ sidebar styles ]:---*/

ul.sidebar_list {
	list-style: none;
}
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat {
	width: 190px;
	margin: 0 0 2.5em 0;
	font: normal 1.2em/1.33333em Verdana, serif;
	float: left;
}


#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	z-index:300;
	width:100%;
	background: #FC6;
	font-weight:bold;
}
#dropmenu a {
	display:block;
	padding:0.25em 1em;
	color:#686868;
	border-right:1px solid #c8c8c8;
	text-decoration:none;
	background:#fff;
}
#dropmenu a:hover {
	background:#888;
	color:#fff;
}
#dropmenu li {/*float:left;*/
	position:relative;
}
#dropmenu ul {
	position: absolute;
	display:none;
	width:12em;
	top: 0px;
	left: 180px;
}
#dropmenu ul a {
	border-left:1px solid #c8c8c8;
}
#dropmenu li ul {
	border-top:1px solid #c8c8c8;
	width:14.1em;
}
#dropmenu li ul a {
	width:12em;
	height:auto;
	float:left;
	border-bottom:1px solid #c8c8c8;
}
#dropmenu ul ul {
	top:auto;
}
#dropmenu li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}