/* off-white:#f7f3ef  pale-yellow:#fffba5sea-blue:#63bede;
head-blue:#3992d6;
blue-line:#4238de;
CHEERS blue: #330066;
wine: #990033;
beige/peach: #f4e8ce;
v.pale blue:#ececec;
*/
@font-face {
font-family: epmgobld;
src: url(font/epmgobld.ttf);
font-weight:bold;
/*format("truetype");*/
}

@import url(http://www.google.com/cse/api/branding.css);
.cse-branding-logo {
position:absolute;
top:0;
right:0;
width:100px;
background-color:#fff;
}

/* temp */
#job_ad {
border:2px solid #990033;
border-radius:5px;
background:white;
margin-top:6em;
height:1.5em;
position:relative;
color:#990033;
font-weight:bold;
text-align:center;
padding-top:2px;
cursor:default;
}
#job_ad_page {
width:42em;
margin:auto;
padding:1em;
border:1px solid gray;
border-radius:25px;
box-shadow: 10px 10px 5px #888888;
}
#job_ad_page p {
font-size:1.2em;
}
#nnews ul li#job_ad:before {
content:"";
}
#job_ad div {
display:none;

}
#job_ad:hover div {
display:block;
position:absolute;
font-weight:normal;
color:black;
text-align:left;
height:6em;
width:20em;
top:-7em;
left:-62px;
background:#fff;
padding:3px;
font-size:0.9em;
border:2px solid #990033;
border-radius:5px;
}

/* jtes */
#pedagogy-class h2{
position:relative;
}
#pedagogy-class h2 a {
position:absolute;
right:10px;
top:2px;
display:block;
border:1px dotted #ccc;
padding:3px;
background-color:#ffc;
}
#pedagogy-class ul#jtes {
border:1px dotted gray;
overflow:auto;
padding:5px;
background:none;
}
#jtes li {
float:left;
border:1px dotted gray;
white-space:nowrap;
}
#jtes a {
float:left;
display:inline;
padding:5px;
margin:5px;
text-align:center;
text-decoration:none;
font-size:1.4em;
}
#jtes a:link, #jtes a:visited {
color:#330066;
}
#jtes a:hover {
color:#980032;
}


/* new bit */
#nnews #grabbers, #topbit #grabbers {
margin-left:0;
overflow:auto;
padding-bottom:5px;
/*border-bottom:1px solid gray;*/

margin-top:7px;
}
#grabbers {
clear:left;
}
#grabbers li{
float:left;
margin-right:2px;
}
#nnews #grabbers li:before , #topbit #grabbers li:before{
content:"";
}

/* home page news section */

#newsa, #newsb {
float:left;
width:350px;
/*border:1px solid red; */
min-height:80px;
}
#newsb {
width: 240px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding-left: 5px;
}



#news, #nnews, #more, #topbit {
border:1px solid #b2b2b2;
text-align:center;
padding:0.5em;
background:#f7f3ef;
overflow:auto;
list-style:none;
display:block;
}






#nnews ul, #topbit ul {
margin-left:7px;
text-align:left;
list-style:none;
float:left;
font-style:normal;

}

#newsa ul{
float:right;
width:260px;
}

