@charset "Shift_JIS";

/* 2007.04.09 */

html,body,div,p,h1 {margin: 0; padding: 0;}

body,div,span,td,a {
font-size: 14px; line-height: 150%;
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Osaka�]“™•�",Verdana,Arial,Helvetica,Sans-serif,"‚l‚r ƒSƒVƒbƒN";
}

img {border: 0;}

a         {text-decoration: none;}
a:link    {color: #3366ff;}
a:visited {color: #993399;}
a:active  {color: #c0c0c0;}
a:hover   {color: #ff3333; text-decoration: underline;}

.l   {font-size: 16px;}
.s   {font-size: 12px;}
.ss  {font-size: 10px;}

strong {font-weight: bold;}

br.clear {
clear: both; width: 1px; height: 1px;
margin: 0 -1px -1px 0; padding: 0;
overflow: hidden; border: 0;
font: 0px/0px serif; line-height: 0;
}

.hide {display: none;}


body.blackbg {
background: #000000; color: #f0f8ff;
scrollbar-face-color: #000000; scrollbar-highlight-color: #000033;
scrollbar-shadow-color: #000033; scrollbar-3dlight-color: #000066;
scrollbar-arrow-color: #0000ff; scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000033;
}

body.whitebg {
background: #ffffff; color: #000033;
scrollbar-face-color: #ddddff; scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #eeeeee; scrollbar-3dlight-color: #ddddff;
scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #f0f0f0;
}


body.main-lower { background: #000000 url(http://agwot.s54.xrea.com/imgs/syokuzai.gif) fixed; }
body.main-upper { background: #000000 url(http://agwot.s54.xrea.com/imgs/syokuzai.gif) fixed 0% 100%; }


/* all pages */

div#layout {text-align: center;}

div#pagename, div#pagename-w {
margin: 10px; font-size: 11px;
color: #666666; text-align: left;
}
div#pagename   {background: #000000;}
div#pagename-w {background: #ffffff;}

div.back {margin: 10px 30px; text-align: right;}
div.back img {margin: 0 5px;}

div#content {margin: 30px; text-align: center;}
div#content h1 {font-size: 16px; color: #f0ffff;}

div.content-inner {margin: 0 auto;}

p.listfooter {margin-top: 20px; text-align: right;}

div#footer {padding-bottom: 30px;}


/* noframes */

div#noframes h1 {margin-top: 40px; font-size: 16px;}
div#noframes p {margin-top: 50px;}


/* site map */

div#sitemap {margin-left: 70px;}
div#sitemap table {
width: 600px; margin: 20px auto 0 auto;
border-collapse: separate;
}
div#sitemap tr.menu {background: #000066;}
div#sitemap th, div#sitemap td {padding: 2px 5px;}
div#sitemap th {text-align: left;}
div#sitemap td.cell {background: #000033;}
div#sitemap td.spacer {width: 10px;}
div#sitemap img {margin: 0 40px 0 5px; vertical-align: text-bottom;}
div#sitemap th span {font-weight: normal;}
div#sitemap td span {margin-left: 20px; color: #999999;}


/* top navi */

div#tnavi {margin: 0 15px;}
div#tnavi span, div#tnavi a {font-size: 13px;}
.thispage {color: #999999;}

div#tnavi div#tnavi-inner {width: 100%; position: relative;}

div#tnavi div#xreaad {width: 478px; float: left;}
div#tnavi div#xreaad div#xreaad-inner {padding: 5px;}

div#tnavi div#pages {
float: right;
position: absolute; right: 0; bottom: 5px;
}
div#tnavi div#pages p {margin-bottom: 5px; text-align: right;}
div#tnavi div#pages img {margin: 0 8px;}
div#tnavi div#pages img.bird   {margin: 0 4px;}
div#tnavi div#pages img.bird-r {margin: 0 8px 0 0;}


/* right navi */

div#rnavi {margin: 30px 0 30px 5px;}
div#rnavi a {font-size: 13px;}
div#rnavi img {margin: 10px auto;}
div#rnavi ul {margin: 0; list-style: none; text-align: left;}


/* index */

div#index div#header {
width: 90%; margin: 30px auto;
position: relative;
}
div#index div#header div#sitetitle {
width: 300px; float: left;
}
div#index div#header div#sitetitle h1 {
font-size: 20px; color: #ff4500;
text-align: center;
}
div#index div#header div#since {
margin-top: 15px;
font-size: 10px; color: #333399;
text-align: center;
}
div#since img {margin: 0 5px;}
div#index div#header div#counter {
float: right;
position: absolute;
bottom: 0; right: 0;
font-size: 10px; text-align: right;
}
div#index div#counter img {margin: 0 3px; vertical-align: baseline;}

