@charset "utf-8";
/*
Copyright (c) 2008, Kisetsu.org.
main css for english pages
version: 1.1
*/

/*
========================================
default font size style
========================================
*/


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#efefef;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 helvetica,arial,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}




/*
========================================
generic style
========================================
*/

body {
	color: #666;
	background: url(images/background.gif) left top repeat-x #efefef;
	}

/* hidden item */
.hidden {
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

.japanese {
	font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	}



/* horizontal rule styles - use: <div class="hr"><!-- --></div><hr /> */
div.hr {
	height: 1px;
	background: url(images/dots.gif) center center repeat-x;
	margin: 1em 0;
	}

.last {
	margin-bottom: 0;
	}

.cleardiv {
	height: 0;
	clear: both;
	}

hr {display: none;}


/* arrow link font setting */
.link {
	font-size: 85% !important;
	text-transform: uppercase !important;
}

/* return link footer setting  */
p.return {
	background: url(images/dots.gif) top left repeat-x;
	padding: 1em 0 !important;
	font-size: 77% !important;
	text-transform: uppercase;
	}


/*
========================================
link color
========================================
*/

/* sitewide link colors */
a:link {
	color: #03a;
	text-decoration: none;
	}

a:visited {
	color: #639;
	text-decoration: none;
	}

a:hover {
	color: #39d;
	text-decoration: none;
	}
/* end sitewide link colors */



/* sidebar link colors */
#sidebar div.purchase-wrap p a {
	color: #03a;
	text-decoration: underline;
}

#sidebar div.purchase-wrap p a:visited {
	color: #03a;
	}

#sidebar div.purchase-wrap p a:hover {
	color: #39d;
	}


/* arrow link colors */
a.arrow {
	padding-left: 10px;
	color: #03a;
	background: url(images/arrow_off.gif) center left no-repeat;
	font-weight: bold;
	}

a.arrow:visited {
	color: #03a;
	background: url(images/arrow_off.gif) center left no-repeat;
	}

a.arrow:hover {
	color: #39d;
	background: url(images/arrow_on.gif) center left no-repeat;
	}

/* external link colors */
a.exlink {
	padding-right: 22px;
	color: #03a;
	background: url(images/exlink_icon_off.gif) center right no-repeat;
	}

a.exlink:visited {
	color: #03a;
	background: url(images/exlink_icon_off.gif) center right no-repeat;
	}

a.exlink:hover {
	color: #39d;
	background: url(images/exlink_icon_on.gif) center right no-repeat;
	}

/* return link colors */
p.return a {
	padding-left: 18px;
	color: #03a;
	background: url(images/back_icon_off.gif) center left no-repeat;
	}

p.return a:visited {
	color: #03a;
	background: url(images/back_icon_off.gif) center left no-repeat;
	}

p.return a:hover {
	color: #39d;
	background: url(images/back_icon_on.gif) center left no-repeat;
	}

/* top link colors */

p.toplink a {
	padding-left: 13px;
	color: #03a;
	background: url(images/top_icon_off.gif) top left no-repeat;
	}

p.toplink a:visited {
	color: #03a;
	background: url(images/top_icon_off.gif) top left no-repeat;
	}

p.toplink a:hover {
	color: #39d;
	background: url(images/top_icon_on.gif) top left no-repeat;
	}

/*
========================================
page layout setting
========================================
*/

#container {
	width: 780px;
	margin: 0 auto;
}

#page-wrap {
	background: #fff;
	margin-bottom: 20px;
	border:solid 1px #b0b0b0;
}

#content-sidebar {
	padding: 15px 15px 0 15px;
}

#nosidebar-content {
	padding: 15px 15px 0 15px;
}

#content {
	width: 552px;
	float: left;
}

#nosidebar-content #content {
	width: 100%;
	float: none;
}

#content .width-wrap {
	margin: 0 8px;
	clear: both;
}

#sidebar {
	width: 180px;
	float: right;
}

#footer {
	clear:both;
}

/* end contents layout style */


/*
========================================
header
========================================
*/

/* header lauguage select style */

#header .lang {
	float: right;
	margin:6px 10px 6px 0;
	font-size:77%;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	letter-spacing: 0.1em;
	text-transform:uppercase;
	color:#555;
}

#header .lang a {
	color:#000;
}

#header .lang a:hover {
	color:#777;
}


/* header layout style */

#header .header-container {
	clear:both;
	height: 103px;
	padding-right: 14px;
	background: url(images/header.gif) left top;
}

#header .header-container h2.logo a{
	float: left;
	height: 89px;
	width: 194px;
	text-indent: -5000px;
	background: url(images/header_logo.gif) no-repeat left top;
}

/* end header layout style */


/* user-services */

#header .user-services-wrap {
	float: right;
	width: 180px;
	height: 24px;
	margin-top: 37px;
	background: url(images/header_menu_bg.gif) left top transparent;
}

#header .user-services-wrap ul {
	padding-top: 1px;
	padding-left: 5px;
}

#header .user-services-wrap ul li {
	float: left;
}

#header .user-services-wrap ul li a {
	display: block;
	width: 82px;
	height: 22px;
	text-indent: -5000px;
}

#h-map a {
	background: url(images/headmenu_sitemap.gif) top left no-repeat;
	}

#h-contact a {
	background: url(images/headmenu_contact.gif) top left no-repeat;
	}

/* main navigation */

#nav {
	overflow: hidden;
	height: 31px; 
}

#nav li {
	float: left;
	}

#nav li a {
	display: block;
	overflow: hidden;
	width: 156px;
	height: 0px !important; 
	height /**/: 31px; /* for IE5/Win only */
	padding-top: 31px;
	}

#nav #n-home a {
	background: url(images/menu_en_home.gif) top left no-repeat;
	}

#nav #n-news a {
	background: url(images/menu_en_news.gif) top left no-repeat;
	}

#nav #n-kisetsu a {
	background: url(images/menu_en_study.gif) top left no-repeat;
	}

#nav #n-learn a {
	background: url(images/menu_en_learn.gif) top left no-repeat;
	}

#nav #n-about a {
	background: url(images/menu_en_about.gif) top left no-repeat;
	}

#nav li a:hover {
	background-position: 0 -31px !important;
	}

ul.sub-nav li { 
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 85%;
}

#nav li.off ul.sub-nav { 
	display: none;
	position: absolute !important;
	}

#nav li.on ul.sub-nav {
	position: absolute !important;
	width: 156px !important;
	padding: 0 !important;
}

