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

/****** 基本設定 ******/
*{
/*  margin: 0;
  padding: 0;*/
}
a{
  text-decoration : none;
  font-weight : bolder;
  color: #999999;
}
a:link{
  color: #103894;
}
a:visited{
  color: #8c92c9;
}
a:active{
  color: #008582;
}
a:hover{
  color : red;
  text-decoration : underline;
  background-color: #ffcc99;
}
img{
  border: 0;
  border-spacing: 0;
}
textarea{
}
/* 強調 */
em{
  font-style: normal;
  font-weight: bold;
}
/* 強調 */
strong{
  color: fuchsia;
}
/* 参照など */
cite{
  font-weight: bold;
}
/* 変数や引数など */
var{
  font-weight: bold;
  font-style: normal;
}
/* ソースなど */
code{
  font-weight: bold;
  font-family: "ＭＳ Ｐゴシック";
  font-size: 100%;
  line-height: 1.0em;
}
/* ソースなど */
code em{
  color: fuchsia;
}
/* 出力結果など */
samp{
  display: block;
  font-weight: bold;
  font-family: "ＭＳ Ｐゴシック";
  font-size: 90%;
  line-height: 1.0em;
}
/* 出力結果など */
samp em{
  color: fuchsia;
}
/* キーボード入力 */
kbd{
}
/* 略語（頭字語）など */
acronym{
  font-weight: bold;
}
/* 整形済みテキスト */
pre{
  margin: 0 16px 8px;
  padding: 4px 8px;
  border: solid 1px #999999;
  background-color: #f0f0f0;
}
/* 長文引用 */
blockquote{
  margin: 0 16px 8px;
  padding: 4px 8px;
  border: solid 1px #999999;
  background-color: #f0f0f0;
  font-size: 95%;
}
/* 文字列追加 */
ins{
}
/* 文字列削除 */
del{
}
/* 定義リスト */
dl{
}
/* 定義リスト/用語 */
dt{
}
dt:first-letter{
}
/* 定義リスト/説明 */
dd{
}
/* 順序のないリスト */
ul{
}
/* 順序のあるリスト */
ol{
  list-style-position: outside;
  margin: 0 0 0 16px;
  padding: 4px 16px 20px;
}
/* リスト項目 */
ul{
  margin: 0;
}
li{
  margin: 0;
/*  padding: 0 0 0 20px;*/
}
select{
  height: 22px;
}

/****** ページ全体設定 *******/
body{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #ffffff;
  background-attachment : fixed;
  scrollbar-arrow-color:#9999ff;
  scrollbar-base-color:white;
  scrollbar-darkshadow-color: white;
  scrollbar-highlight-color: #9999ff;
  scrollbar-shadow-color: #9999ff;
  scrollbar-track-color: white;
  font-size : 100%;
  line-height: 1.1em;
/*  text-align: center;*/
  background: url("/images/bg01.gif");
}
#page, #pagetbl{
  width: 100%;
}
#pagemain > #google{
  padding: 10px 0 0;
  text-align: center;
  font-size: 90%;
}
#pagemain > #googlet{
  padding: 0 0 10px;
  text-align: center;
  font-size: 150%;
}
#main > #googlet{
  width: auto;
  padding: 8px 0;
  text-align: center;
  font-size: 150%;
  border: dotted 2px #9999ff;
}

/****** ページトップ *******/
#pagetop{
  background: #ffffff;
}

/****** アクセスカウンタ *******/
#accput{
  position: absolute;
}

/****** ロゴ *******/
#logo{
  width: 100%;
  height: 16px;
  margin: 0;
  border: 0;
  background-image : url(/images/top/ttl_02.jpg);
}
#logo img{
  margin: 0;
}

