@charset "utf-8";

/* 各marginとpaddingの初期値をリセット */
* { margin: 0; padding: 0;}

/* WEBページ全体の設定 */
body {
background-image: url(flowerstar2.gif);
color: #222;
font-size: 12px;
}
a { color: #222;}
a:hover { background-color: #fc9;}

/* タイトルの配置を設定 */
h1 {
margin: 14px auto 10px;
text-align: center;
}

/* メニューの設定 */
#navi {
background-color: #fc9;
height: 30px;
border-top: 1px #fff dotted;
border-bottom: 1px #fff dotted;
}
ul {
right: 0;
list-style-type: none;
height: 30px;
width: 506px;
margin: 0 auto;
background-color: #fff;
}
li {
float: left;
width: 100px;
text-align: center;
background: url(267.gif) no-repeat;
line-height: 30px;
margin-left: 1px;
}
li a {
text-decoration: none;
font-weight: bold;
color: #930;
display: block;
}
li a:hover { background: url(229.gif) no-repeat;}

/* メニュー以下のボックスの幅と配置を設定 */
#wrapper{ width: 60%; margin: 0 auto;}

/* サンプルテキストのボックスの設定 */
.content {
background-color: #fff;
padding: 10px;
margin: 30px 0;
border: 2px #ff9 dotted;
}
h2 {
background: url(023.png) no-repeat;
line-height: 60px;
width: 190px;
text-indent: 50px;
color: #ccc;
}
p { margin: 1em 2em;}

/* 素材サイトさんのリンクの設定 */
#footer { text-align: center; background-color: #ff9;}
#footer p { font-size: 10px;}
#footer p:before, #footer p:after { content: "＝＝＝";}

/* clearfix */
.clearfix:after{
content:"";
display: block;
clear:both;
}

.clearfix { zoom:1;} /*for IE 5.5-7*/