#nav li.on ul.sub-nav li a {
	display: block !important;
	width: 136px !important;
	height: 16px !important; 
	margin: 0 !important;
	padding: 5px 10px !important;
	border-bottom: 1px #e0e0e0 solid !important;
	color: #333 !important;
	background-image: none !important;
	background-color: #f0f0f0 !important;
	text-align: left;
}

#nav li.on ul.sub-nav li a:hover {
	background-image: none !important;
	background-color: #ccc !important;
	border-bottom: 1px #bbb solid !important;
}



/*
========================================
footer
========================================
*/

/* footer layout style*/

#footer {
	padding-top: 35px;
	padding-bottom: 15px;
	background-color: #82b12a;
}

#footer .foot-navi {
	text-align: center;
	font-size: 77%;
	color: #fff;
	letter-spacing: 1px;
}

#footer .foot-navi a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

#footer .foot-navi a:hover {
	color: #ccc;
	text-decoration: underline;
}

#copy {
	font-family: Helvetica, Arial, sans-serif;
	margin: 20px 0;
	text-align: center;
	font-size:9px;
	letter-spacing: 1px;
}

/* end footer style*/



/*
========================================
sidebar setting
========================================
*/

/* ecommunity */

#sidebar div.ecommunity-wrap {
	margin-bottom:18px;
	padding-bottom:1px;
	background:#d9d5bd;
}

#sidebar div.ecommunity-wrap h3 {
	height:32px;
	text-indent: -5000px;
	background: url(images/side_en_ecommunity.gif) top left no-repeat;
}

#sidebar div.ecommunity-wrap div.wrapper {
	margin: 10px;
	background: #deeff2;
	border: 2px solid #fff;
}

#sidebar div.ecommunity-wrap h4.student a {
	display: block;
	height: 36px;
	text-indent: -5000px;
	background: url(images/submit_en_student.gif) top left no-repeat;
}

#sidebar div.ecommunity-wrap h4.teacher a {
	display: block;
	height: 36px;
	text-indent: -5000px;
	background: url(images/submit_en_teacher.gif) top left no-repeat;
}

#sidebar div.ecommunity-wrap p {
	font-size: 85%;
	color: #444;
	padding: 8px;
	padding-top: 0;
	line-height: 130%;
}

/* submit */

#sidebar div.submit-wrap {
	margin-bottom:18px;
	padding-bottom:1px;
	background:#d9d5bd;
}

#sidebar div.submit-wrap h3 {
	height:32px;
	text-indent: -5000px;
	background: url(images/side_en_submit.gif) top left no-repeat;
}

#sidebar div.submit-wrap div.wrapper {
	margin: 10px;
	background: #deeff2;
	border: 2px solid #fff;
}

#sidebar div.submit-wrap h4.student a {
	display: block;
	height: 36px;
	text-indent: -5000px;
	background: url(images/submit_en_student.gif) top left no-repeat;
}

#sidebar div.submit-wrap h4.teacher a {
	display: block;
	height: 36px;
	text-indent: -5000px;
	background: url(images/submit_en_teacher.gif) top left no-repeat;
}

#sidebar div.submit-wrap p {
	font-size: 85%;
	color: #444;
	padding: 8px;
	padding-top: 0;
	line-height: 130%;
}

/* purchace */

#sidebar div.purchase-wrap {
	margin-bottom:18px;
}

#sidebar div.purchase-wrap h3 a {
	display: block;
	height:32px;
	text-indent: -5000px;
	background: url(images/side_en_textbook.gif) top left no-repeat;
}

#sidebar div.purchase-wrap img {
	display: block;
	border: 1px solid #bbb;
}

/* academic */

#sidebar div.academicprice-wrap {
	margin-bottom:18px;
}

#sidebar div.academicprice-wrap h3 a {
	display: block;
	height:32px;
	text-indent: -5000px;
	background: url(images/side_en_academic.gif) top left no-repeat;
}

#sidebar div.academicprice-wrap p {
	font-size: 85%;
	color: #444;
	padding: 8px;
	line-height: 130%;
	background-color: #edf2f3;
	border: 1px solid #bbb;
}

#sidebar div.academicprice-wrap p a {
	color: #f60;
	text-decoration: underline;
}

/* donation */

#sidebar div.donation-wrap {
	margin-bottom:18px;
}

#sidebar div.donation-wrap h3 a {
	display: block;
	height:32px;
	text-indent: -5000px;
	background: url(images/side_en_donation.gif) top left no-repeat;
}

#sidebar div.donation-wrap p {
	font-size: 85%;
	color: #444;
	padding: 8px;
	line-height: 130%;
	background-color: #edf2f3;
	border: 1px solid #bbb;
}

#sidebar div.donation-wrap p a {
	color: #f60;
	text-decoration: underline;
}



/* paypal */

#sidebar div.paypal-wrap {
	margin-bottom:18px;
	text-align: center;
}



/* link */

#sidebar div.link-wrap{
	margin-bottom:18px;
}

#sidebar div.link-wrap div.banner{
	padding-top: 10px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #bbb;
}

#sidebar div.link-wrap h3 {
	height: 32px;
	text-indent: -5000px;
	background: url(images/side_en_relatedsite.gif) top left no-repeat;
}

#sidebar div.link-wrap a img {
	border: 1px solid #999;
	margin-bottom: 8px;
	line-height: 100%;
}


/* sidebar menu */

#sidebar div.submenu {
	margin-bottom:18px;
	padding: 1em 8px 4px 8px;
	background-color: #d9d5bd;
}

#sidebar div.submenu ul li {
	font-size: 77%;
	text-transform: uppercase;
	font-family: "Lucida Sans", sans-serif;
	font-weight: bold;
	padding-bottom: 1em;
	}

#sidebar div.submenu ul a {
	display: block;
	padding-left: 10px;
	background: url(images/arrow_off_gray.gif) center left no-repeat;
	color: #444;
	}

#sidebar div.submenu ul a:hover {
	background: url(images/arrow_on_gray.gif) center left no-repeat;
	color: #999;
	}

/* end sidebar */

/*
========================================
generic form style
========================================
*/


form .form dt {
	display: block;
	float: left;
	clear: left;
	width: 170px;
	margin: 0 10px 5px 0;
	text-align: right;
	font-size: 85%;
	text-transform: uppercase;
}

form .form dd input {
	padding: 1px;
}

form .form dd {
	font-size: 93%;
	margin: 0 10px 5px 180px;
}

form #lastname,
form #firstname {
	width: 200px;
}

