/*共通すたいる*/

BODY{
text-align:center;/*IE中央表示*/
margin:0;
padding:0;

/*スクロールバー*/
scrollbar-face-color: #e9f1ff; /*スクロールバー全体の色#f0ffff*/
scrollbar-highlight-color: #b0c4de; /*スクロールバー左側（上「）の枠bcbcbc 9999ff */
scrollbar-shadow-color: #b0c4de; /*スクロールバー右側　(上」)の枠8cbcbc/
scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側（下「）の影*/
scrollbar-darkshadow-color: #4682b4; /*スクロールバー右側（下」）の影588282*/
scrollbar-arrow-color: #4682b4; /*矢印の色#8cbcbc*/
scrollbar-track-color: #ffffff; /*背面の色*/
}

/*-----なび関連部分----------------------------------------------*/

#navilist ul{
list-style: none;
width: 800px;/*ナビ全体の横幅*/
height: 40px;/*ナビ高さ*/
text-indent:-9999px;
margin: 0 ; 
}

#navilist li,#navilist a{
margin: 0 auto; 
float: left;
display: block;/*aタグはインライン要素なのでブロック要素に切り替え*/
width: 114px;/*ナビ1個の幅*/
height: 40px;
}

#navilist a{
text-decoration: none;/*リンク部分の下線を消す（下線を出したいときはtext-decoration:underline）*/
background: #FFFFFF url(s/hpnavi.gif) no-repeat;
}

#info a {background-position:0px 0px;}
#canvas a {background-position:-114px 0px;}
#blog a {background-position:-229px 0px;}
#bord a {background-position:-343px 0px;}
#link a {background-position:-457px 0px;}
#mail1 a {background-position:-571px 0px;}
#mail2 a {background-position:-686px 0px;}


/*マウス乗った状態*/
#info a:hover {background-position:0px -40px;}
#canvas a:hover {background-position:-114px -40px;}
#blog a:hover {background-position:-229px -40px;}
#bord a:hover {background-position:-343px -40px;}
#link a:hover {background-position:-457px -40px;}
#mail1 a:hover {background-position:-571px -40px;}
#mail2 a:hover {background-position:-686px -40px;}


/*ナビ関連部分終わり------------------------------*/


/*基礎部分----------------------------------------*/
#allbox{width:800px;}

/*囲い*/
#site_box00{
margin: 5px auto 5px aout;/*上下　左右*/
}


/*一番上*/
#header{
  width: 800px;
　height: 100px;
  text-align : left;
  background-image : url(s/up.jpg);
　background-repeat:no-repeat;
}

#main{
　width: 800px;
　padding : 20px 0px;/*上下、左右*/
　border-style : dotted ;
　border-color : #90A9F9 ;
　border-width : 0px 2px ;/*上下、左右*/
}

#footer{
  background-image : url(s/down.jpg);
  text-align : center;
　width : 800px;
  height : 40px;
　padding-top:10px;
  margin-bottom:30px;
  clear : both 
}



/*ページロゴ用*/
.rogo{
margin-top: 10px;
margin-left: 40px;
}

/*ページ名*/
H3{ 
  margin: 0 auto; text-align: left;
  width:800px;
  line-height: 200%;
  background-image : url(s/sub.jpg);
  padding-left:20px;
}

/*基本部分終わり-----------------------------------*/

/*りんくページのbox*/
.linkbox1{

background-color:#e9f1ff;/*背景色*/
margin: 40px auto;/*ボックス周りの余白*/
width: 500px;/*横幅*/
padding:20px;/*ボックス内の余白*/
border-left: solid 1px #4682b4;/*左ライン*/
border-right: solid 1px #4682b4;/*右ライン*/
text-align:left;        
}


/*はじめてページのbox*/
.box1   {background-color:#e9f1ff;/*背景色*/
        margin: 40px auto;/*ボックス周りの余白*/
        width:480px;/*横幅*/
        padding:20px;/*ボックス内の余白*/
        border:3px double #90A9F9;/*周り線*/
        text-align:left;        
}