@charset "UTF-8";

/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# pageBody
# content
# sidebar
# footer

----------------------------------------*/


/* #01 General Elements
---------------------------------------------------------------------------- */

a { color: #0044CC; text-decoration: none; outline: none; }
a:hover { text-decoration: none; }

/* # body
---------------------------------------------------------------------------- */

body {
	color: #333;
}

p.forPrint {
	display: none;
}


/* # layout
---------------------------------------------------------------------------- */

div#layout {
	margin: 0 auto;
}


/* # header
---------------------------------------------------------------------------- */

div#header {
	height: 115px;
}

div#header div.hBlock {
	background: #232222 url(img/bg_hnav.gif) repeat-x 0 0;
	font-size: 90%;
}

div#header div.hBlock div {
	margin: 0 auto;
	padding: 4px 0 1px 0;
	width: 1000px;
}

div#header div.hBlock div h1 {
	color: #FFF;
	float: right;
	padding-right: 7px;
}

div#header div.hBlock div ul#hNav {
	float: left;
	padding-left: 8px;
}

div#header div.hBlock div ul#hNav li {
	float: left;
}

div#header div.hBlock div ul#hNav li a {
	border-right: 1px solid #fff;
	color: #fff;
	margin-right: 11px;
	padding: 0 11px 0 0;
}

div#header div.hBlock div ul#hNav li.hNavLast a {
	border-right: none;
	margin-right: 0;
	padding: 0;
}

div#header div.headerInner {
	margin: 0 auto;
	padding: 5px 12px 0 0;
	width: 988px;
}

div#header div.headerInner #logo {
	float: left;
	padding: 17px 0 0 16px;
}

div#header div.headerInner p.headAds {
	float: right;
}


/* # pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 1000px;
}

/* # content
---------------------------------------------------------------------------- */

div#content {
	float: left;
	width: 690px;
}

div#content ul.prList {
	margin-bottom: 5px;
	padding: 1px 0 0 13px;
	border: 1px solid #111;
	background: url(img/bg_title.gif) repeat-x 0 0;
}

div#content ul.prList li {
	float: left;
	padding: 0 0 0 25px;
	text-indent: -16px;
	width: 310px;
}

div#content ul.prList li a {
	color: #fff;
}

div#content ul.prList li span {
	color: #ffff00;
	font-size: 80%;
	padding-right: 6px;
}

div#content .mHead {
	background: #111 url(img/bg_mh.gif) no-repeat 1px 0;
	border: 1px solid #111;
	clear: both;
	color: #fff;
	padding: 1px 30px 0 30px;
}

div#content div.section {
	background: #fcfcfc;
	border: 1px solid #111;
	margin-bottom: 10px;
	padding: 10px 0 0 10px;
}

p.error{
color:#ff0000;
font-size:90%;
}


/* # sidebar
---------------------------------------------------------------------------- */

dl.general {
	clear: both;
}

dl.general dd {
	border: 1px solid #1f1f1f;
	border-top: none;
	clear: both;
	padding: 10px 9px;
}

ul.newly {
	margin-bottom: -10px;
}

ul.newly li {
	clear: both;
	padding-bottom: 10px;
}

ul.newly li img {
	float: left;
	padding-right: 12px;
}

ul.newly li a {
	display: block;
	margin-top: -2px;
	margin-right:10px;
	float: left;
//	width: 220px;
}

ul.newly li span {
color:#999;
}

div#sidebar {
	float: right;
	width: 300px;
}

dl.general dt {
	background: #111 url(img/bg_title.gif) repeat-x 0 0;
	border: 1px solid #111;
	color: #fff;
	margin-top: 10px;
	padding: 2px 9px 0 9px;
}

div#sidebar div.styleBlock {
	background: url(img/bg_square.gif) repeat 0 0;
	border: 5px solid #c1c1c1;
	clear: both;
	margin-top: 10px;
	padding: 5px;
}

