@charset "euc-jp";


/*========== �y�[�W�\��==============================================*/
body {
        background-color: #fff;
        margin: 0;
        padding: 0;
        background-image:url(common/shadow.gif);
        background-position: 0px 0px;/*776px 0px;*/
        background-repeat: repeat-y;
	    }

#wrapper {
        width: 777px;
        background-color: #ece6e6;
        margin: 0;
        }

.container {
        float: left;
        width: 777px;
        margin-bottom: 0;
        background-image:url(common/side_shadow.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        }

.side {
        width: 250px;
        float: left;
        margin: 0;
        padding: 0;
        /*background-image:url(common/side_shadow.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;*/
        }

.main {
        width: 526px;
        float: right;
        margin: 0;
        padding: 0;
        }


/*========== �t�H���g ================================================*/
h1, h3 {
        text-align: left;
        margin: 0;
        font-family: "Georgia", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, serif;
        }

p {
        font-size:12px;
        text-align:left;
        /*color:#666666;*/
        text-decoration: none;
        margin-top: 0;
        font-family: "Georgia", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, serif;
        }

/*----- line-spacing������        IE��A����lt;br>�������o�O���p -----*/
br {
        letter-spacing: 0;
        }


/*----- �����N���-------------------------------*/
p a {
        color:#ff6600;
        }

p a:hover {
        text-decoration: underline;
        }

.side a {
        color: #339933;
        text-decoration: none;
        }

.side a:hover {
        text-decoration: underline;
        }

/*========== �e�p�[�g ================================================*/

/*========== �w�b�_�E�p�[�g ======================*/
.head {
        height: 105px;
        margin: 0;
        background-image:url(common/tarf.gif);
        background-position: 0px 77px;
        background-repeat: repeat-x;
        }

.head img {
        border: none;
        position: absolute;
        top: 7px;
        left: 25px;
        }

.head p {
        font-size: 11px;
        text-align: right;
        letter-spacing: 0.1em;
        padding-top: 10px;
        padding-right: 30px;
        line-height: 1.2;
        }

.cn {
        font-size: 13px;
        font-weight: bold;
        margin-right: 20px;
        }


/*======== �T�u�^�C�g�� ==========================*/
.sub {
        height: 22px;
    	/*background-image:url(common/stripe_sub.gif);*/
        /*background-repeat: repeat-x;*/
        background-image:url(common/soil.gif);
        background-position: 0px 0px;
        background-repeat: repeat;
	    /*background-color:#339933;*/
        margin-left: 2px;     
        }

.sub p {
	    font-size: 13px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.1em;
        padding-top: 3px;
        padding-left: 10px;
        margin: 0;
        }


/*========== ���j���o�[�E�p�[�g ===================*/
.menu {
	    font-size:12px;
        text-align:center;
        margin-left:0;
	    margin-right:0;
	    margin-bottom: 1px;
	    margin-top:0;
	    /*background-color: #583000; #339933;*/
        background-image:url(common/soil.gif);
        background-position: 0px 0px;
        background-repeat: repeat-x;
	    height:25px;
	    position:relative;
	    top:0;
	    left:0;
        color: #ffffff;
	    font-family:serif;
	    }

.menu a {
	    color: #ffffff;
	    text-decoration: none;
	    display: block;
	    width: 110px;
	    line-height: 25px;
        border-left: solid 1px #ece6e6;
        border-right: solid 1px #ece6e6;
	    }

.menu a:hover {
        color:#ffffff;
	    /*background-color: #8b5100;*//*#33cc33;*/
	    }

.menu.nolink {
        color:#ffffff;
        text-decoration:none;
        display:block;
        text-align:center;
        width:110px;
        line-height:25px;
        padding-left: 0;
        padding-right: 0;
        }

.menu.nolink:hover {
        color:#f8f2f2;
        background-color:#8b5100;
	    }

.menu img {
        border: none;
        }

#menu1 {
        position:absolute;
        left:0;
        top:0;
        }

