/*Affinity Educational Style Sheet
modified by shio 3 June 2010  */

body {
background-color: #FFFFFF;
background-image:url(../../../images/bg_top.gif) ;
background-repeat: repeat-x;
font-size:12px;
line-height:1.8em;
padding:0px;
color:#333333;
margin:0;
}

.wrapper {
width:784px; 
margin:0 auto;
}

table{
padding:0;
}

div,
td {
font-family: sans-serif;
font-size:12px;
line-height:1.8em;
color:#333333;
}

p {
line-height:1.8em;
}

h2{
font-size:14px;
line-height:1.7em;
font-family: sans-serif;
font-weight:bold;
padding-top:30px;
}

h1 {
font-size:18px;
line-height:1.7em;
font-family: sans-serif;
font-weight:bold;
}

h3{
font-size:12px;
font-family: sans-serif;
font-weight:bold;
padding-top:30px;
}


img{
border:0;
}

.imgright {
float: right;
padding: 3px 0 3px 7px;
font:10px/1.4em 'Hiragino Kaku Gothic Pro' 'MS Gothic';
color:#999999;
}

.imgleft {
float: left;
padding: 0 7px 0 0;
}

img.bottom {
padding-bottom:5px;
}


img.video{
border:#CCCCCC 1px solid;
padding:6px;
float:left;
margin-right:8px;
margin-bottom:10px;
background-color:#FFFFFF;
}

img.prog{
border:#CCCCCC 1px solid;
padding:6px;
float:right;
margin-left:8px;
margin-bottom:10px;
background-color:#FFFFFF;
}

hr {
color: #CCCCCC;
background-color:#CCCCCC;
height:1px;
width: 100%;
border: 0;
}

hr.redline {
color: #cc5866;
background-color:#cc5866;
height:1px;
width: 100%;
border: 0;
}


table.moduletable {
padding: 0px;
width: 100%;
background-color:#FFFFFF;
}


ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top:5px;
  margin-bottom:2px;
}

li {
  line-height: 20px;
  padding-top: 0px;
}


