@charset "utf-8";

body { font-family: "Arial", "Helvetica", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; }

/* TOP LOGO */
#header .top_logo_bar { height: 90px; padding-bottom: 20px; border-bottom: 2px solid #000; font-size: 0; }

#header .top_logo_bar h1 img, #header .top_logo_bar .top_logo_disp img { display: block; }
#header .top_logo_bar h1, #header .top_logo_bar .top_logo_disp { float: left; width: 391px; }
#header a { padding: 0; }

#header .top_logo_bar .sub_box { float: right; margin-top: 35px; width: 294px;  }

#header .top_logo_bar #change_global_font_size { float: left; width: 132px; }

#header .top_logo_bar #change_global_font_size dl dt { float: left; margin-top: 9px; width: 31px; height: 10px; background: url(../img/lang_en_01/caption_btn_font_size.gif) left top no-repeat; }
#header .top_logo_bar #change_global_font_size dl dd { float: right; margin-top: 2px; width: 97px; }
#header .top_logo_bar #change_global_font_size dl dd ul { margin-top: 3px; padding-right: 1px; background: url(../img/border_dot_vertical_02.gif) right bottom no-repeat; line-height: 0; }
#header .top_logo_bar #change_global_font_size dl dd ul li { float: left; width: 32px; height: 18px; background: url(../img/border_dot_vertical_02.gif) left bottom no-repeat; line-height: 0; }

#header .top_logo_bar #change_global_font_size dl dd ul li a { display: block; width: 32px; height: 18px; color: #fff; text-decoration: none; line-height: 1; }
#header .top_logo_bar #change_global_font_size dl dd ul li#change_font_size_00 a { background: url(../img/lang_en_01/btn_font_size_small.gif) left top no-repeat; }
#header .top_logo_bar #change_global_font_size dl dd ul li#change_font_size_01 a { background: url(../img/lang_en_01/btn_font_size_medium.gif) left top no-repeat; }
#header .top_logo_bar #change_global_font_size dl dd ul li#change_font_size_02 a { background: url(../img/lang_en_01/btn_font_size_large.gif) left top no-repeat; }

/* On and Off */
/* Defined in 'font_size_??.css' */

#header .top_logo_bar #change_global_font_size dl dd ul li.last { margin-right: 0; }

#header #area_link_site_english { float: right; margin-top: 3px; width: 148px; height: 18px; padding: 0; line-height: 0; } 
#header #area_link_site_english dt { float: left; margin-top: 6px; width: 60px; height: 11px; background: url(../img/lang_en_01/note_site_japanese.gif) left top no-repeat; }
#header #area_link_site_english dd { float: right; margin-top: 2px; width: 83px; height: 18px; padding: 0; line-height: 0; } 
#header #area_link_site_english dd a { display: block; width: 83px; height: 18px; padding: 0; background: url(../img/lang_en_01/link_site_japanese.gif) left top no-repeat; line-height: 0; }
#header #area_link_site_english dd a:hover { background-position: 0 -18px; }

#header #area_site_navigation { float: right; margin-top: 21px; width: 54px; height: 12px; }
#header #area_site_navigation li { float: left; }
#header #area_site_navigation li a { display: block; height: 11px; padding: 0; background-position: left top; line-height: 0; text-decoration: none; }
#header #area_site_navigation li a:hover { background-position: 0 -11px; }
#header #area_site_navigation li a.on { background-position: 0 -11px; }

#header #area_site_navigation li#site_navi_home { width: 54px; margin-right: 0; line-height: 0; }


#header #area_site_navigation li#site_navi_home a { background-image: url(../img/lang_en_01/site_link_home.gif); text-decoration: none;  } 
#header #area_site_navigation li#site_navi_news a { display: none; width: 68px; margin-right: 23px; background-image: url(../img/lang_en_01/site_link_news.gif); } 
#header #area_site_navigation li#site_navi_contact a { display: none; width: 101px; background-image: url(../img/lang_en_01/site_link_contact.gif); } 

/* ====================== Global Navi ================*/

#area_global_navi { height: 59px; padding-bottom: 1px; background: url(../img/border_dot_horizontal_01.gif) -1px 55px repeat-x; line-height: 0; }

#area_global_navi a,
#area_global_navi ul,
#area_global_navi li
{ margin: 0; padding: 0; height: 59px; }

#area_global_navi ul#global_navi { float: left; width: 535px; }
#area_global_navi ul#global_navi li { float: left; }
#area_global_navi ul#global_navi li a { text-indent: -9999px; overflow: hidden; }
#area_global_navi ul#global_navi li a { display: block; width: 126px; background: url(../img/lang_en_01/bg_global_navi.gif) no-repeat; }

#area_global_navi ul#global_navi li#gnav_event a { background-position: 0 0; }
#area_global_navi ul#global_navi li#gnav_news a { background-position: -126px 0; }
#area_global_navi ul#global_navi li#gnav_about a { width: 127px; background-position: -252px 0; }

#area_global_navi ul#global_navi li#gnav_event a.on { background-position: 0 -59px; }
#area_global_navi ul#global_navi li#gnav_news a.on { background-position: -126px -59px; }
#area_global_navi ul#global_navi li#gnav_about a.on { width: 127px; background-position: -252px -59px; }

