@charset "iso-8859-1";
body { color: #666; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; _font-size:62.5%; background-color: white; text-align: center; margin-top: 10px; margin-bottom: 10px; }
p { font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 150%; margin-top: 0; margin-bottom: 10px; }
h1 { font-size: 1.6em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
h2 { font-size: 1.4em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
h3 { font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
a:link { color: #069; text-decoration: none; }
a:visited { color: #606; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; }
a:active { color: #606; }
/*header*/
#header { width: 703px; height: 170px; margin: 0 auto; padding: 0; border-top: 1px solid #ccc; }
#topimg { width: 500px; height: 170px; float: right; margin: 0; padding: 0; border-right: 1px solid #ccc; border-bottom-style: none; border-bottom-width: 0; }
#topimg img { margin: 0; padding: 0; }
/*mainmenu*/
#mainmenu { width: 200px; float: left; margin: 0; padding: 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#home { width: 200px; height: 50px; margin: 0; padding: 0; }
#home li { float: left; list-style-type: none; }
#home a { width: 200px; height: 50px; display:block; text-indent:-500px; overflow:hidden; }
a.home { background-image: url(../images/menu/home.gif); background-repeat: no-repeat; }
a:hover.home { background-image: url(../images/menu/home.gif); background-repeat: no-repeat; background-position: -200px 0; }
#menu { width: 200px; margin: 0; padding: 0; }
#menu li { float: left; list-style-type: none; }
#menu a { width: 200px; height: 30px; display:block; text-indent:-500px; overflow:hidden; }
a.about { background-image: url(../images/menu/about_icc.gif); background-repeat: no-repeat; }
a:hover.about { background-image: url(../images/menu/about_icc.gif); background-repeat: no-repeat; background-position: -200px 0; }
a.about_on { background-image: url(../images/menu/about_icc.gif); background-repeat: no-repeat; background-position: -200px 0; cursor:default; }
a.programs { background-image: url(../images/menu/icc_programs.gif); background-repeat: no-repeat; }
a:hover.programs { background-image: url(../images/menu/icc_programs.gif); background-repeat: no-repeat; background-position: -200px 0; }
a.programs_on { background-image: url(../images/menu/icc_programs.gif); background-repeat: no-repeat; background-position: -200px 0; cursor: default; }
a.partnership { background-image: url(../images/menu/partnership.gif); background-repeat: no-repeat; }
a:hover.partnership { background-image: url(../images/menu/partnership.gif); background-repeat: no-repeat; background-position: -200px 0; }
a.partnership_on { background-image: url(../images/menu/partnership.gif); background-repeat: no-repeat; background-position: -200px 0; cursor: default; }
a.contact { background-image: url(../images/menu/contact.gif); background-repeat: no-repeat; }
a:hover.contact { background-image: url(../images/menu/contact.gif); background-repeat: no-repeat; background-position: -200px 0; }
a.contact_on { background-image: url(../images/menu/contact.gif); background-repeat: no-repeat; background-position: -200px 0; cursor: default; }
/*main*/
#mainbody { text-align: left; vertical-align: top; width: 703px; margin: 0 auto; padding: 0; border-top: 20px solid #ccc; }
#mainbody table { width: 703px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#mainbody td.side { background-color: #e7e7e7; vertical-align: top; width: 180px; padding: 10px; border-right: 1px solid #ccc; }
#mainbody td.contents { vertical-align: top; padding: 10px 10px 10px 15px; }
/*footer*/
#footer { text-align: left; width: 691px; height: 50px; clear: both; margin: 0 auto; padding: 5px; border: solid 1px #ccc; }
#footer_left { width: 500px; float: left; }
#footer_left p { font-size: 0.9em; margin-top: 0; padding-left: 5px; }
#logo { float: right; margin: 5px 0 0; padding: 0; }
#footmenu { font-size: 0.9em; margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 0; }
#footmenu li { margin: 0; padding: 0; border-right: 1px solid #ccc; list-style-type: none; display: inline; }
#footmenu li.bnone { border-right-style: none; }
#footmenu a { margin: 0 0.5em; padding: 0; }
/*side*/
#side { width: 175px; }
#side ul li { font-size: 1.1em; font-weight: normal; padding-bottom: 10px; list-style: url(../images/main/arrow01.gif); }
#side ul ul li { font-size: 1em; font-weight: normal; list-style-image:url(../images/main/arrow02.gif); }
#side ul ul { margin-top: 7px; margin-bottom: 12px; margin-left: 10px; padding-top: 0; padding-bottom: 0; padding-left: 0; }
#side ul li.home { font-size: 1.1em; font-weight: normal; padding-bottom: 10px; list-style: url(../images/main/arrow03.gif); }
#side h1 { color: #999; margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
/*contents*/
#contents { height: auto; min-height:200px;}
#contents h1 { margin-top: 0; margin-bottom: 12px; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
#contents h2 { color: #36f; font-weight: bold; margin-top: 40px; margin-bottom: 15px; margin-left: 10px; }
#contents h3 { color: #333; font-weight: bold; margin-top: 15px; margin-bottom: 5px; margin-left: 10px; }
#contents h4 { color: #036; font-size: 0.9em; font-weight: bold; margin-top: 0; margin-bottom: 5px; margin-left: 10px; }
#contents p { font-size: 1em; line-height: 150%; margin-left: 10px; }
#contents h1.top { color: #333; margin-top: 20px; margin-bottom: 20px; padding-bottom: 3px; border-style: none; }
/*contentsmenu*/
#contentsmenu { font-size: 0.9em; text-align: right; margin-top: 20px; margin-bottom: 20px; margin-left: 0; padding-top: 20px; padding-left: 0; border-top: 1px solid #e7e7e7; }
#contentsmenu li { margin: 0; padding: 0; border-right: 1px solid #ccc; list-style-type: none; display: inline; }
#contentsmenu li.bnone { border-right-style: none; }
#contentsmenu a { margin: 0 0.5em; padding: 0; }
/*history*/
#history { margin-top: 20px; margin-bottom: 10px; margin-left: 10px; }
#history table { width: 450px; border-style: none; }
#history th { color: #036; font-weight: bold; text-align: left; vertical-align: top; width: 40px; }
#history td { vertical-align: top; padding-bottom: 10px; }
/*office*/
#map { background-image: url(../images/office/japan_map.gif); background-repeat: no-repeat; background-position: right 0; width: 450px; height: 400px; margin-left: 10px; }
#office { width: 150px; margin: 0; padding: 0; }
#office li { float: left; margin-top: 10px; list-style-type: none; }
#office a { width: 150px; height: 20px; display:block; text-indent:-500px; overflow:hidden; }
a.tokyo { background-image: url(../images/office/tokyo.gif); background-repeat: no-repeat; }
a:hover.tokyo { background-image: url(../images/office/tokyo.gif); background-repeat: no-repeat; background-position: -150px 0; }
a.yokohama { background-image: url(../images/office/yokohama.gif); background-repeat: no-repeat; }
a:hover.yokohama { background-image: url(../images/office/yokohama.gif); background-repeat: no-repeat; background-position: -150px 0; }
a.nagoya { background-image: url(../images/office/nagoya.gif); background-repeat: no-repeat; }
a:hover.nagoya { background-image: url(../images/office/nagoya.gif); background-repeat: no-repeat; background-position: -150px 0; }
a.kyoto { background-image: url(../images/office/kyoto.gif); background-repeat: no-repeat; }
a:hover.kyoto { background-image: url(../images/office/kyoto.gif); background-repeat: no-repeat; background-position: -150px 0; }
a.osaka { background-image: url(../images/office/osaka.gif); background-repeat: no-repeat; }
a:hover.osaka { background-image: url(../images/office/osaka.gif); background-repeat: no-repeat; background-position: -150px 0; }
a.fukuoka { background-image: url(../images/office/fukuoka.gif); background-repeat: no-repeat; }
a:hover.fukuoka { background-image: url(../images/office/fukuoka.gif); background-repeat: no-repeat; background-position: -150px 0; }
#contents h3.office { color: #333; font-weight: bold; margin-top: 30px; margin-bottom: 20px; margin-left: 10px; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
#officeimg { margin-top: 30px; margin-left: 10px; }
#officeimg img { margin-bottom: 5px; border: solid 1px #666; }
#officepdf { width: 70px; height: 220px; float: right; padding: 10px 10px 20px 20px; border-left: 1px solid #ccc; }
/*activities*/
#contents h3.act { color: #333; font-weight: bold; clear: both; margin-top: 30px; margin-bottom: 20px; margin-left: 10px; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
#publication { margin-bottom: 10px; margin-left: 10px; }
#publication table { width: 465px; border-top: 1px solid #999; border-left: 1px solid #999; }
#publication th { font-weight: bold; background-color: #ccc; text-align: center; padding: 3px; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#publication th.left { font-weight: normal; background-color: #e7e7e7; text-align: left; padding: 3px; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#publication td { text-align: right; width: 100px; padding: 3px; border-right: 1px solid #999; border-bottom: 1px solid #999; }
/*programs*/
#programs { margin-top: 30px; margin-left: 20px; }
/**/
span.span_bb { color: #333; font-weight: bold; }
span.span_red { color: #f30; font-size: 0.9em; }
/*Security Policy*/
#contents p.pollcy { font-size: 1em; line-height: 130%; text-indent: -1em; margin: -5px 0 6px 15px; padding: 0 0 0 1em; }
/*imgbox200*/
#imgbox200 { width: 202px; float: right; margin: 0 0 15px 15px; padding: 0; }
#imgbox200 img { border: solid 1px #333; }
#imgbox200 p { font-size: 1em; line-height: 120%; margin: 3px 0 0; padding: 0; }