@import "bootstrap-3_3_7-min.css";
@import "bootstrap-3_3_7-theme-min.css";
@import "common.css";
@import "jquery-lightbox.css";
@import "../../../../../css/bootstrap532.css00"

/* サイトのデザイン指定をここへ指定 */

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

/* 文字色・スタイル */
.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;
}
/* マウスオーバーでの背景色の設定 ここまで */


/* 全一覧のスタイル */
.blog-entry {
	border-bottom: #dfdfdf solid 1px;
}
h1 {
  font-size: 1.6em;
/*  text-align: right;*/
  color: #002B63;
}
.blog-entry h2 {
  line-height: 200%;
	font-weight: normal;
}
.blog-entry h3,
.blog-entry h2 {
  position: relative;
  font-size: 1.4em;
	line-height: 200%;
	font-weight: normal;
  width: 100%;
  background-color: #2589d0;
  padding: 6px 20px;
  
}
/*---　タイトル装飾　---*/
h3 a {  
  color: #fff;
}
h3 a::before {
  position: absolute;
    top: 100%;
    left: 0;
    border-bottom: solid 16px transparent;
    border-right: solid 24px #0C5C96;
    content: '';
  margin-bottom: 10px;
}
.data_blog {
  color: #002B63;
  font-size: 1.4em;
  margin: 10px auto;
}

.blog-entry p {
  font-size: 1.2em;
  line-height: 180%;
	margin: 20px auto 20px auto;
}
/* 全一覧の画像 */
.catch-image img {
	width: 150px;
	margin-bottom: 15px;
}

/* 記事ページの画像 */
.images-col img {
	margin-bottom: 10px;
	margin-right: 10px;
	width: 100%;
}

/* 記事ページの記事部分部分 */
.images-col {
	margin-top: 1.8em;
}
.body-area {
  font-size: 1.4em;
  line-height: 180%;
	margin-top: 1.8em;
}

/* 記事ページのフッタリンク調整 */
.page-footer-link {
	margin-top: 40px;
	margin-bottom: 20px;
}

/* タブレット縦置き以下のサイズを想定 */
@media (max-width: 767px) {
	/* 指でスクロールできる幅を残す */
	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)
}