/* ************************************************************************************** */
/* *** ------------------------------------------------------------------------------ *** */
/* *** * ナビゲーション付きページ　　　　                                             *** */
/* *** ------------------------------------------------------------------------------ *** */
/* ************************************************************************************** */

/* ************************************************************************************** */
/* *** Import CSS                                                                     *** */
/* ************************************************************************************** */

@import "global-style.css";                          /* 初期設定と共通定義                */
@import "global-sidebar.css";                        /* サイドバーブロック定義            */
@import "global-baseline.css";                       /* メインコンテンツブロック共通定義  */

/* ************************************************************************************** */
/* *** Category Menu                                                                  *** */
/* ************************************************************************************** */
.category-menu .inner {
   clear: left;
   float: left;
   display: inline;
   width: 470px;
   margin: 0 0 10px 0;
   padding: 0;
}

.category-menu h3 {
   clear: left;
   margin: 10px 0 10px 14px;
   padding: 3px 0 2px 10px;
   font-size: 1.3em;
   color: #333333;
   border-width: 0 0 0 8px;
   border-color: #009900;
   border-style: solid;
   background-color: #ffffff;
}

.category-menu ul {
   display: block;
}
.category-menu li {
   display: block;
   margin: 0 0 0 20px;
   padding: 4px 0 0 12px;
   background: url(../images/list-marks/list-mark.gif) no-repeat top left;
}

/* ************************************************************************************** */
/* *** Category Message                                                               *** */
/* ************************************************************************************** */

.inner dl {
   padding: 15px 0 20px 25px;
   _padding: 0 0 20px 25px;
}

.inner dl dt {
   width: 430px;
   padding: 5px 0 0 15px;
   background: url(../images/list-marks/list-mark.gif) no-repeat top left;
}

.inner dl dt span {
   float: left;
   display: block;
}

.inner dl dt span.subject {
   width: 50px;
   padding: 0 0 2px 0;
   _padding: 2px 0 0 0;
   text-align: center;
}

.inner dl dt span.subject-l,
.inner dl dt span.subject-r,
.inner dl dt span.subject-c {
   height: 15px;
   padding: 0 0 2px 0;
   _padding: 2px 0 0 0;
   text-align: center;
   vertical-align: middle;
}

.inner dl dt span.subject-l {
   width: 5px;
   background-repeat: no-repeat;
   background-position: left center;
}
.inner dl dt span.subject-c {
   background-repeat: repeat-x;
   background-position: center center;
}
.inner dl dt span.subject-r {
   width: 5px;
   background-repeat: no-repeat;
   background-position: right center;
}

.inner dl dt span.subject a,
.inner dl dt span.subject-c a {
   font-family: "ＭＳ ゴシック";
   font-size: 10px;
   color: #ffffff;
   font-weight: 500;
}

.block     dl dt span.subject { background: url(../images/subject-b.gif) no-repeat top left; }

.news      dl dt span.subject-l { background-image: url(../images/subject-nl.gif); }
.news      dl dt span.subject-c { background-image: url(../images/subject-nc.gif); }
.news      dl dt span.subject-r { background-image: url(../images/subject-nr.gif); }
.topics    dl dt span.subject-l { background-image: url(../images/subject-tl.gif); }
.topics    dl dt span.subject-c { background-image: url(../images/subject-tc.gif); }
.topics    dl dt span.subject-r { background-image: url(../images/subject-tr.gif); }
.committee dl dt span.subject-l { background-image: url(../images/subject-cl.gif); }
.committee dl dt span.subject-c { background-image: url(../images/subject-cc.gif); }
.committee dl dt span.subject-r { background-image: url(../images/subject-cr.gif); }
.memberOnly dl dt span.subject-l { background-image: url(../images/subject-ml.gif); }
.memberOnly dl dt span.subject-c { background-image: url(../images/subject-mc.gif); }
.memberOnly dl dt span.subject-r { background-image: url(../images/subject-mr.gif); }

.inner dl dt span.date {
   width: 200px;
   padding: 0 10px 2px 10px;
   letter-spacing: 0.8pt;
}

.inner dl dd {
   clear: left;
   display: block;
   width: 410px;
   padding: 2px 0 5px 18px;
   over-flow: hidden;
}

.inner dl dd a {
   letter-spacing: 0.8pt;
}