@charset 'utf-8';

/* 3カラムWPブログ移行用テンプレート*/

/*---------------------------
リセット ＆ コンテンツ非表示
----------------------------- */
body {
	background-color: #DBDBDB;
	line-height: 18px;
}
#header_temp {
	margin: 0 0 5px 0;
}
a {
	transition: all .05s linear;
}
/* 全体カラム ボックスシャドウ削除 */
#header,#contents,#footer {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* 広告カラム（右カラム）位置調整 */
#rightSideContents {
	margin: 0;
}
.snsFront .snsTop, /* TOPページSNSコンテンツ */
#topicPath, /* パンくずリスト */
#leftColumn .leftHeader01.round, /* サイドカラム ページタイトル見出し */
h3.articleHeader2, /* 個別URL（見出し） */
.articleUrl, /* 個別URL */
.snsBottom, /* ページ下部SNSコンテンツ */
.dager01 { /* 小見出しダガー */
	display: none;
}
.news-rt span { /* 関連記事 NEWマーク */
	visibility: hidden;
}

/*---------------------------
 パンくず
----------------------------- */
#topicPath {
	margin-bottom: 5px;
}
#topicPath ul li{
	display: inline;
	padding-right: 5px;
}
#topicPath ul li span {
	padding-left: 5px;
}
#topicPath ul li.current{
	background: none;

}

/*---------------------------
 3カラムTOP
----------------------------- */
#contents {
	margin: 0 auto;
	padding: 0 5px 20px;
	width: 980px;
}
#contents #mainContents {
	float:left;
	margin: 0;
	padding-bottom: 10px;
	width: 669px;
	box-sizing: border-box;
}
#centerColumn {
	float: right;
	width: 489px;
}
#rightColumn {
	float: right;
	text-align: left;
	height: auto;
	width: 300px;
	background-color: #FFF;
}
#leftColumn {
	float: left;
	width: 180px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: 10px;
}
/*--------- 看板画像 ---------*/
.freeArea {
	margin: 0;
	width: 669px;
	height: auto;
}

/*-------------------------------------------------
センターカラム ボックス
-------------------------------------------------*/

/* TOPページ */
.centerBox01 {
	padding: 10px 0;
	margin-bottom: 5px;
}
/* 記事ページ */
#contentsMatome {
	margin-top: 24px;
}
/*---------テキストボックス---------*/
.textBox01 {
	margin: 24px 0 0;
}
.textBox01 p {
	margin-bottom: 1em;
}
/*---------テーブル---------*/
.tableImg {
	margin-bottom: 1em !important;
}
table {
	margin-bottom: 1em;
}
th, td {
	color: #1D5C79;
}
.tableMovle iframe {
	width: 440px;
	height: 252px;
}

/*-------------------------------------------------
センターカラム 見出し（TOPページ）
-------------------------------------------------*/
.centerHeader {
	padding: 8px;
	color: #FFF;
	background-color: #333;
	font-size: 15px;
}

/*-------------------------------------------------
記事ページ 見出し
-------------------------------------------------*/
/* 記事タイトル */
.pageHeader01 {
	margin-bottom: 4px;
	padding-bottom: 8px;
	line-height: 1.6;
	font-size: 15px;
	border-bottom: 1px solid #DDD;
}
.pageHeader01 + .date {
	margin-bottom: 4px;
	font-size: 1em;
}
/* 小見出し */
.articleHeader2 {
	margin-bottom: 1em;
}
/*ダガー*/
.dager01 {
	margin: 0 0 0 5px;
	font-size: xx-small;
	vertical-align: super;
		cursor: pointer;
}
/*---------ソーシャルブックマーク---------*/
.bookmark3col,
.bookmark2col {
	/*height:20px;*/
}
/*---------更新情報リスト---------*/
.newList .date {
	margin-left: 1em;
	font-size: 90%;
}
.newList li {
	padding: 8px 0;
}

/*-------------------------------------------------
左カラム
-------------------------------------------------*/
#leftColumn .list02 li {
	border-bottom: 1px solid #DDD;
	padding: 4px 0;
}
/*
#leftColumn .list02 li:first-child {
	padding: 0 0 8px;
}
*/
.htmlFreeB {
	background:#333;
}

/*-------------------------------------------------
画像単体ページ
-------------------------------------------------*/
.singleImgBody #mainContents {
	margin-bottom: 0;
	padding: 15px;
	width: 669px;
	color: #404040;
	box-sizing: border-box;
}
.singleImgBody #centerColumn {
	float: none;
	width: 100%;
}
.singleImgBody .imgBox03:after { content: ' '; display: block; clear: both; }
.singleImgBody .imgBox03 { zoom: 1; margin-top: 20px; }
.singleImgBody .imgBox03 a {
	float: left;
	display: block;
	margin: 2px;
	transition: opacity 0.3s;
}
.singleImgBody .imgBox03 a:hover {
	opacity: 0.8;
}
.singleImgBody .footerArea {
	margin-top: 16px;
	padding: 8px 16px;
	color: #FFF;
	background-color: #333;
	font-weight: bold;
	border-radius: 3px;
}
.singleImgBody .bookmarkBottom02 {
	display: none;
}
.singleImgBody #rightColumn {
	margin-top: 0;
}

