body {
margin: 0;
padding: 0;
color: #444444;
background: #FFFFCC;
}

a {
color: #993366;
}

a:hover {
color: #660033;
}

/* --------------------------- SIDE MENU --------------------------------------------------------------------------------------------------- */
#side-body {
color: #444444;
background: #FFFFCC url(img/side_bg.gif) repeat-y;
}

#logo-img {
margin: 0;
padding: 0;
width: 230px;
height: 120px;
color: #444444;
background: #FFFFCC url(img/side_logo.gif) no-repeat left top;
}

h1 {
display: none;
}

ul#menu {
margin: 0;
padding: 0;
list-style: none;
color: #444444;
background: #FFFFCC url(img/side_space.gif) repeat-y;
}

#menu li, #menu a {
display: block;
margin: 0;
padding: 0;
list-style: none;
width: 190px;
height: 62px;
outline: 0;
}

#menu li {
text-indent: -9999px;
color: #444444;
background: #FFFFCC url(img/side_contents.gif) no-repeat 0px 0px;
}

#menu a {
text-decoration: none;
color: #444444;
background: #FFFFCC url(img/side_contents.gif) no-repeat 0px 0px;
outline: 0;
}

#menu02 a {background-position: 0 -62px;}
#menu03 a {background-position: 0 -124px;}
#menu04 a {background-position: 0 -186px;}
#menu01 a:hover {background-position: -190px 0px;}
#menu02 a:hover {background-position: -190px -62px;}
#menu03 a:hover {background-position: -190px -124px;}
#menu04 a:hover {background-position: -190px -186px;}

ul#submenu {
margin: 0;
padding: 20px 0px 0px 0px;
list-style: none;
color: #444444;
background: #FFFFCC url(img/side_space.gif) repeat-y;
}

#submenu li, #submenu a {
display: block;
margin: 0;
padding: 0;
list-style: none;
width: 190px;
height: 54px;
}

#submenu li {
text-indent: -9999px;
color: #444444;
background: #FFFFCC url(img/side_return.gif) no-repeat 0px 0px;
}

#submenu a {
text-decoration: none;
color: #444444;
background: #FFFFCC url(img/side_return.gif) no-repeat 0px 0px;
}

#submenu02 a {background-position: 0 -54px;}
#submenu01 a:hover {background-position: -190px 0px;}
#submenu02 a:hover {background-position: -190px -54px;}

#menuBottom {
margin: 0;
padding: 0;
width: 230px;
height: 20px;
color: #444444;
background: #FFFFCC url(img/side_bottom.gif) no-repeat left top;
}

/* --------------------------- PAGE TOP --------------------------------------------------------------------------------------------------- */
#top-body {
color: #444444;
background: #FFFFFF url(img/top_bg.gif) repeat-y;
}

#top-img {
margin: 0;
padding: 0;
width: 570px;
background: transparent url(img/saikawa.jpg) no-repeat left top;
overflow: hidden;
}

h1 {
display: none;
}

h2 {
margin: 0;
padding: 0;
}

#what {
margin-top: 0;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 0px;
padding: 0;
float: left;
width: 260px;
color: #993333;
background-color: transparent;
}

#what h2 {
margin: 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background: transparent url(img/what.gif) no-repeat left top;
}

#what p, #news p {
margin: 0;
padding: 0px 8px;
font-size: 80%;
line-height: 130%;
}

#news {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
float: right;
width: 270px;
color: #993366;
background-color: transparent;
}

#news h2 {
margin: 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background: transparent url(img/news.gif) no-repeat left top;
}

#footer {
clear: both;
margin: 15px 0px 10px 20px;
padding: 2px 0px;
color: #444444;
background-color: #FFFFFF;
font-size: small;
line-height: 130%;
text-align: right;
border-top: 1px solid #444444;
}

#cnt-footer {
clear: both;
margin: 15px 0px 10px 20px;
padding: 2px 0px;
width: 550px;
color: #444444;
background-color: #FFFFFF;
font-size: small;
line-height: 130%;
text-align: right;
border-top: 1px solid #444444;
}

#banner-area {
clear: both;
margin: 440px 0px 0px 20px;
padding: 2px 0px;
width: 550px;
text-align: right;
}
#banner-area span {
margin: 0 0 0 5px;
}
#banner-area span img {
border: 0;
}

/* --------------------------- CONTENTS--------------------------------------------------------------------------------------------------- */
#cnt-body {
margin: 0;
padding: 0;
color: #444444;
background: #FFFFFF url(img/top_bg.gif) repeat-y;
}

#cnt-container {
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
margin-right: 0;
padding: 0;
width: 550px;
overflow: hidden;
}

#diary-container {
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
margin-right: 0;
padding: 0;
width: 550px;
}

/* --------------------------- PROFILE--------------------------------------------------------------------------------------------------- */
#profile-title {
margin: 0;
padding: 0;
width: 570px;
height: 100px;
color: #444444;
background: #FFFFCC url(img/tit_profile.gif) no-repeat left top;
}

#profile-img {
margin: 0;
padding: 0;
float: left;
width: 280px;
}

#profile-img img {
border: 0px;
}

#profile-txt {
margin: 0;
padding: 0;
float: right;
width: 260px;
}

#profile-txt h2 {
margin: 0px 0px 10px 0px;
padding: 2px 0px;
font-size: 110%;
color: #444444;
background-color: #FFFFFF;
border-top: 2px solid #ffcc33;
border-bottom: 1px dotted #ffcc33;
}

#profile-txt p {
margin: 0px 0px 10px 0px;
padding: 0;
font-size: 100%;
line-height: 140%;
color: #444444;
background-color: #FFFFFF;
}

