*{
margin:0;
padding:0;
}

/* tag */
  body{
  font-size:12px;
  position:relative;
  }
  img{
  border:0;
  }

  ol,ul{
  list-style-type:none;
  list-style-position:inside;
  }
  form{
    border:0;
  }



/* parts */
  .clear{
  clear:both;
  height:1px;
  }
  
  .outer{
    padding-bottom:10px;
  }
  
  .bb-clear{
    border-bottom:0;
  }
/* list */
  ol.list,
  ul.list{
    
  }
    ol.list li,
    ul.list li{
      
    }

#slider-wrapper{
  width:920px;
  margin:0 auto;
  position:relative;
}
  #slider{}
  #slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
  }
  #slider li{
    width:920px;
    height:241px;
    overflow:hidden;
  }
  #prevBtn, #nextBtn{
    display:block;
    width:47px;
    height:30px;
    position:absolute;
    left:-60px;
    top:95px;
  }
  #nextBtn{
    left:920px;
  }
  #prevBtn a, #nextBtn a{
    display:block;
    width:47px;
    height:30px;
    background:url(./images/btn_prev_2.png) no-repeat 0 0;
  }
  #nextBtn a{
    background:url(./images/btn_next_2.png) no-repeat 0 0;
  }
  .graphic, #prevBtn, #nextBtn{
    margin:0;
    padding:0;display:block;
    overflow:hidden;
    text-indent:-8000px;
  }
  #slider li div.text{
    padding:10px 100px;
  }
  #slider li div.text h1{
    font-size:22px;
    font-weight:bold;
    margin:10px 0;
  }
  #slider li div.text p{
    font-size:20px;
    margin:0 0 10px 30px;
    letter-spacing:2px;
  }
  #slider li div.text p.indent{
    text-indent:10px;
  }
  #slider li div.text p.indent-small{
    text-indent:10px;
    font-size:14px;
    margin:0 0 5px 30px;
  }
  #slider li div.text p span.big{
    color:red;
    font-weight:bold;
    font-size:25px;
  }
  #slider li div.text p.author{
    font-size:12px;
    text-align:right;
  }
  #slider li div.text p.author span.author{
    font-weight:bold;
  }

#join-wrapper{
  width:920px;
  margin:15px auto 30px auto;
}

#front-wrapper{
width:920px;
margin:0 auto;
}
  #front-wrapper #left-column{
    width:630px;
    float:left;
  }
    #front-wrapper #left-column #online-user{
    } 
      #front-wrapper #left-column #online-user ul{
      }
        #front-wrapper #left-column #online-user ul li{
          float:left;
          width:90px;
          height:90px;
          overflow:hidden;
          text-align:center;
        }
          #front-wrapper #left-column #online-user ul li img{
            display:block;
            margin:auto;
          }
  
  #front-wrapper #right-column{
    width:280px;
    float:right;
  }
    #front-wrapper #right-column #status{
      border-top:1px solid #cccccc;
      border-left:1px solid #cccccc;
      border-right:3px solid #cccccc;
      border-bottom:3px solid #cccccc;
      padding:5px;
    }
      #front-wrapper #right-column #status h3{
        text-align:center;
        font-size:18px;
        font-weight:bold;
        margin:5px auto;
      }
      #front-wrapper #right-column #status p{
        font-size:12px;
      }
      #front-wrapper #right-column #status p.head{
        text-align:left;
      }
      #front-wrapper #right-column #status p.foot{
        text-align:right;
      }
    #front-wrapper #right-column #login,
    #front-wrapper #right-column #code-entry{
      border-top:1px solid #cccccc;
      border-left:1px solid #cccccc;
      border-right:3px solid #cccccc;
      border-bottom:3px solid #cccccc;
      padding:5px 0 15px 0;
    }
      #front-wrapper #right-column #login h3.title,
      #front-wrapper #right-column #code-entry h3.title{
        font-size:14px;
        font-weight:bold;
        margin:0 auto 8px 7px;
      }
      
      #front-wrapper #right-column #login p,
      #front-wrapper #right-column #code-entry p{
        font-size:11px;
        color:#666666;
        margin:0 0 20px 0;
        padding:0 0 10px 10px;
        border-bottom:solid 1px #cccccc;
      }
        #front-wrapper #right-column #login p a{
          font-size:11px;
          color:#666666;
          text-decoration:none;
        }
      
      
      #front-wrapper #right-column #login label,
      #front-wrapper #right-column #code-entry label{
        display:block;
        font-weight:bold;
        margin:0 0 10px 15px;
        padding:2px 0;
        width:70px;
        float:left;
      }
      
      #front-wrapper #right-column #login input,
      #front-wrapper #right-column #code-entry input{
        float:left;
        font-size:12px;
        margin:0 15px 10px 0;
        padding:5px;
        border:solid 1px #cccccc;
        width:162px;
      }
      
      #front-wrapper #right-column #login button,
      #front-wrapper #right-column #code-entry button{
        display:block;
        clear:both;
        margin-left:76px;
        width:125px;
        height:31px;
        background:#666666;
        text-align:center;
        line-height:31px;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
      }
    
    #front-wrapper #right-column #infomation-board{
    }
      #front-wrapper #right-column #infomation-board .corner-body{
        padding:10px 0;
      }
      
      #front-wrapper #right-column #infomation-board h3.title{
        font-size:14px;
        font-weight:bold;
        margin:2px auto 0 7px;
      }
      
      #front-wrapper #right-column #infomation-board p.description{
        font-size:11px;
        color:#666666;
        margin:0 0 20px 0;
        padding:0 0 10px 10px;
        border-bottom:solid 1px #cccccc;
      }
      
      #front-wrapper #right-column #infomation-board #infomation-list{
        margin:5px 14px;
        width:250px;
      }
        #front-wrapper #right-column #infomation-board #infomation-list li{
          margin-bottom:10px;
          margin:0 5px 10px 5px;
        }
        
        #front-wrapper #right-column #infomation-board #infomation-list li p.name{
          float:left;
          width:60px;
        }
        
        #front-wrapper #right-column #infomation-board #infomation-list li p.value{
          float:left;
          width:160px;
        }
        
        #front-wrapper #right-column #infomation-board #infomation-list li p.sep{
          float:left;
          width:20px;
          text-align:center;
        }
