@charset "utf-8";

/* ---------------------------------------------- */
/* header                                         */
/* ---------------------------------------------- */

#header {
width:700px;
height:30px;
margin:0px auto;
padding:0px 0px 0px 200px;
}


/* ---------------------- */

#header .lang {
margin:10px 0px 0px 0px;
float:left;
}

#header .lang li {
float:left;
margin:0px;
padding:0px;
list-style:none;
}

#header .lang li a {
display:block;
width:49px;
height:20px;
text-indent:-9999px;
outline:none;
}

/* ---------------------- */

.ja #header .lang li a.ja {
background:url('./images/ja/header/btn_lang_ja.gif') no-repeat center bottom;
}

.ja #header .lang li a.en {
background:url('./images/ja/header/btn_lang_en.gif') no-repeat center bottom;
}

/* ---------------------- */

.en #header .lang li a.ja {
background:url('./images/en/header/btn_lang_ja.gif') no-repeat center bottom;
}

.en #header .lang li a.en {
background:url('./images/en/header/btn_lang_en.gif') no-repeat center bottom;
}

/* ---------------------- */

#header .homenavi {
float:left;
margin:10px 0px 0px 0px;
}

#header .homenavi li {
float:left;
margin:0px;
padding:0px;
list-style:none;
}

#header .homenavi li a {
height:20px;
display:block;
text-indent:-9999px;
outline:none;
}

/* ---------------------- */

.ja #header .homenavi li.fontsize {
margin:0px 0px 0px 20px;
height:20px;
background:url('./images/ja/header/txt_fontsize.gif') no-repeat left bottom;
}
.ja #header .homenavi li.fontsize .fontsize_default {
margin:0px 0px 0px 70px;
width:19px;
background:url('./images/ja/header/btn_fontsize_s.gif') no-repeat center bottom;
}
.ja #header .homenavi li.fontsize .fontsize_large {
width:19px;
background:url('./images/ja/header/btn_fontsize_m.gif') no-repeat center bottom;
}
.ja #header .homenavi li.fontsize .fontsize_large_extra {
width:19px;
background:url('./images/ja/header/btn_fontsize_l.gif') no-repeat center bottom;
}

.ja #header .homenavi li a.contact {
margin:0px 0px 0px 30px;
width:73px;
background:url('./images/ja/header/btn_contactus.gif') no-repeat center bottom;
}

.ja #header .homenavi li a.sitemap {
margin:0px 0px 0px 2px;
width:73px;
background:url('./images/ja/header/btn_sitemap.gif') no-repeat center bottom;
}

/* ---------------------- */

.en #header .homenavi li.fontsize {
margin:0px 0px 0px 20px;
height:20px;
background:url('./images/en/header/txt_fontsize.gif') no-repeat left bottom;
}
.en #header .homenavi li.fontsize .fontsize_default {
margin:0px 0px 0px 70px;
width:19px;
background:url('./images/en/header/btn_fontsize_s.gif') no-repeat center bottom;
}
.en #header .homenavi li.fontsize .fontsize_large {
width:19px;
background:url('./images/en/header/btn_fontsize_m.gif') no-repeat center bottom;
}
.en #header .homenavi li.fontsize .fontsize_large_extra {
width:19px;
background:url('./images/en/header/btn_fontsize_l.gif') no-repeat center bottom;
}

.en #header .homenavi li a.contact {
margin:0px 0px 0px 30px;
width:64px;
background:url('./images/en/header/btn_contactus.gif') no-repeat center bottom;
}

.en #header .homenavi li a.sitemap {
margin:0px 0px 0px 2px;
width:73px;
background:url('./images/en/header/btn_sitemap.gif') no-repeat center bottom;
}

/* ---------------------- */

#header .search {
float:right;
margin:5px 0px 0px 0px;
padding:0px;
width:240px;
}

#header .search .txtSearch {
float:right;
margin:0px;
padding:0px;
width:180px;
height:20px;
border:1px solid #cccccc;
}

#header .search .btnSearch {
float:right;
margin:0px 0px 0px 2px;
padding:0px;
width:50px;
height:22px;
border:1px solid #cccccc;
background:#ffffff;
font-size:90%;
text-align:center;
}


/* ---------------------------------------------- */
/* wrapper                                        */
/* ---------------------------------------------- */

#wrapper {
margin:0px auto;
padding:0px;
width:900px;
background:#ffffff;
position:relative;
}

#wrapper:after{
content:"";
display:block;
clear:both;
}


