@charset "UTF-8";
/* ボディ全体の設定 */
body {
background-image: url(../img/zebra_bg.jpg); 
background-repeat: repeat;
font-family: sans-serif;
font-size: 14px;
line-height: 1.7;
color:#252525;
}

/* headerとside、mainを入れるボックス */
#wrap{
width:900px;
margin:30px auto;
background-color: #fff;	   
}

/* タイトルなどを入れる */
#header{
background-color:#212121;
padding: 10px;
}

/* メインの記事articleを書く */
#main{
width:600px;
float:right;
padding: 20px;
margin: 10px 0;
}

/* サイド */
#side{
width:180px;
background-color:#eee;
float:left;
padding: 10px 20px;
margin: 20px;
}

/* フッター */
#footer{
background-color:#cbcbcb;
padding: 10px;
clear:both;
text-align: center;
}

/* 見出しheading */
h1 {
color: #fff;
font-size: 40px;
text-align: center;
}

h2 {
font-weight: bold;
margin-top: 20px;
padding-bottom: 5px;
border-bottom: 2px solid #ff0000;
}

h3 {
color:#fff;
text-align: center;
background-color: #2f4f4f;
padding: 2px;
margin-bottom: 20px;
}

/* リスト　ul、ol　試してみよう */
ul{
	list-style-type:none;
}

ul li {
  line-height: 2.4;
}

/* テキストリンクの設定 */
a {
	color: #0073bc;
	text-decoration: none;
}
a:hover {
	color: #ff4500;
	text-decoration: underline
}
a:active {
	color: #ff1493;
}