div#sidebar div.styleBlock div {
	background: #fff url(img/bg_register.gif) repeat-x left top;
	border: 1px solid #111;
	clear: both;
	padding: 8px 6px 11px 7px;
}

div#sidebar div.styleBlock div dl dt {
	padding-left: 7px;
}

div#sidebar div.styleBlock div dl dd ul {
	padding: 2px 0 1px 9px;
}

div#sidebar div.styleBlock div.manage dl dd ul {
	padding: 1px 0 1px 9px;
}

div#sidebar div.styleBlock div dl dd p.registerButton {
	clear: both;
	float: none;
	padding: 7px 0 0 2px;
}

div#sidebar div.styleBlock div p.registerImg {
	float: left;
	width: 70px;
}

div#sidebar div.styleBlock div dl {
	float: right;
	padding-top: 3px;
	width: 186px;
}

div#sidebar div.styleBlock div dl ul li {
	border-right: 1px solid #0044cc;
	float: left;
	margin-right: 10px;
	padding: 0 12px 0 0;
}

div#sidebar div.styleBlock div.manage dl ul li {
	border-right: none;
	float: none;
	margin-right: 0;
	padding: 0 0 0 23px;
}

div#sidebar div.styleBlock div.manage dl ul li.management {
	background: url(img/ico_manage.gif) no-repeat 0 0;
}

div#sidebar div.styleBlock div.manage dl ul li.diary {
	background: url(img/ico_written.gif) no-repeat 0 5px;
}

div#sidebar div.styleBlock div.manage dl ul li.password {
	background: url(img/ico_change.gif) no-repeat 0 2px;
}

div#sidebar div.styleBlock div.manage dl ul li.edit {
	background: url(img/ico_edit.gif) no-repeat 0 4px;
}

div#sidebar div.styleBlock div.manage dl ul li.logout {
	background: url(img/ico_logout.gif) no-repeat 0 5px;
}

div#sidebar div.styleBlock div p.registerImg img {
	border: 1px solid #99CDFF;
}

div#sidebar div.styleBlock p.registerTxt {
	background: #fff url(img/bg_pr.gif) repeat-x left top;
	border: 1px solid #111;
	color: #0044CC;
	margin-top: 10px;
	padding: 11px 9px 11px 11px;
	width: 258px;
}

div#sidebar div.styleBlock div.manage {
	padding-bottom: 6px;	
}

div#sidebar div.styleBlock div.manage p.manageImg {
	float: left;
	padding-right: 7px;
	width: 72px;
}

div#sidebar div.styleBlock div.manage p.manageImg img {
	border: 1px solid #6E6E6E;
}

div#sidebar div.styleBlock div.manage dl {
	float: left;
	padding-top: 3px;
	width: 170px;
}

div#sidebar div.styleBlock p.message {
	background: #F8F8F8 url(img/bg_mail.gif) no-repeat 0 0;
	border: 1px solid #111;
	margin-top: 10px;
	padding: 8px 5px;
	width: 268px;
}

div#sidebar div.styleBlock p.message a {
	color: #FF0000;
	padding-left: 33px;
	text-decoration: underline;
}

div#sidebar div.styleBlock p.message a:hover {
	text-decoration: none;
}

div#sidebar dl.general dd ul.info {
	margin-bottom: -10px;
	margin-top: -5px;
	padding-left: 5px;
}

div#sidebar dl.general dd ul.info li {
	padding-bottom: 3px;
}

div#sidebar p.googleAds {
	margin-top: 10px;
}

div#sidebar ul.banner li {
	float: left;
	padding: 10px 0 0 10px;
}

div#sidebar ul.banner li img {
	border: 1px solid #333;
}

div#sidebar div.styleBlock ul.lesson {
	clear: both;
	padding: 0 0 0 6px;
}

div#sidebar div.styleBlock ul.lesson li a {
	color: #666;
}


/* # footer
---------------------------------------------------------------------------- */

