/* 
   Grasshopper
   Cascading Style Sheets
   
   Copyright:(C) 2007 Grasshopper Co.,Ltd. All Rights Reserved. 
   Update: 2007/8/1
*/


/*--- body text -------*/
.body {
font-size:12px;
color: #000000;
line-height: 140%;
font-family: Arial, Helvetica, sans-serif;
}


#bodycopy {
font-size:12px;
color: #000000;
line-height: 140%;
background:url('img/top_r2_c2.gif') no-repeat left top;
}
#bodycopy a {
color:#333300;
}
#bodycopy a:hover {
color: #FF6600;
text-decoration: none;
}


.note {
	color: #222222;
	font-size: 10px;
	line-height: 12px;
}

.notice {
	color: #990000;
	font-size: 10px;
	line-height: 12px;
}


.copyright {
	color: #333300;
	font-size: 10px;
}


/**** 16px ****/
.body16olivebold
{
font-size: 16px;
color: #333300;
line-height: 160%;
font-weight: bold;
}

.body16olive
{
font-size: 16px;
color: #333300;
line-height: 160%;
}

.body16mandarinbold
{
font-size: 16px;
color: #FF9933;
line-height: 160%;
font-weight: bold;
}

.body16mandarin
{
font-size: 16px;
color: #FF9933;
line-height: 160%;
}


/**** 14px ****/
.body14olivebold
{
font-size: 14px;
color: #333300;
line-height: 140%;
font-weight: bold;
}

.body14olive
{
font-size: 14px;
color: #333300;
line-height: 140%;
}

.body14mandarinbold
{
font-size: 14px;
color: #FF9933;
line-height: 140%;
font-weight: bold;
}

.body14mandarin
{
font-size: 14px;
color: #FF9933;
line-height: 140%;
}


/**** 12px ****/
.body12olivebold
{
font-size: 12px;
color: #333300;
line-height: 160%;
font-weight: bold;
}

.body12olive
{
font-size: 12px;
color: #333300;
line-height: 160%;
font-family: Arial, Helvetica, sans-serif;
}

.body12mandarinbold
{
font-size: 12px;
color: #FF9933;
line-height: 160%;
font-weight: bold;
}

.body12mandarin
{
font-size: 12px;
color: #FF9933;
line-height: 160%;
}

.body12orangebold
{
font-size: 12px;
color: #FF6600;
line-height: 160%;
font-weight: bold;
}

.body12orange
{
font-size: 12px;
color: #FF6600;
line-height: 160%;
}

.body12khaki
{
font-size: 12px;
color: #663300;
line-height: 160%;
}

/**** 11px ****/
.body11khaki
{
font-size: 11px;
color: #663300;
line-height: 160%;
}


/**** 10px ****/
.body10khaki
{
font-size: 10px;
color: #663300;
line-height: 130%;
}

/*** 8px ***/

/**** top page ****/
.info-text {
font-size: 11px;
color: #333300;
line-height: 120%;
}

/****left menu****/
.left-menu {
font-size: 11px;
line-height: 140%;
color: #333300;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}

a.left-menu:hover {
font-size: 11px;
color: #FF6600;
text-decoration: none;
}

.left-menu-select {
font-size: 11px;
color: #FF6600;
text-decoration: none;
}

/****right area****/
#right-text {
font-size: 11px;
line-height: 160%;
color: #333300;
text-decoration: none;
}

#right-text a {
font-size: 11px;
color:#333300;
}
#right-text a:hover {
font-size: 11px;
color: #FF6600;
text-decoration: none;
}

/**** profile ****/
.profile {
font-size: 12px;
color: #333300;
line-height: 120%;
text-decoration: none;
}

a.profile:hover {
font-size: 13px;
color: #CC0000;
text-decoration: none;
}

.profile-detail {
font-size: 10px;
color: #333300;
text-decoration: none;
}


/**** sub page ****/
.navi {
font-size: 11px;
line-height: 120%;
color: #333300;
text-decoration: none;
}

a.navi:hover {
font-size: 11px;
color: #FF6600;
text-decoration: none;
}

.navi-sele {
font-size: 11px;
line-height: 120%;
color: #FF6600;
text-decoration: none;
}

.topics12olive
{
font-size: 12px;
color: #333300;
line-height: 180%;
}