#nnews ul li, #topbit ul li {
}
#nnews ul li a, #topbit ul li a {
color:#330066;
text-decoration:none;
font-size:15px;
}
#nnews ul li a:hover, #topbit ul li a:hover {
color:#4238de;
border-bottom:1px dotted #330066;
}
#nnews ul li:before, #topbit ul li:before {
content:">>";
}
ul#more li:before {
content:"";
}
#news #news_img, #more, #bnews {
float:left;
}
#more {
float:right;
}
#bnews li {
padding:3px;
}
#nnews h3, #topbit h3 {
/*border:1px solid #990033;*/
font-size:2.2em;
color:#330066;
float:left;
padding:2px;
text-transform:none;
}
#news li , #more li{
width:49%;
float:left;
height:40px;
/*border-right:1px dotted #980033;
border-bottom:1px dotted #980033; */
line-height:30px;
font-size:1.5em;
margin:3px 0 0 3px;
background:url(images/box_vpblue_small.png) 0 no-repeat;
}
ul#more {
overflow:hidden;
width:270px;
padding:0;
border:none;
font-size:16px;
text-align:center;
border-left:1px dotted gray;
padding-left:10px;
}
#more li {
height:16px;
background:url(images/box_vpblue_small.png) bottom right no-repeat;
line-height:16px;
font-size:16px;
padding-bottom:4px;
padding-top:2px;
width:90%;
margin-left:10%;
}
ul#more.testing {
width:150px;
border:0;
padding-left:0;
}
#newsa h3, #newsb h3 {
font-size:1.8em;
padding-top:0;
margin-top:0;
}
#newsa ul, #newsb ul {
padding-top:10px;
}

#news li a, #more li a {
display:block;
}
#more li:hover {
color:#330066;
background:url(images/box_vpblue_small_hover.png) bottom right no-repeat;
}
ul#more li a:hover, #more li:hover {
border:0;
}
#news #pedalink a {
float:left;
font-size:1em;
margin-left:1.2em;
padding:0 5px 0;
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#news li:hover{
color:#330066;
background:url(images/box_vpblue_small_hover.png) 0 no-repeat;
}

#news1 span, #news2 span, #news3 span {
display:block;
margin:40px auto;
}
#news #new {
color:#980033;
}
#news #etvlink {
}
#news a , #more a{
color:#330066;
}
#news a:hover, #more a:hover {
color:#980000;
}
#news1 {
float:left;
font-size:1.8em;
}

#news2 {
float:right;
margin:40px auto;
font-size:1.3em;
}
#news1, #news2, #news3 {
width:31%;
margin:auto 5px;
height:120px;
border-left:1px dotted #980033;
border-right:1px dotted #980033;
}
#news3 {
float:left;

margin-left:14px;
display:inline;
font-weight:bold;
font-size:1.5em;
}
#news3 span {
margin-top:20px;
}
#bloglink a {
display:block;
margin:5px;
}
#news2 a {
font-weight:bold;
}
/*shaberihoudai*/#shaberihoudai p{
font-size:1.5em;
text-align:center;
margin:20px;
}
#shaberihoudai h2 {
text-align:center;
margin-bottom:50px;
}
#shaberihoudai p#ct_sched_link {
margin-top:50px;
font-size:1.6em;
font-weight:bold;
}

h2#why {
background:none;
border:none;
margin-top:10px;
margin-bottom:0;
text-align:center;
}


/* main stuff */* {
margin:0;
padding:0;
}
a img {
border:0;
}
.hidden {
display:none;
}
body {
background:#f4e8ce url(images/head_wine_small.png) repeat-x;
font-size:14px;
font-family: epmgobld, "Times New Roman","MS PGothic","MS Gothic", "MS UI Gothic",  serif; 
/* "Arial Unicode", */
}
body#index {
background:#f4e8ce url(images/head_wine.png) repeat-x;
}
body, html {
height:100%;
}
#wrap {
/* padding:1px;
 */position:relative;
