/* CSS Document (hakojin_common) ============================================================= */

table.background { background-repeat: no-repeat;}
td.copyright     { padding-right: 10px; padding-top: 3px;}

.font-11px-bl   { font-size: 11px; line-height: 140%; color: #000000; text-decoration: none;}
.font-12px-bl   { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none;}
.font-14px-bl   { font-size: 14px; line-height: 140%; color: #000000; text-decoration: none;}
.font-12px-wh   { font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none;}
.font-14px-wh   { font-size: 14px; line-height: 140%; color: #FFFFFF; text-decoration: none;}
.font-10px-gray { font-size: 10px; line-height: 140%; color: #666666; text-decoration: none;}
.font-11px-gray { font-size: 11px; line-height: 140%; color: #666666; text-decoration: none;}
.font-12px-gray { font-size: 12px; line-height: 140%; color: #666666; text-decoration: none;}
.font-14px-gray { font-size: 14px; line-height: 140%; color: #666666; text-decoration: none;}

.font-10px-red  { font-size: 10px; line-height: 140%; color: #FF0000; text-decoration: none;}
.font-12px-red  { font-size: 12px; line-height: 140%; color: #FF0000; text-decoration: none;}
.font-14px-red  { font-size: 14px; line-height: 140%; color: #FF0000; text-decoration: none;}

.font-12px-pink { font-size: 12px; line-height: 140%; color: #FF6699; text-decoration: none;}

.font-12pxP-bl   { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-14pxP-bl   { font-size: 14px; line-height: 140%; color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-12pxP-wh   { font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-14pxP-wh   { font-size: 14px; line-height: 140%; color: #FFFFFF; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-12pxP-gray { font-size: 12px; line-height: 140%; color: #666666; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-14pxP-gray { font-size: 14px; line-height: 140%; color: #666666; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-12pxP-red  { font-size: 12px; line-height: 140%; color: #FF0000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-14pxP-red  { font-size: 14px; line-height: 140%; color: #FF0000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-14pxP-red2 { font-size: 14px; line-height: 140%; color: #FF6666; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-14pxP-blue { font-size: 14px; line-height: 140%; color: #3366FF; text-decoration: none; padding-left: 5px; padding-right: 5px;}

.font-12pxB-bl   { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none; font-weight: bold;}
.font-14pxB-bl   { font-size: 14px; line-height: 140%; color: #000000; text-decoration: none; font-weight: bold;}

.font-Common-12px-bl    { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none;}
.font-Common-12px-wh    { font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none;}
.font-Common-12px-gray  { font-size: 12px; line-height: 140%; color: #666666; text-decoration: none;}
.font-Common-12px-red   { font-size: 12px; line-height: 140%; color: #FF0000; text-decoration: none;}

.font-Common-14px-bl    { font-size: 14px; line-height: 140%; color: #000000; text-decoration: none;}
.font-Common-14px-gray  { font-size: 14px; line-height: 140%; color: #666666; text-decoration: none;}
.font-Common-14px-red   { font-size: 14px; line-height: 140%; color: #FF0000; text-decoration: none;}

.font-Common-12pxP-bl   { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-12pxP-wh   { font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-12pxP-red  { font-size: 12px; line-height: 140%; color: #FF0000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-12pxP-gray { font-size: 12px; line-height: 140%; color: #666666; text-decoration: none; padding-left: 5px; padding-right: 5px;}

.font-Common-14pxP-bl   { font-size: 14px; line-height: 140%; color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-14pxP-wh   { font-size: 14px; line-height: 140%; color: #FFFFFF; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-14pxP-gray { font-size: 14px; line-height: 140%; color: #666666; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-14pxP-red  { font-size: 14px; line-height: 140%; color: #FF0000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-14pxP-red2 { font-size: 14px; line-height: 140%; color: #FF6666; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-Common-14pxP-blue { font-size: 14px; line-height: 140%; color: #3366FF; text-decoration: none; padding-left: 5px; padding-right: 5px;}

.font-Common-12pxB-bl   { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none; font-weight: bold;}
.font-Common-14pxB-bl   { font-size: 14px; line-height: 140%; color: #000000; text-decoration: none; font-weight: bold;}

/* Top ======================================================================================= */
table.Top_menu { background-repeat: no-repeat; border: 1px solid #CCCCCC;}
td.Top_menu2{ background-repeat: no-repeat; font-size: 11px; line-height: 110%; color: #333333; text-decoration: none;}
.font-top_whatsnew   { font-size: 11px; line-height: 140%; color: #333333; text-decoration: none;}
a.link-top_mi               { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_mi:visited       { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_mi:hover         { font-size: 11px; color: #FFFFFF; background-color:#649700 ; text-decoration: none;}
a.link-top_theme            { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_theme:visited    { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_theme:hover      { font-size: 11px; color: #FFFFFF; background-color:#FF6699 ; text-decoration: none;}
a.link-top_whatsnew         { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_whatsnew:visited { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_whatsnew:hover   { font-size: 11px; color: #FFFFFF; background-color:#FF6600 ; text-decoration: none;}
a.link-top_dg               { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_dg:visited       { font-size: 11px; color: #0033FF; text-decoration: underline;}
a.link-top_dg:hover         { font-size: 11px; color: #FFFFFF; background-color:#3366FF ; text-decoration: none;}



/* News ====================================================================================== */
.font-info-11pxP-bl { font-size: 11px; line-height: 140%; color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.font-news-12pxPB-bl { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}
.font-news-12pxP-blue   { font-size: 12px; line-height: 140%; color: #1F8AFF; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}
.font-news-12pxP-pink   { font-size: 12px; line-height: 140%; color: #FF6699; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}
.font-news-12pxP-green  { font-size: 12px; line-height: 140%; color: #00CC66; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}
.font-news-12pxP-orange { font-size: 12px; line-height: 140%; color: #FF9900; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}

/* Whats ===================================================================================== */
.font-whats_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-whats_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}
table.whats_chara1 { background-repeat: no-repeat; border: 1px solid #339900; padding: 3px;}
table.whats_chara2 { background-repeat: no-repeat; border: 1px solid #A4DC33; padding: 3px;}
table.whats_chara3 { background-repeat: no-repeat; border: 1px solid #FF0000; padding: 3px;}
table.whats_chara4 { background-repeat: no-repeat; border: 1px solid #FF99CC; padding: 3px;}
table.whats_chara5 { background-repeat: no-repeat; border: 1px solid #CC3300; padding: 3px;}
table.whats_chara6 { background-repeat: no-repeat; border: 1px solid #FFCC00; padding: 3px;}
table.whats_chara7 { background-repeat: no-repeat; border: 1px solid #FF8580; padding: 3px;}
table.whats_chara8 { background-repeat: no-repeat; border: 1px solid #66CCFF; padding: 3px;}
table.whats_chara9 { background-repeat: no-repeat; border: 1px solid #0033FF; padding: 3px;}
table.whats_chara10{ background-repeat: no-repeat; border: 1px solid #CC00CC; padding: 3px;}

/* Meet ====================================================================================== */
.font-meet_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-meet_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}
a.link-meet         { font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-meet:visited { font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-meet:hover   { font-size: 12px; color: #FF6600; text-decoration: underline;}
td.meet_title { background-repeat: no-repeat; background-color: #666666; padding: 5px; font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none;}
td.meet_text  { font-size: 12px; line-height: 140%; color: #000000; text-decoration: none; padding: 5px;}

/* GAME ====================================================================================== */
.font-game_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-game_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}

/* Info ====================================================================================== */
.font-info_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-info_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}
.font-info_title  { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none; font-weight: bold;}
a.link-info         { font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-info:visited { font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-info:hover   { font-size: 12px; color: #FF6600; text-decoration: underline;}
td.info_title { background-repeat: no-repeat; background-color: #666666; padding: 3px; font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none;}
td.info_text1  { font-size: 12px; line-height: 160%; color: #0033FF; text-decoration: none; padding: 3px;}
td.info_text2  { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none; padding: 3px;}
.font-info_staff1   { font-size: 12px; line-height: 140%; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.font-info_staff2   { font-size: 12px; line-height: 160%; color: #FFFFFF; text-decoration: none;}

/* CM ======================================================================================== */
.font-cm_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-cm_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}
.font-cm-14pxP-blue   { font-size: 14px; line-height: 140%; color: #1F8AFF; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}
.font-cm-16pxP-orange { font-size: 16px; line-height: 140%; color: #FF9900; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: bold;}
a.link-CM         {  font-size: 16px; color: #FF9900; text-decoration: underline; font-weight: bold;}
a.link-CM:visited {  font-size: 16px; color: #FF9900; text-decoration: underline; font-weight: bold;}
a.link-CM:hover   {  font-size: 16px; color: #00FF27; text-decoration: underline; font-weight: bold;}

/* Special(theme) ============================================================================ */
.font-special_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-special_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}
.font-special_text12 { font-size: 12px; line-height: 160%; color: #000000; text-decoration: none;}
.font-special_text14 { font-size: 14px; line-height: 160%; color: #000000; text-decoration: none;}
table.special_chara1 { background-repeat: no-repeat; border: 1px solid #339900; padding: 3px;}
table.special_chara2 { background-repeat: no-repeat; border: 1px solid #A4DC33; padding: 3px;}
table.special_chara3 { background-repeat: no-repeat; border: 1px solid #FF0000; padding: 3px;}
table.special_chara4 { background-repeat: no-repeat; border: 1px solid #FF99CC; padding: 3px;}
table.special_chara5 { background-repeat: no-repeat; border: 1px solid #CC3300; padding: 3px;}
table.special_chara6 { background-repeat: no-repeat; border: 1px solid #FFCC00; padding: 3px;}
table.special_chara7 { background-repeat: no-repeat; border: 1px solid #FF8580; padding: 3px;}
table.special_chara8 { background-repeat: no-repeat; border: 1px solid #66CCFF; padding: 3px;}
table.special_chara9 { background-repeat: no-repeat; border: 1px solid #0033FF; padding: 3px;}
table.special_chara10{ background-repeat: no-repeat; border: 1px solid #CC00CC; padding: 3px;}
a.link-special         { font-size: 12px; color: #999999; text-decoration: underline;}
a.link-special:visited { font-size: 12px; color: #999999; text-decoration: underline;}
a.link-special:hover   { font-size: 12px; color: #FFFFFF; background-color:#0033FF ; text-decoration: none;}

a.link-special01         { font-size: 12px; color: #339900; text-decoration: underline;}
a.link-special01:visited { font-size: 12px; color: #339900; text-decoration: underline;}
a.link-special01:hover   { font-size: 12px; color: #FFFFFF; background-color:#339900 ; text-decoration: none;}
a.link-special02         { font-size: 12px; color: #A4DC33; text-decoration: underline;}
a.link-special02:visited { font-size: 12px; color: #A4DC33; text-decoration: underline;}
a.link-special02:hover   { font-size: 12px; color: #FFFFFF; background-color:#6E9723 ; text-decoration: none;}
a.link-special03         { font-size: 12px; color: #FF0000; text-decoration: underline;}
a.link-special03:visited { font-size: 12px; color: #FF0000; text-decoration: underline;}
a.link-special03:hover   { font-size: 12px; color: #FFFFFF; background-color:#FF0000 ; text-decoration: none;}
a.link-special04         { font-size: 12px; color: #FF99CC; text-decoration: underline;}
a.link-special04:visited { font-size: 12px; color: #FF99CC; text-decoration: underline;}
a.link-special04:hover   { font-size: 12px; color: #FFFFFF; background-color:#FF33CC ; text-decoration: none;}
a.link-special05         { font-size: 12px; color: #CB3300; text-decoration: underline;}
a.link-special05:visited { font-size: 12px; color: #CB3300; text-decoration: underline;}
a.link-special05:hover   { font-size: 12px; color: #FFFFFF; background-color:#CB3300 ; text-decoration: none;}
a.link-special06         { font-size: 12px; color: #FFCC00; text-decoration: underline;}
a.link-special06:visited { font-size: 12px; color: #FFCC00; text-decoration: underline;}
a.link-special06:hover   { font-size: 12px; color: #FFFFFF; background-color:#FF9900 ; text-decoration: none;}
a.link-special07         { font-size: 12px; color: #FF8508; text-decoration: underline;}
a.link-special07:visited { font-size: 12px; color: #FF8508; text-decoration: underline;}
a.link-special07:hover   { font-size: 12px; color: #FFFFFF; background-color:#FF8508 ; text-decoration: none;}
a.link-special08         { font-size: 12px; color: #66CCFF; text-decoration: underline;}
a.link-special08:visited { font-size: 12px; color: #66CCFF; text-decoration: underline;}
a.link-special08:hover   { font-size: 12px; color: #FFFFFF; background-color:#66CCFF ; text-decoration: none;}
a.link-special09         { font-size: 12px; color: #0033FF; text-decoration: underline;}
a.link-special09:visited { font-size: 12px; color: #0033FF; text-decoration: underline;}
a.link-special09:hover   { font-size: 12px; color: #FFFFFF; background-color:#0033FF ; text-decoration: none;}
a.link-special10         { font-size: 12px; color: #CC00CC; text-decoration: underline;}
a.link-special10:visited { font-size: 12px; color: #CC00CC; text-decoration: underline;}
a.link-special10:hover   { font-size: 12px; color: #FFFFFF; background-color:#CC00CC ; text-decoration: none;}

/* Digigoods ================================================================================= */
table.wpdl { background-repeat: no-repeat; border: 1px solid #9966FF; padding: 3px;}
a.link-wpdl         { font-size: 12px; color: #0000FF; text-decoration: underline;}
a.link-wpdl:visited { font-size: 12px; color: #0000FF; text-decoration: underline;}
a.link-wpdl:hover   { font-size: 12px; color: #FFFFFF; background-color:#0033FF ; text-decoration: none;}

/* LINK ====================================================================================== */
a.link-flash         {  font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-flash:visited {  font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-flash:hover   {  font-size: 12px; color: #00FF27; text-decoration: none;}
a.link-close         {  font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-close:visited {  font-size: 12px; color: #0033FF; text-decoration: none;}
a.link-close:hover   {  font-size: 12px; color: #00FF27; text-decoration: none;}
a.link-PageBack         {  font-size: 14px; color: #0000CC; text-decoration: underline;}
a.link-PageBack:visited {  font-size: 14px; color: #0000CC; text-decoration: underline;}
a.link-PageBack:hover   {  font-size: 14px; color: #00FF27; text-decoration: underline;}
a.link-BackTop         { font-size: 16px; color: #0033FF; text-decoration: underline; font-weight: bold;}
a.link-BackTop:visited { font-size: 16px; color: #0033FF; text-decoration: underline; font-weight: bold;}
a.link-BackTop:hover   { font-size: 16px; color: #00FF27; text-decoration: underline; font-weight: bold;}