/****** トップメニュー *******/
#tmenu{
  font-size : 75%;
  margin: 0;
  padding: 0 10px;
  background-color: #e2e9ff;
}
#tmenu a{
  margin: 0 4px;
  padding: 0px 2px;
}
#tmenu a:hover{
  background-color: #ffcc99;
}
#mirror{
  font-size : 95%;
}
.tmenus{
  position: absolute;
  top: 29px;
  left: 0px;
  float: left;
  font-size : 75%;
  background-color: #e2e9ff;
  padding: 1px;
  visibility: hidden;
/*  display: none;*/
  filter: alpha(opacity=95);
}
.tmenus a{
  display: block;
/*  background-color: #ccd0ff;
  border: solid 2px #e2e9ff;*/
  background-color: #e2e9ff;
  border-left: solid 1px #ccd0ff;
  border-right: solid 1px #ccd0ff;
  border-bottom: solid 1px #ccd0ff;
  padding: 2px 4px;
}
.tmenus a:hover{
  background-color: #ffcc99;
  padding: 2px 4px;
}
#tmenu02s{left:  54px;z-index: 12;}
#tmenu03s{left: 114px;z-index: 13;}
#tmenu04s{left: 178px;z-index: 14;}
#tmenu05s{left: 236px;z-index: 15;}
#tmenu06s{left: 298px;z-index: 16;}
#tmenu07s{left: 368px;z-index: 17;}
#tmenu08s{left: 440px;z-index: 18;}
#tmenu09s{left: 490px;z-index: 19;}
#tmenu10s{left: 540px;z-index: 20;}

/****** ナビ *******/
#topnavi,#navi{
  margin: 0;
  background: #ffffff;
}
#topnavi p,#navi p{
  margin: 0 0 4px;
  padding: 0 10px;
  font-size: 80%;
  background: #ffffff;
  border-top: solid 2px #ccccff;
  border-bottom: solid 2px #ccccff;
}
#topnavi h1,#navi h1{
  padding: 2px 4px 2px 8px;
  background-color: #0099cc;
  color: white;
  text-align: center;
  font-size: 100%;
}
.exp01{
  margin: 0 0 8px 4px;
  padding: 2px 8px;
  border: solid 1px #999999;
  background-color: #f0f0f0;
  font-size: 80%;
  line-height: 1.2em;
}

/****** ページメイン *******/
#pagemain{
  background: #ffffff;
}
#pagemain #google{
  width: auto;
  margin: 0;
  padding: 8px 0 4px;
}

/****** 左メニュー *******/
#lmenu{
  width: 180px;
  margin: 0px 4px 16px;
  float: left;
  z-index: 0;
}
#lmenubox{
  padding: 0 4px 100px;
  font-size: 90%;
  line-height: 1.0em;
  border: solid 2px #ffcc99;
  background-color: #ffeecc;
}
#lmenubox h1,#lmenubox h2{
  margin: 8px 0 4px;
  padding: 2px 0 0px;
  text-align: center;
  font-size: 95%;
  color: white;
  background-color: #CC33FF;
}
#lmenubox ul{
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
  text-align: left;
  font-size: 90%;
  line-height: 1.2em;
}
#lmenubox li{
  margin: 0;
  list-style-type: none;
}
#lmenubox p{
  font-size: 90%;
}

/****** メインBOX *******/
.mainbox{
  padding: 2px;
  font-size: 90%;
  line-height: 1.2em;
  border: dotted 2px #9999ff;
}
.mainbox h1{
  margin: 0;
  padding: 4px 0 2px 8px;
  background-color: #007788;
  color: white;
  font-size: 115%;
}
.mainbox h2{
  margin: 20px 10px 0;
  padding: 4px 0 2px 8px;
  background-color: #009999;
  color: white;
  font-size: 100%;
}
.mainbox p{
  margin: 4px 4px 0;
  border-bottom: solid 1px #ccccff;
}
.mainbox ul{
  padding: 0px 10px 10px;
  list-style-position: outside;
}
.mainbox a{
  border-bottom: dotted 2px #9999ff;
}
.mainbox .exp01{
  margin: 2px 10px;
  padding: 4px;
  font-size: 100%;
}