#menu2 {
	position:absolute;
	left: 111px;
	top: 0;
	width: 110px;
    /*height: 25px;
    text-align:center;
    line-height: 25px;*/
	}

#menu3 {
	position: absolute;
	left: 222px;
	top:0;
	}

#menu4 {
	position: absolute;
	left: 333px;
	top:0;
	}

#menu5 {
	position: absolute;
	left: 444px;
	top:0;
	}

#menu6 {
	position: absolute;
	left: 555px;
	top:0;
	}

#menu7 {
	position: absolute;
	left: 666px;
	top:0;
	}

#menu7 img {
    margin-top: 2px;
	}


/* �T�u���j���[�L�J� */
.submenu {
	visibility: hidden;
	position:absolute;
	left:0
	}

.submenu a {
	background-color:#8b5100;
	border-top:solid 1px #ffffff;
	}

.subnolink {
	/*background-color:#8b5100;*/
    text-align:center;
	width:110px;
	line-height:20px;
    padding-left: 0;
    padding-right: 0;
	border-top:solid 1px #ffffff;
	}

.menu span {
	color:#dad4d4;
	display:none
	}


/*========== �y�[�W�^�C�g�� ======================*/
.pagetitle {
        height: 34px;
        background-image:url(common/soil.gif);
        background-position: 0px 67px;
        background-repeat: repeat;
        /*margin-bottom: 2px;*/
        padding-left: 25px;
        border-bottom: 2px solid #8CB631;
        }

.pagetitle h1 {
        font-size: 18px;
        color: #ffffff;
        padding-top: 7px;
        letter-spacing: 0.5em;
        }


/*========== ��i����E��� ====================*/
.special {
        float: left;
        width: 526px;
        background-image:url(common/bg_topcolumn.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        margin: 0;
        padding: 0;
        /*margin-bottom: 25px;*/
        }

.special img {
        margin-left: 2px;
        border: none;
        }

.special a {
        text-decoration: none;
        }

.specialleft{
        width: 263px;/*263*/
        margin-top: 0;
        /*margin-left: 1px;*/
        float: left;
        background-color: #e1dedc;
        background-image:url(common/bg_topleft.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        }

.specialright{
        width: 263px;
        /*margin-left: 1px;*/
        float: right;
        /*background-color: #e3e3e3;*/
        /*background-image:url(common/bg_topright.gif);*/
        /*background-position:0px 0px;*/
        /*background-repeat: repeat-y;*/
        }

.specialright img {
        padding-top: 2px;
        margin-left: 2px;
        border: none;
        }

.specialcomment {
        font-size: 12px;
        line-height: 2;
        letter-spacing: 0.2em;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 15px;
        }

.top3 {
        font-size: 12px;
        line-height: 2;
        margin-top: 15px;
        margin-left: 50px;
        margin-right: 15px;
        margin-bottom: 40px;
        }

.top3 a {
        color:#ff6600;
        }

.top3 a:hover {
        text-decoration: underline;
        }

/*========== �{�g�����j���E�p�[�g ================*/
.bottommenu {
        clear:both;
        font-size:14px;
        text-align: right;
        /*margin-top: 3px;*/
        letter-spacing: 0.2em;
        background-image:url(common/soil.gif);
        background-repeat:repeat-x;
        height:20px;
	    position:relative;
	    top:0;
	    left:0;
        font-family: serif;
        border-top: 2px solid #8CB631;
        }

.bottommenu a {
        display: block;
        text-align: right;
        color:#fff;
        font-weight: bold;
        width: 130px;
        line-height: 20px;
        text-decoration:none;
        }

.rss {
        background-image:url(common/feed-icon-16x16.gif);
        background-repeat: no-repeat;
        background-position: 15px 2px;
        padding-left: 18px;
        }

#menu10 {
        position: absolute;
        right: 20px;
        top: 0;
        }

#menu11 {
        position: absolute;
        right: 151px;
        top: 0;
        }

