/****** 標準用 CSS *******/
/*@charset "shift_JIS";*/
@charset "utf-8";

/****** 基本設定 ******/
a:link{ color: #103894; }
a:visited{ color: #6699cc; }
a:active{ color: #009999; }
a:hover{
  color : red;
  text-decoration : underline;
  background-color: #ffcc99;
}
a:link img{ border: 1px solid #103894; }
a:visited img{ border: 1px solid #6699cc; }
a:active img{ border: 1px solid #009999; }
a:hover img{ border: 1px solid red; }
em{
  font-weight: bold;
  color: fuchsia;
}
dl{
  margin: 0;
}
ul{
  margin: 0 0 0 20px;
}

hr{
  height: 1px;
  color: #9999cc;
}
table{
  font-size: 90%;
}
form{
  margin: 0;
}
input{
  ime-mode: inactive;
}
textarea{
  ime-mode: active;
}

/****** ページ全体 *******/
body{
  margin: 0 0 auto;
  font-size: 90%;
  background: #ccccff;
  color: #505078;
}

/****** ページ全体 *******/
#page,#pagebox{
/*  background: #ffffff;*/
/*  border: 1px solid #999999;*/
}
#accput{
  float: left;
}

/****** ページトップ *******/
#pagetop{
  margin: 0 0 10px 0;
  font-size : 80%;
}
#pagetop img{
  border-width: 0;
}

/****** アクセスカウンタ *******/
#accput{
  position: absolute;
}
#accdsp{
  text-align: center;
}

/****** ロゴ *******/
#logo{
  width: 100%;
  height: 16px;
  background-image : url(http://beginners.atompro.net/images/top/ttl_02.jpg);
}

/****** トップメニュー *******/
#tmenu{
  padding: 0px 10px 2px;
  background-color: #e2e9ff;
}
#tmenu a{
  margin: 0px 4px 0 4px;
  padding: 0 2px;
}
#tmenu a:hover{
  background-color: #ffcc99;
}
.tmenus{
  position: absolute;
  top: 29px;
  left: 0px;
  background-color: #e2e9ff;
  padding: 2px 1px;
  visibility: hidden;
  filter: alpha(opacity=95);
}
.tmenus a{
  display: block;
  padding: 2px 4px;
  border: 1px solid #ccd0ff;
}
.tmenus a:hover{
  background-color: #ffcc99;
}
#tmenu02s{left:  54px;z-index: 12;}
#tmenu03s{left: 114px;z-index: 13;}
#tmenu04s{left: 178px;z-index: 14;}
#tmenu05s{left: 234px;z-index: 15;}
#tmenu06s{left: 294px;z-index: 16;}
#tmenu07s{left: 364px;z-index: 17;}
#tmenu08s{left: 432px;z-index: 18;}
#tmenu09s{left: 484px;z-index: 19;}
#tmenu10s{left: 534px;z-index: 20;}

#mirror{
  font-size : 100%;
}
#mirror strong{
  color: fuchsia;
}
#mirror a{
  font-size : 130%;
}

/****** ページヘッド *******/
#pagehed{
  width: 800px;
  margin: 0 auto;
}
#pagehed h1{
  margin: 0;
  padding: 2px 4px;
  font-size: 120%;
  text-align: center;
  background-color: #3366cc;
  color: white;
}
#pagehed .topmenu,#pagefot .fotmenu{
  padding: 5px 10px 0;
  text-align: right;
}
#pagehed .exp01{
  width: 520px;
  margin: 5px auto 0;
  padding: 4px 4px;
  background: #cccccc;
  border: 1px solid #999999;
}
  
/****** ページメイン *******/
#pagemain{
  width: 800px;
  margin: 0 auto;
}

/****** メイン *******/
#main{
  margin: 5px 0 10px 0;
  padding: 5px 0 0 0;
}
#main p{
  margin: 4px 0 8px 0;
}
.mbody{
  width: 720px;
  margin: 0 auto;
  background: #ccccff;
  border: 1px solid #999999;
}
.mbody td{
  text-align: left;
  vertical-align: top;
}

/****** ヘルプ用 *******/
#helpbox{
  width: 640px;
  margin: 0 auto;
  padding: 2px 2px;
  font-size: 90%;
  background: #f0f0f0;
  border: 1px solid #999999;
}
#helpbox h1{
  margin: 0;
  padding: 2px 10px;
  font-size: 120%;
  background: #336699;
  color: white;
  border-left: 8px solid #999999;
}
#helpbox h2{
  margin: 15px 10px 8px 20px;
  padding: 0 4px;
  font-size: 120%;
  border-left: 8px solid #999999;
  border-bottom: 1px solid #999999;
}
#helpbox p{
  margin: 4px 10px 8px 20px;
}
#helpbox dl,#helpbox li{
  margin: 0 40px 10px 40px;
}
#helpbox dt{
  font-weight: bold;
  color: #009900;
}
#helpbox dd{
  margin: 4px 0 8px 15px;
}
#helpbox li{
  color: #333333;
}
#helpbox li strong{
  color: #333366;
}
#helpbox .ul1{
  margin: 0 0 30px 40px;
}
#helpbox .ul1 li{
  margin: 0 10px 0 20px;
  line-height: 1.5em;
}

