*{margin:0; padding:0; }
html{height:100%; padding-bottom:1px;}
body{background:#f8efe3; font-family:Verdana; font-size:12px;}
.main-holder{width:900px; margin:0 auto; background:url(../images/bg-01.jpg) top center repeat-y;}
.inner-holder{width:845px; margin:0 auto;}
.curve-bottom{width:900px; height:19px;   background:url(../images/bg-02.jpg) bottom center no-repeat;}
.curve-top{width:900px; height:19px;   background:url(../images/bg-03.jpg) top center no-repeat;}
.clear{clear:both;}
.spacer{height:14px; border-bottom:1px dotted #999; margin-bottom:15px;}
.spacer2{height:1px; border-bottom:1px dotted #999; margin-bottom:15px;}
.spacer40{width:100%; height:40px;}
.spacer30{width:100%; height:30px;}
.spacer20{width:100%; height:20px;}
.spacer10{width:100%; height:10px;}
.b{font-weight:bold;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clickhere{ display:block; width:100%; text-align:right;}
p{margin:0; padding:0 0 15px 0;}
.red{color:#CC0000;}

h2{height:30px; display:block; background:url(../images/ico-h2.png) left center no-repeat; font:normal normal normal 18px Verdana; color:#b00d15; line-height:30px; padding-left:30px; border-bottom:1px dotted #999; margin-bottom:15px;}
h3{height:25px; display:block; color:#197cb6; background:#ecf7ff; border-bottom:1px dashed #999; font:normal bold normal 14px Verdana; line-height:25px; padding-left:5px; margin-bottom:12px;}

h3.h3tit	{ display:block; height:25px; color:#000; background:none; border:none; font:normal bold bold 16px Verdana; line-height:25px; padding-left:0px; margin-bottom:15px;}

h4{font:normal bold normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #cc1d03;}

/*top button*/
.top{width:100%; height:26px;  margin-top:5px;}
.top a{display:block; width:41px; height:26px; margin-right:25px; float:right; background:url(../images/top.gif) 0 0 no-repeat;}
.top a:hover{background:url(../images/top.gif) 0 -29px no-repeat;}

#header{width:100%;  }
.logo{ float: left; width:609px; height:65px; background:url(../images/logo-top.gif) left no-repeat;}
.logo a{ display:block; width:609px; height:65px;}
.search{float:right; width:200px; height:40px; margin:5px 0 10px 0; font-size:11px;}

#top-icons{float:right; width:auto; height:25px; padding:5px 20px 0 0;}
#top-icons a{ float:left; display:block; height:29px; background:url(../images/top-icons.gif) no-repeat; margin:0 0 0 15px;}
#top-icons a.sitemap{width:29px; background-position: 0 0;}
#top-icons a.contact{width:25px; background-position:-37px 0;}

.btnjpsite{width:75px; height:18px; padding-top:3px; float:right; background:url(../images/bg-jpsite.gif) top center no-repeat; text-align:center;}
.btnjpsite a{font-family:Verdana; font-size:11px; font-weight:bold; text-decoration:none; color:#ffffff;}
.btnjpsite a:hover{text-decoration:underline;}

#nav{width:100%; height:36px; font:bold 13px Verdana; color:#ffffff; background:url(../images/bg-nav.gif) repeat-x;}
#nav ul li{list-style-type:none; display:inline; line-height:36px; padding-left:28px; padding-right:29px; border-right:1px solid #ffffff;}

.img-main{width:628px; height:181px; float:left; background-image:url(../images/banner.jpg);}

.headbox{width:210px; }
.headboxtop{width:205px; height:26px; background:url(../images/bg-news.gif) no-repeat; font:bold 13px Verdana; color:#ffffff; padding:7px 0px 0px 5px;}
.headboxbottom{width:188px; border:1px solid #cccccc; padding:10px; line-height:15px; font-size:11px;}
.headboxbottom ul li{list-style-type:none; padding-bottom:10px; background:url(../images/icon-arrow.gif) top left no-repeat; padding-left:18px; background-position:0 4px;}

.awardboxbottom{width:188px; border:1px solid #cccccc; padding:10px; line-height:15px;}
.awardboxbottom ul li{list-style-type:none; padding-bottom:15px; background:url(../images/icon-star.gif) top left no-repeat; padding-left:18px;}


.block-left{width:210px; float:left;}
.block-mid{width:420px; float:left; margin-left:2px;}
.block-right{width:210px; float:right;}
.block-cont{width:620px; float:right; font-size:12px; padding-bottom:15px; line-height:18px;}

.rightholder{width:210px; margin-bottom:10px;}
.note{font-size:11px; color:#990000;}

#midbox{width:420px;}
#midbox .top{width:420px; margin:0; padding:0; height:17px; background:url(../images/bg-box-top.gif) top center no-repeat;}
#midbox .mid{width:420px; background:url(../images/bg-box-mid.gif) top center repeat-y;}
#midbox .bot{width:420px; height:17px; background:url(../images/bg-box-bottom.gif) bottom center no-repeat;}

#footer-top{width:100%; font-size:11px;}
#footer-top .txt{ margin:0px 19px 0px 12px; float:left;}
#footer-top .txt a{text-decoration:underline; color:#000000; line-height:18px;}
#footer-top .txt a:hover{ color:#999999;}

#footer-bottom{width:861px; margin:0 auto;}
#footer-bottom .top{width:861px; height:13px; background:url(../images/bg-footer-top.gif) 0 3px no-repeat;}
#footer-bottom .bot{widows:831px; background:url(../images/bg-footer-mid.gif) 3px 0 repeat-y; padding:10px 0 20px 30px;}

#foot-left{float:left; width:400px; font-size:11px;}

#foot-right{float:right; width:auto; height:30px; padding:30px 25px 0 0;}
#foot-right a{ float:left; display:block; height:30px; background:url(../images/ico-aj.gif) no-repeat; margin:0 0 0 15px;}
#foot-right a.ap{width:77px; background-position: 0 0;}
#foot-right a.jj{width:77px; background-position:-88px 0;}


.mid-cont-01{width:380px; margin:0px auto; padding-bottom:10px; border-bottom:2px solid #ffffff;}
.mid-cont-01 span{font-family:Verdana; font-size:20px; color:#9f1600; line-height:40px;}


.mid-cont-02{width:380px; margin:0px auto; padding-bottom:10px; border-bottom:2px solid #ffffff;}
.mid-cont-02 span{font-family:Verdana; font-size:20px; color:#9f1600; line-height:40px;}
.mid-cont-02 img{float:right;}

.mid-cont-03{width:380px; margin:0px auto; padding-bottom:10px;}
.mid-cont-03 span{font-family:Verdana; font-size:20px; color:#9f1600; line-height:40px;}

.mid-cont-04{width:380px; margin:0px auto; padding-bottom:10px;}

.ml-01{width:160px; float:left; border:3px solid #cecece; padding:10px;}
.ml-01 span{font-size:14px; font-weight:bold; color:#9f1600;}
.ml-01 ul{margin-top:5px;}
.ml-01 ul li{list-style-type:none; background: url(../images/icon-bullet.gif) left top no-repeat; padding-left:15px; background-position:0px 3px;}

.ml-02{width:160px; float:right; border:3px solid #cecece; padding:10px;}
.ml-02 span{font-size:14px; font-weight:bold; color:#9f1600;}
.ml-02 ul{margin-top:5px;}
.ml-02 ul li{list-style-type:none; background: url(../images/icon-bullet.gif) left top no-repeat; padding-left:15px; background-position:0px 3px;}


#ban-hold{width:620px;}
#ban-hold .bc{width:620px; height:25px; line-height:25px; text-align:right; color:#999;}
#ban-hold .bc a{text-decoration:none; color:#197cb6;}

#memberspk{width:210px; height:220px; background:url(../images/bg-ms.gif) 0 0 no-repeat;}
#memberspk .mscon{width:180px; height:160px; margin:0 auto; padding:45px 0 0 0;}


.listtwo ul{padding:5px 15px 5px 10px;}
.listtwo li{list-style-type:none; background:url(../images/bullet2.gif) 0 5px no-repeat; padding:0 0 10px 20px;}

/* added by can@myt.co.jp - 2011-06-09 */
.listtwo	{ padding-left:10px; }
.listtwo ul	{ padding-left:0; }
/**/

/*navigation*/

.nav-holder{width:845px; margin:0 auto;}

.ddsmoothmenu{font: normal 12px Verdana; background:url(../images/blockactive.gif) left center repeat-x; width: 100%; letter-spacing:0;}
.ddsmoothmenu ul{z-index:100;   list-style-type: none;}
.ddsmoothmenu ul li{position: relative; display: inline; float: left;}
.ddsmoothmenu ul li a{display: block; background:url(../images/blockactive.gif) left center repeat-x; color: white; padding: 10px 30px; border-right: 1px solid #ffffff; color: #2d2b2b; text-decoration: none;}
* html .ddsmoothmenu ul li a{display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white; text-decoration:none;}
.ddsmoothmenu ul li a.selected{background: #0097c2; color: white;}
.ddsmoothmenu ul li a:hover{background: #0097c2; color: white; text-decoration:none;}
.ddsmoothmenu ul li a.ON{background: #0097c2; color: white;}
.ddsmoothmenu ul li ul{position: absolute; left: 0; display: none; visibility: hidden;}
.ddsmoothmenu ul li ul li{display: list-item; float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font: normal 12px Verdana; width: 160px;  padding: 5px;  border-top-width: 0; border-bottom: 1px solid #000000; background:#0097c2; text-decoration:none;}
.ddsmoothmenu ul li ul li a:hover{background:#36adce;}
.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}
.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver;}
.toplevelshadow{opacity: 0.8;}

/* Left Navigation*/
.lftnav{width:188px; border:1px solid #cccccc; padding:10px; line-height:15px;}
.lftnav a{display:block; padding:8px 10px 8px 25px; background:url(../images/ln1.gif) 5px 11px no-repeat; border-bottom:1px dotted #ccc; color:#575757; text-decoration:none;}
.lftnav a:hover{background:#efefef url(../images/ln2.gif) 5px 11px no-repeat; color:#cc1d03;}
.lftnav a.ON{background:#efefef url(../images/ln2.gif) 5px 11px no-repeat; color:#cc1d03;}


/*Expandable Divs*/

.leftmenu-holder{width:608px;}
.leftmenu{margin: 0; padding: 0; width: 213;}
.leftmenu a.menuitem{background:#fff; font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #cc1d03; display: block; position: relative;  width: auto; padding:4px 0; padding-left:25px; text-decoration: none;}
.leftmenu a.menuitem .statusicon{ position:absolute; top: 9px; left: 5px; border: none;}
/* for Internet Explorer 6 */
/*\*/
* html .leftmenu a.menuitem .statusicon{ position:absolute; top:9px; left: -20px; border: none;}
/**/
.leftmenu a.menuitem:hover{color:#000;}
.leftmenu div.submenu{ background: white;padding-left:25px;}


/* Meeting Section */
#meeting-hold{width:620px; height:103px;}
#meeting-hold a#annual{display:block; float:left; width:296px; height:103px; background:url(../images/ai-meeting.png) 0 0 no-repeat;}
#meeting-hold a#annual:hover{background:url(../images/ai-meeting.png) 0 -104px no-repeat;}
#meeting-hold a#intl{display:block; float:right; width:296px; height:103px; background:url(../images/ai-meeting.png) -297px 0 no-repeat;}
#meeting-hold a#intl:hover{background:url(../images/ai-meeting.png) -297px -104px no-repeat;}

/* Members Section */
#join-hold{width:620px; height:103px;}
#join-hold a#individual{display:block; float:left; width:296px; height:103px; background:url(../images/join.png) 0 0 no-repeat;}
#join-hold a#individual:hover{background:url(../images/join.png) 0 -104px no-repeat;}
#join-hold a#division{display:block; float:right; width:296px; height:103px; background:url(../images/join.png) -297px 0 no-repeat;}
#join-hold a#division:hover{background:url(../images/join.png) -297px -104px no-repeat;}


/*Contact Form*/
.cform-top{width:620px; height:45px; background:url(../images/form-top.png) 0 0 no-repeat;}
.cform-mid{width:618px; background:url(../images/form-mid.png) 0 0 repeat-x; border-left:1px solid #7cbfdd; border-right:1px solid #7cbfdd;}
.cform-bot{width:620px; height:29px; background:url(../images/form-bot.png) 0 0 no-repeat; padding-top:9px;}
.cform-bot a{display:block; width:68px; height:19px; margin:0 auto; background:url(../images/form-submit.gif) 0 0 no-repeat;}
.cform-bot a:hover{background:url(../images/form-submit.gif) 0 -19px no-repeat;}

.cform-txt{float:left; width:150px; line-height:30px; padding-left:20px;}
.cform-input{float:left; width:250px; line-height:30px; padding-top:2px;}
.cform-err{float:right; width:190px; height:30px; line-height:30px; color:#CC0000; visibility:hidden;}

.cform-input input{height:21px; width:250px; padding-top:4px; border:1px solid #999;}
.cform-input textarea{width:250px; border:1px solid #999;}
.cform-input select{width:250px; height:25px;}

.cform-spacer{height:9px; border-bottom:1px dotted #ccc; margin-bottom:7px;}


/* Honorary Member */
.hon-mem{float:left; width:205px; height:45px; padding-top:5px; margin-bottom:15px; text-align:center; background:url(../images/hon-mem.png) center center no-repeat;}
.hon-mem span{font:normal bold normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #cc1d03;}

/* Successive President */
.suc-pre{float:left; width:205px; height:65px; padding-top:5px; margin-bottom:15px; text-align:center; background:url(../images/suc-pre.png) center center no-repeat;}
.suc-pre span{font:normal bold normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #cc1d03;}

/* Directory Section*/
.dir-sec b{clear:both; display:block; float:left; width:80px; text-align:left; padding-bottom:7px;}
.dir-sec span{display:block; float:left; width:520px; padding-left:20px; padding-bottom:7px; background:url(../images/col.gif) 0 6px no-repeat;}

/* Contact us Page*/
#inq-sec .bot{display:block; padding-top:7px;}
#inq-sec .head{font:normal bold normal 12px Verdana; color: #cc1d03; vertical-align:middle;}

.id{vertical-align: middle;}

/* aps page*/
#aps_holder{width:620px;}
#aps_holder .lefttop{float:left; width:320px; text-align:center; background-color:#eee; font-weight:bold; height:25px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000;}
#aps_holder .righttop{float:left; width:100px; text-align:center; background-color:#eee; font-weight:bold; height:25px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000;}
#aps_holder .left{float:left; width:320px; padding-bottom:5px; border-bottom:1px solid #999;}
#aps_holder .right{float:left; width:100px; text-align:center; padding-bottom:5px; border-bottom:1px solid #999;}
#aps_holder .rightcom{float:left; width:200px; text-align:center; padding-bottom:5px; border-bottom:1px solid #999;}
#aps_holder .rightcomtop{float:left; width:200px; text-align:center; background-color:#eee; font-weight:bold; height:25px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000;}

/* osa page*/
#osa_holder{width:620px;}
#osa_holder .top{text-align:center; background-color:#eee; font-weight:bold; height:38px; padding-top:5px; float:left; width:124px; border-bottom:1px solid #000;  border-top:1px solid #000;}
#osa_holder .left{padding-top:5px; float:left; width:124px; border-bottom:1px solid #999;}
#osa_holder .right{text-align:center; padding-top:5px; float:left; width:124px; border-bottom:1px solid #999;}
.bor_bot{border-bottom:1px solid #999;}

/* kps page*/
#kps_holder{width:620px;}
#kps_holder .top_left{float:left; width:440px; background-color:#eee; height:20px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000;}
#kps_holder .top_right{float:right; width:180px; text-align:center; background-color:#eee; height:20px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000;}
#kps_holder .left{float:left; width:440px; padding-bottom:5px;}
#kps_holder .right{float:right; width:180px; text-align:center; padding-bottom:5px;}

#kps_holder1{width:620px;}
#kps_holder1 .top_left1{float:left; width:400px; background-color:#eee; height:40px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000; text-align:center;}
#kps_holder1 .top_right1{float:right; width:220px; text-align:center; background-color:#eee; height:40px; padding-top:5px; border-bottom:1px solid #000;  border-top:1px solid #000;}
#kps_holder1 .left1{float:left; width:400px; padding-bottom:5px;}
#kps_holder1 .right1{float:right; width:110px; text-align:center; padding-bottom:5px;}
#kps_holder1 .right2{float:left; width:50%; border-top:1px solid #000;}

/* academic-roadmap */
.aca-mem{float:left; width:185px; height:93px; padding:5px 10px 0 10px; margin-bottom:15px; text-align:center; background:url(../images/aca-mem.png) center center no-repeat;}
.aca-mem span{font:normal bold normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #cc1d03; line-height:18px;}
.aca-mem a.jpg{width:32px; height:54px; background:url(../images/aca_icon.png) 0 0 no-repeat; display:block; float:left; margin:5px 0 0 55px;}
.aca-mem a.pdf{width:32px; height:54px; background:url(../images/aca_icon.png) 0 -54px no-repeat; display:block; float:right; margin:5px 55px 0 0;}

.black_overlay{display: none;position: absolute;top: 0%;left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 3px solid white;
background-color: white;
z-index:1002;
overflow: auto;
}


/* Sitemap */
#sitemap-cont{font-size:12px; padding:15px 30px; line-height:18px;}
#sitemap-cont .spacer{height:9px; border-bottom:1px dotted #999; margin-bottom:9px;}

#cactuskk{clear:both; text-align:right; padding:15px 30px 0 0; font-size:10px;}

/*Fellow*/
table.list_fellow
{ margin:0 0 30px 0; padding:0; border-top:1px solid #197cb6; width:100%; }

table.list_fellow th
{ margin:0; padding:3px 2px 3px 5px; text-align:left; vertical-align:top; width:180px; font-size:10px; border-bottom:1px solid #197cb6; background-color:#ecf7ff; color:#333; }

table.list_fellow td
{ margin:0; padding:3px 2px 3px 5px; border-bottom:1px solid #197cb6; }

.incho			{ margin-bottom:20px; padding:5px 7px; background:#C3E1F6; }
.incho span		{ font-weight:bold; }

/*JSAP AWARDS*/
h4.titl
{font:normal bold normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #197cb6; margin:0 0 7px 0; }

table.awards
{ margin:0 0 25px 0; padding:0; border-top:1px solid #197cb6; width:100%;}

table.awards th
{ margin:0; padding:3px 2px 3px 8px; text-align:left; vertical-align:top; width:130px; /*font-size:10px;*/ border-bottom:1px solid #197cb6; background-color:#ecf7ff; color:#333; }

table.awards td
{ margin:0; padding:3px 4px 3px 8px; border-bottom:1px solid #197cb6; }

/*********************/
/*Cooperative*/
ul.cooperative			{ margin:0 0 10px 20px; padding:0; list-style-type:none; }
ul.cooperative li		{ margin:0; padding:5px 0 5px 25px; line-height:16px; }
ul.cooperative li span		{ display:inline-block; margin-left:-25px; width:25px; }

/*type_I II III*/
ol.roman		{ margin:0 0 0 30px; padding:0; list-style-type:upper-roman; }
ol.roman li		{ margin:0; padding:0 0 18px 0; line-height:16px; }
ol.roman li ol		{ margin:20px 0 0 30px; padding:0; list-style-type:upper-alpha; }

ol.roman li ol li	{ margin:15px 0 0 0; padding:0; list-style-type:upper-alpha; }

/*type_1 2 3*/
ol.decimal		{ margin:0 0 0 30px; padding:0; list-style-type:decimal; }
ol.decimal li		{ margin:0; padding:0 0 18px 0; line-height:16px; }