min-height:100%;
}
#header {
margin:auto;
width:780px;
position:relative;
padding-top:19px;
}
h1 {
/*background:url(images/logo_trans_2.png) no-repeat ;*/
background:url(images/cheers_bunka_&_eikaiwa.png) no-repeat ;
height:100px;
 width:400px;
text-indent:-9000px;
font-size:1.7em;
margin:5px 0;
position:relative;
}
#etv h1 {
width:780px;
background-position:top right;
text-indent:-1em;
font-size:4.5em;
color:#330066;
font-weight:normal;
}
h1 a{
position:absolute;
height:70px;
width:400px;
right:10px;
top:0;
}
h2 {
font-size:1.5em;
margin:5px auto;
/*background-color:#f7f3ef;*/
background-color:#ff9;
border-bottom:1px solid #903;
border-right:1px solid #903;
padding:5px;
line-height:0.9em;
}
h3 {
font-size:1.2em;
font-style:italic;
text-transform:lowercase;
margin:5px auto;
}
h4 {
font-size:1em;
font-weight:bold;
margin:5px auto;
}
dt {
font-size:1.2em;
font-weight:bold;
margin:5px;
}
dd {
margin-left:7px;
}
p {
margin:5px;
}
.nowrap {
white-space:nowrap;
}
#search_box {
position:absolute;
top:0;
right:0;
margin-top:12px;
/*background-color:#a500ff;
*/background-color:#990033;
width:345px;
text-align:center;
border-color:#4238de;
border-width:0 1px 1px 1px;
border-style:solid;
}
#search_box fieldset {
border:0;
padding:5px;
}
#search_box label {
color:#f7f3ef;
}
#search_box legend {
display:none;
}
#sbb, #sbi {
width:90px;
}
#header .nav {
position:absolute;
right:0;
top:56px;
list-style:none;
width:400px;
text-align:center;
background-color:#f7f3ef;
line-height:14px;
border-color:#330066;
border-width:1px 1px 0 1px;
border-style:solid;
}
#header .nav li {
float:left;
}
#header .nav li#prices {
clear:left;
}
#header .nav a,#header .nav .current {
font-size:12px;
font-weight:normal;
padding:2px 3px 6px 3px;
display:block;
width:74px;
text-decoration:none;
color:#330066;
font-weight:bold;
}
#header .nav .current {
color:#990033;
}
#header .nav a:hover {
color:#1e2b2f;
padding:2px 1px 4px 3px;
border-bottom:2px solid #990033;
border-right:2px solid #990033;
}


/* home */
#top_pics {
list-style:none;
margin-bottom:15px;
margin-top:-20px;
}
#top_pics:after,#points:after {
content:"";
display:block;
clear:both;
overflow:hidden;
}
#top_pics #pic1 {
float:left;
}
#top_pics #pic2 {
float:right;
}
#top_pics p {
margin:-20px 0 0 0;
background:#fff;
opacity:0.8;
line-height:14px;
padding:3px;
}




#footer {
background:url(images/foot_wine.png) bottom repeat-x;
height:110px;
position:absolute;
bottom:0;
width:100%;
color:#330066;
}
#footer .nav {
list-style:none;
width:49em;
margin:4px auto auto;
}
#footer .nav li {
display:inline;
}
#footer .nav li a,#footer .nav li.current {
text-decoration:none;
padding:0 7px 0 7px;
border-right:1px solid gray;
font-weight:bold;
color:#fff;
}
#footer .nav li.current {
text-decoration:underline;
}
#footer .nav li a:hover {
color:#fffba5;
}
#footer .nav li.last a {
	border-right:0;
}
address {
	text-align:center;
	display:block;
	position:relative;
	margin-top:20px;
	font-style:normal;
}
#footer ul {
list-style:none;
width:780px;
margin:auto;
}
#footer ul#contact li {
	float:left;
	width:30%;
	text-align:center;
	padding:1em 0;
	font-weight:bold;
	font-size:1.1em;
}
#addr:link, #addr:visited {
	color:navy;
}
#addr:hover {
	color:#980032;
}
#content {
	padding:5px 0 140px;
	width:780px;
	margin:auto;
}
#content p {
margin:10px;
}



/* home */
#why_cheers {
border:1px solid #b2b2b2;
margin-top:10px;
margin-bottom:10px;
background-color:#f7f3ef;
}

#points {
list-style:none;
}
#points h2 {
border:none;
}
#points li {
background:url(images/box_vpblue.png) center center no-repeat;
float:left;
display:inline;
position:relative;
width:229px;
height:144px;
margin:15px;
/*color:#f7f3ef;
*/
color:black;
cursor:pointer;
}
#tlink img {
display:block;
margin:auto;
}
#points h2, #points a {
text-align:center;
	text-decoration:none;
	font-size:0.9em;
	display:block;
	width:98%;
