
/* 基本設定 */ 
body,td,th{
font-size:70%;  
color:#444444;  
font-family:Verdana,Osaka,'MS P Gothic';
font-weight:normal;
margin:0px;
padding:0px;
}

/* スクロールバーの設定 */ 
html,body{ 
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#666666;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#666666;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#ffffff;
}

/* リンク設定 */ 
a:link{text-decoration:none;color:#33aaff;}/* リンクに触れる前の色 */ 
a:visited{text-decoration:none;cursor:crosshair;color:#33aaff;}/* 訪問したことのあるリンクの色 */ 
a:hover{text-decoration:none;cursor:crosshair;color:#0033aa;}/* 触れた時のリンク設定 */ 

/* リスト設定 */ 
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 #3366aa;
background-color:#ffffff;
}

/* 装飾用box */
.box1{
border:3px double #3366cc;
background-color:#ffffff;
}
.box2{
border:1px dashed #3366cc;
background-color:#bbeeff;
}
.box1,.box2{width:350px;margin:15px 0px 0px 0px;padding:5px;}

/* 配布元リンク */
#copyright{
font-size:90%;
padding:5px 10px;
}
#copyright a{color:#333333;}
#copyright a:hover{color:#ffffff;}

/* デザイン全般の設定 */
#all{
text-align:left;
width:690px;
height:520px;
margin:30px auto;
}
#main{
float:left;
width:510px;
height:375px;
margin:0px 15px 0px 0px;
}
#bottom{
float:left;
width:353px;
height:115px;
border:1px solid #3366aa;
background:#99aaee url(halkyo.png);
}
iframe{border:1px solid #3366aa;}

/* 見出し設定 */ 
h1{
font-size:28px;
color:#ffffff;
font-weight:normal;
margin:20px 0px 0px 10px;
}
h2{
font-size:17px;
color:#0066aa;
text-align:right;
letter-spacing:5px;
font-weight:normal;
border:1px solid #66aacc;
background:#ffffff url(h2.gif) no-repeat left top;
margin:15px 15px 0px 10px;
padding:0px 12px 0px 0px;
}
h3{
font-size:100%;
color:#0066aa;
letter-spacing:8px;
background:#ffffff url(h3.gif) no-repeat 0% 40%;
margin:8px 0px 0px 13px;
padding:0px 0px 2px 12px;
}

/* メニュー部分の設定 */
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu li{
float:left;
text-align:center;
}
#menu li a{
display:block;
color:#333333;
width:140px;
border:1px solid #333333;
margin:0px 15px 15px 0px;
padding:50px 0px;
}
#menu li a:hover{
filter:alpha(opacity=50);
color:#ffffff;
width:140px;
}
#01 a{background:#ffffff url(karen.png) no-repeat 50% 20%;}
#02 a{background:#ffffff url(tsuna.png) no-repeat 50% 20%;}
#03 a{background:#ffffff url(takeshi.png) no-repeat 100% 100%;}
#04 a{background:#ffffff url(reborn.png) no-repeat 50% 20%;}
#05 a{background:#ffffff url(bg05.gif) no-repeat 50% 20%;}

/* テキスト設定 */ 
.text1{
line-height:20px;
padding:8px 20px 30px 20px;
}

/* リンクページの設定 */ 
dl.banner{margin:0px 0px 15px 0px;}
dl.banner dt{float:left;margin:0px 5px 0px 0px;}
dl.banner dd{margin:-2px 0px 0px 0px;}
