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

/****** 基本設定 ******/
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;
}
a img{
  vertical-align: baseline;
}
img{
  margin: 0;
  border: 0;
  border-width: 0;
  border-spacing: 0;
  vertical-align: middle;
}
em{
  color: fuchsia;
  font-weight: bold;
  font-style: normal;
}
code,cite{
  font-weight: bold;
}
form{
  margin: 0px 0;
}
input{
  ime-mode: inactive;
}
textarea{
  ime-mode: active;
}

/****** ページ全体 *******/
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;
  background: url("/images/bg01.gif");
}

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

/****** ページトップ *******/
#pagetop{
  font-size: 80%;
  background: #ffffff;
}

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

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

/****** トップメニュー *******/
#tmenu{
  padding: 0 10px;
  background-color: #e2e9ff;
}
#tmenu a{
  margin: 0 5px 0 4px;
  padding: 0px 2px;
}
#tmenu a:hover{
  background-color: #ffcc99;
}
.tmenus{
  position: absolute;
  top: 29px;
  left: 0px;
  background-color: #e2e9ff;
  padding: 1px;
  visibility: hidden;
  filter: alpha(opacity=95);
}
.tmenus a{
  display: block;
  padding: 0px 4px;
  border: 1px solid #ccd0ff;
}
.tmenus a:hover{
  background-color: #ffcc99;
}
#tmenu02s{left:  58px;z-index: 12;}
#tmenu03s{left: 122px;z-index: 13;}
#tmenu04s{left: 190px;z-index: 14;}
#tmenu05s{left: 252px;z-index: 15;}
#tmenu06s{left: 318px;z-index: 16;}
#tmenu07s{left: 394px;z-index: 17;}
#tmenu08s{left: 470px;z-index: 18;}
#tmenu09s{left: 524px;z-index: 19;}
#tmenu10s{left: 578px;z-index: 20;}

#mirror{
  font-size : 95%;
}
#mirror strong{
  color: fuchsia;
}
#mirror a{
  font-size : 120%;
}

/****** ナビ *******/
#topnavi{
  margin: 0;
  font-size: 80%;
  background: #ffffff;
}
#topnavi p{
  margin: 0 0 4px;
  padding: 0 10px;
  border-top: solid 2px #ccccff;
  border-bottom: solid 2px #ccccff;
}

/****** ページメイン *******/
#pagemain{
  width: 800px;
/*  border: 1px solid #999999;*/
}
#pagemain > #google{
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: center;
  font-size: 90%;
}
#pagemain > #googlet{
  margin: 0 auto;
  padding: 0 0 10px;
  text-align: center;
  font-size: 150%;
}
#main > #googlet{
  width: auto;
  margin: 0 auto;
  padding: 8px 0;
  text-align: center;
  font-size: 150%;
  border: dotted 2px #9999ff;
}

/****** 左メニュー *******/
#lmenu{
  float: left;
  width: 184px;
  padding: 0 0px 100px;
  font-size: 85%;
  line-height: 1.0em;
}
#lmenubox{
  font-size: 95%;
  border: solid 2px #ffcc99;
  background-color: #ffeecc;
}
#lmenubox h2{
  margin: 16px 0 4px;
  padding: 2px 0 2px 4px;
  font-size: 100%;
  background-color: #CC33FF;
  color: white;
  text-align: left;
}
#lmenubox ul{
  margin: 0 0 20px 24px;
  padding: 0;
  list-style-position: outside;
  line-height: 1.2em;
}
#lmenubox li{
  vertical-align: baseline;
}
#lmenu10 form{
  margin: 4px 0 20px 0;
  padding: 4px 0 4px 6px;
  background-color: #f0f0ff;
}
#lmenu10 p{
  margin: 8px 0 0;
  padding: 2px;
  background-color: #3366cc;
  color: white;
}
#lmenu11 ul{list-style-image: url(/images/icon/ballpi.gif);}
#lmenu12 ul{list-style-image: url(/images/icon/ballre.gif);}
#lmenu13 ul{list-style-image: url(/images/icon/ballgr.gif);}
#lmenu14 ul{list-style-image: url(/images/icon/ballye.gif);}
#lmenu15 ul{list-style-image: url(/images/icon/ballbl.gif);}
#lmenu16 ul{list-style-image: url(/images/icon/ballor.gif);}
#lmenu17 ul{list-style-image: url(/images/icon/ballvi.gif);}
#lmenu18 ul{list-style-image: url(/images/icon/ballpi.gif);}
#lmenu21 h2, #lmenu22 h2{
  text-align: center;
  margin: 30px 0 4px;
}
#lmenu21 ul{
  margin: 0;
  list-style-type: none;
  text-align: center;
  font-size: 90%;
}

