/*Affinity Language Style Sheet
modified by shio 21 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-top:0;
}

table{
padding:0;
}


div,
td {
font-size:12px;
line-height:18px;
color:#333333;
}

p {
font:12px/1.7em sans-serif;
margin:15px 0;
}

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

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

img{
border:0;
}

.imgright{
float:right;
margin:0 0 2px 7px;
}

.imgleft{
float:left;
margin:0 7px 2px 0;
}


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

.hrpink {
color: #ECADAC;
background-color:#ECADAC;
size:1;
height:1px;
width: 100%;
border: 0;
}


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


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


li {
line-height: 15px;
padding-left: 10px;
padding-top: 0px;
background-position: 0px 3px;
}

/*** menu title left ***/

table.moduletable_left th {
background-color:#c64243;
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;
font-family:Verdana, sans-serif;
line-height:1.8em;
}


table.moduletable_left li {
}

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


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

/*** menu title right ***/

table.moduletable th {
background-color:#c64243;
text-decoration: none;  
display:block;
width:139px;
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;
font-family:Verdana, sans-serif;
line-height:1.8em;
}

table.moduletable li {
}

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

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


/* navigation */

#active_menu {
color:#c64243;
text-decoration:none;
background-color:#FFFFFF;
font-weight:bold;
}

a.mainlevel:link, a.mainlevel:visited {
background-color:#ededed;
height:22px;
display: block;
color: #666666;
width: 100%;
text-indent:7px;
text-decoration: none;
padding-top: 7px;
font-size:11px;
border-top:#D5D0E5 solid 1px;
}

a.mainlevel:hover {
color: #c64243;
background-color:#f9e8ef;
text-decoration:none;
}


a.mainmenu:link, a.mainmenu:visited {
color: #ffffff; 
font-size: 11px;
}


a.mainmenu:hover {
color: #c64243;
}


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

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


/* navigation end*/


/*** top menu ***/

.mainlevel-nav_top, a.mainlevel-nav_top:link, a.mainlevel-nav_top:visited {
background-image:none;
color:#FFF;
text-decoration: none;
font-size:11px;
text-align: left;
margin-right:3px;
padding:0px;
border:0px;
}


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

#active_menu-nav_top {
color:#FFF;
text-decoration:none;
font-weight:bold;
}


/*** bottom menu ***/

.mainlevel-nav_bottom, a.mainlevel-nav_bottom:link, a.mainlevel-nav_bottom:visited {
color: #666666;
text-decoration: none;
font-size:11px;
_font-size:x-small;
margin-left:0px;
padding:0px 7px 20px 0px;
text-indent:0px;
margin-bottom:10px;
}


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

/******/


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


/* mostread */

mostread.ul {
list-style: none;
}

li {
line-height: 17px;
padding-left: 0px;
padding-top: 0px;
list-style:none;
}


a.mostread:link, a.mostread:visited {
text-align: left;
color: #A499CB;
_font-size:small;
font-size: 11px;
line-height:17px;
text-decoration:none;
}


a.mostread:hover {
text-align: left;
color:#663399;
_font-size:small;
font-size: 11px;
line-height:17px;
text-decoration:none;
}



/* latestnews */

latestnews.ul {
width:100%;
}

li {
padding-left: 10px;
padding-top: 0px;
background-image: url(http://www.affinity-japan.com/language/images/arrow2.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
text-indent:0px;
_font-size:x-small;
}



a.latestnews:link, a.latestnews:visited {
text-align:left;
color:#9B4A44;
font-size: 10px;
text-indent:7px;
padding:3px 3px 3px 3px;
_font-size:x-small;
}

a.latestnews:hover {
text-align: left;
color:#000066;
text-decoration:none;
}



/*latest*/


table.moduletable_news {
padding: 2px 0px 2px 2px;
margin-bottom: 5px;
width: 100%;
background-color:#FFFFFF;
}


table.moduletable_news th {
font-size        : 11px;	
font-family      : Verdana;
font-weight      : bold;
color            : #438094;
text-align       : left;
width            : 97%;
letter-spacing   : 2px;
text-indent      : 4px;
padding-bottom   : 1px;
padding-top      : 1px;
}


latestnews_news.ul {
list-style: none;
padding:20px;
}


li_news {
background-image:url(http://www.affinity-japan.com/language/images/arrow2.png);
background-repeat: no-repeat;
text-indent:0px;
}


a.latestnews_news:link, a.latestnews_news:visited {
text-align:left;
color: #438094;
font-size: 10px;
line-height:1.7em;
padding:3px;
_font-size:x-small;
}


a.latestnews_news:hover {
text-align: left;
color:#E27187;
text-decoration:none;
}


/**pathway setting**/

.pathway {
font-family: 'Hiragino Kaku Gothic Pro', 'MS Gothic',sans-serif;
font-size: 11px;
line-height:1.7em;
color:#999999;
_font-size:small;
}

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

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



/** table of content header **/


.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
background-color:#FFFFFF;
font-size:16px;
letter-spacing:0.1em;
color:#666666;
font-weight: bold;
line-height:2.4em;
text-decoration:none;
height:26px;
margin-bottom:30px;
border-bottom:#CCCCCC solid 1px;
}


a.contentpagetitle:hover {
color:#CC0000;
font-weight: bold;
padding-top: 20px;
text-decoration:none;
}


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


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



/** Taiken **/

.contentheading_taiken,
.contentpagetitle_taiken,
a.contentpagetitle_taiken:link,
a.contentpagetitle_taiken:active,
a.contentpagetitle_taiken:visited {
font-size:16px;
color:#c64243;
font-weight: bold;
text-decoration:none;
border-bottom:#c64243 1px solid;
padding-bottom:8px;
width:100%;
margin:40px 0 20px 0;
}


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

.contentpaneopen_taiken {
width: 100%;
padding:0;
}


/** robin **/


.contentheading_robin,
.contentpagetitle_robin,
a.contentpagetitle_robin:link,
a.contentpagetitle_robin:active,
a.contentpagetitle_robin:visited {
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/language/images/bg_blue.gif);
width:100%;
}

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

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