/* ---------------------------------------------- */
/* globalnavi                                     */
/* ---------------------------------------------- */

#globalnavi {
clear:both;
float:left;
width:199px;
margin:0px;
padding:0px;
}

/* ---------------------------------------------- */

#globalnavi ul {
margin:0px;
padding:0px;
list-style:none;
}

#globalnavi li {
margin:0px;
padding:0px;
}

/* ---------------------------------------------- */

#globalnavi ul.main li a {
display:block;
width:198px;
height:28px;
margin:0px;
padding:0px;
text-indent:-9999px;
outline:none;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:no-repeat;
}

/* ---------------------------------------------- */

.ja #globalnavi a.aboutus {
background:url('./images/ja/navi/btn_aboutus.gif');
}
.ja #globalnavi a.aboutus:hover, #aboutus #globalnavi a.aboutus {
background-position: -198px 0px;
}

.ja #globalnavi a.executive-director {
background:url('./images/ja/navi/btn_executive-director.gif');
}
.ja #globalnavi a.executive-director:hover, #executive_director #globalnavi a.executive-director {
background-position: -198px 0px;
}

.ja #globalnavi a.introduction {
background:url('./images/ja/navi/btn_introduction.gif');
}
.ja #globalnavi a.introduction:hover, #introduction #globalnavi a.introduction {
background-position: -198px 0px;
}

.ja #globalnavi a.access {
background:url('./images/ja/navi/btn_access.gif');
}
.ja #globalnavi a.access:hover, #access #globalnavi a.access {
background-position: -198px 0px;
}

.ja #globalnavi a.training {
background:url('./images/ja/navi/btn_training.gif');
}
.ja #globalnavi a.training:hover, #training #globalnavi a.training {
background-position: -198px 0px;
}

.ja #globalnavi a.contract {
background:url('./images/ja/navi/btn_contract.gif');
}
.ja #globalnavi a.contract:hover, #contract #globalnavi a.contract {
background-position: -198px 0px;
}

.ja #globalnavi a.message {
background:url('./images/ja/navi/btn_message.gif');
}
.ja #globalnavi a.message:hover, #message #globalnavi a.message {
background-position: -198px 0px;
}

.ja #globalnavi a.material {
background:url('./images/ja/navi/btn_material.gif');
}
.ja #globalnavi a.material:hover, #material #globalnavi a.material {
background-position: -198px 0px;
}

.ja #globalnavi a.exchange {
background:url('./images/ja/navi/btn_exchange.gif');
}
.ja #globalnavi a.exchange:hover, #exchange #globalnavi a.exchange {
background-position: -198px 0px;
}

.ja #globalnavi a.library {
background:url('./images/ja/navi/btn_library.gif');
}
.ja #globalnavi a.library:hover, #library #globalnavi a.library {
background-position: -198px 0px;
}

.ja #globalnavi a.event {
background:url('./images/ja/navi/btn_event.gif');
}
.ja #globalnavi a.event:hover, #event #globalnavi a.event {
background-position: -198px 0px;
}

.ja #globalnavi a.past {
background:url('./images/ja/navi/btn_past.gif');
}
.ja #globalnavi a.past:hover, #past #globalnavi a.past {
background-position: -198px 0px;
}

.ja #globalnavi a.faq {
background:url('./images/ja/navi/btn_faq.gif');
}
.ja #globalnavi a.faq:hover, #faq #globalnavi a.faq {
background-position: -198px 0px;
}

.ja #globalnavi a.links {
background:url('./images/ja/navi/btn_links.gif');
}
.ja #globalnavi a.links:hover, #links #globalnavi a.links {
background-position: -198px 0px;
}

.ja #globalnavi a.participants {
background:url('./images/ja/navi/btn_participants.gif');
}
.ja #globalnavi a.participants:hover, #participants #globalnavi a.participants {
background-position: -198px 0px;
}

/* ---------------------------------------------- */

.en #globalnavi a.aboutus {
background:url('./images/en/navi/btn_aboutus.gif');
}
.en #globalnavi a.aboutus:hover, #aboutus #globalnavi a.aboutus {
background-position: -198px 0px;
}

.en #globalnavi a.introduction {
background:url('./images/en/navi/btn_introduction.gif');
}
.en #globalnavi a.introduction:hover, #introduction #globalnavi a.introduction {
background-position: -198px 0px;
}

