body{
background-image:url(img/2.png);
font-size:14px;
color:#666666;
}
#catchcopy{
font-size:16px
}
#container{
width:1060px;
margin: 0 auto;
}
#header{
height:180px;
}
#menu{
width:220px;
float:left;
}
#content{
width:808px;
float:right;
background-color:#faf0e6;
}
#header h1{
padding-top:28px;
padding-left:32px;
}
img{
border-style:none;
}
#menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#menu li a{
display: block; 
border-left: 8px solid #C97556;
background-color: #474655;
padding: 10px 10px;
text-decoration: none;
color: #E1E2CF;
width: 210px; 
margin: 5px 0px;
text-align: left;
font-size: 16px;
}
#menu li a:hover{
border-left: 8px solid #990033;
background-color: #474655;
}
/*--コンテンツ一覧--*/
#content .articleList{
 border: solid 1px #cccccc;
 margin: 10px;
}
#content .articleList a{
 display: Block;
 padding: 10px;
 color: inherit;
 text-decoration: none;
}
#content .articleList a:after{
 content: "";
 clear: both;
 display: block;
 }
#content .articleList a:hover{
 opacity: 0.7;
 }
#content .articleList a .articleListText{
 width:390;
 float:right;
}
#content .articleList a .articleListImage{
 width:300;
 float:left;
}

/*--フッター--*/
#footer{
text-align:center;
padding-top:20px;
padding-bottom:20px;
}

/*--検索ページの余白--*/
#kensaku{
 padding:10px;
}

/*--サイトでの罫線--*/
hr{
 height:3px;
 border:0;
 background:linear-gradient(left, #f5f5f5, #999, #f5f5f5);
 background:-webkit-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
 background:-moz-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
}