#menu12 {
        position: absolute;
        right: 301px;
        top: 0;
        }


.bottommenu a:hover {
        text-decoration: underline;
        }

.bottommenu span {
        color:#c5e1ed;
        display:none;
        }


/* �A�h���X�J� */
address {
        font-size: 12px;
        font-style: normal;
        color: #808080;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 80px;
        padding-right: 20px;
        }

adress img {
        border: none;
        /*margin: 20px 0 10px 0;*/
        }

address a {
        color: #808080;
        text-decoration: none;
        }

address a:hover {
        color: #808080;
        text-decoration: none;
        }


/*========== �e�e���v���[�g�p ========================================*/

/*----- �g�b�v�y�[�W
        �w�b�h���C����e���v���[�g ---------------*/

.headline{
        font-size: 14px;
        margin: 15px 5px 40px 15px;/* �E���*/
        line-height: 1.8;
        letter-spacing: 0.1em;
        font-family: selif;
        }

.headline img {
        border: none;
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
        }

.headline img.icon {
        border: none;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        }

.clear {
        clear: both;
        margin: 0;
        padding: 0;
        height: 0;
        }


/*----- �g�b�v�y�[�W
        ���b�g�[��e���v���[�g -------------------*/

.motto {
        /*width: 250px;*/
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.1em;
        padding-top: 12px;
        padding-left: 15px;
        padding-right: 10px;
        /*background-color: #ffffff;*/
        }

.motto img {
        /*float: left;*/
        border: none;
        margin-top: 1em;
        margin-bottom: 1em;
        }

.motto span {
        color: #339933;
        font-weight: bold;
        text-align: center;
        }


/*----- �g�b�v�y�[�W �j���[�X����         toppage/detail --------------------------*/

.news {
        padding: 10px 8px 5px 10px;/* �E���*/
        }

.news h2 {
        font-size: 13px;
        font-weight: bold;
        color: #339933;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.2;
        background-image: url(common/acorn.gif);
        background-repeat: no-repeat;
        }

.news p {
        line-height: 2em;
        padding: 0 10px 10px 0;
        }

.news img {
        float: left;
        border: none;
        margin: 1em 10px 1em 0;
        }

.newsmore {
        clear: both;
        padding: 10px 8px 5px 100px;
        }

.newsmore a {
        text-align: right;
        }

.newsbody {
        padding-left: 15px;
        padding-right: 15px;
        }

.newsbody img {
        float :left;
        border: none;
        margin-right: 1em;
        margin-bottom: 1em
        }

.newsbody a {
        color: #339933;
        text-decoration: none;
        }

.newsbody a:hover {
        text-decoration: underline;
        }

/*-----  toppage/index ---------------------------*/
.detail {
        padding-top: 15px;
        line-height: 1.5;
        font-size: 14px;
        }

.detailtitle {
        font-weight: bold;
        color: #339933;
        margin-bottom: 0;
        padding-left: 30px;
        padding-right: 20px;
        }

.detailbody {
        padding-left: 15px;
        padding-right: 15px;
        }

/*----- ����T�v�y�[�W
         profile/title ---------------------------*/

.profiletitle {
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        letter-spacing: 1em;
        line-height: 2;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 20px;
       }


/*----- profile/detail ----------------------------*/

.profile {
        padding-top: 15px;
        padding-right: 15px;
        line-height: 1.5;
        font-size: 14px;
        }

.profile h2 {
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        letter-spacing: 1em;
        padding-top: 8px;
        padding-left: 18px;
        padding-bottom: 8px;
        border-style: solid;
        border-width: midium; 
�@�@�@�@border-color: #339933;
        }

.profile h3 {
        font-size: 14px;
        color: #339933;
        font-weight: bold;
        letter-spacing: 1em;
        padding-top: 25px;
        }

a.profile h3{
        text-decoration: none;
        color:#339933;
        }

a.profile h3:hover {
        text-decoration: none;
	    }