form #email,
form #mail,
form #mail2,
form #affiliate,
form #department,
form #jobtitle,
form #street1,
form #street2,
form #city {
	width: 300px;
}

form #zipcode {
	width: 80px;
}

form #telephone {
	width: 180px;
}


form #file1,
form #file2,
form #attach01,
form #attach02,
form #attach03,
form #attach04,
form #title {
	width: 300px;
}

form #subject {
	width: 300px;
}

form #step {
	width: 180px;
}

form #detail,
form #description,
form #message {
	width: 320px;
}

form #reset,
form #return,
form #submit {
	padding: 1px; 15px;
	font-size: 85%;
	font-weight: bold;
	color: #333;
}

dl.confirm dt {
	display: block;
	float: left;
	clear: left;
	width: 170px;
	margin: 0 10px 10px 0;
	text-align: right;
	font-size: 85%;
	text-transform: uppercase;
}

dl.confirm dd {
	font-size: 93%;
	line-height: 130%;
	margin: 0 10px 10px 180px;
}

/*
========================================
page style
========================================
*/


/*
---------------------------------------------------
top page
---------------------------------------------------
*/

/* message box */

#top #content .message {
	margin-bottom: 18px;
	background: url(images/message_bg.gif) top left no-repeat #ffe68e;
}

#top #content .message .bg-btm-wrap {
	padding: 15px;
	background: url(images/message_bg_btm.gif) bottom left no-repeat;
}

#top #content .message h2 {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	color: #333;
}

#top #content .message p {
	width: 100%;
	font-size: 93%;
	line-height: 140%;
	color: #555;
}

#top #content .message .more {
	padding-top: 5px ;
	text-align: right;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	}

#top #content .message .more a {
	color: #444;
	padding-left: 10px ;
	background: url(images/arrow_white.gif) center left no-repeat;
	}

#top #content .message .more a:hover {
	color: #999;
	}

/* kisetsu menu */

#top #content .kisetsu {
	margin-bottom: 18px;
}

#top #content .kisetsu a {
	float: left;
	}

#top #content .kisetsu a img {
	display: block;
	width: 138px;
	height: 160px;
	border: none;
	}


/* news list */

#top #content .news {
	clear: both;
}

#top #content .news h2 {
	padding-bottom: 5px;
	height: 28px;
	background: url(images/latestnews_e.gif) top left no-repeat;
	text-indent: -5000px;
}

#top #content .news ul {
	border-top: 1px solid #aaa;
}

#top #content .news ul li {
	padding: 0.5em 0;
	line-height: 130%;
	background: url(images/dots.gif) bottom left repeat-x;
	}

#top #content .news ul li div {
	padding-left: 2.5em;
	background: url(images/leaf_icon.gif) 2px 3px no-repeat;
	}

#top #content .news ul li span.date {
	font-size: 85%;
	text-transform: uppercase;
	}

#top #content .news ul li span.date a {
	color: #333;
	}

#top #content .news ul li a {
	font-size: 93%;
	}

#top #content .news .more {
	padding: 12px 0;
	padding-left: 22px ;
	background: url(images/arrow_btn.gif) center left no-repeat;
	font-size: 85%;
	font-weight:bold;
	text-transform: uppercase;
	}

#top #content .news .more a {
	color: #444;
	}

#top #content .news .more a:hover {
	color: #999;
	}






/*
---------------------------------------------------
using kisetsu page
---------------------------------------------------
*/


/* common */

#content #contents-header {
	height: 72px;
	margin-bottom: 20px;
	text-indent: -5000px;
}

#kisetsu #content .haruichiban {
	background: url(images/haruichiban_header.gif) top left no-repeat;
	margin-bottom: 0;
}

#kisetsu #content .ginga {
	background: url(images/ginga_header.gif) top left no-repeat;
}

#kisetsu #content .akimatsuri {
	background: url(images/akimatsuri_header.gif) top left no-repeat;
}

#kisetsu #content .hatsuyume {
	background: url(images/hatsuyume_header.gif) top left no-repeat;
}

#nosidebar-content #content .haruichiban {
	background: url(images/haruichiban_header_l.gif) top left no-repeat;
	margin-bottom: 0;
}




/* objectives */

#kisetsu #content .objective {
	margin-bottom: 25px;
}

#kisetsu #content .objective p {
	padding: 0.8em 0;
	font-size: 93%;
	line-height: 130%;
	}

#kisetsu #content .objective .list {
	margin-bottom: 2em;
	background: url(images/dots.gif) bottom left repeat-x #f0f0f0;
}

#kisetsu #content .objective .list h3 {
	padding: 0.5em 15px;
	background: url(images/dots.gif) top left repeat-x #d0d0d0;
	font-size: 100%;
	font-weight: bold;
	line-height: 130%;
	color: #333;
}

#kisetsu #content .objective .list .unit-intro {
	background: url(images/dots.gif) top left repeat-x #e6e6e6;
}

#kisetsu #content .objective .list .unit-intro p {
	padding: 0.8em 15px;
	line-height: 140%;
}

#kisetsu #content .objective .list .nobuttontitle-wrap {
}

#kisetsu #content .objective .list .nobuttontitle-wrap h4 {
	padding: 1em 15px 0 15px;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	color: #000;
}

#kisetsu #content .objective .list .chaptertitle-wrap {
	margin: 16px 11px 0 11px;
	background: url(images/chaptertitle_bg.gif) top left no-repeat;
}

#kisetsu #content .objective .list .chaptertitle-wrap h4 {
	padding: 10px 15px 10px 12px;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	color: #000;
}

#kisetsu #content .objective .list .chaptertitle-wrap ul.material-link {
	list-style: none;
	width: 514px;
	padding: 0;
}

#kisetsu #content .objective .list .chaptertitle-wrap ul.material-link li {
	list-style: none;
	float: left;
}

#kisetsu #content .objective .list .chaptertitle-wrap ul.material-link li a {
	display: block;
	width: 257px;
	height: 67px;
	text-indent: -5000px;
}

#kisetsu #content .objective .list .chaptertitle-wrap ul.material-link li.resource a {
	background: url(images/resourcelink_e.gif) top left no-repeat;
	}

#kisetsu #content .objective .list .chaptertitle-wrap ul.material-link li.reference a {
	background: url(images/referencelink_e.gif) top left no-repeat;
	}

#kisetsu #content .objective .list h5 {
	padding: 1.5em 15px 0.8em 15px;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 140%;
}

#kisetsu #content .objective .list p {
	padding: 0 15px 0.8em 15px;
	line-height: 140%;
	}