/****** メイン *******/
#main{
  float: left;
  width: 400px;
  margin: 0 0 0 8px;
/*  border: 1px solid #999999;*/
}
#main .exp01{
  width: 600px;
  margin: 5px auto;
  padding: 4px 4px;
  text-align: center;
  background-color: #f0f0f0;
  border: solid 1px #999999;
  font-size: 80%;
}
#main > h2{
  margin: 0 0 4px;
  padding: 2px 0 2px 4px;
  font-size: 100%;
  background-color: #007788;
  color: white;
  text-align: left;
}

/****** メインBOX *******/
.mainbox{
  margin: 4px 0 4px 0;
  padding: 2px;
  font-size: 90%;
  line-height: 1.2em;
  border: dotted 2px #9999ff;
}
.mainbox .exp01{
  margin: 0 0 20px 15px;
  padding: 5px 10px;
  text-align: left;
}
.mainbox .sampbox{
  margin: 0 20px 10px;
  padding: 5px 8px;
  background-color: #f0f0f0;
  border: 2px dotted #666666;
}
.mainbox .sampbox li{
  margin: 0 0 0 20px;
}
.mainbox li .sampbox{
  margin: 10px 20px 10px 0;
  padding: 8px 0 8px 20px;
}
.mainbox .code01,.mainbox pre.code01{
  margin: 0 20px 8px 0;
  padding: 0px 4px;
  background-color: #f0f0f0;
  border: 1px solid #999999;
}
.mainbox #srcview{
  margin: 10px 0;
  text-align: center;
}

/****** 箇条書き用 *******/
.dllst1 > dt{
  margin: 4px 2px 8px 10px;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 100%;
  border-left: solid 8px #666666;
  border-bottom: solid 1px #999999;
}
.dllst1 > dd{
  margin: 0 0 0 20px;
}
dl.dlbox1{
  margin: 4px 10px 10px 0px;
  padding: 1px 1px 1px;
  border: 1px solid #999999;
}
.dlbox1 dt{
  margin: 0;
  padding: 2px 4px;
  text-align: center;
  font-weight: bold;
  background-color: #3366cc;
  color: white;
}
.dlbox1 dd{
  margin: 1px;
  padding: 0 0 1px 10px;
  background-color: #f0f0f0;
}
.dlbox1 dd p{
  margin: 0px;
  padding: 10px;
}

/****** 右メニュー *******/

/****** テンプレートモンスター用 *******/
#footd{
  clear: both;
  text-align: center;
}
#footd h2{
  margin: 0;
  padding: 2px 0 2px 10px;
  font-size: 100%;
  background-color: #007788;
  color: white;
}

/****** ページフッタ *******/
#pagefot hr,#pagefoot hr{
  color: #ccccff;
  margin: 15px 0 0;
}
#pagefot #google,#pagefoot #google,#pagefot #googlef,#pagefoot #googlef{
  width: 400px;
  margin: 0 auto;
}
#fotbox,.fotbox{
  font-family: arial;
  font-size: 80%;
  line-height: 1.1em;
  text-align: right;
/*  border: 1px solid #999999;*/
}
#fotbox p,.fotbox p{
  float: left;
  text-align: left;
  margin: 0 0 0 4px;
/*  border: 1px solid #999999;*/
}
/* 著作権 */
#fotbox address,.fotbox address{
  margin: 0 4px 0 0;
  font-style: normal;
}

/****** その他（共通） *******/
.clearall{
  clear: all;
}
.inline{
  display: inline;
}
.hidden{
  display: none;
}
.left{
  text-align: left;
}
.center,#main h2.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;
}
.bcblul,.bcbll{
  background-color: #ccccff;
}
.bcpnkl,.bcpkl{
  background-color: #ffccff;
}
.bcgrnd,.bcgrd{
  background-color: #007788;
  color: white;
}
.bcsyll{
  background-color: #f0f0f0;
}
.bcwht{
  background-color: #ffffff;
}
.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'); }
.cballpi{ list-style: inside url('../images/icon/ballpi.gif'); }

/****** その他（追加分） *******/