/*共通すたいる*/

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;}

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

/*コンテンツ部分*/
#main{
　width:　800px;
　padding :20px 0px;/*上下、左右*/
　border-style : dotted ;
　border-color : #90A9F9 ;
　border-width : 0px 2px ;/*上下、左右*/
  margin:0px;  
}

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

/*ページロゴ用*/
.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;
}

/*canvas関連------------------------------*/

#canconte{/*イラストメニューとイラスト部分の囲い*/
width:　800px;
margin:0; 
}

#canmenu{/*絵選ぶところ*/
float : left;
width:150px;
padding:10px 0px 10px 10px;
text-align : left;
margin:0;
}

#canvasbox{/*絵の部分*/
float:right;
width:620px;
background-color : #ccddff;
padding:5px;
margin:0;
}

.illtitle{/*イラストタイトルの設定*/
  padding: 2px 1.5em 2px 1.5em;
  background-color: #FFFFFF;
  color: #4682b4;
  font-size : 11pt;
  letter-spacing : 1px;
  font-weight : 600;
  text-align : center;
  border-width : 1px 10px 1px 10px;border-style : solid;border-color : #4682b4;/*#6699ff*/
}


.illtext{/*イラスト説明部分の設定*/
  padding: 4px;
  color: #3d5381;
  text-align : right;
 font-size:13px; 
  border-width : 1px 0px 1px 0px;border-style : solid;border-color : #6699ff;
}