/****** 実行サンプル *******/
.samp{
  text-align: center;
}
.samp .exp01{
  margin: 10px 80px;
}
.samp strong{
  color: black;
}
.samp em{
  font-style: italic;
  font-weight: normal;
}
.samp input{
  height: 20px;
}
.samp select{
  height: 20px;
}
.samp .btn{
  height: 22px;
}

/****** ブラウザ確認のテーブル *******/
.tblb{
  margin: 4px 80px;
  border: 1px solid #999999;
  font-size: 95%;
  text-align: center;
}
.tblb th{
  padding: 2px 4px;
  background-color: #0066cc;
  color: white;
}
.tblb td{
  padding: 2px 4px;
  background-color: #f0f0f0;
  color: #999999;
  font-size: 85%;
}
.tblb em{
  padding: 2px 4px 2px 4px;
  background-color: #0066ff;
  color: white;
  font-weight: bold;
}
.tblb input{
/*  height: 20px;*/
}

/****** フッター *******/
#srcview{
  text-align: center;
  margin: 0 0 20px;
}
.foot{
  height: 30px;
  font-size: 80%;
  line-height: 1.0em;
}
.foot hr{
  color: #ccccff;
  margin: 0;
}
.foot p{
  float: left;
  text-align: left;
  margin: 0 0 0 4px;
  line-height: 1.0em;
/*  border: 1px solid #999999;*/
}
/* 著作権 */
.foot address{
  float: right;
  text-align: right;
  margin: 0 4px 0 0;
  font-style: normal;
}

/****** 用語説明 *******/
.yougo dt{
  margin: 10px 16px;
  padding: 0 0 0 4px;
  font-size: 120%;
  font-weight: bold;
  border-bottom: solid 1px #666666;
  border-left: solid 8px  #666666;
}
.yougo dd{
  margin: 0 0 0 10px;
}

/****** メッセージ用 *******/
#errbox{
  width: 400px;
  margin: 0 auto 20px;
}
.dspmsg,.errmsg{
  margin: 0 0 20px;
}
.dspmsg dt,.errmsg dt{
  font-weight: bold;
  color: white;
  background-color: #3366ee;
}
.dspmsg dd,.errmsg dd{
  margin: 0;
  padding: 10px 8px;
  line-height: 1.1em;
  background-color: #f0f0f0;
}
.dspmsg p,.errmsg p{
  margin: 8px 0 12px;
}
.errmsg dt{
  background-color: #ff3333;
}
.errmsg dd{
  color: #ff3333;
  font-weight: bold;
  font-size: 90%;
}
.dspmsg strong,.errmsg strong{
  color: black;
}
.exp1{
  margin: 0 0 8px;
  padding: 8px 0 6px 10px;
  border-bottom: 1px solid #999999;
}
.bantxt{
  width: 360px;
  height: 100px;
}

/****** エラーメッセージ *******/
.errdsp dt{
  margin: 2px;
  padding: 2px 4px;
  background-color: #ff0000;
  color: white;
  text-align: center;
  font-size: 120%;
}
.errdsp dd{
  margin: 2px;
  padding: 8px 4px;
/*  background-color: #ffeeee;*/
  text-align: center;
}

/****** 解説 *******/
.kaiset{
  margin: 8px 20px;
  border: 1px solid #999999;
}
.kaiset dt{
  margin: 2px;
  padding: 2px;
  background-color: #009999;
  color: white;
  text-align: center;
  font-size: 120%;
}
.kaiset dd{
  margin: 0 2px 2px;
  padding: 2px 8px 16px;
/*  background-color: #ffffd0;*/
  background-color: #f0f0f0;
}
.kaiset p{
  margin: 8px 0 12px;
}
.kaiset samp{
  padding: 4px 8px;
/*  display: block;
  white-space: pre;*/
  background-color: white;
  border: 1px solid #cccccc;
}
.kaiset .exp01{
  margin: 0 0;
  padding: 4px;
  background-color: white;
  font-size: 90%;
}