#kisetsu #content .objective .list ul {
	list-style: disc;
	padding: 0 1.5em 1em 5em;
	}

#kisetsu #content .objective .list ul li {
	list-style: disc;
	font-size: 93%;
	line-height: 140%;
	}



/*
---------------------------------------------------
bread crumb
---------------------------------------------------
*/

#breadcrumb {
	height: 26px;
	background: url(images/breadcrumb_base.gif) left top no-repeat;
	margin-bottom: 1em;
	padding: 0 8px;
}

#kisetsu #breadcrumb {
	background: url(images/breadcrumb_base_s.gif) left top no-repeat;
}

#breadcrumb #bc-wrap {
	height: 26px;
	float: left;
}

#breadcrumb #bc-wrap span {
	float: left;
	font-family: "Verdana", sans-serif;
	font-size: 77%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	color: #888;
	height: 26px;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 12px;
	background: url(images/breadcrumb_separator2.gif) top right no-repeat;
}

#breadcrumb #bc-wrap span.parent {
	background: url(images/breadcrumb_separator1.gif) top right no-repeat;
}

#breadcrumb #bc-wrap span.this {
	background: url(images/breadcrumb_current.gif) top right no-repeat;
}

#breadcrumb #bc-wrap span a{
	color: #888;
	height: 26px;
}

#breadcrumb #bc-wrap span a:hover {
	color: #ccc;
}

#breadcrumb #bc-wrap #breadcrumb-home {
	padding: 0 12px 0 6px;
	}

#breadcrumb #bc-wrap #breadcrumb-home a {
	display: block;
	width: 16px;
	height: 26px;
	text-indent: -5000px;
	background: url(images/bc_home_icon.gif) left top no-repeat;
	}

#ecommunity-link {
	float: right;
}

#ecommunity-link a {
	display: block;
	width: 111px;
	height: 26px;
	text-indent: -5000px;
	background: url(images/ecommunity_btn_e.gif) top left no-repeat;
	}

/* reset padding */
#resource #content #ecommunity-link,
#reference #content #ecommunity-link {
	padding: 0;
}


/*
---------------------------------------------------
reference page
---------------------------------------------------
*/

#reference #content h1 {
	padding-bottom: 0.5em;
	margin-bottom: 0.8em;
	line-height: 140%;
	background: url(images/dots.gif) bottom left repeat-x;
}

#reference #content h1 .unit {
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}

#reference #content h1 .chapter {
	font-size: 123.1%;
	font-weight: bold;
	color: #333;
}

#reference #content #contents-title {
	padding-bottom: 0.8em;
	height: 28px;
	background: url(images/reference_e.gif) top left no-repeat;
	text-indent: -5000px;
}

/* getting started chart */

#reference #content .chart {
	clear: both;
	}

#reference #content .chart table {
	width: 100%;
	margin-bottom: 2em;
	border: 1px solid #ccc;
	border-collabse: collapse:
	}

#reference #content .chart table thead{
	background-color: #F9C853;
	}

#reference #content .chart table tbody{
	background-color: #f6f5f2;
	}


#reference #content .chart table th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 12px 7px;
	font-size: 85%;
	line-height: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	}

#reference #content .chart table tbody th {
	width: 5em;
	background-color: #ededed;
	}

#reference #content .chart table td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 7px;
	vertical-align: top;
	}

#reference #content .chart table.gs-chart td {
	font-size: 85%;
	line-height: 120%;
	font-weight: normal;
	}

#reference #content .chart table td h4 {
	padding-bottom: 1em;
	font-size: 85%;
	font-weight: bold;
	line-height: 120%;
	text-transform: uppercase;
}

#reference #content .chart table td ul{
	margin-bottom:1em;
	}

#reference #content .chart table td ul li{
	font-size: 85%;
	line-height: 120%;
	font-weight: normal;
	color: #444;
	list-style: none;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
}

#reference #content .chart table td ul li.pink {
	list-style-image: url(images/chartmark_pink.gif);
}

#reference #content .chart table td ul li.orange {
	list-style-image: url(images/chartmark_orange.gif);
}

#reference #content .chart table td ul li.green {
	list-style-image: url(images/chartmark_green.gif);
}

#reference #content .chart table td ul li.blue {
	list-style-image: url(images/chartmark_blue.gif);
}

#reference #content .chart table td ul li.olive {
	list-style-image: url(images/chartmark_olive.gif);
}

#reference #content .chart table td ul li.coral {
	list-style-image: url(images/chartmark_coral.gif);
}

#reference #content .chart table td ul li.yellow {
	list-style-image: url(images/chartmark_yellow.gif);
}

#reference #content .chart table td ul li.sky {
	list-style-image: url(images/chartmark_skyblue.gif);
}

#reference #content .chart table td ul li.purple {
	list-style-image: url(images/chartmark_purple.gif);
}

#reference #content .chart table td ul li ul{
	padding-top: 0.3em;
}

#reference #content .chart table td ul li ul li{
	font-size: 100%;
	list-style-image: none;
	list-style: disc;
	margin-bottom: 0;
}

/* national standard chart */
#reference #content .chart #ns-chart-title{
	height: 39px;
	background: url(images/nschart_title_e.gif) top left no-repeat;
	text-indent: -5000px;
	}

#reference #content .chart table.ns-chart thead{
	background-color: #8abed6;
	}

#reference #content .chart table.ns-chart tbody{
	background-color: #f5f4f1;
	}

#reference #content .chart table.ns-chart td {
	width: 20%;
	}


/* liguistic chart */
#reference #content .chart #l-chart-title{
	width: 732px;
	height: 39px;
	background: url(images/lchart_title_e.gif) top left no-repeat;
	text-indent: -5000px;
	}

#reference #content .chart table.l-chart thead{
	background-color: #a19bcf;
	}

#reference #content .chart table.l-chart tbody{
	background-color: #f5f4f1;
	}

#reference #content .chart table.l-chart td {
	width: 25%;
	}

#resource #content p.toplink,
#reference #content p.toplink {
	text-align: right;
	padding:1em;
	font-size: 77%;
	text-transform: uppercase;
}



/*
---------------------------------------------------
resource page
---------------------------------------------------
*/

#resource #content h1 {
	padding-bottom: 0.5em;
	margin-bottom: 0.8em;
	line-height: 140%;
	background: url(images/dots.gif) bottom left repeat-x;
}

#resource #content h1 .unit {
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}