.en #globalnavi a.access {
background:url('./images/en/navi/btn_access.gif');
}
.en #globalnavi a.access:hover, #access #globalnavi a.access {
background-position: -198px 0px;
}

.en #globalnavi a.training {
background:url('./images/en/navi/btn_training.gif');
}
.en #globalnavi a.training:hover, #training #globalnavi a.training {
background-position: -198px 0px;
}

.en #globalnavi a.message {
background:url('./images/en/navi/btn_message.gif');
}
.en #globalnavi a.message:hover, #message #globalnavi a.message {
background-position: -198px 0px;
}

.en #globalnavi a.material {
background:url('./images/en/navi/btn_material.gif');
}
.en #globalnavi a.material:hover, #material #globalnavi a.material {
background-position: -198px 0px;
}

.en #globalnavi a.exchange {
background:url('./images/en/navi/btn_exchange.gif');
}
.en #globalnavi a.exchange:hover, #exchange #globalnavi a.exchange {
background-position: -198px 0px;
}

.en #globalnavi a.library {
background:url('./images/en/navi/btn_library.gif');
}
.en #globalnavi a.library:hover, #library #globalnavi a.library {
background-position: -198px 0px;
}

.en #globalnavi a.event {
background:url('./images/en/navi/btn_event.gif');
}
.en #globalnavi a.event:hover, #event #globalnavi a.event {
background-position: -198px 0px;
}

.en #globalnavi a.past {
background:url('./images/en/navi/btn_past.gif');
}
.en #globalnavi a.past:hover, #past #globalnavi a.past {
background-position: -198px 0px;
}

.en #globalnavi a.faq {
background:url('./images/en/navi/btn_faq.gif');
}
.en #globalnavi a.faq:hover, #faq #globalnavi a.faq {
background-position: -198px 0px;
}

.en #globalnavi a.links {
background:url('./images/en/navi/btn_links.gif');
}
.en #globalnavi a.links:hover, #links #globalnavi a.links {
background-position: -198px 0px;
}

.en #globalnavi a.participants {
background:url('./images/en/navi/btn_participants_en.gif');
}
.en #globalnavi a.participants:hover, #participants #globalnavi a.participants {
background-position: -198px 0px;
}

/* ---------------------------------------------- */

#globalnavi ul.banner li a {
display:block;
width:198px;
margin:0px;
padding:0px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

/* ---------------------------------------------- */

#globalnavi #policy {
position:absolute;
bottom:0px;
width:198px;
padding:10px 0px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#ffffff;
}

#globalnavi #policy ul {
margin:0px;
padding:0px;
}

#globalnavi #policy ul li {
}

#globalnavi #policy li a {
display:block;
margin:2px;
width:183px;
height:17px;
text-indent:-9999px;
outline:none;
}

/* ---------------------------------------------- */

.ja #globalnavi #policy li a.policy {
background:url('./images/ja/navi/txt_policy.gif') no-repeat 5px center;
}

.ja #globalnavi #policy li a.privacy {
background:url('./images/ja/navi/txt_privacy.gif') no-repeat 5px center;
}

/* ---------------------------------------------- */

.en #globalnavi #policy li a.policy {
background:url('./images/en/navi/txt_policy.gif') no-repeat 5px center;
}

.en #globalnavi #policy li a.privacy {
background:url('./images/en/navi/txt_privacy.gif') no-repeat 5px center;
}


/* ---------------------------------------------- */
/* main                                           */
/* ---------------------------------------------- */

#main {
float:right;
width:700px;
border-left:1px solid #cccccc;
}

/* ---------------------------------------------- */

#category {
float:left;
width:700px;
height:48px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

#category ul {
margin:0px;
padding:0px;
list-style:none;
}

#category li {
margin:0px;
padding:0px;
float:left;
border-right:1px solid #cccccc;
}

#category li a {
display:block;
width:174px;
height:48px;
text-indent:-9999px;
outline:none;
}

/* ---------------------------------------------- */

.ja #category li a.for_participants {
background:url('./images/ja/header/for_participants.gif');
}

.ja #category li a.for_teachers {
background:url('./images/ja/header/for_teachers.gif');
}

.ja #category li a.for_students {
background:url('./images/ja/header/for_students.gif');
}

.ja #category li a.for_residents {
background:url('./images/ja/header/for_residents.gif');
}

/* ---------------------------------------------- */

.en #category li a.for_participants {
background:url('./images/en/header/for_participants.gif');
}

.en #category li a.for_teachers {
background:url('./images/en/header/for_teachers.gif');
}