/****** 記述サンプル *******/
.csample{
  margin: 8px 20px;
  border: 1px solid #999999;
}
.csample dt{
  margin: 2px;
  padding: 2px;
  background-color: #3366cc;
  color: white;
  text-align: center;
  font-size: 120%;
}
.csample dd{
  margin: 0 2px 2px;
  padding: 2px 8px 16px;
/*  background-color: #ffffd0;*/
  background-color: #f0f0f0;
}
.csample p{
  margin: 8px 0 12px;
}
/*.csample code{*/
.csample samp{
  white-space: pre;
  padding: 4px 8px;
  background-color: white;
  border: 1px solid #cccccc;
}
.csample samp.nopre{
  white-space: normal;
}

/****** 実行結果 *******/
.rslt{
}
.rslt dt{
  margin: 8px 8px 0;
  padding: 2px 2px 2px 8px;
  background-color: #009999;
  color: white;
  text-align: left;
  font-size: 120%;
}
.rslt dd{
  margin: 0 0 20px;
  padding: 4px 20px 10px;
}

/****** その他 *******/
.inp{
  height: 16px;
  ime-mode: inactive;
}
.inpsel{
}
.inpfile{
  width: 420px;
  height: 20px;
  ime-mode: inactive;
}
.inpbtn{
  height: 22px;
  font-size: 90%;
}
.clear{
  clear: both;
}
.bold{
  font-weight: bold;
}
.hidden{
  display: none;
}
.black{
  color: black;
}
.red{
  color: red;
}
.fuchsia{
  color: fuchsia;
}
.italic{
  font-style: italic;
}
.ul{
  text-decoration: underline;
}
.strike{
  text-decoration: line-through;
}
.pre{
  white-space: pre;
}
.nopre{
  white-space: normal;
}
.nowrap{
  white-space: nowrap;
}
.bgor{
  color: white;
  background-color: #ff6633;
}
.bgbl{
  color: white;
  background-color: #3366cc;
}
.bggr{
  color: white;
  background-color: #009999;
}
.bgdgr{
  color: white;
  background-color: #006666;
}
.bgdvi{
  color: white;
  background-color: #cc33ff;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.fleft{
  float: left;
  text-align: left;
}
.fright{
  float: right;
  text-align: right;
}
.gcnt{
  width: 140px;
  height: 19px;
  vertical-align: top;
  border-spacing: 0;
}
.cballre{ list-style: inside url('../images/icon/ballre.gif'); }
.cballgr{ list-style: inside url('../images/icon/ballgr.gif'); }
.cballye{ list-style: inside url('../images/icon/ballye.gif'); }
.cballor{ list-style: inside url('../images/icon/ballor.gif'); }
.cballbl{ list-style: inside url('../images/icon/ballbl.gif'); }
.cballvi{ list-style: inside url('../images/icon/ballvi.gif'); }
.kanri{
  color: #999999;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

/****** テーブル *******/
.tblpat1{
/*  width: 464px;*/
  margin: 0px 0 10px 0px;
  padding: 1px;
  border: solid 1px #999999;
}
.tblpat1 dt{
  display: inline;
  float: left;
  margin: 1px;
  padding: 2px 8px;
  background-color: #e8e8e8;
  border: 0;
}
.tblpat1 dd{
  display: inline;
  float: left;
  margin: 1px;
  padding: 2px 8px;
  background-color: #e8e8e8;
  border: 0;
}
.tbhed1,.tbhed2,.tbhed3,.tbmei1,.tbmei2,.tbmei3{
/*  display: inline;*/
  float: left;
  margin: 1px;
  border: 0;
}
.tbhed1,.tbhed2,.tbhed3{
  padding: 0px 8px;
  background-color: #009999;
  color: white;
  text-align: center;
}
.tbmei1,.tbmei2,.tbmei3{
  padding: 2px 8px;
  background-color: #e8e8e8;
}
.tbmei1{
  text-align: center;
}