/****** PaintBBS用 *******/
#imagebbs{
}
#palebox{
  width: 160px;
  font-family: impact;
}
#palebox select,#palebox button{
  color: #666699;
  border: 1px solid #666699;
}
#palebox .button{
  width: 36px;
  height: 22px;
  margin: 0 2px 0 0;
  padding: 0;
}

/****** ページフッタ *******/
#pagefot{
  margin: 10px 0 0;
}
#pagefot .fotmenu{
  padding: 0 5px 2px 0;
  border-bottom: 1px solid #9999cc;
}
.fotmenu #submit{
  background: #336699;
  color: white;
  border: 1px solid #cccccc;
  border-style: solid;
}
#fotbox{
  font-family: arial;
  font-size: 80%;
  line-height: 1.1em;
  text-align: right;
/*  border: 1px solid #999999;*/
}
#fotbox p{
  float: left;
  text-align: left;
  margin: 0 0 0 4px;
/*  border: 1px solid #999999;*/
}
/* 著作権 */
#fotbox address{
  margin: 0 4px 0 0;
  font-style: normal;
}

/****** 管理者メニュー *******/
#admenu{
  width: 560px;
  margin: 0 auto 5px;
  padding: 10px;
  background: #cccccc;
  text-align: center;
  border: 1px solid #999999;
}

/****** メッセージBOX *******/
.msgbox,.errbox{
  width: 480px;
  margin: 0 auto;
  padding: 1px;
  background: #f0f0f0;
  border: solid 1px #999999;
}
.msgbox dt,.errbox dt{
  padding: 2px 4px;
  font: bold 120%;
  text-align: center;
  background: #336699;
  color: white;
}
.errbox dt{
  background: #ff3333;
}
.msgbox dd,.errbox dd{
  margin: 0;
  padding: 10px 10px 10px 10px;
  color: #CC0000;
}

/****** サムネイル表示用 *******/
.bbslsts{
  width: 720px;
  margin: 0 auto 10px;
  padding: 0px 0 0px 4px;
  border: 1px solid #999999;
  background: #cccccc;
}
.bbslsts img{
  margin: 3px;
}

/****** 通常表示用 *******/
.bbslst img,.loglst img{
  margin: 5px;
  border-width: 1px;
}
#main > .noimg,.bbslst > .noimg{
  float: left;
  width: 1px;
  height: 400px;
}
.bbslst table,.loglst table{
  width: 760px;
  margin: 0 auto 5px;
  border: 1px solid #999999;
  background: #cccccc;
}
.bbslst th,.loglst th{
  border-right: 1px solid #999999;
  vertical-align: top;
}
.bbslst th .noimg{
  width: 200px;
  height: 1px;
}
.bbslst td,.loglst td{
  width: 100%;
  padding: 2px;
  vertical-align: top;
}
.bbslst td .noimg,.loglst td .noimg{
  width: 240px;
  height: 1px;
  margin: 0;
  padding: 0;
/*  border: 1px solid #999999;*/
}
.bbslst td dt,.loglst td dt{
  padding: 2px 8px;
  font-weight: bold;
  background: #339966;
  color: white;
}
.bbslst td dd,.loglst td dd{
  margin: 0;
  padding: 10px 10px 5px;
  background: #f0f0f0;
}
.bbslst td dd dt,.loglst td dd dt{
  margin: 10px 0 0 0;
  padding: 5px 5px 2px 5px;
  font-weight: normal;
  border-top: 2px solid #9999cc;
  border-bottom: 1px dotted #999999;
  background: #f0f0f0;
  color: #000099;
}
.bbslst td dd dd,.loglst td dd dd{
  padding-bottom: 0px;
}

/****** 入力フォーム *******/
.frmbox dl{
  width: 680px;
  margin: 0 auto;
  padding: 1px;
  border: 1px solid #999999;
  background: #f0f0f0;
}
.frmbox table{
  margin: 0 auto;
}
.frmbox dt,.frmbox th{
  padding: 2px 15px;
  font-weight: bold;
  text-align: center;
  background: #336699;
  color: white;
}
.frmbox dt{
  background: #339966;
}
.frmbox dd{
  margin: 0;
  padding: 5px;
}
.frmbox td{
  width: auto;
  background: #cccccc;
}

#resbox{
  border-top: 2px dotted #cccccc;
}
#name,#subject,#comment{
  ime-mode: active;
}
#chkid,#chkpwd,#userid,#userpwd{
  width: 60px;
}
#name{
  width: 80px;
}
#email,#hpurl,#subject,#comment{
  width: 240px;
}
#comment{
  height: 124px;
}
.topmenu #submit,#resbox #submit,.fotmenu #submit{
  width: 36px;
  height: 22px;
  padding: 0;
  background: #336699;
  color: white;
  border: 2px solid #9999cc;
  border-style: outset;
}
.topmenu #submit{
  background: #cc3333;
}
#resbox #userpwd{
  width: 40px;
}
#resbox #submit{
  background: #6699cc;
}
.fotmenu #chkpwd{
  width: 30px;
}
.fotmenu #submit{
  background: #ccccff;
  color: #666699;
  border: 1px solid #999999;
  border-style: solid;
}

/****** その他（共通） *******/
.noimg{
/*  border: 1px solid #999999;*/
}
.inline{
  display: inline;
}
.hidden{
  display: none;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.fleft{
  float: left;
}
.fright{
  float: right;
}
.ul{
  text-decoration: underline;
}
.strike{
  text-decoration: line-through;
}
.red{
  color: red;
}
.fuchsia{
  color: fuchsia;
}