.profilemotto {
        text-align: center;
        line-height: 2;
        }

.profilebody {
        padding-right: 20px;
        margin-bottom: 40px;
        }

.profilebody img {
        border: none;
        _margin-bottom: 1em;
        margin-bottom: 1;
        margin-right: 1;
        }

.text1 {
       font-size: 12px;
       width: 450px;
       }


/*----- �������---------------------------------*/

.historyindex {
        padding-top: 15px;
        line-height: 1.5;
        font-size: 14px;
        }

.historydetail {
        padding-top: 15px;
        padding-bottom: 30px;
        line-height: 1.5;
        font-size: 14px;
        }

.historytitle {
        font-weight: bold;
        margin-bottom: 0;
        }

.historytitle a {
        color: #339933;
        text-decoration: none;
        }

.historytitle a:hover {
        text-decoration: underline;
        }

.detailbody img {
        border: none;
        _margin-bottom: 1em;
        margin-bottom: 1;
        margin-right: 1;
        }


/*----- ��p�i��-------------------------------*/
.lll {
        line-height: 1.5;
        font-size: 14px;
       }

.lll h2 {
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 2px;
        padding: 0 0 0 26px;
        }

.lll h2 a {
        color: #339933;
        text-decoration: none;
        }

.lll h2 a:hover {
        text-decoration: underline;
        }

.llltitle {
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 20px;
       }

.lllbody {
        padding-right: 20px;
        margin-bottom: 60px;
       }

.llldetail {
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 26px;
        margin-bottom: 15px;
        margin-right: 15px;
       }

.lll img {
        border: none;
        float: left;
        margin: 0 1em 1em 2px;/* �E���*/
        }

.lllmore {
        clear: both;
        text-align: left;
        color:#666666;
        font-size: 12px;
        background: url(common/dot.gif) top repeat-x;
        padding: 5px 0 0 0;/* �E���*/
        margin-bottom: 50px;
        margin-right: 15px;
        }

.lllmore a {
        float:right;
        text-decoration: none;
        color:#333333;
        background-image: url(common/icon_more.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        }

.lllmore a:hover {
        text-decoration: underline;
        }


/*----- ����---------------------------------*/
.book {
        line-height: 1.5;
        font-size: 14px;
        }

.book h2 {
        clear: both;
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 2px;
        padding: 0 0 0 26px;
        }

.book h2 a {
        color: #339933;
        text-decoration: none;
        }

.book h2 a:hover {
        text-decoration: underline;
        }

.booktitle {
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 20px;
        }

.bookbody {
        padding-right: 20px;
        margin-bottom: 60px;
        }

.bookdetail {
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 2px;
        margin-bottom: 15px;
        margin-right: 15px;
        }

/*----- ����g�b�v�y�[�W��y�[�W��p ------*/

.desc {
	    font-size: 14px;
        letter-spacing: 0.1em;
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 20px;
        line-height: 2;
        }


/*----- ����        �T�C�h�p���X�g�\示 ----------------------*/

.booklist ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

.booklist li {
        background: url(common/list_3x3.gif);
        background-repeat: no-repeat;
        font-size: 14px;
        /*font-weight: bold;*/
        /*letter-spacing: 0.2em;*/
        margin-top: 12px;
        margin-left: 12px;
        padding-left: 20px;
        color:#333333;
        }

.booklist li a {
        color:#339933;
        font-weight: bold;
        text-decoration: none;
        }

.booklist li a:hover {
        text-decoration: underline;
        }

.booklist ifarame {
        height: 270px;
        }

.booktop {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_top.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        margin-top: 24px;
        margin-left:12px;
        margin-bottom: 20px;
        }

#space {
        margin-top: 3px;
        }

/*----- ����        �T�C�h�p�T�u�J�e�S���E���X�g�\示 ---------*/

.bsublist {
        list-style: none;
        margin: 0 0 12px -32px;
        padding: 0;
        }

