/* global properties
***********************************************************************/
* {padding:0; margin:0; outline:none; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
body{font-size:62.5%; color:#8d8c8c; background:#fff; text-align:center;}
h1{}
  h1 img{margin:55px 0 25px 0; display:block;}
h2{font-size:1.4em; color:#8d8c8c; font-weight:normal}
h3{font-size:1.18em; font-weight:normal; color:#5e7988;}
h4{font-size:1em; color:#5e7988;}
h5{font-size:1.09em; color:#5e7988;}

input, select, textarea, option, table, td{font-size:1em; color:#000;}
img, fieldset{border:none;}

a{color:#8d8c8c; text-decoration:none;}
a:hover{color:#b2c21f; text-decoration:none;}

/* common class
***********************************************************************/
  .clear{clear:both; height:0;}
  .hide{display:none;}

/* common properties
***********************************************************************/
  #container{font-size:1.2em; height:580px; text-align:left; margin:auto; width:817px; padding:0 58px; overflow:hidden;}
  
    #main{width:614px; float:left; position:relative;}
      
      #lev1{font-size:1.1em; font-weight:bold; color:#b2c21f; width:145px; margin:0 35px 0 0; padding:0 5px 0 0; float:left; overflow:hidden;}
        #lev1 li{list-style:none; margin:0 0 5px 0;}
        #lev1 li ul{margin:5px 0 0 0;}
        #lev1 li li{background:url(../images/bullet_01.gif) 0 7px no-repeat; padding:0 0 0 10px; margin:0 0 5px 0}
        #lev1 li li li{font-size:0.9em;}
        #lev1 .active{color:#b2c21f; background:url(../images/bullet_02.gif) 0 7px no-repeat}
        #lev1 .activemain{color:#b2c21f;}
      
      #content{width:336px; height:340px; margin:13px 35px 0 0; padding:0 0 10px 0; float:left; display:inline; overflow:hidden; position:relative;}
        #content p, #content h2{padding:0 0 8px 0;}
        #content a, #context a, #popup a{color:#b2c21f;}
        #content h3{font-size:1.2em; color:#b2c21f; padding:0 0 8px 0;}
        #content a:hover, #context a:hover, #popup a:hover {color:#8d8c8c;}
        #content .special{color:#8d8c8c; text-decoration:underline;}
        #content .special:hover{color:#b2c21f; text-decoration:none;}
        #content ul, #content ol{width:336px; margin:0 0 8px 0;}
        #content li{background:url(../images/bullet_01.gif) 0 7px no-repeat; padding:0 0 3px 10px; display:block;}
      
    #context{width:259px; margin:45px 0 0 0; float:left;}
      #context img{display:block;}
    
/*********************main page***********************/
.mainpage{background:url(../images/bgd_forside.jpg) no-repeat;}
  #flashIntro{position:absolute; top:68px; left:130px;}
  
  #highlight{background:url(../images/bgd_highlight_02.gif) 0 100% no-repeat; width:203px; float:left;}
    #highlightWrap{background:url(../images/bgd_highlight_01.gif) no-repeat; width:143px; padding:80px 30px 26px 30px; overflow:hidden;}
    #highlightWrap h2{padding:0 0 8px 0;}
    #highlightWrap a{color:#a8b71e;}
    #highlightWrap a:hover{color:#8d8c8c;}
    #highlightWrap em{color:#adadad;}
    
    /*******************************************************************************************/
    .smScrollContent {width:129px; height:126px; padding:0 10px 0 0; overflow:hidden; float:left;}
      .smScrollContent p{padding:0 0 8px 0; line-height:14px;}
    .smScroller {width:4px; height:126px; background:#8d8c8c; overflow:hidden; float:left;}
      .smScroller a {text-decoration:none;}
      .smScrollUp {width:4px; height:0; margin:0; padding:0; text-align:center; overflow:hidden;}
      .smScrollDn {width:4px; height:0; margin:0; padding:0; text-align:center; overflow:hidden;}
      .smScrollDx {width:4px; height:126px; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
      .smScrollDx a {background:#becf21; width:4px; height:40px; margin:0 auto; padding:0; text-align:center; overflow:hidden; display:block;}

/*********************sub page******************/
.subpage{background:url(../images/bgd_subpage.jpg) no-repeat;}
  .subpage #main{width:558px;}
  .subpage #lev1{margin-top:15px;}
  .illusType01{background:url(../images/bgd_illus_context.gif) no-repeat; width:221px; height:212px; margin:15px 0 0 0; padding:6px 13px 15px 6px}
  
  #history {display:none;}
  
  #paging, #historyPaging{text-align:center; width:336px; line-height:18px; display:none; position:absolute; bottom:0;}
    #paging img, #historyPaging img{margin:0 30px; vertical-align:middle;}
    
  .info{background:url(../images/bgd_box_02.gif) 0 100% no-repeat; width:240px; margin:10px 0 0 0;}
    .infoWrap{background:url(../images/bgd_box_01.gif) no-repeat; width:223px; padding:5px 12px 20px 7px; overflow:hidden;}
      .infoWrap h2{padding:15px 0 10px 15px;}
    
      .infoWrap .smScrollContent {width:180px; height:91px; margin:0 0 10px 15px; display:inline;}
      .infoWrap .smScrollContent p{padding:0;}
                        .infoWrap .smScrollContent li{background:url(../images/bullet_01.gif) 0 8px no-repeat; padding:0 0 0 10px; display:block;}
      .infoWrap .smScroller {height:89px;}
      .infoWrap .smScrollDx {height:89px;}
      
      .sliderGallery{width:223px; background:url(../images/bgd_gallery.gif) 0 0 repeat-x; overflow:hidden; height:250px;}
      .sliderGallery p{float:left; width:125px; text-align:center; line-height:18px; padding:15px 0 0 0; display:inline;}
      .sliderGallery .sliderButtonLeft {width:7px; margin:0 0 0 40px; float:left;}
      .sliderGallery .sliderButtonRight {width:7px; float:left;}
      #slideGallery{width:223px; float:left; height:213px; overflow:hidden;}
        #slideGallery ul {width:10000px; height:213px;}
          #slideGallery li {width:221px; margin:0 25px 0 0; float:left; overflow:hidden;}
          
      #imageContainer img{margin:0 0 15px 0;}
      #imagePaging{text-align:center; height:1%; overflow:hidden}
        #imagePaging a{float:left; margin:0 15px 0 25px;}
        #imagePaging .next{margin:0 0 0 15px;}
        #imagePaging span{width:120px; float:left; display:block; text-align:center;}
/*******************/
#popup{font-size:1.2em; text-align:left; margin:auto; width:817px; padding:20px 58px; overflow:hidden;}
  #popup p{padding:0 0 10px 0;}
  #popup li{list-style:inside;}
  #popup h2{color:#b2c21f; padding:0 0 5px 0;}
  #popup h3{font-size:1.4em; color:#5b582b; font-weight:normal; padding:0 0 5px 0;}
  #popup div{background:url(../images/logo2.gif) 100% 100% no-repeat; width:80%; padding:0 0 100px 0;}
  #popup th{border-right:60px solid #fff;}
  #popup thead th{color:#5b582b; text-align:left; padding:5px 0; border-bottom:1px solid #5b582b;}
  #popup tbody th{color:#5b582b; font-weight:normal; text-align:left;}
  #popup td{color:#5b582b; text-align:left; padding:5px 5px 5px 0;}
  #popup .specialCell th, #popup .specialCell td{padding-top:20px;}
        #popup #gallery{background:url(../images/bgd_gallery_02.gif) 0 100% no-repeat; width:450px; padding:0;}
    #popup #galleryWrap{background:url(../images/bgd_gallery_01.gif) no-repeat; width:414px; padding:14px 19px 20px 17px;}
    #popup #galleryWrap p{padding:0 15px 35px 15px;}
    #popup #galleryWrap p img{margin:0 -15px 10px -15px;}
    #popup #imagePaging{background:none; width:auto; padding:0 0 0 100px; text-align:center;}
    #popup #imagePaging img{margin:0;}
    #popup #imageContainer, #popup #imageContainer div{background:none; padding:0; width:auto;}
    
#flashContent {position:absolute;top:50%;left:50%;width:640px;height:360px;margin:-180px 0px 0px -320px;}


.seminarfont {font-family:"Trebuchet MS",Geneva,Arial,Helvetica;}