body {
font-size:14px;
/*行間を整える*/
line-height:20px;
/*背景の色*/
background:url(./img/bak.png)

}

h2{
/*配色に合った文字色を設定*/
color:#666;

/*デザインに沿った文字の大きさ*/
font-size:25px;

/*上下に線を設定*/
 border-top:solid 1px #666;
 border-bottom:solid 1px #666;

/*左に太い線を設定*/
 border-left:solid 8px #666;

/*背景に画像か色を設定*/
background:url(./img/back.jpg) 0 30px ;

/*内側に余白を適度に用意する*/
padding:5px;


}



div{

/*
 border-right:solid 1px #666;
 border-bottom:solid 1px #666;
*/
}

#wrap{
 border:solid 0px ;
 background-color:#fff;
 width:900px;
 margin:0 auto 0;
 padding: 0 0px 0 0px;
}
#top{
 height:150px;
 background:url(./img/DSC02496999.jpg);
}
#main{
 background-color: #fff;
 float:right;/* 横に配置 */
 width:685px;
 /*padding:0 0 0 10px;*/
}
#side{
 background-color: #FFF;
 float:left;/* 横に配置 */
 width:200px;
}
#bottom{
 background-color: #CCCCFF;

 clear:both;/* 回り込み解除 */
}

.red{ color:#ff4500; }
.blue{ color:blue; }

#side ul{
list-style-type:none;
margin:0;
padding:0;
}


#side li a{
background:url(./img/back.jpg) 0px 0px;
padding:10px;

#side li a:hover{
background:url(./img/back.jpg) 0px -100px;
}

/*テキストの色を好きなものに変更*/
color:#666;

/*文字飾りをなしにしてください（text-decoration)*/
text-decoration: none;

/*線を1pxの実線で好きな色で設定してください。*/
border:solid 1px #999;

/*行間を整える*/
line-height:20px;

/*ブロック要素に変更する（aはインライン要素なので）*/
display:block;

margin-top:3px;
}

#side li a:hover{
background:url(./img/back.jpg) 0px -100px;
}