#resource #content h1 .chapter {
	font-size: 123.1%;
	font-weight: bold;
	color: #333;
}

#resource #content #contents-title {
	padding-bottom: 0.8em;
	height: 28px;
	background: url(images/resource_e.gif) top left no-repeat;
	text-indent: -5000px;
}

#resource #content p.caption {
	background: url(images/dots.gif) top left repeat-x #f5f5f5;
	margin-bottom: 0;
	padding: 0.5em 0.7em;
	font-size: 93%;
	color: #333;
}

#resource #content .chapter-list {
	background: url(images/dots.gif) top left repeat-x #8abfd6;
	margin-bottom: 2em;
}

#resource #content .chapter-list h3 {
	background: url(images/dots.gif) bottom left repeat-x;
	padding: 0.5em 0.7em;
	font-size: 93%;
	font-weight: bold;
	color: #333;
}

/* 3 column layout */

#resource #content .chapter-list .three-column-wrap {
	background: url(images/chapter_divider3.gif) top left repeat-y;
	width: 100%;
}

#resource #content .chapter-list .three-column {
	background: url(images/dots.gif) bottom left repeat-x;
	width: 100%;
}

#resource #content .chapter-list .three-column .column1,
#resource #content .chapter-list .three-column .column2,
#resource #content .chapter-list .three-column .column3 {
	background-image: none;
	float: left;
	width: 33.3%;
	}

/* 4 column layout */

#resource #content .chapter-list .four-column-wrap {
	background: url(images/chapter_divider4.gif) top left repeat-y;
	width: 100%;
}

#resource #content .chapter-list .four-column {
	background: url(images/dots.gif) bottom left repeat-x;
	width: 100%;
}

#resource #content .chapter-list .four-column .column1,
#resource #content .chapter-list .four-column .column2,
#resource #content .chapter-list .four-column .column3,
#resource #content .chapter-list .four-column .column4 {
	background-image: none;
	float: left;
	width: 25%;
	}

/* chapter list items */

#resource #content .chapter-list h4 {
	background-image: none;
	color: #888;
	padding: 1em 0.5em 1em 0.7em;
	font-size: 85%;
	line-height: 110%;
	font-weight: bold;
	text-transform: uppercase;
}

#resource #content .chapter-list ul {
	background-image: none;
	list-style: none;
	padding: 0 0.5em 0 0.7em;
}

#resource #content .chapter-list ul li {
	list-style: none;
	padding: 0 0 1.2em 20px;
	font-size: 85%;
	line-height: 120%;
	font-weight: normal;
	}

#resource #content .chapter-list ul .textdata {
	background: url(images/icon_pdf.gif) top left no-repeat;
	}

#resource #content .chapter-list ul .sounddata {
	background: url(images/icon_mp3.gif) top left no-repeat;
	}

#resource #content .chapter-list ul .imagedata {
	background: url(images/icon_image.gif) top left no-repeat;
	}


/* e-community */

#content #e-community {
	margin-bottom: 2em;
	height: 45px;
	background: url(images/ecommunity_e.gif) center left no-repeat;
	text-indent: -5000px;
}

/* students work */

#content .student {
	margin-bottom: 25px;
}

#content .student h3 {
	padding: 2px 0;
	height: 28px;
	border-bottom: 1px solid #aaa;
	background: url(images/students_e.gif) center left no-repeat;
	text-indent: -5000px;
}

#content .student p {
	padding: 0.5em 0;
	margin-bottom: 0;
	font-size: 93%;
	line-height: 150%;
}


/* teachers idea */

#content .teacher {
	margin-bottom: 25px;
}

#content .teacher h3 {
	padding: 2px 0;
	height: 28px;
	border-bottom: 1px solid #aaa;
	background: url(images/teachers_e.gif) center left no-repeat;
	text-indent: -5000px;
}

#content .teacher p {
	padding: 0.5em 0;
	margin-bottom: 0;
	font-size: 93%;
	line-height: 150%;
}

/* publish schedule */

#kisetsu #content .publish {
	margin-bottom: 25px;
}

#kisetsu #content .publish h2 {
	padding: 5px 0;
	border-bottom: 1px solid #aaa;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

#kisetsu #content .publish p {
	padding: 0.5em 0;
	font-size: 93%;
	line-height: 150%;
}

/* book contents */

#kisetsu #content .book-contents {
	margin-bottom: 25px;
}

#kisetsu #content .book-contents h2 {
	padding: 5px 0;
	border-bottom: 1px solid #aaa;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

#kisetsu #content .book-contents p {
	padding: 0.5em 0;
	font-size: 93%;
	line-height: 150%;
}

#kisetsu #content .book-contents ul {
	padding: 0.5em 0 0.5em 1em;
	font-size: 93%;
	line-height: 150%;
}

#kisetsu #content .book-contents ul li {
	font-weight: bold;
	list-style: disc;
}

#kisetsu #content .book-contents ul li ul {
	font-size: 100%;
}

#kisetsu #content .book-contents ul li ul li {
	padding-left: 1em;
	font-weight: normal;
	list-style: none;
}



/*
---------------------------------------------------
news page
---------------------------------------------------
*/


/* common */

#news #content h2 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
	background: url(images/news_header_en.gif) top left no-repeat;
}

#news #content h1 {
	background: url(images/dots.gif) bottom left repeat-x;
	padding: 5px 0;
	font-size: 123.1%;
	font-weight: bold;
	color: #000;
	line-height: 130%;
}

#news #content h1.list-title {
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

/* list */

#news #content ul {
	margin-bottom: 25px;
}

#news #content ul li {
	padding: 0.5em 0;
	line-height: 130%;
	background: url(images/dots.gif) bottom left repeat-x;
	}

#news #content ul li div {
	padding-left: 2.5em;
	background: url(images/leaf_icon.gif) 2px 3px no-repeat;
	}

#news #content ul li span.date {
	font-size: 85%;
	text-transform: uppercase;
	}

#news #content ul li a {
	font-size: 93%;
	}


/* news page */

#news #content h3 {
	font-size: 93%;
	line-height: 150%;
	color: #444;
	font-weight: bold;
	padding-bottom: 1.8em;
}

#news #content h4 {
	font-size: 93%;
	line-height: 150%;
	color: #444;
	font-weight: bold;
}

#news #content p {
	font-size: 93%;
	line-height: 150%;
	color: #444;
	padding-bottom: 1.8em;
}

#news #content p.date {
	font-size: 85%;
	color: #777;
	padding-bottom: 0;
}

