/* ************************************************** */
/* ************************************************** */
#body{
  color: #000000;
  background-color: #ffffff;
  background-image: url('');
}
/* ************************************************** */
/* ************************************************** */
#framemain{
  text-align: center;
  vertical-align: center;
  width: 920px;
  max-width: 100%;
  height: 100%;
}
  #framemain .loginframe{
    width: 300px;
    border-top: 3px solid #0000ff;
    border-left: 3px solid #0000ff;
    border-bottom: 3px solid #000088;
    border-right: 3px solid #000088;
    margin: 0px auto;
  }
  #framemain .logintitle{
    padding: 2px;
    width: 100%;
    font-size: 105%;
    font-weight: bold;
    background-color: #aaccff;
    border-bottom: 1px solid #7777aa;
  }
  #framemain .maintitle{
    padding: 2px;
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    background-color: #aaccff;
    border-bottom: 1px solid #7777aa;
  }
  #framemain .adminframe{
    width: 200px;
    border-top: 3px solid #0000ff;
    border-left: 3px solid #0000ff;
    border-bottom: 3px solid #000088;
    border-right: 3px solid #000088;
    float: left;
  }
  #framemain .adminmenu{
    width: 200px;
    margin: 0px 2px;
    border-top: 3px solid #0000ff;
    border-left: 3px solid #0000ff;
    border-bottom: 3px solid #000088;
    border-right: 3px solid #000088;
    float: left;
  }
  div#framemain div.adminmenu ul{
    margin:0px;
    padding:0px;
  }
  #framemain .adminmain{
    width: 600px;
    margin: 0px 2px;
    overflow: hidden;
    border-top: 3px solid #0000ff;
    border-left: 3px solid #0000ff;
    border-bottom: 3px solid #000088;
    border-right: 3px solid #000088;
    float: left;
  }
    #framemain .adminmain form{
      margin : 4px;
      background-color : #ffffff;
    }
    #framemain .adminmain table{
      border-bottom : 1px solid #7777aa;
      background-color: #f0f0f0;
    }
    #framemain .adminmain th{
      margin: 0px;
      padding: 2px;
      text-align: left;
      font-weight: bold;
      background-color: #cceedd;
      border-bottom: 1px solid #aaaaaa;
    }
    #framemain .adminmain td{
      margin: 0px;
      padding: 2px;
      text-align: left;
      vertical-align : top;
      background-color: #ffffff;
      border-bottom: 1px solid #aaaaaa;
    }
    #framemain .adminmain .navibar{
      width : 518px;
      margin: 2px;
      font-size:90%;
      text-align : left;
    }
    #framemain .adminmain .navibar a{
      margin-right: 2px;
      padding: 2px;
      height: 20px;
      color: #0000ff;
      text-decoration: none;
      font-weight: bold;
      background-color: #ffffff;
      border : 1px solid #bbbbdd;
    }
    #framemain .adminmain .navibar a:hover{
      border : 1px solid #ddbbbb;
      color  : #cc5555;
    }
    #framemain .adminmain .list{
      border : none;
    }



    #framemain .adminmain .list th{
	height:24px;
      font-family:'�l�rP �S�V�b�N';
      font-size:12px;
	font-weight:bold;
      padding:2px;
      border : 1px solid #a4b5c6;
      overflow : hidden;
	background-color:#ccddee;
    }

    #framemain .adminmain .list td{
      font-family:'�l�rP �S�V�b�N';
      font-size:14px;
      padding:2px;
      overflow : hidden;
      border : 1px solid #a4b5c6;
	vertical-align:middle;
    }
    #framemain .adminmain .list a{
      margin-right: 2px;
      padding: 2px;
      height: 20px;
      color: #000;
	font-size:12px;
      text-decoration: none;
      background-color: #ddd;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
    }

    #framemain .adminmain .listbox{
    }
    #framemain .adminmain .listbox td{
      font-family:'�l�r �S�V�b�N';
      font-size:85%;
      width : 80px;
      padding:2px;
    }
    #framemain .adminmain .listbox a{
      margin  : 1px 0px 1px 2px;
      padding : 0px;
      width:34px;
      text-align:center;
      border-top    : 1px solid #ffffff;
      border-bottom : 1px solid #ffffff;
    }
    #framemain .adminmain .listbox a:hover{
      border-top    : 1px solid #cc5555;
      border-bottom : 1px solid #cc5555;
    }
  #framemain .adminmain .calendar{
    width: 400px;
  }
    #framemain .adminmain .calendar th{
      float: center;
      padding:2px;
      text-align: center;
      background-color:#ccddcc;
      color:#040;
    }
    #framemain .adminmain .calendar td{
      float: center;
      padding:2px;
      width: 50px;
      text-align: right;
      background-color:#cccccc;
      color:#000000;
    }
    #framemain .adminmain .calendar ul{
      width: 380px;
      clear: left;
    }
    #framemain .adminmain .calendar li{
      float: left;
      width: 50px;
      text-align: center;
      border: 1px solid #000000;
    }
  #framemain ul{
    margin: 0px;
    height: 24px;
    vertical-align: bottom;
    white-space: nowrap;
    clear: left;
    border-bottom: 1px dotted #7777aa;
  }
  #framemain li{
    margin: 2px;
    width: 100px;
    text-align: left;
    float: left;
    display: block;
  }
  #framemain .box{
    margin: 2px;
    width: 100%;
  }
  #framemain .errbox{
    color: #ff0000;
    margin: 2px;
    width: 100%;
  }
  #framemain .bluebox{
    color: #000000;
    margin: 2px;
    padding: 2px;
    width: 100%;
    text-align: left;
    background-color: #f0f0ff;
    border-left: 1px solid #000088;
    border-top: 1px solid #000088;
    border-right: 1px solid #0000ff;
    border-bottom: 1px solid #0000ff;
  }
  #framemain .greenbox{
    color: #000000;
    margin: 2px;
    padding: 2px;
    width: 100%;
    text-align: left;
    background-color: #f0fff0;
    border-left: 1px solid #008800;
    border-top: 1px solid #008800;
    border-right: 1px solid #00a000;
    border-bottom: 1px solid #00a000;
  }
  #framemain input{
    border: 1px solid #777777;
  }
  #framemain textarea{
    border: 1px solid #777777;
  }