color:black;
background:transparent;
}
#points .eng {
font-family:"Times New Roman";
font-weight:500;
}
#points h2 {
	margin:2px auto 2px;
}
#points a {
	margin:auto;
}
#points p {
margin:2px 13px;
font-size:0.9em;
}
#points img {
position:absolute;
bottom:10px;
left:10px;
display:block;
}
#points li#middle {
background:#fff;
 position:relative;
cursor:default;
}
#middle img {
margin:3px auto;
 display:block;
 width:95%;
 height:95%;
position:static;
}
#middle p {
position:absolute;
 margin:0;
 bottom:2px;
 left:2%;
 background:#f7f3ef;
 opacity:0.7;
 width:96%;
 font-size:1.2em;
text-align:center;
font-weight:bold;
color:#330066;
/*border-bottom:1px solid gray;
border-top:1px solid gray;
 */}
#middle a{
width:auto;
}
#points li.no_text h2 {
font-size:1.35em;
margin-top:30px;
}
#points li.no_text h2.disc_sched  {
font-size:1.35em;
margin-top:50px;
 }
#points li.no_text p {
display:none;
}
#points li.no_text img {
bottom:40px;
}
#points li a {
color:#330066;
}
#points li.no_text a {
color:black;
font-weight:bold;
}


/* teachers */
#teachers_nav {
list-style:none;
float:left;
width:80px;
}
#teachers_nav li {
float:left;
width:80px;
cursor:pointer;
}
#teachers_info {
margin-left:90px;
}
#teachers_info img {
float:right;
padding:5px;
}
#teachers_info h2 {
font-size:1.5em;
text-align:center;
}
/* theClasses */ 
#theClasses h2 span {
display:hidden;
}

#theClasses {
font-size:1.2em;
}
#theClasses:after {
content:"";
display:block;
clear:both;
}
#theClasses #toc {
list-style:none;
float:left;
width:9em;
cursor:pointer;
margin-left:0;
font-size:0.8em;
}
#theClasses #toc li {
padding:3px;
width:9em;
border-left:1px solid #330066;
position:relative;
}
#theClasses div {
margin-left:9em;
}
#theClasses ul {
margin-left:20px;
}
.on {
background-color:#f7f3ef;
color:#980032;
font-variant:small-caps;
cursor:default;
}
#theClasses #toc li.hover {
border-right:1px solid gray;
border-left:3px solid gray;
padding-left:1px;
color:#330066;
}
#theClasses h3.heading {
position:absolute;
margin:0;
left:-5em;
top:0;
text-align:right;
display:block;
}
#theClasses #toc li.hover h3,#theClasses #toc li.on h3 {
color:black;
margin-left:-2px;
background-color:#f4e8ce;
font-variant:normal;
}
#theClasses #toc li.on h3 {
margin-left:0;
background-color:#f4e8ce;
}
.scomment {
margin:20px;
padding:10px;
border:1px dotted gray;
}
.scomment dt {
font-size:1em;
}
.scomment dd {
font-size:0.9em;
}


