html,body,img,p,hr,h1,h2,ul,li,a,div{text-decoration:none;margin:0;padding:0}
body{color:#000;font-family:"MS ui gothic",Verdana,Arial,sans-serif;font-size:13px;margin-left:6px;background:url(back.jpg) repeat}
a:link,a:visited,a:hover,a:active{font-size:13px}
a:link,a:visited{color:purple}
a:hover{color:red}
a:active{color:#080}
a:active,a:focus{outline:none}
.f1,span{font-style:normal;font-weight:400;font-size:13px;margin-left:1em}
.f3,.f4,h1,h2{font-weight:600}
.f3,.f4{background:url(pi.gif) no-repeat 0 3px;text-indent:12px;margin:4px 0 4px 4px}
.f2,.f7,h3{font-weight:400;font-size:13px}
.f2{margin-right:1em;margin-left:0}
.f7{margin-right:2px;margin-left:5px}
img,#mary{float:left;border:none;margin:0 5px 3px 0}
p{margin-top:5px;font-weight:400;line-height:1.15}
.p1{line-height:14px}
.p4{margin-bottom:4px}
hr{background-color:olive;height:1px;border:none;width:99.5%;clear:both}
li{list-style-type:none}
h1{font-size:18px;margin:6px 0}
h2{font-size:16px;margin:5px 0 3px}
h3{line-height:1.15;margin:5px 0 0}
#mary a{display:block;border:0;background:url(mary.jpg) no-repeat;width:193px;height:250px;text-indent:9999px}
#mary a:hover{background:url(shoujyomary.jpg) no-repeat}