/* ************************************************** */
/* ************************************************** */
#list{
  margin: 4px;
  text-align: left;
  width: 800px;
}
  #list ul{
    margin: 1px;
    padding: 0px;
    white-space: nowrap;
    clear: left;
  }
  #list li{
    margin: 0px;
    padding: 2px;
    width: 150px;
    text-align: left;
    overflow: hidden;
    float: left;
    display: block;
    border: 1px solid #7777aa;
  }
/* ************************************************** */
/* ************************************************** */
.list{
  margin: 4px;
  font-size:10pt;
  text-align: left;
  width: 800px;
}
  .list img{
    margin: 0px;
    padding: 0px;
    margin-right: 2px;
  }
  .list a{
    text-decoration:none;
    color:#0000ff;
  }
  .list dl{
    clear:left;
    margin:2px 0px;
    border-bottom:1px dotted #cccccc;
    vertical-align:bottom;
  }
  .list dt{
    float : left;
    margin:0px 2px;
    padding:0px;
    width:48px;
  }
  .list dt.long{
    width:64px;
  }
  .list dd{
    float : left;
    margin:0px 2px;
    padding:0px;
    width:600px;
    overflow:hidden;
    white-space: nowrap;
  }
/* ************************************************** */
/* �F�ݒ�                                             */
/* ************************************************** */
.col_black{color:#000000;}
.col_gray{color:#aaaaaa;}
.col_red{color:#ff0000;}
.col_orange{color:#ff8800;}
.col_blue{color:#0000ff;}
.col_aqua{color:#00aaff;}
.col_green{color:#008800;}
/* ************************************************** */
/* ************************************************** */
#mainform{
  width: 580px;
  margin: 4px;
  text-align: left;
}
  #mainform .formline{
    clear: left;
    margin: 1px;
    border-bottom: 1px solid #7777aa;
  }
  #mainform .linesep{
    width: 100%;
    margin: 0px;
    padding: 2px;
    text-align: left;
    font-weight: bold;
    clear: left;
    background-color: #cceedd;
    border: 1px solid #7777aa;
  }
  #mainform .linesep_middle{
    width: 100%;
    margin: 0px;
    padding: 2px;
    text-align: left;
    font-weight: bold;
    clear: left;
    background-color: #ffffe0;
    border: 1px solid #daa520;
  }
  #mainform .linetitle{
    margin: 0px;
    padding: 2px;
    height: 30px;
    font-size: 80%;
    text-align: left;
    width: 120px;
    float: left;
    background-color: #ccddee;
  }
  #mainform .lineemail{
    margin: 0px;
    padding: 2px;
    height: 30px;
    font-size: 80%;
    text-align: left;
    width: 140px;
    float: left;
    background-color: #ccddee;
  }
  #mainform .linedetail{
    margin: 0px;
    padding: 2px;
    text-align: left;
    width: 440px;
    float: left;
  }
  #mainform .inputbox{
    float: left;
    margin-left: 2px;
  }
  #mainform input{
    height: 20px;
    border: 1px solid #777777;
  }
  #mainform a{
    margin: 0px;
    padding: 2px;
    height: 20px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    font-size: 80%;
    background-color: #d4d0c8;
    border: 1px ridge #e4e0d8;
  }
