<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>薬玉文様</title>
<link rel="stylesheet" href="css/h07.css">
</head>
<body>
<div id="container">
<h1>薬玉文様<span>（くすだまもんよう）</span></h1>
<p>
薬玉とは、薬・香料を玉にして錦の袋に入れ、造花や蓬・菖蒲などを飾り、五色の糸を長く垂らしたもの。古代中国で端午の節句に薬玉を柱などに掛け、邪気払いや長寿を祈願する風習が、平安時代に日本へ伝わり貴族の間で行われるようになった。
江戸初期以後は、薬玉が民間の女児の玩具として流行。小袖や帯に用いられるほか、吉祥柄のため七五三用などの祝着の文様としても好まれる。</p>
<p class="footer"><small>©2013 Historical Japan</small></p>
</div><!--container end-->
</body>
</html>
@charset "utf-8";
body,div,h1,h2,h3,p,ul,li,a,img {
margin: 0;
padding: 0;
}
body {
font-size:15px;
font-family:"ヒラギノ明朝 ProN",
"HG明朝E",
"ＭＳ Ｐ明朝",
"ＭＳ 明朝",
serif;
line-height:1.7;
font-weight: bold;
background: url(../img/%E3%82%AF%E3%82%B9%E7%8E%89%E6%96%87%E6%A7%98/bg.gif) repeat;
}
#container {
width:612px;
height:459px;
position: absolute;
top: 50%;
left: 50%;
background: url(../img/%E3%82%AF%E3%82%B9%E7%8E%89%E6%96%87%E6%A7%98/image.jpg) no-repeat #000 right top;
border: 15px solid #000;
margin: -235px -311px;
}
h1 {
width:308px;
color:#FC6;
font-size: 20px;
color: #FC6;
padding: 20px 0 35px 10px;
}
h1 span {
font-size: 15px;
}
p {
width: 273px;
color:#FFF;
padding:0 25px 0 10px;
line-height:1.8;
}
p.footer {
color:#999;
margin-top: 80px;
text-align:right;
}