div#index div#container {
width: 640px; margin: 40px auto;
position: relative;
}
div#index div#container div#main-menu {width: 400px; float: left;}
div#main-menu table {border: 0; border-collapse: collapse;}
div#main-menu caption {
padding-bottom: 10px;
font-size: 14px; font-weight: bold;
letter-spacing: 0.1em;
}
div#main-menu td {padding: 3px;}
div#main-menu td img {margin: 0 6px;}
div#main-menu td.uppercell,div#main-menu td.lowercell {text-align: center;}
div#main-menu td.leftcell-1  {width: 150px; text-align: right;}
div#main-menu td.leftcell-2  {padding-right: 30px; text-align: right;}
div#main-menu td.leftcell-3  {text-align: right;}
div#main-menu td.rightcell-1 {width: 150px; text-align: left;}
div#main-menu td.rightcell-2 {padding-left: 30px; text-align: left;}
div#main-menu td.rightcell-3 {text-align: left;}
div#main-menu td.centercell  {width: 50px;}
div#main-menu td.lowercell {text-align: center; display: none;}

div#index div#container div#updated {
width: 240px; float: right;
position: absolute; right: 0; bottom: 0;
}
div#updated div#whatsnew {
margin: 10px 5px; padding: 3px 5px;
font-size: 12px; background: #000033;
width: 18em; height: 7em;
text-align: left; overflow: auto;
}
div#whatsnew dl {margin-bottom: 0;}
div#whatsnew dd {margin-left: 10px;}
div#updated p a {font-weight: bold;}

div#master {margin: 50px auto 0 auto;}
div#master img {margin-top: 20px;}
div#copyright {
margin: 30px 20px 0 20px; padding: 10px;
color: #cccccc; font-size: 12px;
border-top: #666666 1px solid;
}


/* main */

div#info table {width: 80%;}
div#info table, div#profile table {margin: 20px auto 0 auto; border-collapse: separate;}

div#info th {
padding: 5px; font-size: 14px;
text-align: left; background: #000066;
}

div#info td, div#profile td {padding: 2px 5px;}
div#info td.cell01, div#profile td.cell01 {background: #000000;}
div#info td.cell02, div#profile td.cell02 {background: #000033;}
div#info td.cell00, div#profile td.cell00, div#profile td.cell03 {width: 60px;}
div#profile td.cell04 {width: 10px;}

div#profile table table {margin: 0;}

div#readme p {
margin: 20px; padding: 3px;
text-align: left; background: #000000;
}
div#readme ul {margin: 20px auto 0 100px;
text-align: left; background: #000000;
}
div#readme li {padding: 3px;}
div#readme li a {font-weight: bold;}

div#thanx span {color: #ff00ff;}
div#thanx ul {
width: 500px;
margin: 20px auto;
list-style: none; background: #000000;
}
div#thanx ul ul {margin: 0 0 0 20px;}
div#thanx li {padding: 3px; text-align: left; line-height: 120%;}
div#thanx li.listindent {margin-left: 180px;}

div#link p {
margin: 20px; text-align: left;
background: #000000;
}
div#link table {margin: 20px auto;}
div#link td {padding: 2px 5px;}


/* pray */

body.praybg   {background: #000000 url(http://agwot.s54.xrea.com/imgs/lb.gif) fixed no-repeat 90% 90%;}
body.pray03bg {background: #000000 url(http://agwot.s54.xrea.com/imgs/universe.jpg) fixed no-repeat 100% 100%;}

div#pray {margin: 30px 50px;}
p#prayfooter {
margin: 90px 100px 0;
color: #666699; font-size: 12px;
}

div#pray-header h1 {
margin-right: 70px;
color: #666699; text-align: right;
}
div#pray-header h1 span {margin-left: 15px; font-weight: normal;}

div.pray-main {margin: 50px 100px 0;}
div.pray-main p {margin: 20px auto 0 auto; text-align: left;}
div.pray-main p.pray-line   {margin-bottom: 50px;}
div.pray-main p.pray-center {text-align: center;}
div.pray-main p.pray-footer {
margin-top: 30px; font-size: 12px;
color: #cccccc; text-align: right;
}

img.pray-img {margin: 15px auto;}