#area_global_navi ul#global_navi li#gnav_event a:hover { background-position: 0 -59px; }
#area_global_navi ul#global_navi li#gnav_news a:hover { background-position: -126px -59px; }
#area_global_navi ul#global_navi li#gnav_about a:hover { width: 127px; background-position: -252px -59px; }


/* ======================== Event ====================== */

/* meta icon */
.mark_report { float: left; margin-right: 3px; width: 55px; height: 20px; background: url(../img/lang_en_01/icon_report_02.gif) left top no-repeat; text-indent: -9999px; overflow: hidden; }
.mark_charge_free { float: left; margin-right: 3px; width: 34px; height: 20px; background: url(../img/lang_en_01/icon_chargefree_01.gif) left top no-repeat; text-indent: -9999px; overflow: hidden; }
.mark_charge_member_free { float: left; margin-right: 3px; width: 99px; height: 20px; background: url(../img/lang_en_01/icon_chargefree_member_01.gif) left top no-repeat; text-indent: -9999px; overflow: hidden; }



/* Index Context - event_future, event_past */
#main_contents .area_link_event_future_past { margin-bottom: 15px;  height: 48px; padding-left: 255px; background: url(../img/border_dot_horizontal_02.gif) left 22px repeat-x; }
#main_contents .area_link_event_future_past ul li { float: left; padding:  0 1px; background: #fff; }
#main_contents .area_link_event_future_past ul li.link_future { margin-right: 10px; }
#main_contents .area_link_event_future_past ul li.link_past {   }
#main_contents .area_link_event_future_past ul li a { text-indent: -9999px; overflow: hidden; }

#main_contents .area_link_event_future_past li.link_future a { display: block; width: 113px; height: 36px; padding: 0; background: url(../img/lang_en_01/locate_box_future.gif) 0 0 no-repeat #fff; }

#main_contents .area_link_event_future_past li.link_future a.on,
#main_contents .area_link_event_future_past li.link_future a.on:hover,
#event_future #main_contents .area_link_event_future_past li.link_future a.on,
#event_past #main_contents .area_link_event_future_past li.link_future a.on,
#event_past #main_contents .area_link_event_future_past li.link_future a.on:hover
{ width: 130px; height: 43px; background: url(../img/lang_en_01/locate_box_future_on.gif) 0 top no-repeat #fff; }

#main_contents .area_link_event_future_past li.link_future a:hover,
#main_contents .area_link_event_future_past li.link_future a:active,
#event_past #main_contents .area_link_event_future_past li.link_future a:active
{ display: block; width: 113px; height: 43px; padding: 0; background: url(../img/lang_en_01/locate_box_future.gif) 0 -43px no-repeat #fff; }

#main_contents .area_link_event_future_past li.link_past a { display: block; width: 97px; height: 36px; padding: 0; background: url(../img/lang_en_01/locate_box_past.gif) 0 0 no-repeat #fff; }

#main_contents .area_link_event_future_past li.link_past a:hover,
#event_future #main_contents .area_link_event_future_past li.link_past a:hover,
#event_past #main_contents .area_link_event_future_past li.link_past a:hover
#main_contents .area_link_event_future_past li.link_past a:active
{ width: 97px; height: 43px; background: url(../img/lang_en_01/locate_box_past.gif) 0 -43px no-repeat #fff; }

#main_contents .area_link_event_future_past li.link_past a.on,
#main_contents .area_link_event_future_past li.link_past a.on:hover,
#event_future #main_contents .area_link_event_future_past li.link_past a.on,
#event_past #main_contents .area_link_event_future_past li.link_past a.on,
#event_past #main_contents .area_link_event_future_past li.link_past a.on:hover
{ width: 110px; height: 43px; background: url(../img/lang_en_01/locate_box_past_on.gif) 0 top no-repeat #fff; }


/* meta_info */
.event_meta { float: left; margin-right: 5px; }

/* Event Report */
#main_contents .area_head_event_report {  }
#main_contents .entry-content .mark_report { margin-top: 20px; }

#main_contents .area_link_article_main { float: right; margin-top: 10px; padding: 5px 0 3px 0; background: url(../img/border_dot_horizontal_04.gif) left bottom repeat-x; }

#main_contents .link_article_main { padding-left: 10px; background: url(../img/mark_dot_square_02.gif) left 0.4em no-repeat #fff; }

.event #main_contents .wrapper_article_more { padding: 0 15px 0 15px; }
#event_report { margin-top: 5px; padding: 10px 15px 15px 15px; background: #f2f2e8; }
#event_report p { margin-top: 3px; padding-bottom: 3px; }

#event_report li.horizontal { display: inline; }

/* ======================= TOPPAGE===================== */
#contents_right #box_feed .group_box_title { width: 168px; font-size: 14px; letter-spacing: 0.02em; background: url(../img/mark_feed_01.gif) right 6px no-repeat; }
#top_index #contents_right #box_feed { margin-top: 28px; }

/* ====================== NEWS ======================= */
.news #area_widget_news .area_list_archive_yearly { margin-top: 0; } 

/* ===================== About Us - IAB ================== */
#about_iab #main_contents .left_column { width: 100px; }
#about_iab #main_contents .right_column { width: 550px; }

#about_iab #main_contents #main_contents_disp .wrapper_article_body { margin-top: 15px; }