.bsublist li {
        background: url(common/list_1x1.gif);
        background-repeat: no-repeat;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 14px;
        /*padding-bottom: 4px;*/
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
        color:#666666;
        }

.bsublist li a {
        color:#339933;
        text-decoration: none;
        }

.bsublist li a:hover {
        text-decoration: underline;
        }


/*----- ������------------------------------*/
.garden {
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 60px;
       }

.garden h2 {
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 2px;
        padding: 0 0 0 26px;
        clear: both;
        }

.garden h2 a {
        color: #339933;
        text-decoration: none;
        }

.garden h2 a:hover {
        text-decoration: underline;
        }

.gardentitle {
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 20px;
        clear: both;
       }

.gardenbody {
        padding-right: 20px;
        margin-bottom: 60px;
       }

.gardendetail {
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 26px;
        margin-bottom: 15px;
        margin-right: 15px;
       }

.garden img {
        border: none;
        float: left;
        margin: 0 1em 1em 2px;/* �E���*/
        }

.gardenmore {
        clear: both;
        text-align: left;
        color:#666666;
        font-size: 12px;
        background: url(common/dot.gif) top repeat-x;
        padding: 5px 0 0 0;/* �E���*/
        margin-bottom: 50px;
        margin-right: 15px;
        }

.gardenmore a {
        float:right;
        text-decoration: none;
        color:#333333;
        background-image: url(common/icon_more.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        }

.gardenmore a:hover {
        text-decoration: underline;
        }


/*----- Link List -------------------------------*/
.link {
        line-height: 1.5;
        font-size: 14px;
       }

.link h2 {
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 15px;
        margin-right: 15px;
        padding: 0 0 0 26px;
        background: url(common/dot.gif) bottom repeat-x;
        }

.link h2 a {
        color: #339933;
        text-decoration: none;
        }

.link h2 a:hover {
        text-decoration: underline;
        }

.linktitle {
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 20px;
       }

.linkbody {
        padding-right: 20px;
        margin-bottom: 60px;
       }

.linkdetail {
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 26px;
        margin-bottom: 15px;
        margin-right: 15px;
       }

.link img {
        border: none;
        float: left;
        margin: 0 1em 1em 2px;/* �E���*/
        }


/*========== �p�[�c ==================================================*/

/*---------- navi_title -------------------------*/
.navititle {
        color: #339933;
        font-weight: bold;
        line-height: 18px;
        margin-top: 33px;
        margin-left: 12px;
        }


.navitop {
        background-image: url(common/list_3x3.gif);
        background-repeat: no-repeat;
        font-size: 14px;
        margin-bottom: 12px;
        padding-bottom: 4px;
        padding-left: 20px;
        padding-right: 20px;
        }

.navieach {
        background-image: url(common/list_1x1.gif);
        background-repeat: no-repeat;
        font-size: 12px;
        margin-bottom: 12px;
        padding-bottom: 4px;
        padding-left: 20px;
        padding-right: 20px;
        }


/*---------- link to top -----------------------*/
.top {
        margin: 20px 45px 35px 0;/* �E���*/
        padding: 5px 0 0 0;
        background: url(common/dot.gif) top repeat-x;
        text-align: left;
        font-size: 12px;
        }

.top a {
        float: right;
        text-decoration: none;
        color:#333333;
        background: url(common/icon_above.gif) no-repeat left center;
        padding-left: 18px;
        }

.top a:hover {
        text-decoration: underline;
        }


/*---------- iconnavi -----------------------*/
.iconnavi {
        font-weight: bold;
        padding-top: 38px;
        margin-left: 30px;
        padding-bottom: 80px;
        }

/*---------- link to superior page ---------------*/
.icontop {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_top.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        margin-bottom: 20px;
        }

/*---------- link to next item ---------------*/
.iconnext {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_next.gif);
        background-repeat: no-repeat;
        padding-left: 22px;
        margin-bottom: 20px;
        }