/* gnavi */
  div#gnavi{
    width:950px;
    margin:0 auto;
    padding:0 0 10px 0;
  }
  
    div#gnavi div#welcome-board{
      height:119px;
      background:#ffffff url("./images/km_header_950x119.png") no-repeat 0 0;
      padding:0 0 5px 0;
    }
  
    div#gnavi div#navigator{
      width:940px;
      height:37px;
      margin:0 5px;
      padding:2px 10px;
      background:#ffffff url("../img/km_navigator.png") no-repeat 0 0;
    }
    
      div#gnavi div#navigator ol li{
        width:117px;
        height:33px;
        display:block;
        float:left;
        text-align:center;
        line-height:31px;
      }
      
      div#gnavi div#navigator ol li a{
        font-weight:bold;
        color:#FED3E7;
        font-size:14px;
      }
      
      div#gnavi div#navigator ol#left-navigator{
        width:468px;
        float:left;
      }
      
      div#gnavi div#navigator ol#right-navigator{
        width:452px;
        float:left;
        text-align:right;
      }
      
      /*
      div#gnavi div#navigator ol#left-navigator li{
        background:url("../img/km_gnavi_navigator_spl1x35.png") no-repeat center right;
      }
      
      div#gnavi div#navigator ol#right-navigator li{
        float:right;
        background:url("../img/km_gnavi_navigator_spl1x35.png") no-repeat center left;
      }
      */

  /* footer */
  div#footer-outer{
    margin:70px 0 0 0;
    background:#FFB6DB;
    border-top:1px solid #F590C3;
  }
  
  div#footer{
    margin:0 auto;
    width:900px;
  }
    div#footer ul#foot-link{
      padding:10px 0;
      text-align:right;
    }
      div#footer ul#foot-link li{
        display:inline;
        margin:0 10px 0 0;
      }
        div#footer ul#foot-link li a{
          color:#FFF0F7;
        }
    
    div#footer p#copyright{
      padding:20px 0 10px;
      text-align:right;
      color:#7D7D7D;
      font-size:10px;
    }



/*modal*/
#facebox2 .body{
  width:320px;
  height:190px;
  padding:10px;
  overflow:hidden;
}
  .communityInfo h4{
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
  }
  .communityInfo div{
  }
  .communityInfo .thumb{
    margin:5px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
  }

#dialog{
  width:650px; 
  height:400px;
}
  #dialog h1{
    font-size:20px;
    font-weight:bold;
  }
  
  #dialog ul{
    padding:10px;
  }
  #dialog ul li{
    margin-bottom:20px;
  }
    #dialog ul li h3{
      font-size:14px;
      font-weight:bold;
      line-height:30px;
    }
    #dialog ul li p{
      font-size:12px;
      letter-spacing:2px;
      line-height:18px;
      padding-left:5px;
    }
    #dialog ul li p.image{
      margin:10px auto;
    }

/* facebox */
#facebox .b {
  background:url(./images/facebox/b.png);
}

#facebox .tl {
  background:url(./images/facebox/tl.png);
}

#facebox .tr {
  background:url(./images/facebox/tr.png);
}

#facebox .bl {
  background:url(./images/facebox/bl.png);
}

#facebox .br {
  background:url(./images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width:650px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}