/* general_info */#general_info #content {
background:url(images/coffeeTalk.gif) no-repeat 90% 40%;
}
#general_info #content ul li,#kyufukin_details li {
margin:0 2em;
}
#general_info #content ul ul{
list-style:none;
}
#general_info #content h3 {
border-left:5px solid #330066;
padding-left:1em;
}
/* prices */#price_list, #price_list ul {
list-style:none;
}
#price_list li {
width:32%;
float:left;
height:5em;
text-align:center;
}
#price_list li li {
width:100%;
height:auto;
}
#price_list ul {
width:auto;
margin:auto;
text-align:center;
}
#price_list h2 {
margin:0 1em 0 0;
font-size:1.3em;
}
#price_list:after  {
content:"";
display:block;
clear:both;
}
.new_prices thead td {
white-space:nowrap;
}
.new_prices {
border-collapse:collapse;
margin:1.5em auto;
width:100%;
}
.new_prices td {
padding:5px 10px 5px 5px;
border:1px solid gray;
text-align:center;
}
.new_prices td.tpm {
text-align:right;
}
.new_prices td h4 {
text-align:left;
}
.new_prices caption {
text-align:left;
font-size:1.5em;
font-weight:600;
padding:10px;
font-style:italic;
}
table#textbooks_etc td{
text-align:left;
}
#textbooks_etc .price {
text-align:center;
}
#others {
width:40em;
margin:auto;
margin-bottom:2em;
}
#prices h3 {
text-transform:none;
font-style:normal;
}
.monthly {
color:purple;
display:block;
font-size:0.9em;
text-align:right;
/*display:none;*/
}
.new_prices .nowrap {
font-size:0.9em;
}

/* discounts */#discounts dt {
font-size:1.4em;
}
#discounts h2 {
margin-top:1.5em;
}
#discounts h2:first-child {
margin-top:inherit;
}
/* nights */#nights .images {
float:right;
width:150px;
margin-bottom:1em;
}
#nights_list {
list-style:none;
}
#nights_list li {
height:100px;
clear:right;
}
#nights .images img {
width:100px;
float:right;
clear:right;
}
/* schedule */#schedule td,#schedule2 td {
border:1px solid gray;
}
#schedule #content,#schedule2 #content {
width:1100px;
}
#schedule table .number,#schedule2 table .number {
border:0;
font-weight:bold;
}
.date {
text-align:center;
font-weight:bold;
}
#sched-date {
text-align:center;
font-weight:bold;
font-size:1.5em;
}
#schedule tr.top td,#schedule2 tr.top td{
border-top:2px solid navy;
}
#schedule tr.bottom td,#schedule2 tr.bottom td {
border-bottom:1px solid navy;
}
/* gallery */#gallery #photos {
margin:0;
padding:0;
overflow:auto;
list-style:none;
}
#gallery #photos li {
padding:0;
position:relative;
float:left;
margin:15px;
width:160px;
}
* html #gallery #photos li {
margin:10px;
}
#gallery #photos p {
width:160px;
font-size:0.75em;
height:3em;
}
* html #gallery #photos li {
height:11em;
}
#gallery .clear {
clear:left;
}
/* map */#map #content div {
text-align:center;
}
#flash_link {
margin-top:2em;
}
#flash_link a {
text-decoration:none;
font-weight:bold;
color:navy;
font-size:1.2em;
}
#flash_link a:hover {
color:#990033;
}
#map #content img {
margin:2em;
border:2px solid gray;
}
/* vids */#video_enter {
margin:1em;
padding:1em;
width:16em;
}
#video_enter fieldset {
padding:1em;
}
#vids #content ul {
margin-left:2em;
}
#vids .reminder_info {
border:1px solid gray;
padding:5px;
}
#vids .player {
display:block;
width:355px;
height:240px;
margin:20px 0;
}
#vids h3 {
margin-top:10px;
/*text-align:center;*/
text-transform:none;
font-style:normal;
}
#vids .your_vid  li{
display:inline;
}
#vids .your_vid {
list-style:none;
margin:20px auto;
padding:0;
width:200px;
display:block;
margin-left:100px;
padding-left:52px;
}
#vids .avid {
position:relative;
width:360px;
height:390px;
float:left;
margin:11px;
padding:0 0 10px 5px;
border:1px solid gray;
box-shadow: 10px 10px 5px #888888;
border-radius:15px;
}
#vids .avid h3 {
text-align:center;
}
#vids_wrap{
overflow:auto;
}
#vids .reminder_info {
clear:left;
}

