@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 + .newsitem {
	margin-top: 2.5em;
}

/* 画像サイズの規定 */
.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 */
article {
	display: block;
	margin-top: 10px;
	margin-bottom: 29px;
}


.turn {
	border-radius: 8px;
	margin-top: 10px;
	background-color: #F9F9F9;
	border: 1px solid #DEDEDE;
	display: block;
	width: 100%;
	margin-bottom: 50px;
}
.turn a {
	border-radius: 8px;
	color: #666;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
}
.turn a:hover {
	border-radius: 8px;
	color: #FFF;
	background-color: #999;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
}
.newsitem  {
	background-color: #FFF;
	padding: 2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}