ul.circle,
li.circle,
.circle {
list-style-image: url(http://www.affinity-japan.com/ed/images/circle.gif) ;
list-style-position:outside;
margin-left:20px;
}


/* Links to other course */

.arrow2, a.arrow2:link {
background: 
url(http://www.affinity-japan.com/ed/images/arrow2.gif) no-repeat 0px 7px;
padding:3px 0 3px 18px;
line-height: 20px;
}

.other, a.other:link {
background: 
url(http://www.affinity-japan.com/ed/images/othercourse.gif) no-repeat 0px 4px;
padding:3px 0 3px 105px;
line-height: 20px;
}


form {
margin:0px;
padding:0px;
}

.inputbox {
font: 11px sans-serif;
color: #999999;
}

.search {
font: 11px sans-serif;
color: #999999;
}

.searchbox {
float:right; 
background:url(images/search.gif); 
height:22px; 
width:140px;
margin-right:10px;
}

.pagetop {
margin:10px 0;
text-align:right;
}

/*** menu title left ***/

table.moduletable th {
background-color:#4178B7;
text-decoration: none;  
display:block;
width:140px;
height:20px;
font-size: 11px;	
font-weight: bold;
color:#FFFFFF;
text-align: left;
letter-spacing: 1px;
text-indent:5px;
margin-top:2px;
margin-bottom:2px;
padding-top:4px;
padding-bottom:4px;
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
border-top:#D5D0E5 solid 1px;
}


table.moduletable li {
}

table.moduletable ul {
list-style:none;
padding: 0px;
}

table.moduletable td {
font-size: 11px;
font-weight: normal;
}

/* navigation */

#active_menu {
color:#216DA8;
text-decoration:none;
background-color:#FFFFFF;
}

a.mainlevel:link, a.mainlevel:visited {
background-color:#eff5f9;
height:22px;
display: block;
color: #666666;
width: 100%;
text-indent:7px;
text-decoration: none;
font-family: Arial, sans-serif;
padding-top: 6px;
padding-bottom:3px;
font-size:12px;
border-top:#D5D0E5 solid 1px;
}

a.mainlevel:hover {
color: #216DA8;
background-color:#D6E8F4;
text-decoration:none;
}

a.mainmenu:link, a.mainmenu:visited {
color: #ffffff; 
font-family: Arial, sans-serif;
font-size: 12px;
}

a.mainmenu:hover {
color: #77B6DA;
}


a.sublevel:link, a.sublevel:visited {
text-indent:7px;
font-size: 11px;
color: #666666;
text-align: left;
display:block;
background-color:#FFFFFF;
margin-left:0px;
padding:2px 0;
width:100%;
text-decoration:none;
border-top:#D5D0E5 dotted 1px;
list-style:none;
}

a.sublevel:hover {
color: #A53D3D;
text-decoration: none;
display:block;
background-color:#D6E8F4;
text-decoration:none;
list-style:none;
}

/* navigation end*/


/*** top menu ***/

.topbar {
margin-bottom:15px;
background:#4178B7;
padding:3px 5px;
width:774px;
}

.mainlevel-nav_top {
}

a.mainlevel-nav_top:link, a.mainlevel-nav_top:visited {
color:#FFFFFF;
text-decoration: none;
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
font-size:11px;
_font-size:x-small;
_letter-spacing:0.1em;
text-align:left;
padding:8px 5px 8px 2px;
background:#4178B7;
}

a.mainlevel-nav_top:hover {
color: #99c2f1;
text-decoration:none;
}

#active_menu-nav_top {
color:#99c2f1;
text-decoration:none;
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
font-size:11px;
_font-size:x-small;
_letter-spacing:0.1em;
}

.topbuttons {
width:327px; 
height:68px; 
float:right; 
padding:11px 0
}


/*** bottom menu ***/

.mainlevel-nav_bottom, a.mainlevel-nav_bottom:link, a.mainlevel-nav_bottom:visited {
color: #666666;
text-decoration: none;
font-family: Verdana, sans-serif;
font-size:10px;
margin-left:0px;
padding:0px 5px 0px 0px;
text-indent:0px;
}

a.mainlevel-nav_bottom:hover {
color: #CC0000;
text-decoration:none;
}

/******/

table.moduletable {
margin-bottom: 0px;
width: 100%;
background-color:#FFFFFF;
padding:0px;
border:0px;
}


/* latestnews */

table.moduletable_news th {
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
	width: 100%;
	color:#FFF;
	text-indent:10px;
	font-weight:normal;
	background-color:#459bcc;
	text-align:left;
	font-size:12px;
}

ul.latestnews_news {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
font-size:10px;
_font-size:x-small;
width:100%;
padding-bottom:10px;
}

li.latestnews_news{
text-indent:0px;
border-bottom:#CCC dashed 1px;
padding:3px;
line-height:15px;
_font-size:x-small;
}

a.latestnews_news:link, a.latestnews_news:visited {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
text-align:left;
color:#666666;
font-family: sans-serif;
font-size: 10px;
_font-size:x-small;
}

a.latestnews_news:hover {
text-decoration:none;
color:#3d97c6;
}



/* Most read */

ul.mostread_news {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
font-size:10px;
width:100%;
padding-bottom:10px;
}

li.mostread_news{
text-indent:0px;
border-bottom:#CCC dashed 1px;
padding:3px;
line-height:15px;
}

a.mostread_news:link, a.mostread_news:visited {
font-family:"Hiragino Kaku Gothic","MS Gotic",sans-serif;
text-align:left;
color:#666666;
font-family: sans-serif;
font-size: 10px;
}

a.mostread_news:hover {
text-decoration:none;
color:#3d97c6;
font-size: 10px;
}

/* school list latestnews */

table.moduletable_list th {
	padding: 5px;
	margin-bottom: 5px;
	width: 475px;
	color:#666666;
	font-weight:normal;
	background-color:#F2F2F2;
	text-align:left;
	font-size:12px;
}

ul.latestnews_list {
font-size:12px;
width:100%;
padding-bottom:10px;
}

li.latestnews_list {
text-indent:0px;
border-bottom:#CCCCCC dotted 1px;
padding:3px;
line-height:18px;
display:block;
}

a.latestnews_list:link, a.latestnews_list:visited {
text-align:left;
color:#666666;
font-family: sans-serif;
font-size: 12px;
display:block;
}

a.latestnews_list:hover {
text-decoration:none;
color:#3d97c6;
font-size: 12px;
}


/**pathway setting**/


.pathway {
font:10px/1.5em Verdana, sans-serif;
color:#999999;
margin-bottom:20px;
}

a.pathway:link, a.pathway:visited {
color:#216DA8;
text-decoration: none;
}

a.pathway:hover {
color: #216DA8;
text-decoration: none;
}


/** table of content header **/

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	font-family: sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	letter-spacing:0.1em;
	color:#4178B7;
	font-weight: bold;
	line-height:2.4em;
	text-decoration:none;
	padding:15px 0 5px 0;

}