/* emails */#emails {
width:60em;
}
#emails dt {
float:left;
clear:both;
width:12em;
border-bottom:1px solid #c0c0c0;
height:1.5em;
margin:0;
font-size:1em;
}
#emails dd {
float:left;
line-height:1.5em;
height:1.5em;
border-bottom:1px solid #c0c0c0;
width:24em;
margin:0;
font-size:1em;
}
#emails dd.e2 {
float:right;
}
#emails {
overflow:hidden;
}
#email_enter fieldset {
border:none;
}
/* recording */#recording #content {
text-align:center;
line-height:1.4;
}
#recording h3 {
font-size:1.5em;
}
#rec dt, #rec dd {
font-size:1em;
}
#content ol {
margin-left:2em;
}
/* pedagogy-test */#cheers_videos p {
margin-top:1em;
}
#cheers_videos ul {
margin-left:1em;
list-style:none;
}
#cheers_videos li {
margin:1em 0 1em 1em;
clear:left;
}
#cheers_videos h4{
margin-bottom:0.5em;
}
#cheers_videos .item {
font-size:big;
font-weight:bold;
background:#fff;
padding:.5em;
}
#cheers_videos form {
float:left;
overflow:hidden;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px solid gray;
}
#add_video_list ul {
margin-left:1em;
}
#add_video_list li {
margin-left:1em;
}
#vname, #vfilename {
font-weight:bold;
}
#cheers_videos {
overflow:hidden;
padding-bottom:1em;
}
#cheers_videos h3,#cheers_videos h4,#cheers_videos h5 {
clear:left;
background-color:#fff;
padding:0.5em;
}
#cheers_videos #cgwb_vids .item {
font-size:big;
font-weight:bold;
background:#fff;
padding:.5em;
/*float:left;
width:29em;
*/}
#cheers_videos #charge {
float:left;
border:1px solid gray;
padding:0.5em;
margin-bottom:1em;
}
#cheers_videos #cgwb_vids , #cgwb_vids caption{
clear:both;
width:80%;
margin:auto;
position:relative;
}
#cgwb_vids, #cgwb_vids caption {
background:#f9e9c9;
}
#cgwb_vids caption {
font-size:1.2em;
}
#cheers_videos #cgwb_vids td, #cgwb_vids caption{
border:1px solid gray;
padding:0.5em;
}
#cheers_videos #cgwb_vids form {
border:none;
padding-top:1em;
padding-bottom:0;
margin:0;
overflow:visible;
}
#cheers_videos #cgwb_vids form img{
display:block;
margin:auto;
}
#cgwb_vids .price {
text-align:center;
font-size:0.8em;
padding:0;
margin:1px;
}
#cgwb_links li a{
display:block;
text-decoration:none;
border:1px solid gray;
background:#fff;
padding:0.5em;
width:25em;
}
#cgwb_links li a:hover {
background:#eee;
}
/* tv */#cgwb #content, #cgwb2 #content {
width:1024px;
margin:auto;
/*background:url(img/pointer.png) 0 55px no-repeat;
 */}