#news #content .text-wrap {
	margin: 2em 0;
}






/*
---------------------------------------------------
textbook page
---------------------------------------------------
*/


/* welcome kisetsu title */

#textbook #title-wrap {
	height: 280px;
	background: url(/en/textbook/images/welcome.jpg) top left no-repeat;
}

#textbook #title-wrap #order-wrap {
	margin: 0 15px;
	height: 280px;
	background: url(images/dots.gif) bottom left repeat-x;
}

#textbook #title-wrap #order-wrap p{
	padding: 170px 0 0 403px;
	font-size: 85%;
	line-height: 180%;
	color: #444;
}

#textbook #title-wrap #order-wrap img{
	margin-bottom: 0.5em;
}

/* common style */

#textbook #content h1 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
}

#textbook #content h1.about {
	background: url(images/textbook_header_en.gif) top left no-repeat;
}

#textbook #content h1.chapters {
	background: url(images/chapters_header_en.gif) top left no-repeat;
}

#textbook #content .text-wrap,
#textbook #content .text-wrap2 {
	margin-bottom: 1em;
	padding: 0 8px;
	clear: both;
}

#textbook #content .text-wrap h2,
#textbook #content .text-wrap2 h2  {
	background: url(images/dots.gif) bottom left repeat-x;
	padding: 5px 0;
	margin-bottom: 1em;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	color: #000;
	line-height: 130%;
}

#textbook #content .text-wrap h2 {
	letter-spacing: 1px;
	text-transform: uppercase;
}

#textbook #content h3 {
	padding-top:  1em;
	margin-bottom: 1em;
	font-size: 93%;
	font-weight: bold;
	color: #444;
	line-height: 130%;
}

#textbook #content p {
	font-size: 93%;
	line-height: 150%;
	color: #444;
	padding-bottom: 1em;
}

#textbook #content .text-wrap img {
	float: left;
	margin: 0 30px 5px 20px;
}


#textbook #content .text-wrap ol {
	padding-left: 2em;
	padding-bottom: 0.5em;
}

#textbook #content .text-wrap ol li {
	list-style: decimal;
	font-size: 93%;
	line-height: 150%;
	color: #444;
	padding-bottom: 0.5em;
}



/*
---------------------------------------------------
purchase page
---------------------------------------------------
*/


#purchase #content h1 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
	background: url(images/purchase_header_en.gif) top left no-repeat;
}

#purchase #content h1.academic {
	background: url(images/purchase_ac_header_en.gif) top left no-repeat;
}

#purchase #content h1.donation {
	background: url(images/donation_header_en.gif) top left no-repeat;
}

#purchase #content p {
	padding-bottom: 1em;
	font-size: 93%;
	line-height: 140%;
}

#purchase #content p a {
	text-decoration: underline;
}

#purchase #content p.link a {
	text-decoration: none;
}

#purchase #content ul {
	list-style: disc;
	padding-bottom: 1em;
	padding-left: 1.5em;
}

#purchase #content li {
	list-style: disc;
	font-size: 93%;
	line-height: 120%;
	padding-bottom: 0.8em;
}

#purchase #content li a {
	text-decoration: underline;
}

#purchase #content p.notice {
	text-align: right;
	font-size: 85%;
	padding-bottom: 0.5em;
	background: url(images/dots.gif) bottom left repeat-x;
}

#purchase #content .elibiblity-wrap {
	background: url(images/dots.gif) bottom left repeat-x;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#purchase #content .elibiblity-wrap h3 {
	padding-bottom: 1em;
	color: #444;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
}

#purchase #content .elibiblity-wrap h4 {
	padding-bottom: 1em;
	padding-left: 1.5em;
	font-size: 93%;
	line-height: 130%;
	font-weight: normal;
	text-transform: uppercase;
}

#purchase #content .elibiblity-wrap ul {
	padding-left: 3em;
}

#purchase #content .elibiblity-wrap li {
	line-height: 140%;
}

#purchase #content .elibiblity-wrap p {
	padding-bottom: 1em;
	font-size: 93%;
	line-height: 140%;
}

#purchase #content .overall-wrap {
	margin-bottom: 2em;
}

#purchase #content h2 {
	clear: both;
	background: url(images/dots.gif) bottom left repeat-x #cce6e6;
	padding: 4px 10px;
	color: #555;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
}

#purchase #content .form-wrap {
	background: url(images/dots.gif) bottom left repeat-x #f0f0f0;
	padding: 15px 10px;
}

#purchase #content .submitbtn-wrap {
	background: url(images/dots.gif) bottom left repeat-x #ccc;
	padding: 15px 10px;
	text-align: right;
}

#purchase #content .item-wrap {
	background: url(images/dots.gif) bottom left repeat-x #f0f0f0;
	padding: 15px 10px;
}

#purchase #content .item-wrap .image-wrap {
	float: left;
	width: 140px;
	text-align: center;
}

#purchase #content .item-wrap .data-wrap{
	margin-left: 150px;
	width: 360px;
}

#purchase #content .item-wrap h3.itemname{
	padding-bottom: 10px;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	color: #222;
}

#purchase #content .item-wrap p.description{
	padding-bottom: 10px;
	font-size: 85%;
	line-height: 140%;
}

#purchase #content .item-wrap table {
	width: 100%;
	}

#purchase #content .item-wrap table th {
	padding: 2px 4px;
	background-color: #ddd;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 85%;
}

#purchase #content .item-wrap table td {
	padding: 5px 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 93%;
}

#purchase #content .item-wrap table td.button {
	padding: 5px 0;
	text-align: right;
}


#purchase #content #workbook1-quantity,
#purchase #content #haruichiban-quantity {
	width: 40px;
}

#purchase #content .mark {
	color: #c30;
}


#purchase #content .support-wrap {
	background: url(images/supportwrap_btm.gif) bottom left no-repeat #eee;
	margin-bottom: 3em;
	padding: 40px 100px 50px 100px;
}

#purchase #content h2.support {
	height: 50px;
	text-indent: -5000px;
	background: url(images/support_en.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

#purchase #content .support-wrap table {
}

#purchase #content .support-wrap table td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 93%;
}

/*
---------------------------------------------------
info page
---------------------------------------------------
*/


#info #content h1 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
	background: url(images/info_header_en.gif) top left no-repeat;
}

#info #content h2 {
	background: url(images/dots.gif) bottom left repeat-x;
	padding: 5px 0;
	margin-bottom: 1em;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	line-height: 130%;
}