/*---------- to prev. item ---------------*/
.iconprev {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_prev.gif);
        background-repeat: no-repeat;
        padding-left: 22px;
        margin-bottom: 20px;
        }


/*========== �R�����g�E�t�H�[�� ======================================*/
/*���y�[�W�E���O�C����*/
.memberform {
        font-size: 14px;
        color:#666666;
        margin-top: 20px;
        margin-left: 5px;
        margin-right: 5px;
        }

.memberform .formbutton {
         width: 100px;
         height: 22px;
         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
         }


/*---------- �R�����g�������u���-------*/
.addcomment {
	    padding: 0;
	    margin: 0 0 30px 5px;/* �E���*/
        }

/*---------- �R�����g�A���[��������� -------*/
.commentform, .mailform {
	    font-size: 12px;
        color:#666666;
	    margin: 0;
        padding: 0;/*10px;*/
        /*background: #EEEEEE;*/
        /* Rounded borders, for Mozilla browsers */
        /* -moz-border-radius: 10px; */
        }

/*---------- �R�����g��������ex 300 ----*/
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield, .memberform .formfield {
         width: 220px;
         }

/*���O�C������������o�[���O�A�T�C�g�A�h���X���������-ex 300*/
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_lf_name, #nucleus_lf_pwd {
         width: 220px;
         /*margin-right: 105px;-ex*/
         font-family: Arial, Trebuchet MS, Verdana, sans-serif;
         }


.formfield {
	    font-size: 11px;
	    background: white;
	    color: #494949;
	    border-top: 1px solid #868686;
	    border-left: 1px solid #868686;
	    border-bottom: 1px solid #D4D2CF;
	    border-right: 1px solid #D4D2CF;
	    margin: 2px 0 12px 0;
        }

/*---------- �t�H�[���{�^�� -----------------*/
.formbutton {
         font-size: 11px;
         background: white;
         color: #494949;
         border-top: 1px solid #D4D2CF;
         border-left: 1px solid #D4D2CF;
         border-bottom: 2px solid #868686;
         border-right: 2px solid #868686;
         margin: 15px 0 0 0;
         }

.commentform .formbutton {
         width: 100px;
         height: 22px;
         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
         }

.error {
         color: #cc0033;
         font-weight: bold;
         margin-bottom: 15px;
         }

.commentform img {
         margin: 5px 0 0 0;
         }

/*---------- position of error/ other messages -*/
#message {
         margin-top: 38px;
         margin-bottom: 100px;
         }

/*========== �R�����g�\示 ============================================*/
.notetitle h2 {
         background: url(images/dot.gif) bottom repeat-x;
         font-size: 16px;
         padding: 0 0 0 5px;/* �E���*/
         margin: 20px 15px 12px 15px;
         color: #666;
         }


/*---------- �e�R�����g��^�C�g�� -------------*/
.itemcomment h3 {
         font-size: 14px;
         padding-left: 0;
         color: #666;
         }

/*---------- �R�����g��{��-------------------*/
.commentbody {
         margin: 5px;
         }

.commentbody p{
         font-size: 12px;
         line-height: 1.5;
         color: #666;
         }


/*-----���A�C�e���y�[�W�E�R�����g�������A�R�����g������\示*/
.abovecoment {
	     display: inline;
	     padding: 0 0 0 10px;
         }

/* ----- �����o�[��O���������                           �R�����g�����}�[�W��----- */
.comment {
         margin-top: 25px;
         }

/* ----- �����o�[��O���������R�����g����\示----- */
.itemcomment {
         background-color: #F9F9F9;
         background-image: url(common/commentquote01.gif);
         background-repeat: no-repeat;
         background-position: 6px 9px;
         padding: 6px 42px;
         border: 1px solid #B3C492;
         margin: 10px 30px 20px 20px;/* �E����\示��u */
         }

.itemcomment:hover {
         background-color: #F9F9F9;
         background-image: url(common/commentquote02.gif);/
         background-repeat: no-repeat;
         background-position: 6px 9px;
         border: 1px solid #B3C492;
         }