.en #category li a.for_students {
background:url('./images/en/header/for_students.gif');
}

.en #category li a.for_residents {
background:url('./images/en/header/for_residents.gif');
}

/* ---------------------------------------------- */
/* topicpath                                      */
/* ---------------------------------------------- */

#topicpath {
width:699px;
height:24px;
border:1px solid #cccccc;
border-left:none;
}

#topicpath ul {
margin:0px 0px 0px 12px;
padding:0px;
}

#topicpath li {
display:inline;
height:24px;
margin:0px;
padding:0px 14px 0px 2px;
background:url('./images/common/bg_topicpath.gif') no-repeat right center;
}

#topicpath li.current {
background:none;
}

#topicpath li a {
margin:0px;
padding:0px;
color:#444444;
}

/* ---------------------------------------------- */

#imagephoto {
width:679px;
height:222px;
margin:0px;
padding:10px 10px 0px 10px;
border-right:1px solid #cccccc;
}

/* ---------------------------------------------- */
/* content                                        */
/* ---------------------------------------------- */

#content {
width:629px;
min-height:730px;
height:auto !important;
height:730px;
padding:35px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


#back2pagetop {
clear:both;
width:120px;
margin:0px auto;
padding:0px 0px 0px 780px;
}

#back2pagetop a {
display:block;
width:114px;
margin:0px;
padding:2px;
line-height:100%;
text-align:center;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

/* ---------------------------------------------- */
/* footer                                         */
/* ---------------------------------------------- */

#footer {
clear:both;
width:898px;
height:48px;
margin:0px auto;
border:1px solid #cccccc;
background:url('./images/common/bg_character.gif') no-repeat  99% center #ffffff;
}

.en #footer {
background:none;
background:#ffffff;
}

/* ---------------------- */

#footer .logo {
float:left;
margin:5px 0px 0px 5px;
}

#footer address {
float:left;
margin:7px 0px 0px 20px;
padding:0px;
line-height:140%;
font-style:normal;
}

.en #footer address {
margin:7px 0px 0px 0px;
font-family:arial;
}

#copyright {
clear:both;
width:900px;
height:20px;
margin:0px auto;
text-align:right;
font-size:90%;
font-family:arial;
}

/* ---------------------------------------------- */







/* ---------------------------------------------- */
/* image photos                                   */
/* ---------------------------------------------- */

#aboutus #imagephoto {
background:url('./images/page/aboutus/pic_main.jpg') no-repeat 10px 10px;
}

#introduction #imagephoto {
background:url('./images/page/introduction/pic_main.jpg') no-repeat 10px 10px;
}

#access #imagephoto {
background:url('./images/page/access/pic_main.jpg') no-repeat 10px 10px;
}

#training #imagephoto {
background:url('./images/page/training/pic_main.jpg') no-repeat 10px 10px;
}

#contract #imagephoto {
background:url('./images/page/contract/pic_main.jpg') no-repeat 10px 10px;
}

#message #imagephoto {
background:url('./images/page/message/pic_main.jpg') no-repeat 10px 10px;
}

#material #imagephoto {
background:url('./images/page/material/pic_main.jpg') no-repeat 10px 10px;
}

#exchange #imagephoto {
background:url('./images/page/exchange/pic_main.jpg') no-repeat 10px 10px;
}

#library #imagephoto {
background:url('./images/page/library/pic_main.jpg') no-repeat 10px 10px;
}

#event #imagephoto {
background:url('./images/page/event/pic_main.jpg') no-repeat 10px 10px;
}

#past #imagephoto {
background:url('./images/page/past/pic_main.jpg') no-repeat 10px 10px;
}

#faq #imagephoto {
background:url('./images/page/faq/pic_main.jpg') no-repeat 10px 10px;
}

#links #imagephoto {
background:url('./images/page/links/pic_main.jpg') no-repeat 10px 10px;
}

/* ---------------------------------------------- */

.for-participants #imagephoto {
background:url('./images/page/pic_main_for_participants.jpg') no-repeat 10px 10px;
}

.for-teachers #imagephoto {
background:url('./images/page/pic_main_for_teachers.jpg') no-repeat 10px 10px;
}

.for-students #imagephoto {
background:url('./images/page/pic_main_for_students.jpg') no-repeat 10px 10px;
}

.for-residents #imagephoto {
background:url('./images/page/pic_main_for_residents.jpg') no-repeat 10px 10px;
}

/* ---------------------------------------------- */