#cgwb h2, #cgwb2 h2 {
margin-bottom:2em;
text-indent:410px;
}
#choosepage {
position:absolute;
right:100px;
top:-50px;
font-weight:bold;
font-size:0.9em;
border:1px solid gray;
background:#990033;
color:white;
padding:2px;
width:7em;
text-align:center;
height:1em;
}
#choosepage span {
color:#000;
}
#viddiv {
width:300px;
float:left;
margin-left:5px;
display:inline;
padding-left:5px;
}
#pdf {
position:relative;
margin-left:310px;
width:680px;
}
#cover {
height:780px;
width:680px;
position:absolute;
background:#fff url(cover.png)  no-repeat  center 150px;
}
#dl_link {
text-align:center;
}
#whatsthis a {
font-weight:bold;
}
#whatsthis a:link, #whatsthis a:visited {
color:#330066;
}
#whatsthis a:hover {
color:#990033;
}
#whatsthis {
margin-left:1em;
font-size:1em;
}
#whatsthis li {
margin-top:0.5em;
}
#viddiv h3 {
font-style:normal;
}
/* new discounts */
#new_discount_plan h3{
background-color:	#FFFDD0;
}
#n_discount_system_1 {
/*width:500px;
*/text-align:center;
margin:1em auto;
table-layout:fixed;
border:1px solid gray;
border-collapse:collapse;
empty-cells:show;
}
#n_discount_system_1 thead {
padding-bottom:5px;
}
#n_discount_system_1 td, #n_discount_system_1 th {
width:8em;
padding:3px;
border:1px dotted gray;
}
#n_discount_system_1 th.col1, #n_discount_system_1 td.col1 {
width:15em;
}
#n_discount_system_1 tr.fourx, .first_row {
background-color:#fce;
}
#twentyfifty {
width:54em;
margin:2em auto;
overflow:auto;
text-align:center;
}
.n_discount_system {
margin:1em auto;
float:left;
display:inline;
text-align:center;
border:1px solid gray;
font-size:1em;
}
#n_discount_system_3 {
float:right;
margin-right:10em;
}
#n_discount_system_2 {
margin-left:10em;
}
#twentyfifty {
position:relative;
}
#twentyfifty td {
width:7em;
padding:3px;
}
#twentyfifty caption {
font-size:1.3em;
padding:5px;
}
#twentyfifty h3 {
font-style:normal;
font-size:1.3em;
}
#twentyfifty p {
position:relative;
}

#gosomething {
margin-left:-5em;
}
.disc_plan {
text-align:center;
margin:1em auto;
}
.disc_plan em {
color:#f30;
font-weight:bold;
}
#s_disc_plan {
text-align:left;
width:13em;
margin:auto;
}
p.gochui {
background-color:#ffd;
}
#intro_bit  h3{
text-align:center;
margin:10px auto;
line-height:1.4em;
font-style:normal;
font-size:1.3em;
}
#intro_bit ul {
list-style:none;
width:29em;
margin:auto;
}
#intro_bit ul li {
margin-top:3px;
}
#example_bignumber {
text-align:left;
width:29em;
margin:auto;
list-style:none;
position:relative;
}
#example_bignumber .tato{
position:absolute;
left:-25px;
}


/* question */#question p{
font-size:1.5em;
}
#add_q {
position:absolute;
bottom:200px;
}
#add_q fieldset{
padding:1em;
width:40em;
overflow:auto;
}
#add_q textarea, #add_q input, #add_q label {
float:left;
}
#add_q #pass_label {
display:block;
margin:0 1em;
}
#add_q #submit {
width:5em;
padding:0.5em;
background:transparent;
border:1px solid gray;
}
#gQuestion a, #uQuestion a{
cursor:pointer;
margin:1.5em;
display:block;
width:10em;
text-align:center;
padding:5px;
border:1px solid gray;
float:left;
}
#gQuestion a:active, #uQuestion a:active {
border-color:#990033;
}


/* pedagogy-class */
#pedagogy-class ul {
list-style:none;
margin:10px;
background:url(images/shichigahama.jpg) 500px 0 no-repeat;
}
#pedagogy-class blockquote, #pedagogy-class #smessage, #pedavidlink {
margin:20px;
border:1px solid #ccc;
padding:10px 10px 10px 10px;
background:#ffc;
}
#pedagogy-class blockquote p {
text-align:right;
margin:0;
padding:0;
}
#pedagogy-class #smessage h3, #pedavidlink h3 {
text-transform:none;
}
#pedagogy-class #smessage p {
line-height:1.4em;
}
#pedagogy-class #smessage #sig {
text-align:right;
margin-right:50px;
}
#linktopedsem a:link, #linktopedsem a:visited {
border:1px dotted grey;
padding:0.5em;
color:#330066;
font-size:1.2em;
}
#linktopedsem a:hover {
background:#fff;
color:red;
}
#pedagogy-class p#linktopedsem{
margin:1.5em 0;
}