.commenttitle h2 {
         background: url(common/dot.gif) bottom repeat-x;
         font-size: 18px;
         padding: 0 0 6px 0;
         margin: 0;
         }


/*---------- �����o�[��R�����g��\示 --------------------*/
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
         {
	     background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
	     background-position: 6px 9px;
	     border: 1px solid #B3C492;
         padding: 6px 42px;
         margin: 10px 30px 20px 40px;/* �E����\示��u */
         }

.id1:hover {
         background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
         background-position: 6px 9px;
         border: 1px solid #B3C492;
         }

.id0 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
         {
	     background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
	     background-position: 6px 9px;
	     border: 1px solid #B3C492;
         padding: 6px 42px;
         margin: 10px 30px 20px 20px;/* �E����\示��u */
         }

.id0:hover {
         background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
         background-position: 6px 9px;
         border: 1px solid #B3C492;
         }


/*========== �A�C�e������A�C�R�� ==================================*/
.contentitem1 {
        display: inline;
        }

.contentitem2 {
        display: inline;
	    background: url(common/dotv.gif) left repeat-y;
	    padding: 0 0 0 10px;
        /*margin-right: 5px;*/
        }

.contentitem3 {
	    display: inline;
	    background: url(common/dotv.gif) left repeat-y;
	    padding: 0 0 0 10px;
        }

.contentitem4 {
	    display: inline;
	    background: url(common/dotv.gif) left repeat-y;
	    padding: 0 0 0 10px;
        }

.contentitem5 {
	    display: inline;
	    background: url(common/dotv.gif) left repeat-y;
	    padding: 0 0 0 6px;
        }

.contentitemcomments {
	    background: url(common/bgcomment.gif) center left no-repeat;
	    font-size: 11px;
	    line-height: 13px;
        margin: 0;
	    padding: 2px 10px 0 13px;
        }

.contentitemcomments a {
        color:#333333;
        text-decoration: none;
        }

.contentitemcomments a:hover {
        color:#ff6600;
        text-decoration: underline;
        }

.contentitemcalender {
	    background: url(common/calender.gif) center left no-repeat;
	    font-size: 11px;
	    line-height: 13px;
	    padding: 2px 10px 0 13px;
        }

.contentitempostedby {
	    background: url(common/bgpostedby.gif) center left no-repeat;
	    font-size: 11px;
	    line-height: 13px;
	    padding: 2px 10px 0 13px;
        }

.contentitemcategory {
	    background: url(common/bgcategory.gif) center left no-repeat;
	    font-size: 11px;
	    line-height: 13px;
	    padding: 2px 10px 0 13px;
        }

.contentitemcategory a {
        color:#333333;
        text-decoration: none;
        }

.contentitemcategory a:hover {
        color:#ff6600;
        text-decoration: underline;
        }

.contentitemurl {
	    background: url(common/bgurl.gif) center left no-repeat;
	    font-size: 11px;
	    line-height: 13px;
	    padding: 2px 10px 0 13px;
        }

.contentitemurl a {
        color:#333333;
        text-decoration: none;
        }

.contentitemurl a:hover {
        color:#ff6600;
        text-decoration: underline;
        }

/*========== NucBB      ==============================================*/

/*---------- main content of BB ------------------*/
.bbmain {
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 100px;
        }

.bbmain h2 {
        clear: both;
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 2px;
        padding: 0 0 0 26px;
        }

.bbmain h2 a {
        color: #339933;
        text-decoration: none;
        }

.bbmain h2 a:hover {
        text-decoration: underline;
        }

.contentbody img {
        border: none;
�@�@�@�@margin-top: 12px;
        margin-right: 12px;
        }


/*----- */
.bbdetail {
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 2px;
        margin-bottom: 35px;
        margin-right: 15px;
        }

/*----- delet and eedit part of nucbb/index template -----*/
.bbdeledit {
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 2px;
        margin-bottom: 35px;
        margin-right: 25px;
        padding-top: 5px;
        }


