body { margin: 0; padding: 0;
background-color:#FFFFFF; }

div { margin: 0; padding: 0; line-height: 1.5em; }

#main { position: absolute; top: 40px; left: 230px; width: 540px; margin-top: 10px; }

#menu { position: absolute; top: 60px; left: 0px; width: 220px; margin-top: 15px; margin-right: 10px; }

#right { position: absolute; top: 60px; left: 770px; width: 100px; text-align: center; margin-top: 20px; margin-left: 10px; }

body.none { background-image: none; margin: 30px; line-height: 1.5em; }

.navi1 { margin-bottom: 2px; padding-left: 10px; }

.navi2 { background-color: #CCFFCC; color: #000000; padding: 2px; margin-bottom: 5px; }

.style { color: #66CC66; text-align: center; border-bottom: #66CC00 1px solid; margin-bottom: 2px; }

.menu { margin-bottom: 2px;  text-align: center; }

.logo { text-align: center; padding-top: 20px; margin-bottom: 20px; }

hr.right { color: #66CC66; background-color: #66CC66; height: 2px; }

a:link { color: #0000CC; }

a:visited { color: #0000CC; }

a:hover { color: #FFFFFF; background-color: #FFCC33; }

a:active { color: #FFFFFF; background-color: #FFCCCC; }

.here { background-color: #FFCCCC; }

img.mail { border-style: none; }

.date { text-align: right; font-size: 90%; line-height: 0px; margin-top: 10px; padding: 0px; }

.page-title { background-color: #99CCFF; color: #FFFFFF; padding: 5px; text-align: center; font-weight: bold; letter-spacing: 5pt; font-size: 99%; }

.index { color: #663399; font-weight: bold; font-family: serif; font-size: 99%; margin: 10px 0px 5px 0px; padding-left: 10px;  border-bottom: solid 5px #CCCCFF; border-left: solid 2px #CC99FF; background-color: #FFFF66; }

.cmt { margin: 10px 10px 5px 10px; }

img.photo { float: left; margin: 5px 5px 5px 0px; }

img.photo-r { float: right; margin: 5px 0px 5px 5px; }

.clear { clear: left; }
.back { text-align: right; margin: 5px; }

img.star { margin-right: 3px; }

.topic { border: solid #66CC00 5px; padding: 5px; line-height: 1.5em; }

ul { list-style-position: outside; }

.profile-index { color: #663399; font-weight: bold; font-family: serif; margin-bottom: 10px; border-bottom: 2px solid #CCCCFF; }

.green { color: #66CC66; }

.koumoku { border-bottom: 2px dashed #CCCCFF; padding: 10px 0px; width: 20%; vertical-align: top; }

.koumoku1 { border-bottom: 2px dashed #CCCCFF; padding: 10px 0px; vertical-align: middle; text-align: center; }

.koumoku-1 { border-bottom: 2px dashed #CCCCFF; padding: 10px 0px; width: 20%; vertical-align: middle; text-align: left; }

.contents { border-bottom: 2px dashed #CCCCFF; padding: 10px 0px; vertical-align: top; }

.contents-1 { border-bottom: 2px dashed #CCCCFF; padding: 10px 0px; vertical-align: middle; text-align: center; }

.contents1 { border-bottom: 2px dashed #CCCCFF; padding: 10px 5px; vertical-align: top; background-color: #FFCCCC; width: 35%; }

.contents1-1 { border-bottom: 2px dashed #CCCCFF; padding: 10px 5px; vertical-align: middle; text-align: center;  width: 35%; }

.shopping { color: #663399; font-weight: bold; font-family: serif; font-size: 99%; margin: 10px 0px 5px 0px; padding-left: 10px;  border-bottom: solid 5px #CCCCFF; border-left: solid 2px #CC99FF; background-color: #FFFF66; }

.shopping-cmt { margin-top: 10px; }

.shopping-cart { text-align: right; margin-top: 20px; }

.tf-cmt { padding: 10px 30px; }

.book { border: solid 2px #66CC66; }

.top-photo { text-align: center; margin: 10px; }
.top-link { margin: 10px; }

.border { border: solid 1px #000000; border-collapse: collapse; padding: 5px; }

.message { font-size: small; }

.mailmagazine { font-size: 10pt; margin-left: 20px; }

hr.pink { color: #FFCCCC; background-color: #FFCCCC; height: 5px; }

.top-banner { margin: 0; padding: 0; }
.header-h1 { position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; color: #000000; font-size: 10pt; background-color: #FF0000; }

.header-sitemap { position: absolute; top: 0px; left: 800px; color: #000000; font-size: 10pt;}

.header-h2 { position: absolute; top: 30px; color: #FFFFFF; font-size: 10pt; }

.footer { position: absolute; text-align: center; width: 100%; height: 25px; color: #000000; font-size: 10pt; background-color: #FFCCCC; margin-top: 20px;}

.pan { margin: 0px; font-size: small;}
.backnumber { margin: 0px; font-size: small; text-align: center; background-color: #FFFF99; }