@import "bootstrap_min.css";
@import "bootstrap-responsive_min.css";
@import "font-awesome_min.css";
@import "common.css";

/* 短い一覧のスタイル */
/* 罫線 */
ul.ruled {
    list-style: none outside none;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
}
.ruled li {
    border-bottom: 1px dotted #0088cc; /* 太さ、線種、色 */
    height: 1.6em;
    padding: 0.3em 0;
}
/* 一番上（リストの上）の罫線 */
div.ruled {
    border-bottom: 1px dotted #0088cc; /* 太さ、線種、色 */
}

/* 文字色・スタイル */
.listdate {
    color: gray;
}

.listlink a,
.listlink a:link
{
    color: #389ABE;
    text-decoration: none;
}
.listlink a:hover,
.listlink a:active
{
    text-decoration: underline;
}
.listlink a:visited
{
    color: #9A38BE;
}
/* 文字色・スタイル ここまで */

/* マウスオーバーでの背景色の設定 ここから */
.interactive li:hover{
    background-color: #f0f0f0;
}
/* マウスオーバーで背景色を変更する時は、リンク文字の変更を止めておく */
.interactive .listlink a:hover,
.interactive .listlink a:active
{
    text-decoration: none;
}
/* マウスオーバーでの背景色の設定 ここまで */

/* 全一覧 */

/* 画像サイズの規定 */
.newsitem img {
	height: 150px;
	margin-right: 9px;
	margin-bottom: 9px;
}

/* タブレット縦置き以下のサイズを想定 */
@media (max-width: 767px) {
	.newsitem img {
		width: 25%;
		height: auto;
	}
	/* 指でスクロールできる幅を残す */
	body {
		margin-right: 30px;
	}
} /* max-width: 767px */

/* 画像の代りにファイルをアップロードしたときのアイコン表示 */
.filelink {
	padding-left: 20px;
	margin-right: 10px;
	background: url(../../icons/general.gif) no-repeat top left;
}
.doc {
	background-image: url(../../icons/doc.gif)
}
.pdf {
	background-image: url(../../icons/pdf.gif)
}
.ppt {
	background-image: url(../../icons/ppt.gif)
}
.txt {
	background-image: url(../../icons/txt.gif)
}
.xls {
	background-image: url(../../icons/xls.gif)
}
.zip {
	background-image: url(../../icons/zip.gif)
}

/* サイトのデザイン指定をここへ指定 */
@charset 'utf-8';

body {
  width: 640px;
  padding: 0;
  background: #ffffdd;
  margin: 0;
  color: #555555;
  font: 30px/50px sans-serif;
}

.newsitem + .newsitem {
  border-top: 2px solid #00aa66;
}

.newsitem {
  padding: 30px 30px 30px 0px;
  margin: 0px 0px 0px 30px;
}

.news-date {
  padding: 0;
  margin: -8px 0px -8px 0px;
  font: normal bold 30px/50px sans-serif;
  color: #00aa66;
}

.news-date + .news-subject {
  margin-top: 22px;
}

.news-subject {
  padding: 0;
  margin: -8px 0px -8px 0px;
  font: normal bold 34px/50px sans-serif;
  color: #555555;
}

.news-subject + .news-body {
  margin-top: 22px;
}

.news-body {
  padding: 0;
  margin: -8px 0px -8px 0px;
  font: normal 30px/50px sans-serif;
  color: #555555;
}