div#pray04-03 {
width: 500px;
margin: 0 auto; padding-bottom: 20px;
}
div#pray04-03 p {padding-left: 20px;}

div#pray04-02 {
width: 500px; height: 300px;
background: #ffcccc; position: relative;
}
div#pray04-02 div#inner {
position: absolute;
bottom: 15px; left: 20px;
}
div#pray04-02 div#inner p {color: #3333cc;}

div#pray04-01 {
width: 500px; height: 300px;
background: #ccccff; position: relative;
}
div#pray04-01 div#inner {
position: absolute;
top: 45px; left: 80px;
}
div#pray04-01 div#inner p {color: #000033;}


/* pray words bottom navi */

div#bnavi     {margin: 5px 15px; text-align: right;}
div#bnavi a   {font-size: 13px;}
div#bnavi img {margin: 0 8px;}


/* words */

body.words   {background: #000000 url(http://agwot.s54.xrea.com/imgs/moon00.jpg) fixed no-repeat 10% 0%;}
body.words00 {background: #000000 url(http://agwot.s54.xrea.com/imgs/hg.gif) fixed repeat-y 80% 80%;}
body.words01 {background: #ffffff url(http://agwot.s54.xrea.com/imgs/suounioi.jpg) fixed;}
body.words02 {background: #000000 url(http://agwot.s54.xrea.com/imgs/higan_m01.jpg) fixed no-repeat 95% 85%;}
body.words03 {background: #000000 url(http://agwot.s54.xrea.com/imgs/cyou0082.jpg) fixed no-repeat 80% 60%;}
body.words05 {background: #ffffff url(http://agwot.s54.xrea.com/imgs/lotus.jpg) fixed no-repeat 85% 70%;}
body.words07 {background: #000000 url(http://agwot.s54.xrea.com/imgs/watercross.jpg) fixed no-repeat 80% 100%;}
body.words09 {background: #000000 url(http://agwot.s54.xrea.com/imgs/starry.jpg) fixed no-repeat 80% 30%;}

div#words-menu {margin: 0 auto;}
div#words-menu table {margin-top: 20px;}
div#words-menu caption {
margin-bottom: 10px;
font-size: 14px; font-weight: bold;
}
div#words-menu td {padding: 3px 5px;}
div#words-menu img {margin-left: 8px;}

div.words-inner h1 {margin-bottom: 30px;}
div.words-inner p {margin-top: 20px; text-align: left;}
div.words-inner p.date {text-align: right;}
div.words-inner p.footer {}
div.words-inner p.line {margin-top: 40px;}

div#words00 {width: 420px; margin: 0 auto;}
div#words00 h1 {color: #b0c4de; letter-spacing: 0.7em}
div#words00 p.container {color: #c0c0c0;}

div#words01 {width: 590px; margin: 0 auto;}
div#words01 h1 {color: #dc143c; letter-spacing: 1.0em;}
div#words01 h1 span {
color: #666666; font-weight: normal;
letter-spacing: 0em;
}
div#words01 p {color: #3399cc;}
div#words01 div#inner {margin: 20px auto;}
div#words01 img {margin: 0 30px; vertical-align: top;}
div#words01 img.author {margin-right: 40px; vertical-align: bottom;}

div#words02 {width: 460px; margin: 0 auto;}
div#words02 h1 {color: #990033;}
div#words02 p.container {color: #ccffff;}

div#words03 {width: 460px; margin: 0 auto;}
div#words03 h1 {color: #6600cc;}
div#words03 p.container {color: #ccccff;}

div#words04-01,
div#words04-02,
div#words04-03 {
width: 600px; margin: 0 auto;
position: relative;
}
div#words04-01 {margin-bottom: 60px;}
div#words04-01 h1 {color: #0066ff;}
div#words04-01 img.left  {position: absolute; bottom: 0; left: 0;}
div#words04-01 img.right {position: absolute; top: 0; right: 0;}
div#words04-01 div#inner {}
div#words04-01 div#inner p {margin: 20px 120px;}
div#words04-01 div#inner p.footer {margin-bottom: 0;}
div#words04-02 h1 {color: #cc0033;}
div#words04-03 h1 {margin-top: 40px; color: #cccc33;}
div#words04-02 p, div#words04-03 p {margin-left: 120px;}
div#words04-03 img {position: absolute; right: 0; bottom: 0;}
div#words04-01 div#inner p.container,
div#words04-02 p.container,
div#words04-03 p.container {color: #f0ffff;}
div#words04-04 {width: 600px; margin: 0 auto;}
div#words04-04 p {margin: 20px 100px 0 100px;}

div#words05 {width: 460px; margin: 0 auto;}
div#words05 h1 {color: #6666cc;}
div#words05 p.container {margin-left: 80px; color: #666666;}

div#words06 {
width: 600px; margin: 0 auto;
position: relative;
}
div#words06 h1 {color: #666666;}
div#words06 img {position: absolute; top: 30px; left: 0;}
div#words06 p {margin-left: 140px;}
div#words06 p.container {color: #333399;}
div#words06 span.underline {text-decoration: underline;}
div#words06 span.fuse, div#words06 p.ps {color: #333333;}
div#words06 p.date {margin-top: 50px; color: #999999;}
div#words06 p.ps {margin-top: 50px;}

div#words07 {width: 480px; margin: 0 auto;}
div#words07 h1 {color: #6666cc;}
div#words07 p.container {margin-left: 50px; color: #ccccff;}

div#words08-01, div#words08-02 {width: 480px; margin: 0 auto;}
div#words08-01 h1 {color: #cc6633;}
div#words08-01 p.container, div#words08-02 p.container {margin-left: 80px; color: #999999;}
div#words08-01 p.ps {color: #666699; text-align: right;}
div#words08-02 h1 {margin-top: 50px; color: #6666ff;}
div#words08-02 p.footer {color: #333366;}

div#words09 {width: 480px; margin: 0 auto;}
div#words09 h1 {color: #ffff66;}
div#words09 p.container {margin-left: 50px; color: #f0ffff;}
div#words09 p.footer {color: #9999cc;}
div#words09 p.ps {color: #666699; text-align: right;}
div#words09 p.ps span {text-decoration: underline;}

img.words-img {margin: 30px auto;}


/* photos */

div.photos-counter {margin-top: 10px;}
div#photos-header-2 h1 {
margin-right: 50px; font-size: 14px;
color: #999999; text-align: right;
}
div#photos-menu {width: 540px; margin: 0 auto;}
div#photos-menu h2 {
margin: 30px 0 5px;
padding-left: 10px;
font-size: 14px;
text-align: left;
border-left: #000099 5px solid;
}
div#photos-menu h2.new {background: url(http://agwot.s54.xrea.com/imgs/newr.gif) fixed no-repeat 22% 50%;}
div#photos-menu p.summary {margin-left: 10px; text-align: left;}
div#photos-menu table {margin-top: 20px;}
div#photos-menu td {width: 88px; padding: 6px 4px;}
div#photos-menu img.icon {margin: 4px auto 0 auto;}
div#photos-menu div.list-footer {width: 500px; margin: 5px auto;}
div#photos-menu div.list-footer div.date {float: left;}
div#photos-menu div.list-footer div.links {float: right;}
div#photos-menu div#caution {margin-top: 50px; text-align: left;}
div#photos-menu div#pagelink {margin-top: 30px; text-align: right;}
div#photos-menu div#pagelink img {margin: 0 5px;}

div#photos-content {margin: 30px auto;}
div#photos-content img {margin: 0 10px;}
div#photos-content table {width: 560px;}
div#photos-content td.pad {padding: 10px;}
div#photos-content div#ex {width: 560px; margin: 20px auto;}
div#photos-content div#ex p {margin-top: 20px; text-align: left;}
div#photos-content div#ex p.ps {color: #999999; text-align: right;}
div#photos-content div#footer {margin-top: 30px; padding-botton: 30px;}
div#photos-content div#ex p.date, div#photos-content div#footer p.pagelink {text-align: right;}
div#photos-content div#ex p a {font-weight: bold;}
div#photos-content div#ex img.img-left {margin-right: 20px; float: left;}
div#photos-content div#ex img.img-right {margin-left: 20px; float: right;}

h1 span.photos-title {margin-left: 10px; font-weight: normal;}


/* photos right navi */

body.photos-rnavi-bg {background: #000000 url(http://agwot.s54.xrea.com/photos/imgs/bg.jpg) fixed no-repeat 50% 90%;}

div#photos-rnavi {
width: 80px; height: 55px;
margin: 20px auto;
position: relative;
}
div#photos-rnavi img {
position: absolute;
top: 0; right: 0; bottom: 0; right: 0;
}
div#photos-rnavi h1 {
width: 100%;
color: #000099; font-size: 13px;
position: absolute;
right: 0; left: 0; bottom: 10px;
}

div#rnavi ul img {margin: 0 auto 0 10px;}