/*-------------------------------------------------
ニュースリスト記事
-------------------------------------------------*/
.itemBox {
	height:auto;
	max-height:5em;
	margin: 0 0 0;
	padding:5px 0 5px;
	border-bottom: #CCC 1px dashed;
	overflow:hidden;
}
.bottom {
	border: none;
}
.textArea {
	margin:0 0 10px 70px;
	line-height:1.4;
}
* html .itemBox .textArea {
	height: auto;
}
#relatedList .itemBox .textArea .newsTitle {
	font-weight: bold;
	font-size: 115%;
}
#relatedList .itemBox {
	padding-bottom:0;
	min-height: 5.5em;
	max-height:none;
	border-bottom: 1px dotted #ccc;
}
#relatedList .itemBox .icons {
	margin: -1px 0 0 5px;
	padding: 0;
	float: left;
}
#relatedList .newsImg {
	margin: 0 5px 0 0;
	float: left;
	border: 1px solid #CCC;
	width:60px;
}
#relatedList p.newsHead {
	max-height:none;
	overflow:auto;
}
.timeStamp {
	color: #008000;
}
div.topNewsImgBox {
	float: left;
	width: 50px;
}
img.topNewsImg {
	width: 100%;
}
.newsImg {
	float: left;
	border: 1px solid #CCC;
}
.itemBox .textArea .newsHead {
	max-height:1.4em;
	height:auto;
	font-size: 100%;
	color:#505050;
	line-height:1.4;
	overflow:hidden;
}
.itemBox .textArea .categoryIcon {
	max-height:1em;
	height:1em;
	margin:3px 0;
	padding:0;
	overflow:hidden;
}
.itemBox .textArea .categoryIcon .gennre {
	margin:0 6px 0 0;
	padding:2px;
	float:left;
	background-color:#d8d8d8;
	line-height:1;
	font-size:66%;
}
/* 水平線 */
.article_hr {
	margin-bottom: 1em;
	border: none;
	border-top: 2px dotted #fc0;
}

/*-------------------------------------------------
サイト別設定
-------------------------------------------------*/
/* 看板画像 */
.freeArea {
	height: 237px; /* 看板画像に合わせる */
	background: url(./../img/header.jpg) 0 0 no-repeat;
}
/* メインカラム */
#mainContents {
	position: relative;
	margin-bottom: 5px; /* 下端用背景画像の高さに合わせる */
	color: #FFF; /* テキストカラー */
	background: url(./../img/bg.jpg) 0 0 repeat-y; /* 背景設定 */
}
/* 下端用背景画像 */
#mainContents:after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: "";
	width: 100%;
	height: 5px; /* 画像の高さに合わせる */
	background: url(./../img/bottom.jpg) 0 0 no-repeat;
}
/* センターカラム マージン削除*/
#contentsMatome {
	margin-top: 0;
}
/* TOPページ */
.centerBox01 {
	padding: 10px 20px 0 0;
}
.textBox01 {
	padding: 0 30px 0 10px !important;
}
.textBox01 p {
	line-height: 1.7em;
}
/* 広告カラム位置調整 */
#rightColumn, #sideContent2 {
	margin-top: -237px; /* 看板画像と同じ高さを引く */
}
/* リンクカラー */
#mainContents a {
	color: #F90;
}
/* TOPページ 見出し */
.centerHeader {
	color: #900;
	background: url(./../img/midashi.jpg) 0 0 no-repeat;
}
/* 画像キャプション */
.image_cap {
	margin-top: 5px;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #F60;
	font-size: 10px;
}
/* ---------- 記事タイトル ---------- */
.articleTopHeader {
	width: 100%;
	padding: 10px;
	color: #900;
	background: url(./../img/midashi.jpg) 0 0 no-repeat;
	box-sizing: border-box;
	background-color: #f8c700;
}
.articleTopHeader .pageHeader01 {
border-bottom: 1px solid #000;
}
.articleTopHeader .date {
	color: #FFF;
	text-align: right;
}
.articleTopHeader .articleSupple {
	text-align: left;
}
.articleTopHeader .socialBtn li {
	margin-left: 0;
	margin-right: 1em;
}
/* ---------- サイドカラム ---------- */
/* 著者欄 */
.leftHeaderTop {
	margin-bottom: 10px;
	padding-top: 40px;
	background: url(./../img/side_midashi01.jpg) 0 0 no-repeat;
}
.leftHeaderTop #author {
	padding: 0 10px 0 20px;
}
.leftHeaderTop #authorName {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #fc0;
}
/* アーカイブ */
#leftColumn .leftBox01 {
	padding: 40px 10px 0 20px;
	background: url(./../img/side_midashi02.jpg) 0 0 no-repeat;
}
#leftColumn .list02 li {
	border-bottom: 1px solid #000
}
/* ---------- TOPページ 更新履歴 ---------- */
.newList li {
	border-top: 1px solid #ddd;
}
/* ---------- TOPページ 関連記事 ---------- */
#relatedList .itemBox {
	border-bottom: 1px solid #000;
}
.itemBox .textArea .newsHead {
	color: #EEE;
}
.news-time {
	color: #404040;
}