a.contentpagetitle:hover {
	font-family:  sans-serif;
	font-size:16px;
	color:#77B6DA;
	text-decoration:none;
}


.contentpane {
background: #ffffff;
padding:0px;
width:100%;
border:0px;
}

.contentpaneopen {
width: 100%;
padding:0px;
}

/** table of content header zoom **/

.contentheading_red,
.contentpagetitle_red,
a.contentpagetitle_red:link,
a.contentpagetitle_red:active,
a.contentpagetitle_red:visited {
	font-family: sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	letter-spacing:0.1em;
	color:#ce3d43;
	font-weight: bold;
	line-height:2.4em;
	text-decoration:none;
	padding:15px 0 10px 0;

}

a.contentpagetitle_red:hover {
	font-family: sans-serif;
	font-size:16px;
	color:#ce3d43;
	text-decoration:none;
}


.contentpane_red {
background: #ffffff;
padding:0px;
width:100%;
border:0px;
}

.contentpaneopen_red {
width: 100%;
padding:0px;
}


/** table of content header blog **/

.contentheading_blog,
.contentpagetitle_blog,
a.contentpagetitle_blog:link,
a.contentpagetitle_blog:active,
a.contentpagetitle_blog:visited {
	border-bottom:#990000 2px solid; 
	padding-bottom:8px; 
	font:bold 16px Verdana, sans-serif; 
	color:#990000;
	margin-bottom:20px;
}

a.contentpagetitle_blog:hover {
	font-family: sans-serif;
	font-size:16px;
	color:#ce3d43;
	text-decoration:none;
}


.contentpane_blog {
background: #ffffff;
padding:0px;
width:100%;
border:0px;
}

.contentpaneopen_blog {
width: 100%;
padding:0px;
}




/** content header programme **/

.contentheading_prg, 
.componentheading_prg{
  font:bold 15px/1.8em sans-serif;
  color: #cc5866;
  text-align: left;
  border-bottom:#cc5866 dashed 1px;
  border-top:#cc5866 dashed 1px;
  padding:5px 0 5px 0;
  width:475px;
}

a.contentpagetitle_prg,
a.contentpagetitle_prg:link,
a.contentpagetitle_prg:visited {
  font:bold 15px/1.8em sans-serif;
  color: #cc5866;
  text-align: left;
  display: block;
}


a.contentpagetitle_prg:hover{
display: block;
color:#cc5866;
padding:0;
background:#f9eaee;
}

.contentpaneopen_prg {
margin-bottom:10px;
width:100%;
}


#download {
margin:40px 0;
border:#cc5866 1px solid;
display:block;
}


#download a:link, #download a:visited {
color:#cc5866;
text-decoration: none;
padding:10px 7px 7px 7px;
display:block;
}

#download a:hover {
color:#cc0033;
text-decoration: none;
background:#F5EBE9;
display:block;
}


.prgsub {
background:#ECD7D7;
padding:7px;
margin:20px 0;
color:#A53D3D;
font:bold 14px sans-serif;
}

.sub {
background:#dde8f4;
padding:7px;
margin:20px 0;
color:#365499;
font:bold 14px sans-serif;
}


.red12_col {
font:bold 14px sans-serif;
background-color:#ECD7D7;
display:block;
padding:7px;
color:#A53D3D;
margin:20px 0;
border-left:#990000 8px solid;
}


/** video **/

