@charset "utf-8";

/* CONTAINER AREA */
div#container {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    padding: 16px;
    background-color: #fff;
    text-align: left;
}

/* HEADER AREA */
div#header {
    margin-bottom: 0px 0px 16px 0px;
}

div#header h1 a {
    float: left;
    margin: 0px 16px 0px 0px;
}

div#header h1 img {
    border: none;
}

div#header p {
    font-size: 100%;
    margin: 16px;
}


/* MAIN-CONTENTS AREA */
div#main-contents {
    float: left;
    width: 620px;
    margin: 0px 0px 64px 0px;
}

div#main-contents div.box {
    margin-bottom: 16px;
    padding: 5px;
    background: #F3F3F3;
}

/* archive */
div#main-contents div.archive {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
}

div#main-contents div.archive h2 {
    padding: 0;
    font-size: 100%;
}

div#main-contents div.archive ul {
    list-style-type: none;
}

div#main-contents div.archive ul li {
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
}

div#main-contents div.archive ul li p.title {
    text-indent: 0em;
}

div#main-contents div.archive ul li p.posted {
    margin: 0;
    padding: 0;
    color: #808080;
    font-size: 80%;
    text-align: right;
}

/* entry */
div#main-contents div.entry {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
}
div#main-contents div.entry h2 {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 8px 0px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 150%;
    font-weight: bold;
}

div#main-contents div.entry h2 a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

div#main-contents div.entry h2 a:hover {
    color: #FFFFFF;
    background-color: #00A3F0;
}


div#main-contents div.entry h3 {
    margin: 5px 0 5px 10px;
    padding: 0.5em 0 0.5em 7px;
    background-image: url(common/images/bg-h3-main-contents.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}

div#main-contents div.entry p {
    margin: 1em 10px 1em 10px;
    font-size: 100%;
    line-height: 1.75;
}

div#main-contents div.entry p.more {
    text-align: right;
}

div#main-contents div.entry p.category {
    margin: 1em 0 0 10px;
    font-size: 70%;
}

div#main-contents div.entry ul, 
div#main-contents div.entry ol {
    margin: 5px 0 5px 10px;
}

div#main-contents div.entry ul.post {
    height: 1.0em;
    margin: 5px 0 15px 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
}

div#main-contents div.entry ul.post li {
    margin: 0;
    padding: 0;
    color: #808080;
}

div#main-contents div.entry ul.post li.posted {
    float: left;
}

div#main-contents div.entry ul.post li.comments {
    float: right;
}

/* comment */
div#main-contents h3.comment {
    margin: 5px 0 5px 10px;
    padding: 0.5em 0 0.5em 7px;
    background-image: url(common/images/bg-h3-main-contents.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 100%;
}

/* trackbacks */
div.trackbacks div#trackbacks-info {
    border: 1px solid #a4a4a4;
    margin: 0 20px;
    padding: 0 5px;
}

div.trackbacks div#trackbacks-info p {
    text-indent: 0;
    font-size: 80%;
}

div.trackbacks-content {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 80%;
}

div.trackbacks-content p {
    text-indent: 0;
}

div.trackback-content {
    font-size: 80%;
}

div.trackback-content p {
    margin: 0 !important;
    text-indent: 0;
}

div.trackback-content p.writer {
    margin-bottom: 12px !important;
    text-align: right;
}

div.trackback-content p.tb-content {
    margin-left: 1em !important;
    margin-bottom: 15px !important;
}

/* comment */
div#comments-open h2.comments-open-header {
    padding: 0.5em 0 0.5em 10px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 80%;
}

div.comments-content {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

div.comments-content h2.comments-header {
    padding: 0.5em 0 0.5em 10px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 80%;
}

div.comments-content h3.comments-header span.number {
    font-size: 80%;
}

div.comments-open-content {
    font-size: 80%;
}


h2#archive-title {
    padding: 0.5em 0 0.5em 10px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 100%;
}

/* SIDE-BAR AREA */
div#side-bar {
    float: right;
    width: 320px;
}

div#side-bar div.box {
    padding: 5px;
    margin-bottom: 16px;
    background-color: #F3F3F3;
}

div#side-bar div.box div {
    background-color: #FCFCFC;
    border: 1px solid #CCCCCC;
}

div#side-bar div.box div h2,
div#side-bar div.box div h3,
div#side-bar div.box div h4 {
    margin: 8px 8px 16px 8px;
    padding: 0px 0px 0px 8px;
    background: url(common/images/bg-h2-side-bar.gif) no-repeat left center;
    line-height: 1;
}

div#side-bar div.box div h3,
div#side-bar div.box div h4 {
    background-image: none;
}

div#side-bar div.box div ul,
div#side-bar div.box div ol {
    margin: 0px 8px 0px 8px;
}

div#side-bar div.box div ul li {
    margin: 0px 0px 8px 1em;
    list-style: square outside;
}

div#side-bar div.box div p {
    margin: 0px 8px 8px 16px;
}

div#side-bar div.box div.meeting ul.previous li {
    float: left;
    width: 33.3%;
    margin-left: 0;
}

div#mailmag input.textBox { 
　　width: 190px; 
}

div#mailmag p.registration { 
　　text-align: center; 
}

/* FOOTER AREA */
div#footer {
    clear: both;
    margin: 128px 0px 0px 0px;
}

div#footer p {
    margin: 0px 0px 16px 0px;
}


/* clearfix */

div:after,
ol:after,
ul:after,
li:after
{
clear: both;
height: 0;
visibility: hidden;
display: block;
content: ".";
}

div,
ol,
ul,
li
{ display: inline-table; }

* html div,
* html ol,
* html ul,
* html li
{ height: 1%; }

div,
ol,
ul,
li
{
display: block;
zoom: 1;
}

/* EOF */