#info #content h3 {
	padding: 5px 0 0 0;
	margin-bottom: 1em;
	font-size: 93%;
	font-weight: bold;
	color: #444;
	line-height: 130%;
}

#info #content .text-wrap {
	margin-bottom: 1em;
}

#info #content p {
	font-size: 93%;
	line-height: 150%;
	color: #444;
	padding-bottom: 1em;
}

#info #content ol {
	padding-left: 2em;
}

#info #content ol li {
	list-style: decimal;
	font-size: 93%;
	line-height: 150%;
	color: #444;
	padding-bottom: 1em;
}



/*
---------------------------------------------------
faq page
---------------------------------------------------
*/


#faq #content h1 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
	background: url(images/faq_header_en.gif) top left no-repeat;
}

#faq #content h2 {
	background: url(images/dots.gif) bottom left repeat-x;
	padding: 5px 0;
	margin-bottom: 1em;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	line-height: 130%;
	letter-spacing: 1px;
	color: #000;
}


#faq #content #questions ul {
	padding-left: 1.3em;
	margin-bottom: 1em;
	list-style: disc;
}

#faq #content #questions ul li {
	list-style: disc;
	font-size: 93%;
	line-height: 130%;
	padding-bottom: 0.6em;
}

#faq #content #answers h3 {
	margin-top: 1em;
	font-size: 93%;
	font-weight: bold;
	color: #444;
	line-height: 150%;
	clear: both;
}

#faq #content #answers p {
	font-size: 93%;
	line-height: 150%;
	color: #444;
	margin-left: 2em;
	margin-bottom: 1em;
	clear: both;
}

#faq #content #answers p.toplink {
	text-align: right;
	font-size: 77%;
	text-transform: uppercase;
	margin-bottom: 2em;
}





/*
---------------------------------------------------
sitemap page
---------------------------------------------------
*/


#sitemap #content h1 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
	background: url(images/sitemap_header_en.gif) top left no-repeat;
}

#sitemap #content h2 {
	padding: 3px 0 3px 4px;
	margin-bottom: 9px;
	font-size: 93%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	color: #000;
	letter-spacing: 1px;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
}

#sitemap #content ul {
	padding-bottom: 18px;
}

#sitemap #content ul li {
	font-size: 93%;
	line-height: 170%;
	color: #999;
	padding-left: 8px;
	border-left: 5px solid #ccc;
}

#sitemap #content ul li ul li {
	font-size: 100%;
	line-height: 170%;
	margin-left: 2em;
	padding-left: 0;
	border-left: none;
	list-style: disc;
}

#sitemap #content ul li a {
	color: #333;
}

#sitemap #content ul li a:hover {
	color: #ccc;
	text-decoration: underline;
}




/*
---------------------------------------------------
contact page
---------------------------------------------------
*/


#contact #content h1 {
	height: 48px;
	margin-bottom: 20px;
	text-indent: -5000px;
	background: url(images/contact_header_en.gif) top left no-repeat;
}

#contact #content h2.confirm {
	height: 28px;
	padding-bottom: 0.5em;;
	text-indent: -5000px;
	border-bottom: 1px solid #aaa;
	background: url(images/confirm_title_en.gif) top left no-repeat;
}

#contact #content ul {
	list-style: disc;
	padding-bottom: 2em;
	padding-left: 1.5em;
}

#contact #content li {
	list-style: disc;
	font-size: 93%;
	line-height: 120%;
	padding-bottom: 0.8em;
}

#contact #content li a {
	text-decoration: underline;
}

#contact #content p {
	background: url(images/dots.gif) bottom left repeat-x;
	font-size: 93%;
	padding: 1em 0;
}

#contact #content p.notice {
	text-align: right;
	font-size: 85%;
	padding-bottom: 0.5em;
	background: url(images/dots.gif) bottom left repeat-x;
}

#contact  #content .overall-wrap {
	margin-bottom: 2em;
}


#contact #content .overall-wrap p.caplink {
	margin-bottom: 2em;;
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	letter-spacing: 1px;
	background: none;
}

#contact #content .overall-wrap p.caplink a {
	color: #444;
}

#contact #content h2 {
	clear: both;
	background: url(images/dots.gif) bottom left repeat-x #cce6e6;
	padding: 4px 10px;
	color: #444;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
}

#contact #content .form-wrap {
	background: url(images/dots.gif) bottom left repeat-x #f0f0f0;
	color: #444;
	padding: 15px 10px;
}

#contact #content .submitbtn-wrap {
	background: url(images/dots.gif) bottom left repeat-x #ccc;
	padding: 15px 10px;
	text-align: right;
}

#contact #content .mark {
	font-size: 130%;
	color: #c30;
}

#contact #content #category {
	width: 250px;
}

#contact #content #comment {
	width: 350px;
}



#contact #content .overall-wrap p.caplink {
	margin-bottom: 2em;;
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	letter-spacing: 1px;
	background: none;
}

#contact #content .overall-wrap p.caplink a {
	color: #444;
}

/*
---------------------------------------------------
student work page
---------------------------------------------------
*/


#student-work #content h2 {
	height: 48px;
	margin-bottom: 0.5em;;
	text-indent: -5000px;
	background: url(images/ecommunity_header_en.gif) top left no-repeat;
}

#student-work #content h1 {
	padding: 6px 0;
	margin-bottom: 1em;
	height: 28px;
	border-bottom: 1px solid #aaa;
	background: url(images/students_e.gif) center left no-repeat;
	text-indent: -5000px;
}

#student-work #content h1.confirm {
	background: url(images/confirm_title_en.gif) center left no-repeat;
}

#student-work #content p.confirmnotice {
	background: url(images/dots.gif) bottom left repeat-x;
	font-size: 93%;
	padding: 1em 0;
}

#student-work #content ul.notice {
	list-style: disc;
	padding: 1.5em;
	background: url(images/dots.gif) top left repeat-x;
}

#student-work #content li {
	list-style: disc;
	font-size: 85%;
	line-height: 120%;
	padding-bottom: 0.8em;
}

#student-work #content li a {
	text-decoration: underline;
}

#student-work #content p {
	font-size: 93%;
	line-height: 150%;
	padding-bottom: 1.5em;
}

#student-work #content p.notice {
	text-align: right;
	font-size: 85%;
	padding-bottom: 0.5em;
	background: url(images/dots.gif) bottom left repeat-x;
}

#student-work  #content .overall-wrap {
	margin-bottom: 2em;
}

#student-work #content h3 {
	clear: both;
	background: url(images/dots.gif) bottom left repeat-x #cce6e6;
	padding: 4px 10px;
	color: #444;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
}