/* --------------------------- HISTORY--------------------------------------------------------------------------------------------------- */
#history-title {
margin: 0;
padding: 0;
width: 570px;
height: 100px;
color: #444444;
background: #FFFFCC url(img/tit_history.gif) no-repeat left top;
}

.history-section {
margin: 0;
padding: 0;
width: 550px;
}

.history-section h2 {
margin: 0;
padding: 2px 0px;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
color: #006699;
background-color: #FFFFFF;
border-top: 2px solid #66ccff;
border-bottom: 1px dotted #66ccff;
}

.history-section p {
margin: 5px 0px 15px 0px;
font-size: 100%;
line-height: 135%;
color: #444444;
background-color: #FFFFFF;
}

/* --------------------------- BBS-------------------------------------------------------------------------------------------------------- */
#bbs-title {
margin: 0;
padding: 0;
width: 570px;
height: 100px;
color: #444444;
background: #FFFFCC url(img/tit_bbs.gif) no-repeat left top;
}

/* --------------------------- BBS---POST------------------------------------------- */
#posted form {
margin: 0;
padding: 0;
width: 532px;
}

#posted fieldset {
margin: 0;
padding: 4px;
width: 532px;
border: 1px solid #669900;
color: #669900;
background-color: #FFFFFF;
}

#posted legend {
margin: 0;
padding: 0px 6px;
font-weight: bold;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
color: #669900;
}

#posted div {
margin: 8px 0px;
position: relative;
width: 100%;
border-top: 1px dotted #669900;
}

#posted label {
display: block;
float: left;
width: 90px;
margin: 0px 8px 0px 0px;
padding: 4px 0px;
font-weight: bold;
font-size: 95%;
font-family: Verdana, Arial, sans-serif;
vertical-align: top;
}

.longinput {
margin: 4px 0px;
width: 340px;
height: 18px;
color: #333333;
background-color: #FFFFCC;
position: relative;
left: 10px;
}

.shortinput {
margin: 4px 0px;
width: 300px;
height: 18px;
color: #333333;
background-color: #FFFFCC;
position: relative;
left: 10px;
}

.cmtinput {
margin: 4px 0px;
width: 380px;
height: 80px;
color: #333333;
background-color: #FFFFCC;
position: relative;
left: 10px;
}

.postinput {
margin: 4px 0px 0px 0px;
width: 60px;
height: 20px;
font-size: 12px;
position: relative;
left: 420px;
color: #996600;
background-color: #FFFFCC;
}

#bbsrule {
margin: 10px 0px;
padding: 5px 10px;
width: 518px;
border: 2px solid #CC3333;
color: #444444;
background-color: #FFCCCC;
}

#bbsrule p {
margin: 2px 0px;
padding: 0;
font-size: 100%;
line-height: 125%;
}

#bbsrule.atn p {
margin: 4px 0px;
padding: 0;
font-size: 100%;
line-height: 130%;
text-align: center;
}

.postcmt {
margin: 0;
padding: 6px;
font-size: 100%;
width: 530px;
color: #444444;
background-color: #FFFFCC;
}

.postcmt h2 {
margin: 2px 0px;
padding: 6px;
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
background-color: #993366;
}

.postcmt p {
margin: 4px 0px 0px 0px;
padding: 0;
font-size: 100%;
border-top: 1px dotted #993366;
}

.postname {
font-size: 110%;
font-weight: bold;
}

.postfea {
font-size: 90%;
}

/* --------------------------- BBS---RESPOND------------------------------------------- */
.rescmt {
margin: 0;
padding: 6px;
font-size: 100%;
width: 530px;
color: #444444;
background-color: #DDDDDD;
border-top: 2px solid #FFFFFF;
}

.rescmt p {
margin: 4px 0px 0px 0px;
padding: 0;
font-size: 100%;
border-top: 1px dotted #444444;
}

.responced {
margin-top: 4px;
margin-bottom: 10px;
margin-left: 200px;
margin-right: 0;
padding: 0;
width: 340px;
}

.responced form{
margin: 0;
padding: 0;
width: 340px;
}

.responced label {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 95%;
font-family: Verdana, Arial, sans-serif;
}

.resput {
margin: 4px 0px;
width: 280px;
height: 18px;
color: #333333;
background-color: #DDDDDD;
}

.cmtresput {
margin: 4px 0px;
width: 320px;
height: 40px;
color: #333333;
background-color: #DDDDDD;
}

.ressubmit {
margin: 4px 0px;
width: 60px;
height: 20px;
font-size: 12px;
color: #444444;
background-color: #EEEEEE;
}

/* ---------------------------NEXT-PREV------------------------------------------- */
.nextprev {
margin: 6px 0px;
padding: 0;
font-size: 95%;
font-family: Verdana, Arial, sans-serif;
text-align: center;
width: 550px;
color: #444444;
background-color: #FFFFFF;
}

/* --------------------------- DIARY--------------------------------------------------------------------------------------------------- */
#diary-body {
margin: 0;
padding: 0;
color: #444444;
background: #FFFFFF url(img/top_bg.gif) repeat-y;
}

#diary-title {
margin: 0;
padding: 0;
width: 570px;
height: 100px;
color: #444444;
background: #FFFFCC url(img/tit_diary.gif) no-repeat left top;
}

.diarybox {
margin: 15px 0px;
padding: 6px;
font-size: 100%;
width: 530px;
color: #444444;
background-color: #FFCCCC;
}

.diary-title {
margin: 0;
padding: 4px;
background-color: #993333;
}

.diary-title h2 {
display: inline;
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
background-color: #993333;
}

.diary-time {
font-size: 100%;
color: #FFFFFF;
background-color: #993333;
}

.diary-txt {
margin: 4px 0px 0px 0px;
padding: 0;
font-size: 100%;
line-height: 135%;
}