/* ************************************************** */
/* ************************************************** */
#texttools{
  position: relative;
  left: 2px;
}
  #texttools a{
    margin: 0px;
    padding: 0px;
  }
  #texttools #palette{
    position :absolute;
    float :left;
  }
  #texttools #palette table{
    border : 1px solid #000000;
    background-color : #ffffff;
  }
  #texttools #palette td{
    width : 10px;
    height : 12px;
    cursor : hand;
  }
/* ************************************************** */
/* ************************************************** */
#PreviewBox{
  margin: 2px;
  padding: 2px;
  width:100%;
  border:1px solid #0000ff;
  text-align:left;
}
/* ************************************************** */
/* ************************************************** */
#image_window{
  margin: 0px;
  padding: 0px;
  width: 540px;
  font-size:90%;
  font-family: '�l�r �S�V�b�N';
  float: left;
}
  #image_window a{
    margin: 0px;
    padding: 2px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
  }
  #image_window a:hover{
    margin: 0px;
    padding: 2px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
  }
  #image_window td{
    font-size:75%;
    font-family: '�l�r �o�S�V�b�N';
  }
  #image_window .title{
    margin: 2px;
    padding: 2px;
    width: 100%;
    vertical-align: bottom;
    background-color:#aabbcc;
  }
  #image_window .page{
    width : 500px;
    text-align:center;
    color:#7777aa;
    font-weight: normal;
  }
  #image_window .fl { width: 9em; float: left; padding: 2px 5px; text-align: right; width:80px;}
  #image_window .fr { width: 6em; float: left; padding: 2px 5px; text-align: right; }
  #image_window fieldset { padding: 0px 10px 5px 5px; }
  #image_window select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
  #image_window button { width: 160px; }
  #image_window .space { padding: 2px; }
  #image_window form { padding: 0px; margin: 0px; }
/* ************************************************** */
/* ************************************************** */
#thumb_box{
}
  #thumb_box li{
    text-align: center;
  }
  #thumb_box .thumb_image{
    margin: 0px;
    padding: 1px;
    text-align: center;
    background-color:#ffffff;
    overflow: hidden;
  }
    #thumb_box .thumb_image img{
      margin : 0px;
      padding : 0px;
      border : 1px solid #ffffff;
    }
  #thumb_box .thumb_name{
    padding-left: 2px;
    background-color: #aaccff;
    font-size: 80%;
    width: 100%;
    text-align: left;
    overflow: hidden;
  }
/* ************************************************** */
/* ************************************************** */
span.BtnBoxOn{
  margin:0px;
  padding:0px;
  width:120px;
  font-size:90%;
  border-left: 1px solid #ffa0a0;
  border-top: 1px solid #ffa0a0;
  border-right: 1px solid #ffa0a0;
  border-bottom: 1px solid #ffa0a0;
  background-color: #ffe0e0;
  text-align:center;
}
  span.BtnBoxOn input{
    display:none;
  }
/* ************************************************** */
/* ************************************************** */
span.BtnBoxOff{
  margin:0px;
  padding:0px;
  width:120px;
  font-size:90%;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: #fafafa;
  text-align:center;
}
  span.BtnBoxOff input{
    display:none;
  }
