* { margin:0; border:0; padding:0; }

html,body{
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #f0f0f0;
}
body#idx{
  margin: 0px;
  padding: 0px;
  background-image: url(../css-img/atsu-k_page_bg.png);
  background-repeat: repeat-x;
  background-color: #c0c0c0;
}

div.main_bg{
  display:block;
  border:0px;
  padding:0px;
  margin:5px auto 0px auto;
  height: 93%;
  background-image: url(../css-img/atsu-k_background.png);
  background-repeat: no-repeat;
  background-position:top center;
}

div.task_bar{
  border:0px;
  padding:0px;
  margin:0px;
  width:100%;
  height:23px;
  background-image: url(../css-img/atsu-k_page_bg.png);
  background-repeat: repeat-x;
  background-position:top center;
}

div.start_btn{
  float:left;
  border:0px;
  padding:0px;
  margin:0px;
  width:140px;
  height:23px;
}

div.thissite_btn{
  float:left;
  border:0px;
  padding:0px;
  margin:0px;
  width:130px;
  height:23px;
}

div.wn_btn{
  float:left;
  border:0px;
  padding:0px;
  margin:0px;
  width:80px;
  height:23px;
}

div.mail_btn{
  float:right;
  border:0px;
  padding:0px;
  margin:0px;
  width:50px;
  height:23px;
}

div.status_logo{
  float:right;
  border:0px;
  padding:0px;
  margin:0px;
  margin-top:0px;
  width:89px;
  height:23px;
  background-image: url(../css-img/atsu-k_status_logo.png);
  background-repeat: no-repeat;
  background-position:top right;
}

div.clear-float {
  clear:both;
}


/* menu */
ul#menu {
  margin:0px;
  padding:0px;
  height:0px;
  list-style:none; 
}

ul#menu li {
  border:0px;
  width:140px;
  display:block;
  float:left;
}

ul#menu li#start {
  text-decoration: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 140px;
  height:23px;
  border:0px;
}

ul#menu li:hover ul, ul#menu li.sfhover ul {
  top:24px; left:0px; 
}

ul#menu li a {
  display:block; 
  width:140px; 
  padding:12px 0px 0px 3px;
  text-decoration:none; 
}

ul#menu li ul {
  margin:0px;
  padding:0px; 
  list-style:none;
  width:140px;
  position:absolute;
  left:-999em; 
}

ul#menu li ul li {
  border:0px; 
  display:inline;
  text-align:left;
  clear:none;
  float:none;
}

ul#menu li ul li a {
  margin:0px; 
  border:0px;
  padding:0px;
  width:140px;
  height:25px;
}

a.task_bar_btn{
  display:block;
  background-repeat: no-repeat;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  height:23px;
  position:relative;
}

a.task_bar_btn#start_btn{
  width: 140px;
  background-image: url(../css-img/atsu-k_start_btn_n.png);
}
a.task_bar_btn#start_btn:hover{
  background-image: url(../css-img/atsu-k_start_btn_a.png);
}
a.task_bar_btn#thissite_btn{
  width: 130px;
  background-image: url(../css-img/atsu-k_thissite_btn_n.png);
}
a.task_bar_btn#thissite_btn:hover{
  background-image: url(../css-img/atsu-k_thissite_btn_a.png);
}
a.task_bar_btn#wn_btn{
  width: 80px;
  background-image: url(../css-img/atsu-k_wn_btn_n.png);
}
a.task_bar_btn#wn_btn:hover{
  background-image: url(../css-img/atsu-k_wn_btn_a.png);
}

a.task_bar_btn#mail_btn{
  width: 80px;
  background-image: url(../css-img/atsu-k_mail_btn_n.png);
}
a.task_bar_btn#mail_btn:hover{
  background-image: url(../css-img/atsu-k_mail_btn_a.png);
}

a.menu{
  display:block;
  background-repeat: no-repeat;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  width: 140px;
  height:25px;
  position:relative;
}

a.menu#aqua{
  background-image: url(../css-img/atsu-k_btn_aqua.png);
}
a.menu#aqua:hover{
  background-position:0px -25px;
}
a.menu#sound{
  background-image: url(../css-img/atsu-k_btn_sound.png);
}
a.menu#sound:hover{
  background-position:0px -25px;
}
a.menu#recommend{
  background-image: url(../css-img/atsu-k_btn_recommend.png);
}
a.menu#recommend:hover{
  background-position:0px -25px;
}
a.menu#kirei-k{
  background-image: url(../css-img/atsu-k_btn_kirei-k.png);
}
a.menu#kirei-k:hover{
  background-position:0px -25px;
}
a.menu#undertaking{
  background-image: url(../css-img/atsu-k_btn_undertaking.png);
}
a.menu#undertaking:hover{
  background-position:0px -25px;
}
a.menu#close{
  background-image: url(../css-img/atsu-k_btn_close.png);
}
a.menu#close:hover{
  background-position:0px -25px;
}
a.menu#close{
  background-image: url(../css-img/atsu-k_btn_close.png);
}
a.menu#close:hover{
  background-position:0px -25px;
}
a.menu#diary{
  background-image: url(../css-img/atsu-k_btn_diary.png);
}
a.menu#diary:hover{
  background-position:0px -25px;
}
a.menu#help{
  background-image: url(../css-img/atsu-k_btn_help.png);
}
a.menu#help:hover{
  background-position:0px -25px;
}
a.menu#links{
  background-image: url(../css-img/atsu-k_btn_links.png);
}
a.menu#links:hover{
  background-position:0px -25px;
}
a.menu#profile{
  background-image: url(../css-img/atsu-k_btn_profile.png);
}
a.menu#profile:hover{
  background-position:0px -25px;
}
a.menu#special{
  background-image: url(../css-img/atsu-k_btn_special.png);
}
a.menu#special:hover{
  background-position:0px -25px;
}
a.menu#works{
  background-image: url(../css-img/atsu-k_btn_works.png);
}
a.menu#works:hover{
  background-position:0px -25px;
}

.imgdropdown{
  width:140px;
  height:25px;
}

/* dropdown menu ie6 */
#lightbox { background-color:#000;padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }
