/* ************************************************************************************** */
/* *** ------------------------------------------------------------------------------ *** */
/* *** * ホーム Index                                                                 *** */
/* *** ------------------------------------------------------------------------------ *** */
/* ************************************************************************************** */

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

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

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

p.main-img {
   margin: 0 0 20px 20px;
}

.category {
   display: block;
   margin: 0 0 10px 20px;
}

h2 {
   display: block;
   margin:  0 0 10px 0;
}

.news-list {
   display: block;
   width: 460px;
   margin:  5px 0 15px 10px;
}

.list {
   clear: both;
   padding: 0 32px 0 0;
   text-align: right;
}

.list a {
   padding: 1px 0 2px 18px;
   text-align: right;
   letter-spacing: 0.4pt;
   line-height: 1.1;
   background-repeat: no-repeat;
   background-positon: center left;
}

.news    .list a { background-image: url(../images/list-marks/arrow-blue.gif); }
.topics  .list a { background-image: url(../images/list-marks/arrow-green.gif); }
.committee .list a { background-image: url(../images/list-marks/arrow-purple.gif); }

/* ----------------------------------------------------------------------- NEWS・TOPICS・専門委員会情報 */
.news-topics dl {
   margin-left: 3px;
}

.news-topics dl dt {
   width: 450px;
   padding: 5px 0 0 15px;
   font-size: 1.2em;
   background: url(../images/list-marks/list-mark.gif) no-repeat top left;
}

.news-topics dl dt span {
   float: left;
   display: block;
}

.news-topics dl dt span.subject {
   width: 50px;
   height: 15px;
   padding: 1px 0 1px 0;
   font-family: "ＭＳ Ｐゴシック";
   font-size: 10px;
   color: #ffffff;
   font-weight: 500;
   text-align: center;
}

.news   dl dt span.subject { background: url(../images/subject-n.gif) no-repeat top left; }
.topics dl dt span.subject { background: url(../images/subject-t.gif) no-repeat top left; }
.committee dl dt span.subject { background: url(../images/subject-c.gif) no-repeat top left; }

.news-topics dl dt span.date {
   padding: 0 10px 2px 10px;
   letter-spacing: 0.8pt;
}

.news-topics dl dd {
   clear: left;
   width: 440px;
   padding: 2px 0 1px 18px;
}

.news-topics dl dd a {
   display: block;
   font-size: 1.2em;
   line-height: 1.5;
   letter-spacing: 0.8pt;
}

.news-topics .list-line {
   display: block;
   width: 467px;
   height: 10px;
   margin-left: 3px;
   background:  url(../images/list-marks/list-line.gif) no-repeat bottom left;
}

/* ----------------------------------------------------------------------- ブロック情報 */
.block {
   padding-bottom: 0px;
}
.map {
   float: left;
   padding: 5px 0 0 24px;
}

.area {
   float: left;
   margin: 0px 0 0 40px;
}

.area ul {
   margin:               20px 0 20px 0;
   _margin:              0 0 0 0;
}
.area ul li {
   margin:               20px 20px 0 20px;
   display:              inline;
   font-size:            120%;
   letter-spacing:       0.5pt;
   _letter-spacing:      0.8pt;
}

.area ul li a:link,
.area ul li a:visited {
   text-decoration:      none;
   color:                #663300;
}
.area ul li a:hover,
.area ul li a:active  {
   color:                #336650;
   text-decoration:      underline;
}

/* ----------------------------------------------------------------------- 専門委員会情報 */
.committee {
   padding-bottom: 15px;
}

/* --------------------------------------------------------------------- 授産所製品の紹介 */
.product {
   padding-bottom: 20px;
}

.product h3 {
   width: 440px;
   margin: 0 0 15px 14px;
   padding: 0 0 2px 5px;
   font-size: 1.3em;
   color: #666666;
   letter-spacing: -0.5pt;
   border-bottom: 1px solid #dfdfdf;
}

.photo {
   float: left;
   padding: 0 0 0 19px;
}

.comment {
   float: left;
   width: 290px;
   padding: 0 0 10px 20px;
}

.comment p {
   color: #333333;
   font-size: 1.2em;
   line-height: 1.5;
}