div#footer {
	background: url(img/bg_footer.gif) repeat 0 0;
	clear: both;
	padding-bottom: 20px;
}

div#footerInner {
	margin: 0 auto;
	padding: 22px 0 0 0;
	width: 1000px;
}

div#footerInner ul#fNav {
	text-align: center;
}

div#footerInner ul#fNav li {
	display: inline;
}

div#footerInner ul#fNav li a {
	border-right: 1px solid #fff;
	color: #fff;
	padding: 0 8px 0 7px;
}

div#footerInner ul#fNav li.fNavLast a {
	border: none;
}

div#footerInner div.fContent {
	color: #aaa;
	clear: both;
	font-size: 90%;
	padding: 7px 0 0 0;
	text-align: center;
	margin: 0 auto;
	width: 770px;
}

div#footerInner div.fContent p.fText {
	clear: both;
	padding: 12px 0 0 0; 
}

div#footerInner div.fContent p.fText a{
	color: #aaa;
	clear: both;
	padding: 12px 0 0 0; 
}

div#footerInner ul.fLink {
	padding: 12px 0 0 0;
	text-align: center;
}

div#footerInner ul.fLink li {
	display: inline;
	width: auto;
}

div#footerInner ul.fLink li a {
	border-right: 1px solid #aaa;
	color: #aaa;
	overflow: hidden;
	padding: 0 8px 0 7px;
}

div#footerInner ul.fLink li.fLinkLast {
	clear: both;
}

div#footerInner ul.fLink li.fLinkLast a {
	border: none;
}

div#footerInner p.copyright {
	color: #aaa;
	clear: both;
	padding: 12px 0 0 0;
	text-align: center;
}


/* # clearfix 
---------------------------------------------------------------------------- */

div#sidebar div.styleBlock div.manage:after,
ul.newly:after,
div.section:after,
dl.general dd:after,
div#sidebar div.styleBlock div dl dd ul:after,
div#sidebar div.styleBlock div:after,
div#content ul.prList:after,
div#sidebar ul.banner:after,
div#header div.hBlock div ul#hNav:after,
div#header div.hBlock div:after,
div#pageBody:after,
div#header div.headerInner:after,
ul.newly li:after,
div#footer:after,
div#footerInner div.fContent ul.fLink:after,
div#footerInner ul#fNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#sidebar div.styleBlock div.manage,
ul.newly,
div.section,
dl.general dd,
div#sidebar div.styleBlock div dl dd ul,
div#sidebar div.styleBlock div,
div#content ul.prList,
div#sidebar ul.banner,
div#header div.hBlock div ul#hNav,
div#header div.hBlock div,
div#pageBody,
div#header div.headerInner,
ul.newly li,
div#footer,
div#footerInner div.fContent ul.fLink,
div#footerInner ul#fNav {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html div#sidebar div.styleBlock div.manage,
* html ul.newly,
* html div.section,
* html dl.general dd,
* html div#sidebar div.styleBlock div dl dd ul,
* html div#sidebar div.styleBlock div,
* html div#content ul.prList,
* html div#sidebar ul.banner,
* html div#header div.hBlock div ul#hNav,
* html div#header div.hBlock div,
* html div#pageBody,
* html div#header div.headerInner,
* html ul.newly li,
* html div#footer,
* html div#footerInner div.fContent ul.fLink,
* html div#footerInner ul#fNav {height: 1%;} 

div#sidebar div.styleBlock div.manage,
ul.newly,
div.section,
dl.general dd,
div#sidebar div.styleBlock div dl dd ul,
div#sidebar div.styleBlock div,
div#content ul.prList,
div#sidebar ul.banner,
div#header div.hBlock div ul#hNav,
div#header div.hBlock div,
div#pageBody,
div#header div.headerInner,
ul.newly li,
div#footer,
div#footerInner div.fContent ul.fLink,
div#footerInner ul#fNav {display: block;} 
/* End hide from IE-mac */