@import url("plain2.css") all;

body { color: #333; background-color:#f7f8ea; padding: 8px }

a { color:#00f; text-decoration: none; background-color: transparent }
a:link, a:visited, a:hover, a:active { background-color: transparent }
a:link { color: #00f; text-decoration: underline }
a:visited { color: #f00 }
a:hover { color: #228b22; text-decoration: underline }
a:active { color: #f0f }
a img, a:link img{ text-decoration: none !important; border: 0 none !important }

h1 { letter-spacing: 4px; font-size: 120%; font-weight: 100 }
h2 { letter-spacing: 2px; font-size: 100%; font-weight: 200 }
h3 { font-size: 100%; font-weight: 100; }
hr { height:1px }
table, td { border: 0 none; }
ol { list-style-type: decimal }
ul { list-style-position: inside }
li { line-height: 110% }
pre { margin-left: 20px; margin-right: 20px }
del { color: gray; background-color: transparent; }
ins { text-decoration: underline; }

.description, .attention { margin-left: 3%; margin-right: 3%; line-height: 150%;  }
#link-a { margin-left: 3%; margin-right: 3% }
#about { margin-left: 6%; margin-right: 6% }
#howto { margin-left: 8%; margin-right: 8% }
#howto h2, #about h2 { color :#228b22; background-color: transparent }
#howto p, #about p { margin: 0.5em 0; line-height: 140%; text-indent: 1em }
#howto dl { padding-bottom: 3% }


.comment { text-align: left; display: block; height: auto; color: #000080; background-color: #fffaf0; border: 1px solid #ffdab9; margin: auto 13% auto 13%; line-height: 130%; }
.comment p { margin: 2% 3% }
.backtohome, .backtoprev, .diarynavigation, .photonavigation { text-align: right; font-size: 90%;}
#navi { margin: 0 10%; line-height: 120%; padding: 0.5em !important}
h1 { margin-left: 5% }
#indextitle, #renewdata, #index-photo, #term, #term p, #term img, #flower, #flower p, #flower img, .photo, .photolist, #link, .photo table { margin-left: auto; margin-right: auto; text-align: center }


.whatsnew { border: 1px solid #f8f8ff; width: 80%; margin-left: 10%; margin-right: 10%;  }
#term img, flower img { margin-bottom: 0.8em }
.photo table td { width: 240px }
.photo .mybougains th { text-align: left; font-weight: normal; font-size: 90%;}
.photo .mybougains td { text-align: left; font-size: 90%; }
.photo .mybougains .name { width: 14em; }
.photo dl, .photolist dl { text-align: left !important; margin-left: 10%; margin-right: 10%; }
.photo h2 { text-align: left; }
.photo th { display: none; }
.photo em { font-size: 90% }
.photo p { margin-top: 2em; text-align: left;}
#enrique1, #enrique2, #enrique3, #enrique4, #enrique5 { width: 480px; height: 360px; margin-left: auto; margin-right: auto; text-align: center; } 
#enrique1 { background-image: url(image/enrique-boogainvirea-3.jpg); }
#enrique2 { background-image: url(image/enrique-boogainvirea-1.jpg); }
#enrique3 { background-image: url(image/enrique-tokkuri.jpg); }
#enrique4 { background-image: url(image/enrique-tougarashi.jpg); }
#enrique5 { background-image: url(image/enrique-kame.jpg); }
.fuckyahoo { display: none;}
#mybougainsnavigation { font-size: 90%; text-align: left; }
#mybougainsnavigation li, .pankuzu li { display: inline; }
#mybougainsnavigation li a, .pankuzu li a { margin-left: 1em; }
.pankuzu { font-size: 90%; text-align: right; }

#author { width: 70%; float: left }
#ad { width: 20%; float: right; text-align: right }
#author, #ad { height: auto; border: 1px solid #f8f8ff; display: block; margin: 0 }

.diary-date { margin-left: 8%; padding-top: 1em; }
.diary { color: #333; margin: 0 10% 8px 10%; background-color: #fff0f5; border: 1px solid #f8f8ff; padding: 0.6em; }

.diary p img { text-align: center !important }
.diary strong { color: #4b0082; background-color: transparent }
.diaryphotodescription, .howtophotodescription { display: none; }

#about1 { letter-spacing: 0 !important; }
#help ul { list-style-position: outside; }
#help li { line-height: 160%; }
#about2 { text-align: right !important; }
.footer ul { text-align: right; }
.footer li { line-height: 180%; font-size: 90%; }
address { text-align: left; font-style: normal; }
#link1 table { margin: 0 }
#link1 .ura ul { text-align:center }
#link1 .ura li { line-height: 150%; display: inline }
#link1 dl { line-height: 150% }
#link2 { text-align: right }

.b2 { color: #ff0000; background-color: transparent }
.topnavigation { text-align: right; }