.contentheading_video,
.contentpagetitle_video,
a.contentpagetitle_video:link,
a.contentpagetitle_video:active,
a.contentpagetitle_video:visited {
	font-family:  sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	letter-spacing:0.1em;
	color:#438094;
	font-weight: bold;
	line-height:2.4em;
	text-decoration:none;
	height:26px;
	background-image:url(http://www.affinity-japan.com/ed/images/bg_blue.gif);
	width:100%;
}

.contentpane_video {
background: #ffffff;
padding:0px;
border:0px;
}

.contentpaneopen_video {
width: 225px;
padding:3px 5px 3px 5px;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
margin:0px 8px 8px 8px;
background-color:#e2f0f8;
}

/*** read more link video ***/

.readon_video, a.readon_video:link, a.readon_video:visited {
background:url(http://www.affinity-japan.com/ed/images/video/play1.gif) no-repeat;
width:61px;
height:17px;
margin-bottom:5px;
float:right;
text-indent:-9999px;
}

a.readon_video:hover {
background:url(http://www.affinity-japan.com/ed/images/video/play2.gif) no-repeat;
width:61px;
height:17px;
margin-bottom:5px;
}


/** content title **/
.componentheading {
font-family:  sans-serif;
color:#365499;
font-size: 14px;
font-weight:bold;
padding: 5px 0px 5px 0px;
display:block;
}

a:link, a:visited {
color:#5678ca;
text-decoration: none;
}

a:hover {
	color:#77B6DA;
	text-decoration: none;
}


/*** read more link ***/

.readon, a.readon:link, a.readon:visited {
font-size: 10px;
text-align:right;
font-family: sans-serif;
font-weight:bold;
margin-bottom:10px;
letter-spacing:0.1em;
float:right;
text-indent:20px;
}

a.readon:hover {
text-decoration:none;
}


/*** Section ***/

.sectiontableheader {
	color : #666666;
	font-weight : bold;
	padding: 3px;
	margin-left:0px;
}

.sectiontableentry1 {
background-color : #FFFFFF;
padding: 2px;
border-bottom:#D3E1E4 solid 1px;
}

.sectiontableentry2 {
background-color : #FFFFFF;
padding: 2px;
border-bottom:#666666 solid 1px;
}

/*listing*/
.sectiontableheader_listing {
  background-color: #FFFFFF;
  color: #CC0000;
  font-weight: bold;
  font-size:14px;
}

.sectiontableentry1_listing, .sectiontableentry2_listing {
  height:20px;
  font-size:12px;
}

.componentheading_listing {
	font-size        : 10px;	
	font-family      : Verdana;
	font-weight      : bold;
	color            : #999999;
	text-align       : left;
	width            : 100%;
	letter-spacing   : 1px;
	text-indent      : 4px;
	padding          : 1px 0;
	border-top       : 1px solid #CCCCCC;
	border-bottom    : 1px solid #CCCCCC;
	background-color : #F2F2F2;
	margin-bottom    : 5px;
}

.sectiontableheader_listing {
  color:#999999;
  font-weight: bold;
  font-size:12px;
}

.sectiontableentry1_listing td, .sectiontableentry2_listing td {
padding:3px;
border-bottom: #CCCCCC 1px dotted;
font:12px/1.8em sans-serif;
color:#999999;
}



/*** programme ***/

.bluebox {
background-color:#e2f0f8;
padding: 7px;
width:95%;
border:#0099CC 1px dotted;
}

.bluebox2 {
background-color:#e2f0f8;
padding: 10px;
}

.redbox {
background-color:#ECD7D7;
padding: 7px;
width:95%;
border:#A53D3D 1px dotted;
}

.greybox {
background-color:#EEEEEE;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greyboxg a:hover {
background-color:#f5eded;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greybox_prog a {
background-color:#EEEEEE;
color:#333;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greybox_prog a:hover {
background-color:#f5eded;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}



/****/

.greybox_right {
color:#666666;
width:auto;
margin-bottom:15px;
display:block;
font:11px/1.5em "Hiragino Kaku Gothic","MS Gotic",sans-serif;
_font-size:x-small;
_line-height:1.6em;
}

.greybox_right a {
border:#CCCCCC 1px solid;
color:#666666;
width:auto;
display:block;
padding: 10px;
}

.greybox_right a:hover {
border:#459bcc 1px solid;
background-color:#e3f0f7;
width:auto;
display:block;
color:#666666;
}


/*****/

ul.greybox_right {
background-image:none;
list-style:none;
color:#A53D3D;
}

li.greybox_dwonload a,li.greybox_dwonload a:visited {
color:#A53D3D;
background:url(http://www.affinity-japan.com/ed/images/doc_pink.gif)  no-repeat 10px;
background-color:#EEEEEE;
padding: 10px 10px 10px 35px;
width:auto;
margin:10px 0;
_margin:0;
display:block;
}

li.greybox_dwonload a:hover {
color:#A53D3D;
background:url(http://www.affinity-japan.com/ed/images/doc_pink.gif)  no-repeat 10px;
background-color:#f5eded;
padding: 10px 10px 10px 35px;
width:auto;
margin:10px 0;
_margin:0;
display:block;
font-weight:bold;
}


/*****/

ul.related {
margin:20px 0;
}

.related li {
color:#A53D3D;
background:url(http://www.affinity-japan.com/ed/images/doc_blue.gif)  no-repeat 10px;
background-color:#EEEEEE;
padding: 10px 10px 10px 35px;
width:auto;
margin:10px 0;
_margin:0;
display:block;
}

.related a li,
.related li a:visited {
}

.related li a:hover {
}


/*****/


#greybox_sch a {
background-color:#EEEEEE;
color:#365499;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

#greybox_sch a:hover {
background-color:#dcecf7;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

.greybox_sch a {
background-color:#EEEEEE;
color:#365499;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

.greybox_sch a:hover {
background-color:#dcecf7;
padding: 10px;
width:auto;
margin:30px 0;
display:block;
}

ul.prog {
background-color:#e2f0f8;
padding:7px;
}

li.prog {
list-style-image:url(http://www.affinity-japan.com/ed/images/M_images/arrow.png);
list-style-position:outside;
line-height:2em;
}

/* tables*/

table.prog {
border-collapse: collapse;
border-top:#e5e5e5 1px solid;
}

table.prog td {
border-collapse: collapse;
border-bottom:#e5e5e5 1px solid;
}


table.prog th {
border-collapse: collapse;
border-bottom:#e5e5e5 1px solid;
font:bold 12px/1.7em sans-seri;
text-align:left;
}

table.tablered {
border-collapse: collapse;
border-top:#cc0000 2px solid;
}

table.tablered td {
border-collapse: collapse;
border-bottom:#cc0000 1px solid;
}


table.tablered th {
border-collapse: collapse;
border-bottom:#cc0000 2px solid;
font:bold 12px/1.7em sans-seri;
text-align:left;
}

/*****/

.sub_blue {
font-size:14px;
font-weight:bold;
color:#365499;
border-left:#5290d0 solid 15px;
padding:2px 2px 2px 10px;
}

.sub_red {
font-size:14px;
font-weight:bold;
color:#A53D3D;
border-left:#cc5866 solid 15px;
padding:2px 2px 2px 10px;
}
 
.boxgrey {
background:#EAEAEA;
padding:10px;
border:#999999 dotted 1px;
width:auto;
}  

/*** school ***/

.contentheading_sch, 
.componentheading_sch{
  font:bold 14px/1.8em sans-serif;
  color: #4178B7;
  text-align: left;
  border-bottom:#4178B7 dashed 1px;
  border-top:#4178B7 dashed 1px;
  padding:3px 0 3px 0;
  width:475px;
}

a.contentpagetitle_sch,
a.contentpagetitle_sch:link,
a.contentpagetitle_sch:visited {
  font:bold 14px/1.8em sans-serif;
  color: #4178B7;
  text-align: left;
  display: block;
}


a.contentpagetitle_sch:hover{
display: block;
color:#77B6DA;
padding:0;
background:#f1f7fc;
}

.contentpaneopen_sch {
margin-bottom:10px;
width:100%;
}

.blue_sch {
  font:bold 14px/1.8em sans-serif;
  color: #4178B7;
  text-align: left;
  padding:3px 0;
  }
  
.blue_sch12 {
  font:bold 12px/1.7em sans-serif;
  color: #4178B7;
  text-align: left;
  padding:3px 0;
  }  


table.sch {
margin:30px 0;
border-top:#e5e5e5 1px solid;
border-collapse : collapse ;
}

table.sch td {
border-bottom:#e5e5e5 1px solid;
}

table.sch th {
color:#333333;
font:bold 12px/1.7em sans-serif;
background:#e2e2e2;
text-align:left;
}

/*** Page Navigation ***/

.pagenav {
font: 10px/1.7em Verdana, sans-serif;
color:#CCCCCC;
padding: 3px 5px;
margin:10px 3px 50px 0;
border:#CCCCCC 1px solid;
}

a.pagenav:link, a.pagenav:visited {
color:#333333;
border:#CCCCCC 1px solid;
background:#f2f2f2;
}

a.pagenav:hover {
color:#333333;
text-decoration:none;
background:#e2e2e2;
border:#CCCCCC 1px solid;
}


/*** Current Date ***/

.currentdate {
font-size:11px;
font-family:Verdana, sans-serif;
color:#FFFFFF;
text-align:right;
margin-bottom:20px;
}

/*** Copyright ***/

.copyrights {
font-size:10px;
font-family:Verdana, sans-serif;
color:#999999;
line-height:1.5em;
}

.createdate{
padding:20px 0;
font-size:12px;
font-family: Verdana, sans-serif;
color:#999999;
}

.mainpage{
text-align:left;
color: #CC0000;
font-family: Verdana, sans-serif;
font-size: 12px;
line-height:18px;
padding:0px;
margin:10px auto;
}

/* Javascript Back button */
.back_button {
font-size:10px;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
text-decoration:none;
}


/* dotted line */
.vline{
background-image:url(http://www.affinity-japan.com/ed/images/div.gif);
height:17px;
width:100%;
}


.right {
width:139px;
border:#FF3366 1px;
}


.large {
font-family:sans-serif;
font-size:14px;
font-weight:bold;
}

.white{
font-size:12px;
font-family: sans-serif;
color:#FFFFFF;
font-weight:bold;
}

.white14{
font-size:14px;
font-family: sans-serif;
color:#FFFFFF;
font-weight:bold;
}

.red11 {
font-size:11px;
font-family: sans-serif;
color:#A53D3D;
}

.red12 {
font-size:12px;
font-family: sans-serif;
color:#A53D3D;
}

.red14 {
font-size:14px;
font-family: sans-serif;
color:#A53D3D;
font-weight:bold;
}

.red14b {
font:bold 14px/1.7em sans-serif;
color:#A53D3D;
border-bottom:#A53D3D 1px dotted;
padding-bottom:5px;
display:block;
margin-bottom:10px;
}

.red18 {
font-size:18px;
font-family: sans-serif;
color:#A53D3D;
font-weight:bold;
line-height:1.8em;
}

.redlight11 {
font:11px/1.5em sans-serif;
color:#ce3d43;
}

.redvivid12 {
font:12px/1.7em sans-serif;
color:#CC0000;
}

.redvivid14 {
font:bold 14px/1.7em sans-serif;
color:#CC0000;
}

.redvivid16 {
font:bold 16px/1.7em sans-serif;
color:#CC0000;
}


.redvivid_title {
font:bold 14px/1.7em sans-serif;
color:#FFFFFF;
background:#CC0000;
padding:5px 10px;
}

.zoom {
font:11px/1.5em sans-serif;
color:#ce3d43;
margin:20px 0 30px 0;
}

.grey10 {
font-size:10px;
font-family: sans-serif;
color:#333333;
}

.grey12 {
font-size:12px;
font-family: sans-serif;
color:#666666;
font-weight:bold;
}

.grey14 {
font-size:14px;
font-family: sans-serif;
color:#666666;
font-weight:bold;
}

.blue10 {
font-family: Verdana, sans-serif;
font-size:10px;
color:#459BCC;
}

.blue {
font-size:12px;
font-family: sans-serif;
color:#459BCC;
}

.blue12 {
font-size:12px;
font-family: sans-serif;
color:#459BCC;
font-weight:bold;
}

.blue14 {
font: bold 14px/1.8em sans-serif;
color:#459BCC;
}

.blue16 {
font: bold 16px/1.8em sans-serif;
color:#459BCC;
}

.bluesky12 {
font:12px/1.7em sans-serif;
color: #4178B7;
}  

.bluesky, .bluesky12 {
color: #4178B7;
}  

.bluedark {
color:#365499;
}

.bluedark14 {
color:#365499;
font:bold 14px/1.8em sans-serif;
}

.bluedark16 {
color:#365499;
font: bold 16px/1.8em sans-serif;
}

.sage {
color:#a1bed3;
}


.bluesagedark {
color:#4083a7
}


.small10 {
font: 10px/1.5em "Hiragino Kaku Gothic","MS Gotic", sans-serif;
}


.rightcol {	
font-family: sans-serif;
font-size: 11px;
color:#909090;
line-height:1.8em;
}

.rightcol td {font-size: 11px; color:#909090;}
.rightcol a {font-size: 11px; color:#909090; text-decoration:none;}
.rightcol a:hover {font-size: 11px; color:#A53D3D; text-decoration:none;}

/* note */

div.note_visit{
text-indent:-9999px;
width:446px; 
height:91px; 
margin:auto; 
background:url(http://www.affinity-japan.com/ed/images/bg_notevisit.gif) no-repeat top;
}

div.note {
width:446px; 
margin:auto;
background:url(http://www.affinity-japan.com/ed/images/bg_note.gif) repeat-y;
}

div.note_inner {
padding:7px 20px 20px 40px;
}

table.visitimg {
margin:10px auto;
}

table.visitimg td {
font: 10px/1.5em Verdana, sans-serif;
padding:5px;
text-align:center;
}

/* ---- r box --- */

.boxr_top{
width:475px;
height:17px;
background:url(http://www.affinity-japan.com/ed/images/apply/boxtop.gif);
}

.boxr_bg{
width:475px;
background:url(http://www.affinity-japan.com/ed/images/apply/boxbg.gif) repeat-y;
}



.boxr_btm{
width:475px;
background:url(http://www.affinity-japan.com/ed/images/apply/boxbottom.gif) repeat-y;
height:19px;
}

.pink16 {
border-bottom:#ed56b6 2px dashed;
padding-bottom:5px;
font:bold 16px/1.5em sans-serif;
color:#ed56b6;
}

.pink12 {
font:12px/1.5em sans-serif;
color:#ed56b6;
}

ul.greybox_bloglink {
background-image:none;
list-style:none;
color:#A53D3D;
}

li.greybox_bloglink a,li.greybox_bloglink a:visited {
color:#333333;
background-color:#EEEEEE;
padding:10px;
width:auto;
margin:30px 0;
_margin:0;
display:block;
}

li.greybox_bloglink a:hover {
color:#333333;
background-color:#f5eded;
padding: 10px;
width:auto;
margin:30px 0;
_margin:0;
display:block;
}



.cal {
margin:0;
float:left;
text-align:center;
margin:0 12px 2px 0;
background:url(http://www.affinity-japan.com/ed/images/blog/calendar.gif) no-repeat;
height:91px;
width:68px;
}

.cal_year {
font:bold 12px/1.5em Verdana, sans-serif;
padding-top:15px;
color:#FFFFFF;
margin-left:-3px;
}

.cal_date {
margin-left:-3px;
padding-top:9px;
font-size:20px;
font-weight:bold;
line-height:1em;
}


#bobcontent14-title a,#bobcontent15-title a,
#bobcontent16-title a,#bobcontent17-title a,
#bobcontent18-title a {
background: #459bcc url(../../../images/M_images/support_gogaku.gif) no-repeat top left;
height:40px;
display:block;
z-index:10;
color:#FFFFFF;
text-indent:15px;
font:bold 14px/2.8em sans-serif;
}

#bobcontent14-title a:hover,
#bobcontent15-title a:hover,
#bobcontent16-title a:hover,
#bobcontent17-title a:hover,
#bobcontent18-title a:hover {
background: #459bcc url(../../../images/M_images/support_gogaku.gif) no-repeat left;
height:40px;
display:block;
z-index:10;
color:#20568e;
}

table.tablesupport {
margin:30px 0;
}

table.tablesupport td {
border-left:#FFFFFF 10px solid;
border-bottom:#CCCCCC 1px solid;
border-collapse:collapse;
padding:3px 0;
}

table.tablesupport th {
color:#FFFFFF;
font:bold 12px/1.7em sans-serif;
background:#CCCCCC;
text-align:left;
border-left:#FFFFFF 10px solid;
border-collapse:collapse;
padding:3px 0 3px 10px ;
}

table.tableblue {
margin:30px 0;
border-collapse:collapse;
}

table.tableblue td {
border:#a1bed3 1px solid;
border-collapse:collapse;
}

table.tableblue th {
border:#a1bed3 1px solid;
color:#a1bed3;
font:bold 12px/1.7em sans-serif;
border-collapse:collapse;
}

.tablebluecaption {
border:#a1bed3 1px solid;
caption-side: top;
background-color:#a1bed3;
padding:5px;
color:#FFFFFF;
font:bold 14px/1.7em sans-serif;
}



.bookmark ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
height:16px;
}

ul.bookmark li {
float: right;
padding-left: 15px;
text-align: center;
list-style-type: none;
border:none;
}