/** content title **/

.componentheading {
color:#999999;
font-size: 12px;
padding: 5px 0px;
display:block;
}


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


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



/*** read more link ***/

.readon, a.readon:link, a.readon:visited {
font-size: 11px;
color:#D16B9D;
text-align:right;
_font-size:small;
font-weight:bold;
margin-bottom:10px;
letter-spacing:0.1em;
display:block;
}


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


/*** read more link Robin ***/

.readon_robin, a.readon_robin:link, a.readon_robin:visited {
font-size: 11px;
color:#438094;
text-align:right;
font-weight:bold;
margin-bottom:10px;
letter-spacing:0.1em;
display:block;
}


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



/*** Section ***/


.sectiontableheader {
color : #663399;
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;
}

/*** Current Date ***/

.currentdate {
font-size:10px;
font-family:Verdana, sans-serif;
color:#999999;
letter-spacing:0.1em;
padding-bottom:10px;
}


/*** Copyright ***/

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


.createdate{
margin-bottom:10px;
font-size:11px;
font-family:verdana, sans-serif;
color:#CCCCCC;
}


.mainpage{
text-align: left;
color: #CC0000;
font-size: 12px;
line-height:18px;
padding:0px;
}



/* 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/language/images/div.gif);
height:15px;
width:100%;
}



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



.gtable {
padding:3px 5px;
border:#CCCCCC 1px solid;
margin-top:5px;
margin-bottom:5px;
}


.ptable {
background-color:#F6E9F3;
padding:3px 5px;
margin-top:5px;
margin-bottom:5px;
}

.boxpink {
background-color:#F6E9F3;
margin:30px 0;
padding:10px;
}


.large {
font-size:1.1em;
}

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


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



.p11 {
font-size:11px;
_font-size:small;
color:#c64243;
}


.p12 {
font:12px/1.8em sans-serif;
color:#c64243;
}


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


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

.p16dashed {
font:bold 16px/1.8em sans-serif;
color:#c64243;
border-bottom:#c64243 1px dashed;
padding-bottom:5px;
}


.lineleft {
border-left:#993300 10px solid;
padding-left:7px;
}

.p18 {
font:bold 18px/1.8em sans-serif;
color:#c64243;
}

.red11 {
font-size:11px;
_font-size:small;
color:#CC0000;
}


.red2 {
font-size:12px;
color:#CC0000;
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;
}


.grey10 {
font-size:10px;
_font-size:x-small;
color:#333333;
}


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


.grey14 {
font-size:14px;
font-weight:bold;
}


.blue12 {
font-size:12px;
color:#438094;
font-weight:bold;
}


.blue14 {
font-size:14px;
color:#438094;
font-weight:bold;
}

.bluelight {
color:#308ed3;
}



#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:#c64243; text-decoration:none;}

/* table */

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

table.redtable td {
border-collapse: collapse;
border-bottom:#e5e5e5 1px solid;
padding:8px 0;
}


table.redtable th {
border-collapse: collapse;
font:bold 12px/1.7em sans-seri;
text-align:left;
color:#c64243;
background:#ECE1EB;
padding:5px;
}

/* blue table */

table.bluetable {
border-collapse: collapse;
font-size:1em;
}

table.bluetable caption {
border-collapse: collapse;
background:#ddedf9;
color:#308ed3;
font-size:1.2em;
font-weight:bold;
padding:5px;
text-align:left;
}

table.bluetable td {
border-collapse: collapse;
border-bottom:#e5e5e5 1px solid;
padding:8px 0;
}


table.bluetable th {
border-collapse: collapse;
color:#308ed3;
font-size:11px;
text-align:left;
padding:8px 0;
border-bottom:#e5e5e5 1px solid;
}

/* top page */

#toppage a, #toppage a:visited {
color: #666; 
font-size: 12px;
}

#toppage a:hover {
color: #c64243;
text-decoration:none;
}

.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;
background:none;
}