
/* 基本設定 */ 
body,td,th{
  font-size:70%;
  color:#333333;
  font-family:Verdana,Osaka,'MS P Gothic';
  font-weight:normal;
  margin:0px;
  padding:0px;
}
body{
  overflow:auto;
  background-color:#ffddff;
  background-image:url(bg_rosa.jpg);
}
/* スクロールバーの設定 */ 
html,body{
  scrollbar-base-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-face-color:#ffbbdd;
  scrollbar-arrow-color:#ffbbdd;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-highlight-color:#ff66aa;
  scrollbar-shadow-color:#ff66aa;
}
/* リンク設定 */ 
a:link{
  text-decoration:none;
  color:#ff33aa;
}
/* リンクに触れる前の色 */ 
a:visited{
  text-decoration:none;
  cursor:crosshair;
  color:#ff33aa;
}
/* 訪問したことのあるリンクの色 */ 
a:hover{
  text-decoration:none;
  cursor:crosshair;
  color:#ffccdd;
}
/* 触れた時のリンク設定 */ 

/* リスト設定 */ 
ul,ol{
  list-style-position:inside;
  margin:0px 0px 0px 15px;
}
/* 画像のボーダーをあらかじめ０にする */
img{
  border:none;
}
/* フォーム関連の設定 */
textarea{
  font-size:11px;
  line-height:17px;
  padding:5px;
}
textarea,input{
  color:#333333;
  border:1px solid #333333;
  background-color:#ffffff;
}
/* 装飾用box */
.box1{
  border:3px double #ff33aa;
  background-color:#ffffff;
}
.box2{
  border:1px solid #ff33aa;
  background-color:#ffccdd;
}
.box1,.box2{
  width:350px;
  margin:15px 0px 0px 0px;
  padding:5px;
}
/* 配布元リンク */
#copyright{
  font-size:90%;
  text-align:right;
  padding:0px 10px;
}
#copyright a{
  color:#333333;
}
#copyright a:hover{
  color:#ffffff;
}
/* デザイン全般の設定 */
#left{
  z-index:2;
  top:0px;
  left:50px;
  width:220px;
  height:100%;
  background-image:url(bg03.png);
}
* html #left{
  filter:alpha(opacity=70);
  background-color:#000000;
}
#main{
  overflow:auto;
  z-index:1;
  border-style:solid;
  border-color:#000000;
  border-width:1px 1px 1px 0px;
}
#bg{
  z-index:0;
  background : #ffffff url(bg01.jpg) no-repeat 0% 0%;
}
#main,#bg{
  top:10%;
  left:0px;
  width:85%;
  height:80%;
}
#left,#main,#bg{
  position:absolute;
}
/* 見出し設定 */ 
h1{
  font-size:25px;
  color:#333333;
  text-align:center;
  margin:5px 10px 0px 10px;
}
h2{
  font-size:17px;
  color:#ff66aa;
  text-align:right;
  letter-spacing:5px;
  font-weight:normal;
  background-image:url(bg03.png);
  margin:25px 35px 0px 270px;
  padding:2px 5px;
}
* html h2{
  filter:alpha(opacity=70);
  width:100%;
  background-color:#000000;
}
h3{
  font-size:100%;
  color:#ff0066;
  text-align:center;
  border-bottom:2px dashed #ff33aa;
  margin:10px 80px 0px 290px;
  padding:0px 0px 2px 10px;
}
/* メニュー部分の設定 */
#menu{
  text-align:center;
  letter-spacing:4px;
}
#menu ul{
  list-style:none;
  border-top:1px dashed #ff33aa;
  border-bottom:1px dashed #ff33aa;
  margin:35px 0px;
  padding:0px;
}
#menu li{
  display:inline;
}
#menu li a{
  display:block;
  color:#ffffff;
  margin:0px;
  padding:13px 0px;
}
#menu li a:hover{
  color:#ff33aa;
}
/* テキスト設定 */ 
.text1{
  line-height:20px;
  padding:8px 60px 50px 290px;
}
.text2{
  font-size:90%;
  color:#ffffff;
  line-height:18px;
  padding:0px 5px 10px 10px;
}
/* リンクページの設定 */ 
dl.banner dt{
  float:left;
  margin:0px 5px 0px 0px;
}
dl.banner dd{
  margin:-2px 0px 0px 0px;
}