.deleditpass {
	    font-size: 12px;
	    background: white;
	    color: #494949;
	    border-top: 1px solid #868686;
	    border-left: 1px solid #868686;
	    border-bottom: 1px solid #D4D2CF;
	    border-right: 1px solid #D4D2CF;
	    margin: 2px 15px 0 0;
        }

.deleditbutton {
         width: 100px;
         height: 22px;
         font-size: 11px;
         background: white;
         color: #494949;
         border-top: 1px solid #D4D2CF;
         border-left: 1px solid #D4D2CF;
         border-bottom: 2px solid #868686;
         border-right: 2px solid #868686;
         margin: 0 0 0 10px;
         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
        }


/*---------- form of add BBcontent ------------------*/
.nucbb {
        float: left;
        width: 574px;
	    position:relative;
	    top: 20px;
	    left: 90px;        
        border: 4px dotted #339900;
        padding: 10px;
        margin-bottom: 50px;
        }

.nucbbmain {
        width: 350px;
        float: right;
        }

.nucbbside {
        width: 220px;
        float: left;
        }

label {
        font-size: 12px;
        letter-spacing: 0.3em;
        }

#nucbb_user, #nucbb_mail, #nucbb_url {
        width: 180px;
        margin-bottom: 12px;
        }

#nucbb_subject {
        width: 300px;
        margin-bottom: 12px;
        }

#nucbb_category {
        width: 150px;
        margin-bottom: 12px;
        }

#nucbb_contents {
        width: 350px;
        /*margin-bottom: 12px;*/
        }

#nucbb_pass {
        margin-bottom: 12px;
        width: 100px;
        }

#nucbb_remember {
        margin-bottom: 12px;
        }

.nucbbcb {
        border: 0px;
        width: 15px;
        height: 15px;
        }

.nucbb .formbutton {
         width: 100px;
         height: 22px;
         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
         }

.bbfield {
	    font-size: 12px;
	    background: white;
	    color: #494949;
	    border-top: 1px solid #868686;
	    border-left: 1px solid #868686;
	    border-bottom: 1px solid #D4D2CF;
	    border-right: 1px solid #D4D2CF;
	    margin: 2px 0 0 0;
        }

.contentbb {
        display: inline;
	    background: url(common/dotv.gif) left repeat-y;
	    padding: 0 0 0 10px;/* �E���*/
        margin-right: 5px;
        }

/*---------- for comment part of nucbb/index ----*/
.bbcomment {
        margin-top: 40px;
        }

.bbcomment .exp {
        font-size: 11px;
        letter-spacing: 0.1em;
        }

.exp a {
        color:#ff6600;
        text-decoration: none;
        }

.exp a:hover {
        text-decoration: underline;
        }

/*---------- add comment to BB ------------------*/
.addbb {
        clear: both;
        text-align: left;
        color:#666666;
        font-size: 12px;
        background: url(common/dot.gif) top repeat-x;
        padding: 5px 0 0 0;/* �E���*/
        margin-top: 50px;
        margin-bottom: 50px;
        margin-right: 15px;
        }

.addbb a {
        float:right;
        text-decoration: none;
        color:#333333;
        background-image: url(common/bgedit.gif);
        background-repeat: no-repeat;
        padding-left: 18px;
        }

.addbb a:hover {
        text-decoration: underline;
        }

/*----- delete and edit parts of nucbb/item template -----*/
.deleditcomm {
        font-size: 12px;
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 2px;
        margin-bottom: 35px;
        padding-top: 5px;
        }

/*========== Left & Right box ========================================*/

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 0 1em 1em 0;
	/*padding: 3px;*/
	/*font-size: larger;*/
	/*width: 20%;*/
}
.leftbox {
	float: left;
	/*border-right: 2px solid #ccc;*/
}

.rightbox {
	float: right;
	/*border-left: 2px solid #ccc;*/
    /*margin-left: 1em;*/
}