* {
    margin: 0;
    padding: 0;
}

img {
    border:0px;
}


body {
    width: 999px;    
    background-color: #F0F0F0;
    margin: 0 auto;    
    font-family: "Meiryo", sans-serif;
}

#page {
    background-color: white;
}

.clear {
  clear: both;
}


a {
    text-decoration:none;    
}
a:hover {
    text-decoration: underline;
}

#banner{    
    min-height: 127px;    
    width: 999px;    
    background-repeat: no-repeat;
    display: block;
}

.align-left{text-align: left;}
.align-center{text-align: center;}
.align-justify{text-align: justify;}
.align-right{text-align: right;}
/*  ============== TOP MENU =========================== */

#menu_top_container{
    background: white;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;        
}

.menu_top {
    height: 26px;
}

.menu_top ul {
    list-style: none;
    
}

.menu_top ul li {    
    float: left;        
}

.menu_top ul li a{
    display: block;  
    min-width: 129px;    
    height: 20px;
    border-right: 1px solid #DDD;
    text-align: center;
    padding: 3px 0 3px 0;
    font-family: "Meiryo", sans-serif;
    font-weight: bold;
    font-size: 11pt;    
    
}
.menu_top ul li ul {
    display: none;
}

.menu_top ul li:hover > div > a{    
    text-decoration: none;
}

.menu_top li:hover ul{
    display : block;    
    z-index: 9999;
}

.menu_top_first > a{
    width: 154px !important;
}

  /* == MENU LV 2 == */
.menu_top ul li ul {    
    position: absolute;      
    border-radius: 0px 0px 5px 5px;
    /*box-shadow: 10px 10px 5px #888888;*/
    box-shadow: -5px 10px 10px 5px #888888;
}  
  
  .menu_top ul li ul li{
    float: none;
    position: relative;
    border: none;
}  

.menu_top ul li ul li a{    
    display: inline block;
    border: none;
    text-align: left;    
    font-weight: normal;
    font-family: "Meiryo", sans-serif;
    font-size: 9pt;
    line-height: 12pt;
    padding: 4px 20px 4px 6px;
    white-space: nowrap;    
}  

  
  
  /* == MENU LV 2 == */
/*  ============== TOP MENU =========================== */

#level2_container{  
  background: url("../images/bg_level2.jpg");   
  background-repeat: repeat-y;
}

#level2_container.completePage{  
  background: url("../images/bg_level2_completePage.jpg");   
  background-repeat: repeat-y;
}

#home_container{  
  background: url("../images/bg_home_middle.jpg");   
  background-repeat: repeat-y;
  padding: 0 0 20px 0;
}


/* ================= LEFT MENU ========================= */
#left_menu_container{
  float: left;
  width: 154px;
}

.menu_left ul{
  list-style: none;
}

.menu_left ul li a{
  display: block;
  padding: 10px;
  font-family: "Meiryo", sans-serif;
  font-size: 9.5pt;
  font-weight: bold;    
}

/* ================= LEFT MENU ========================= */
/* =================== CONTENT ======================= */

#level2_content {
  float: left;
  width: 520px;  
  padding: 25px 0 30px 55px;      
}

#level2_content.completePage {
  float: left;
  width: 720px;  
  padding: 25px 0 30px 55px;      
}


#top_menu_shadow{
  background: url("../images/top_menu_shadow.jpg");
  background-repeat: no-repeat;
  width: 999px;
  min-height: 32px;
}

#top_menu_shadow_completePage{
  background: url("../images/top_menu_shadow_completePage.jpg");
  background-repeat: no-repeat;
  width: 999px;
  min-height: 32px;
}

#home_content{
  width: 999px;  
}



h1 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


#main_content p, #home_content h1{
  font-size: 12pt;
  line-height: 25pt;
  font-family: "Meiryo", sans-serif;
  color: #1c1c1c;
  font-weight: bold;
  width: 450px;
  padding: 25px;
}

#level2_content p, #level2_content ul, #level2_content table{
  font-size: 9pt;
  line-height: 12pt;
  font-family: "Meiryo", sans-serif;
  color: #505050;
  font-weight: normal;
  width: 450px;  
  padding: 0;
}

#level2_content.dnews_content p, #level2_content.dnews_content ul, #level2_content.dnews_content table{
 
  width: auto;  
  
}

#level2_content ul{
  margin: 0 0 0 15px;
}


#main_content .h1,#main_content  h1 {
  color: #222;
  font-size: 14pt;
  font-weight: bold;
}

#main_content .h2, h2 {
  color: #222;
  font-size: 12pt;
  font-weight: bold;
  margin-top: 15px;
}

#main_content .h3, h3, h4, h5 {
  font-size: 8pt;
  color: #222;
  margin-top: 15px;
}

#level2_mood_image {    
  float: right;
  margin: 0 -270px 10px 25px;
  width: 450px;
}

.align-center {text-align: center;}

/* =================== CONTENT ======================= */
/* ==================== FOOTER ====================== */
#home_footer {  
  min-height: 121px;  
}

#level2_footer{
  background : url("../images/footer.jpg");
  min-height: 121px;
}

#footer_left{
  position: relative;
}

#level2_footer #footer_left #socialbookmarks{
  position: absolute;
  left: 170px;
  top: 10px;
}

#home_footer #footer_left #socialbookmarks{
  position: absolute;
  left: 35px;
  top: 15px;
}


p#followus{
  padding: 0;
  font-weight: normal;
  font-size: 8pt;
  color: #555;
}

#socialbookmarks ul{
  list-style: none;
}

#socialbookmarks ul li{
  float: left;
}

#socialbookmarks ul li a {
  display: block;
  margin: 5px 10px 0 0;
  width: 30px;
  height: 30px;
}
#socialbookmarks ul li a#facebook{background : url("../images/facebook.png");}
#socialbookmarks ul li a#twitter{background : url("../images/twitter.png");}

#home_footer_bottom, #level2_footer_bottom {
  background : url("../images/footer_bottom.jpg");
  height: 20px;  
  color: #FEE;  
  font-family: Arial;
  font-size: 6pt;
}
#home_footer_bottom {padding: 10px 0 0 35px;}
#level2_footer_bottom {padding: 10px 0 0 170px;}


#newsmenu .newsmenu_hl{font-weight: bold; text-align: center; margin: 50px 0 0 0;}
#newsmenu .menu_news ul {list-style: none; text-align: center; }
#newsmenu .menu_news ul li {margin: 10px 0 0 10px; display: inline-block;}

#level2_content.dnews_content table tr td{padding: 2%; border-bottom: 1px dotted #CCC;}
#level2_content.dnews_content table tr td:nth-child(1){width: 40%; padding: 1% 10% 1% 0;}
#level2_content.dnews_content table tr td:nth-child(2){width: 20%;}
#level2_content.dnews_content table tr td:nth-child(3){width: 20%;}


/* ==================== FOOTER ====================== */
#home_footer, #level2_footer{position: relative;}
#home_footer #logoMDJ a ,
 #level2_footer #logoMDJ a{position: absolute; right: 74px; top: 0}
#home_footer #logoMDJ a img,
#level2_footer  #logoMDJ a img {width: 121px; height: 121px;}