/* ************************************************** */
/* ************************************************** */
.icon{
  margin-right: 2px;
}
.alert{
  color: #ff0000;
}
span.smallfont{
  font-size:8pt;
}
/* ************************************************** */
/*=====�Ǘ���ʁE���i�ꗗ�̃e�[�u��=======*/
/* ************************************************** */
table.list{
  border: solid 1px #a4b5c6;
  border-collapse: collapse;
  empty-cells: show;
  margin:10px 0px 10px 0px;
  width: 100%;
}
.list td, .list th{
  border: solid 1px #a4b5c6;
}
.list th{
  padding: 5px;
  font-size: 80%;
  text-align: center;
  background-color: #ccddee;
}
/* ************************************************** */
/*�A�N�Z�X���O�p*/
/* ************************************************** */
.left_box{
  float:left;
  border: 1px solid #888844;
  margin: 1px 0px;
}
.right_box{
  float:left;
  width: 400px;
  padding: 2px;
  margin: 1px;
  border: 1px solid #888844;
}
.menu_on{
  font-size: 90%;
  color: #ffffff;
  background-color: #88aaff;
  margin: 1px;
  padding: 2px;
  border-left: 2px solid #4488aa;
  border-top: 2px solid #4488aa;
  border-right: 2px solid #aaccff;
  border-bottom: 2px solid #aaccff;
}
.menu_off{
  font-size: 90%;
  color: #ffffff;
  background-color: #4488cc;
  margin: 1px;
  padding: 2px;
  border-left: 2px solid #aaccff;
  border-top: 2px solid #aaccff;
  border-right: 2px solid #4488aa;
  border-bottom: 2px solid #4488aa;
}
.link_box{
  font-size: 90%;
  color: #ffffff;
  background-color: #4488cc;
  margin: 1px;
  padding: 2px;
  border-left: 2px solid #aaccff;
  border-top: 2px solid #aaccff;
  border-right: 2px solid #4488aa;
  border-bottom: 2px solid #4488aa;
}
.right_title{
  font-size: 100%;
  font-weight: bold;
  background-color: #ffffcc;
}
.log_box{
  width: 100%;
  background-color: #cccccc;
}
.pxborder1{
  clear: left;
  width: 100%;
  height: 5px;
  border-bottom: 1px solid #888844;
}
div.left_box a:link    {
color: #ffffff;text-decoration: none;
}
div.left_box a:visited {
color: #ffffff;text-decoration: none;
}

div.left_box a:active  {
color: #ffffff;text-decoration: none;
}
div.left_box a:hover   {
color: #ff8f40;text-decoration: none;
}
div.left_box span.comwin_td1{
color:#0000FF;
}
/* ************************************************** */
/* ************************************************** */
#album {
}
#album img{
  margin: 0px;
  padding: 0px;
  border : 2px solid #ffffff;
}
#album span{
  overflow: hidden;
}
#album td{
  margin: 0px;
  padding: 0px;
  width:160px;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
#album .thumb{
  margin: 0px;
  padding: 0px;
  width : 100%;
  height : 128px;
  vertical-align: middle;
  background-color: #eaeab0;
}
#ThumbView{
  display:none;
  position :absolute;
  float :left;
  border : 1px solid #000000;
}
#ThumbViewImage{
  border : 2px solid #ffffff;
}
/* ************************************************** */
/*�A�[�J�C�u�X�^�C����蒼��*/
/* ************************************************** */
#mainform_archive{
  width : 100%;
}
#mainform_archive th{
  margin: 0px;
  padding: 2px;
  width: 120px;
  font-size: 80%;
  text-align: left;
  background-color: #ccddee;
  border-right: 1px solid #7777aa;
  border-bottom: 1px solid #7777aa;
}
}
#mainform_archive td{
  margin: 0px;
  padding: 2px;
  text-align: left;
}
#mainform_archive input{
  padding: 2px;
  border: 1px solid #777777;
  background-color: #ffffdd;
}
#mainform_archive a{
  text-decoration : none;
}
#mainform_archive .input{
  padding: 2px;
  font-size: 80%;
  border: 1px solid #777777;
  background-color: #ffffdd;
}
/* ************************************************** */
/*�J�^���O*/
/* ************************************************** */
.list tr.fontsz_80{
  font-size: 80%;
}
.list td.td_right0{
  border-right:0px;
}
.list td.td_left0{
  border-left:0px;
}


#mainform div.popup_area{
  line-height:150%;
}
#mainform div.popup_area a{
  display:block;
  border:none;
  text-decoration:none;
  background-color:#FFFFFF;
}
#mainform div.popup_area a:hover{
  width:150px;
  color:#FFFFFF;
  background-color:#0000FF;
}


#mainform a.faqhist{
  border:none;
  text-decoration:underline;
  color:#0000DD;
  background-color:#FFFFFF;
}
#mainform a.faqhist:hover{
  text-decoration:none;
}

#mainform table.list a.faqhist{
  border:none;
  text-decoration:underline;
  color:#0000DD;
  background-color:#FFFFFF;
}
#mainform table.list a.faqhist:hover{
  text-decoration:none;
}

#mainform .faqfeedtitle{
	width: 100%;
	margin-bottom: 20px;
	padding: 2px;
	text-align: left;
	font-weight: bold;
	clear: left;
	background-color: #ffffe0;
	border: 1px solid #daa520;
}


/* ************************************************** */
/* ************************************************** */