@charset "utf-8";

*     { margin: 0; padding: 0; }

html  { padding-top: 40px; background : url('image/rose_wall.jpg') no-repeat fixed #efb000; background-size: 100%; }
body  { width: 800px; margin: auto; font-family: メイリオ,Meiryo,"MS UI Gothic"; }
 
h1    { font-size: 70px; color: #ec0000;
		font-family: "Times New Roman",verdana,Arial,serif;
		text-shadow: 4px 4px 6px #fff; letter-spacing: 3px; }

article      { margin-top: 50px; }
article:after{ content:""; height: 0; visibility: hidden; display: block; clear: both; }

/*div.poem  { white-space: pre; letter-spacing: 2px; }*/
div.poem p  { white-space: pre; letter-spacing: 2px; }
div p       { margin-bottom: 16px; letter-spacing: 1px; }

figure.lside { float: left;  margin-right: 60px; width: 350px; }
figure.rside { float: right; margin-right: 40px; width: 350px; }
figure img   { border: solid 1px #E4E4E4; border-radius: 8px; box-shadow: 5px 5px 10px #fff; }

nav      { float: left; }

ol       { line-height: 1.8em; }
ol ul    { margin-left: 60px; }
li       { font-size: 110%; text-shadow: 2px 2px 3px #fff; }

a         { text-decoration: none; color: #000 !important; }
a:focus,
a:hover   { color: blue !important; background: #FFFF40; }
li a      { display: block; }

footer     { margin: 50px 0; }
footer img { display: none; }

#total   { font-size: 120%; font-family: "Times New Roman",verdana,Arial,serif; margin-left: 5px; }
time     { margin-left: 20px; font-size: 0.9em; }
small    { display: block; font-size: 0.9em; font-style: italic; text-align: right; padding-right:10px; }

hr       { height: 2px; border: 0; background: linear-gradient(to right, transparent, #f00 10%, #D00000, #f00 95%, transparent); }

*   { max-width: 100%; }