#student-work  #content .form-wrap {
	background: url(images/dots.gif) bottom left repeat-x #f0f0f0;
	padding: 15px 10px;
}

#student-work  #content .submitbtn-wrap {
	background: url(images/dots.gif) bottom left repeat-x #ccc;
	padding: 15px 10px;
	text-align: right;
}

#student-work  #content .mark {
	color: #c30;
}



#student-work #content .overall-wrap p.caplink {
	padding: 1em 0;
	margin-bottom: 2em;;
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	letter-spacing: 1px;
	background: none;
}

#student-work #content .overall-wrap p.caplink a {
	color: #444;
}

/*
---------------------------------------------------
teachers idea page
---------------------------------------------------
*/


#teacher-idea #content h2 {
	height: 48px;
	margin-bottom: 0.5em;;
	text-indent: -5000px;
	background: url(images/ecommunity_header_en.gif) top left no-repeat;
}

#teacher-idea #content h1 {
	padding: 6px 0;
	margin-bottom: 1em;
	height: 28px;
	border-bottom: 1px solid #aaa;
	background: url(images/teachers_e.gif) center left no-repeat;
	text-indent: -5000px;
}

#teacher-idea #content h3 {
	clear: both;
	background: url(images/dots.gif) bottom left repeat-x #cce6e6;
	padding: 4px 10px;
	color: #444;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
}

#teacher-idea #content ul.notice {
	list-style: disc;
	padding: 1.5em;
	background: url(images/dots.gif) top left repeat-x;
}

#teacher-idea #content li {
	list-style: disc;
	font-size: 85%;
	line-height: 120%;
	padding-bottom: 0.8em;
}

#teacher-idea #content li a {
	text-decoration: underline;
}

#teacher-idea #content p {
	font-size: 93%;
	line-height: 150%;
	padding-bottom: 1.5em;
}

#teacher-idea #content p.notice {
	text-align: right;
	font-size: 85%;
	padding-bottom: 0.5em;
	background: url(images/dots.gif) bottom left repeat-x;
}

#teacher-idea #content .overall-wrap {
	margin-bottom: 2em;
}

#teacher-idea #content .form-wrap {
	background: url(images/dots.gif) bottom left repeat-x #f0f0f0;
	padding: 15px 10px;
}

#teacher-idea #content .submitbtn-wrap {
	background: url(images/dots.gif) bottom left repeat-x #ccc;
	padding: 15px 10px;
	text-align: right;
}

#teacher-idea #content .mark {
	color: #c30;
}

#teacher-idea #content .overall-wrap p.caplink {
	padding: 1em 0;
	margin-bottom: 2em;;
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	letter-spacing: 1px;
	background: none;
}

#teacher-idea #content .overall-wrap p.caplink a {
	color: #444;
}



/*
---------------------------------------------------
error page
---------------------------------------------------
*/


#error {
	text-align: center;
}

#error .main {
	width: 640px;
	background-image: none;
	background-color: #fff;
	font-size: 93%;
	line-height: 120%;
	text-align: left;
	padding: 0 2em;
	border: 1px solid #aaa;
	margin: 0 auto;
}

#error .header {
	background: url(images/dots.gif) bottom left repeat-x;
}

#error h1 {
	height: 28px;
	padding-bottom: 0.5em;;
	text-indent: -5000px;
	background: url(images/error_title_en.gif) top left no-repeat;
}

#error div{
	background: url(images/dots.gif) bottom left repeat-x;
	padding: 1em 0;
	margin-bottom: 1em;
}

#error ul {
	color: #f60;
	padding: 0 0 0 1.5em;
}

#error ul li {
	list-style: disc;
	line-height: 150%;
}


#error form {
	padding: 1.5em 0;
}

#error input {
	padding: 1px;
	font-weight: bold;
	color: #333;
}

/*
---------------------------------------------------
sending-mail page (not used)
---------------------------------------------------
*/

#sending-mail #nosidebar-content h1 {
	height: 28px;
	padding-bottom: 0.5em;;
	text-indent: -5000px;
	border-bottom: 1px solid #aaa;
}

#sending-mail #nosidebar-content p {
	background: url(images/dots.gif) bottom left repeat-x;
	font-size: 93%;
	padding: 1em 0;
}

#sending-mail #nosidebar-content div.button-wrap {
	background: url(images/dots.gif) bottom left repeat-x #ccc;
	padding: 15px 15px;
	text-align: right;
	margin-bottom: 1.5em;
}

/* confirmation page */

#sending-mail #nosidebar-content {
	padding: 20px 149px;
}

#sending-mail #nosidebar-content h1.confirm {
	background: url(images/confirm_title_en.gif) top left no-repeat;
}

#sending-mail #nosidebar-content #info-wrap{
	background: url(images/dots.gif) bottom left repeat-x #eee;
	padding: 1em 0;
}

#sending-mail #nosidebar-content .wrap {
	padding-bottom: 1em;
}

#sending-mail #nosidebar-content .wrap .left{
	float: left;
	width: 150px;
	text-align: right;
	font-size: 93%;
}

#sending-mail #nosidebar-content .wrap .right {
	float: right;
	width: 305px;
	font-size: 93%;
	text-align: left;
	padding-right: 15px;
}

/* error page */

#sending-mail #nosidebar-content h1.error {
	background: url(images/error_title_en.gif) top left no-repeat;
}

#sending-mail #nosidebar-content .error-message{
	background: url(images/dots.gif) bottom left repeat-x #eee;
	padding: 1em 1em 0.5em 2em;
	list-style: disc;
}

#sending-mail #nosidebar-content ul li {
	list-style: disc;
	font-size: 93%;
	line-height: 120%;
	font-weight: bold;
	color: #d00;
	padding-bottom: 0.8em;
}


#sending-mail #nosidebar-content div.button-wrap #return {
	padding: 1px;
	font-size: 85%;
	font-weight: bold;
	color: #666;
}

/* complete page */

#sending-mail #nosidebar-content h1.thankyou {
	background: url(images/thankyou_title_en.gif) top left no-repeat;
}

#sending-mail #nosidebar-content .message{
	background: url(images/dots.gif) bottom left repeat-x #eee;
	padding: 8em 0;
	text-align: center;
}

#sending-mail #nosidebar-content p.caplink {
	margin-bottom: 2em;;
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	letter-spacing: 1px;
	background: none;
}

#sending-mail #nosidebar-content p.caplink a {
	color: #444;
}