/* pedagogy seminar */
#pedagogy_seminar #details {
margin:2em 15em 2em 4em;
}
#pedagogy_seminar #details dt {

}
#pedagogy_seminar #details dd {
margin-left:5em;
margin-top:-1.5em; 
}
#pedagogy_seminar #details dt, #pedagogy_seminar #details dd {
font-size:1.2em;
display:block;
}


/* cheers_classes */

#the_classes {
font-size:1.2em;
}
#the_classes ul {
margin:1em 0 1em 2em;
}

#the_classes ul ul {
list-style:none;
}
#the_classes li {
margin:1em 0;
}
#the_classes #tests, #the_classes #gaikokugo {
overflow:auto;
}
#the_classes #tests li, #the_classes #gaikokugo li {
float:left;
margin-right:2em;
}
#the_classes .class_name {
margin-left:0.5em;
/* border:1px dotted grey; */
background:#fff;
padding:2px;
text-decoration:none;
color:#330066;
font-weight:bold;
}
#the_classes .class_name:hover {
cursor:pointer;
color:red;
background-color:#ff9;
}
#the_classes .class_name:active {
color:#fff;
background-color:#000;
}
#the_classes h3 {
font-style:normal;
background-color:#ffc;
padding:3px;
border-bottom:1px solid #903;
border-right:1px solid #903;
}
#the_classes h4 {
font-size:1em;
background-color:#fff;
padding:3px;
border-bottom:1px solid #90c;
border-right:1px solid #90c;
}
.class_details {
border:1px solid gray;
}
#the_classes #guitar:target {
display:block;
}


/* demo */
#demo h3 {
font-style:normal;
}
#demo_form {
padding:10px;
margin:10px;
background-color:#f7f3ef;
position:relative;
overflow:auto;
width:50em;
margin:auto;
}
#demo_form fieldset {
position:relative;

}
#demo_form input, #demo_form select {
background:transparent;
}
#demo_form legend {
color:#306;
padding:0 3px 3px 3px;
font-size:1.em;
font-weight:bold;
}
#demo_form label{
float:left;
width:30%;
margin:10px;
position:relative;
}

#demo_form p {
float:left;
clear:left;
}
#demo_form input {
position:absolute;
left:5em;
}
#demo_form p label {
width:auto;
display:inline;
float:none;
}
#demo_form p#submit {
float:none;
padding-bottom:10px;
}
#demo_form select#subject {
display:inline;
} 
#demo_form p#submit input{
float:left;
position:static;
width:10%;
margin-left:45%;
margin-bottom:10px;
}
#demo_form #other_subject, #demo_form #ei, #demo_form #bei{
display:none;
}
#demo_form #other_info label {
float:left;
position:static;
left:auto;
margin:0 10px 0 0;
}
#demo_form textarea {
height:3em;
width:30em;
}
#demo_form #contact input, #demo_form #ei input, #demo_form #bei input {
position:static;
left:auto;
}
#msent {
background-color:#fff;
text-align:center;
font-size:1.3em;
padding:10px;
color:#306;
font-weight:bold;
}
#demo_form #desired_date_time {
/*margin-bottom:0;*/
}
#demo_form .desired_date_time {
margin-left:7em;
margin-top:2px;
}
#demo_form #romaji {
width:40%;
}
#demo_form #romaji input {
left:10em;
}
#demo_form #eibei label {
margin-right:2em;
}

/* pittari */
#pittari p, #athome p {
font-size:1.2em;
}

/*slideshows*/
#slideshow1 {
width:270px;
float:right;
}
#slideshow2 {
width:500px;
float:left;
}
#slideshows {
width:778px;
overflow:auto;
}

.slideshow {
    position:relative;
    height:160px;
}


.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

.slideshow IMG.last-active {
    z-index:9;
}


/* quizzes */

#quiz_qs, #quiz_qs ul {
list-style:none;
} 
#quiz_qs .bqno {
font-size:2em;
}
#quiz_qs .direcs {
font-size:1.3em;
}