@charset "utf-8";
@import "reset.css";

body{
	background: #fffaea no-repeat 50% 0%;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
}
body.homepage{
	background-image: url("/images/bg-home.gif");
}
body.practical{
	background-image: url("/images/bg-practical.gif");
}
body.journal{
	background-image: url("/images/bg-journal.gif");
}
body.seminar{
	background-image: url("/images/bg-seminar.gif");
}
body.about{
	background-image: url("/images/bg-about.gif");
}
body.homepage #footer{
	background-image: url("/images/bg-footer-home.gif");
}
body.practical #footer{
	background-image: url("/images/bg-footer-practical.gif");
}
body.journal #footer{
	background-image: url("/images/bg-footer-journal.gif");
}
body.seminar #footer{
	background-image: url("/images/bg-footer-seminar.gif");
}
body.about #footer{
	background-image: url("/images/bg-footer-about.gif");
}

::selection{
	background-color: #524835;
	color: #fff;
}
::-moz-selection{
	background-color: #524835;
	color: #fff;
}

a:link{
	color: #232d76;
	text-decoration: underline;
}
a:visited{
	color: #404464;
	text-decoration: underline;
}
a:hover{
	color: #1c2eb3;
	text-decoration: underline;
}
a:active{
	color: #92114e;
	text-decoration: underline;
}

strong{
	background: #ffffcc;
	font-weight: bold;
}
.alignleft{
	float: left;
	margin: 0 14px 14px 0;
	text-align: left;
}
.alignright{
	float: right;
	margin: 0 0 14px 14px;
	text-align: right;
}
.aligncenter{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* #header */
#header{
	margin: 0 auto 28px auto;
	text-align: left;
	width: 924px;
}
#header h1{
	float: left;
	padding: 14px 0 0 0;
	width: 337px;
}
#header #nav{
	background: url("/images/bg-nav.png") no-repeat 100% 0;
	float: right;
	padding: 49px 0 28px 56px;
	text-align: right;
	width: 448px;
}
#header #nav li{
	display: inline;
	margin: 0 0 0 14px;
}


/* #footer */
#footer{
	background: #fffaea no-repeat 50% 100%;
	padding: 84px 0 14px 0;
}
#bottomlet{
	margin: 0 auto;
	padding: 0 0 14px 0;
	text-align: left;
	width: 924px;
}
#bottomlet h2{
	margin: 0 0 6px 0;
}
#search{
	float: left;
	width: 294px;
}
#search #keyword{
	border: 1px inset #524835;
	float: left;
	font-size: 14px;
	margin: 0 4px 0 0;
	padding: 6px;
	vertical-align: bottom;
	width: 196px;
}
#bookmark{
	float: left;
	padding: 0 28px;
	width: 280px;
}
#subscribe{
	float: right;
	width: 294px;
}
#subscribe ul{
	display: block;
	width: 294px;
}
#subscribe li{
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 4px 0;
	width: 140px;
}
#subscribe li a{
	color: #fff;
	text-decoration: none;
}
#subscribe li a:hover{
	text-decoration: underline;
}
#subscribe li img{
	margin: 0 6px 0 0;
	vertical-align: bottom;
}

#mtfeed h2{ display: none; }
#mtfeed ul{
	padding: 0 0 0 28px;
}
#mtfeed li{
	list-style: circle url("/images/li-arrow.gif");
}
#mtfeed li a{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-decoration: underline;
}

#footer-nav{
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 14px 0;
	text-align: center;
}
#footer-nav li{
	display: inline;
	margin: 0 14px 0 0;
}
#footer-nav li:last-child{
	margin: 0;
}
#footer-nav li a{
	color: #fff;
}
#copyright{
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}


.group{ min-height:1%; }
.group:after{
	clear: both;
	content: " ";
	font-size: 0.1em;
	display: block;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
* html .group{
	/*\*/height:1%; /*for WinIE*/
	display: inline-table; /*for MacIE*/
}