/*
Theme Name: Oshiete! Gensan!
Theme URI: none
Description: Akiko Ogawa
Author: Akiko Ogawa
Author URI: none
Version: 1.0
 
*/

@charset "utf-8";

/* html,bodyタグの設定 */
html,body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgba(249, 249, 236, 1);
	background-image: url(image/bg.jpg);
	background-repeat: repeat-x;
	font-size: 90%;
	font: 14px/18px 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdatna,Arial,Sans-Serif;
	color: rgba(60, 62, 55, 1);
}

/* 【共通】テキストリンク */
a{
}
a:link{
	color: rgba(50, 153, 217, 1);
}
a:visited{
	color: rgba(35, 108, 153, 1);
}
a:active{
	background-color: transparent;
}

/* 【共通】リンク付き画像 */
a img{
	vertical-align:bottom;
	border-style: none;
}

/* 【共通】見出し１ */
h1{
	font-size: 200%;
	font-weight: normal;
}

/* 【共通】見出し２ */
h2{
	font-size: 140%;
	font-weight: normal;
}

/* 【共通】見出し３ */
h3{
	font-size: 120%;
	font-weight: normal;
}

/* 【共通】フォーカス */
input:focus,
a:focus,
select:focus{
	outline: none;
}

/* 【共通】テーブル */
table{
	width: 500px;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	table-layout: auto;
	border: solid 1px rgba(60, 62, 55, 1);
	border-collapse: collapse;
	border-spacing: 0px;
}
td, tr, th{
	padding: 3px;
	white-space: nowrap;
}


/* 【共通】全体枠 */
#wrap{
/*	border: 1px #000 dotted; */
	width: 100%;
	min-height: 100%;		/*  縦の表示領域を100% */
	position: relative;		/* フッター部の配置用に定義 */
}

/* 【共通】ヘッダー */
#header-bk{
	width: 100%;
	height: 190px;
}
#header{
/*	border: 1px #000 dotted;*/
	width: 950px;
	height: 190px;			/* header-bkと同じにする */
	margin: auto;
	overflow: hidden;
	position: relative;
}
#header-left{
/*	border: 1px #f00 dotted;*/
	width: 400px;
	float: left;
}
#header-right{
/*	border: 1px #00f dotted;*/
	width: 540px;
	float: right;
}

/* 【トップページ】コンテンツ */
#top_contents-bk{
/*	border: 1px #000 dotted;*/
	width: 100%;
	padding-bottom: 494px;
}
#top_contents{
/*	border: 1px #000 dotted;*/
	width: 950px;
	margin: auto;
	padding-bottom: 10px;
	overflow: hidden;
}


/* 【記事ページ】コンテンツ */
#contents-bk{
/*	border: 1px #000 dotted;*/
	width: 100%;
	padding-bottom: 494px;		/* フッターの高さの分余白を取る */
}
#contents{
/*	border: 1px #000 dotted;*/
	width: 950px;
	margin: auto;
	padding: 0px 5px 10px 5px;
	overflow: hidden;
}

/* 【トップページ】メイン */
#main-bk{
/*	border: 1px #000 dotted;*/
	width: 950px;
	overflow: hidden;
}

/* 【トップページ】サイドバー */
#sidebar{
/*	border: 1px #000 dotted;*/
	width: 450px;
	float: right;
}

/* 【トップページ】新着記事 */
.update{
/*	border: 1px #000 dotted;*/
	width: 620px;
	margin-bottom: 5px;
	padding: 30px;
	background-image: url(image/main.png);
	background-repeat: repeat;
	-webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
	.update h3{
		margin: 0px;
		padding: 0px 20px 5px 20px;
		border-bottom: 2px solid rgba(0, 0, 0, 0.5);
	}
/*	.update a,
	.update a:visited{
		background-color: transparent;
		color: rgba(60, 62, 55, 1);
	}
	.update a:hover{
	}
	.update a:active{
		background-color: transparent;
	}
*/
.update-frame{
	padding: 0px 20px;
	clear:both;
	overfloat:hidden;
}
	.update-frame ul{
		margin: auto;
		padding: 8px 6px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	}
	.update-frame li{
		display: inline-block;
		line-height: 1.6;
	}
	.update-frame span{
		padding: 1px 3px;
		border: 1px solid rgba(0, 0, 0, 0.5);
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		font-size: 85%;
	}
/*	.update-frame a{
		color: rgba(50, 153, 217, 1);
	}
	.update-frame a:hover{
		text-decoration: none;
	}
*/
.update-frame-date{
	width: 145px;
}
.update-frame-colum{
	width: 125px;
	text-align: center;
}
.update-frame-title a{
	max-width: 20em;
	vertical-align: bottom;
}

/* 【共通】フッター */
#footer-bk{
/*	border: 1px #000 dotted;*/
	width: 100%;
	min-width: 950px;
	height: 494px;
	bottom: 0px;
	position: absolute;
}
#footer-toptab{
/*	border: 1px #f00 dotted;*/
	width: 950px;
	height: 44px;
	padding: 0px;
	margin: auto;
	text-align: right;
}
#footer-bkimg{
/*	border: 1px #f00 dotted;*/
	margin: 0px;
	padding: 0px;
	background-image: url(image/footer.gif);
	background-repeat: repeat;
}
.footer{
/*	border: 1px #0f0 dotted;*/
	width: 950px;
	height: 450px;
	margin: auto;
}

/* 【共通】フッター：サイトマップ */
.footer-sitemap{
/*	border: 1px #000 dotted;*/
	margin: 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}
	.footer-sitemap ul{
		border-left: 1px solid rgba(255, 255, 255, 1);
		margin-top: 10px;
		padding: 0px 0px 0px 10px;
	}
	.footer-sitemap li{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	.footer-sitemap>li{
		width: 290px;
		height: 400px;
		margin: 0px;
		padding: 5px 10px;
		float: left;
	}
	.footer-sitemap>li:first-child{
		border-left: none;
	}
	.footer-sitemap a,
	.fotter-sitemap a:link,
	.footer-sitemap a:visited{
		margin: 0px;
		padding: 0px;
		background-color: transparent;
		font-size: 80%;
		color: rgba(255, 255, 255, 1);
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
		text-decoration: none;
	}
	.footer-sitemap a:hover{
		text-decoration: underline;
	}
	.fotter-sitemap a:active{
		background-color: transparent;
	}
	.footer-sitemap>li>a:before,
	.footer-sitemap>li>a::before{
		content: "》";
		color: orange;
	}
	.footer-sitemap>li>a{
		font-size: 100%;
		font-weight: bold;
	}
	/* 孫カテゴリー非表示 */
	.footer-sitemap ul>*>ul{
		display: none;
	}

/* 【共通】フッター：ユーティリティ */
.footer-utility{
/*	border: 1px #000 dotted;*/
	width: 500px;
	bottom: 0px;
	padding: 5px 0px;
	float: left;
}
	.footer-utility ul{
		margin: 0px;
		padding: 0px;
	}
	.footer-utility li:first-child{
		padding-left: 0px;
		border-left: none;		/* 一番左の区切り線を非表示 */
	}
	.footer-utility li{
		margin: 0px;
		padding: 0px 10px;
		display: inline;
		border-left: 1px solid rgba(255, 255, 255, 1);
	}
	.footer-utility a,
	.footer-utility a:visited{
		font-size: 80%;
		color: rgba(255, 255, 255, 1);
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
		background-color: transparent;
		text-decoration: none;
	}
	.footer-utility a:hover{
		text-decoration: underline;
	}
	.footer-utility a:active{
		background-color: transparent;
	}

/* 【共通】フッター：コピーライト */
.footer-copyright{
/*	border: 1px #000 dotted;*/
	width: 420px;
	bottom: 0px;
	right: 0px;
	padding: 5px 0px;
	float: right;
}
	.footer-copyright p{
		margin: 0px;
		padding: 0px;
		font-size: 80%;
		color: rgba(255, 255, 255, 1);
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
		text-align: right;
	}

/* 【トップページ】キャッチフレーズ */
#catchphrase{
/*	border: 1px #000 dotted;*/
	width: 320px;
	height: 14px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
}
	#catchphrase p{
		margin: 0px;
		padding: 0px;
		font-size: 90%;
		font-weight: bold;
	}

/* 【トップページ】ロゴ */
#toplogo{
/*	border: 1px #000 dotted;*/
	width: 316px;
	height: 173px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: center;
}

/* 【サブページ】ロゴ */
#logo{
/*	border: 1px #000 dotted;*/
	width: 320px;
	height: 175px;
	float: left;
}

/* 【共通】ユーティリティメニュー */
#topmenu{
/*	border: 1px #000 dotted;*/
	width: 600px;
	float: right;
	background: rgba(255, 255, 255, 0.4);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 90%;
}
	#topmenu li{
		margin: 0px 10px;
		display: inline;
	}
	#topmenu a,
	#topmenu a:link,
	#topmenu a:visited{
		color: rgba(60, 62, 55, 1);
		background-color: transparent;
		text-decoration: none;
	}
	#topmenu a:hover{
		text-decoration: underline;
	}
	#topmenu a:active{
		background-color: transparent;
	}

/* 【共通】検索フォーム */
#searchbox{
/*	border: 1px #000 dotted;*/
	width: 300px;
	margin: 10px 0px;
	float: right;
	text-align: right;
}

/* 【記事ページ】パンくずリスト */
#pankuzulist{
/*	border: 1px #000 dotted;*/
	width: 950px;
	clear: both;
}
	#pankuzulist ul{
		margin: 5px 0px;
		padding: 0px;
	}
	#pankuzulist li{
		margin: 0px;
		padding: 0px;
		font-size: 90%;
		list-style-type: none;
	}
	#pankuzulist a,
	#pankuzulist a:link,
	#pankuzulist a:visited{
		vertical-align: bottom;
		max-width: 17em;
	}
	#pankuzulist a:hover{
	}
	#pankuzulist span{
		vertical-align: bottom;
		max-width: 17em;
	}

/* 【サブページ】メニュー */
#page_tab{
/*	border: 1px #000 dotted;*/
	width: 840px;
	float: left;
}
	#page_tab ul{
		height: 50px;
		margin: 0px;
		padding: 0px;
	}
	#page_tab li{
		width: 200px;
		height: 20px;
		float: left;
		display: inline;
	}
	#page_tab a,
	#page_tab a:link,
	#page_tab a:visited{
		margin-top: 5px;
		padding: 10px 0px;
		display: block;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: rgba(60, 62, 55, 1);
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.3em;
		-webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3),
							0px 0px 10px 1px rgba(0, 0, 0, 0.3) inset;
		box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3),
					0px 0px 10px 1px rgba(0, 0, 0, 0.3) inset;
	}
	#page_tab a:hover{
		height: 30px;
		margin: 0px;
	}

/* 【サブページ】上部 */
#page_ex{
/*	border: 1px #000 dotted;*/
	height: 100%;
	margin:  0px;
	padding: 10px 10px 0px 10px;
	clear: both;
	background-image: url(image/main.png);
	box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.3);
}
	#page_ex h1{
		width: 95%;
		margin: auto;
		padding: 14px 0px 10px 0px;
		border-bottom: 2px solid rgba(0, 0, 0, 0.5);
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
	}
	#page_ex p{
		width: 92%;
		margin: 0px 0px 0px 20px;
		margin: auto;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
		font-size: 90%;
		text-indent: 1em;
		line-height: 1.4;
	}

/* 【サブページ】の表示領域 */
#page-bk{
/*	border: 1px #000 dotted;*/
	padding: 0px 0px 20px 0px;
	background-image: url(image/main.png);
	-webkit-box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

/* 【アーカイブページ】リスト */
#reportlist-title{
/*	border: 1px #000 dotted;*/
	width: 240px;
	height: 60px;
	padding: 20px 0px 0px 0px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
	display: table-cell;
	text-align: center;
}
	#reportlist-title h3{
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	/* ↓いらないかも */
	#reportlist-title p{
		margin: 30px 0px 10px 0px;
		background-color: rgba(255, 255, 255, 0.4);
		border-top: 1px solid rgba(255, 255, 255, 0.4);
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
/*		color: rgba(255, 255, 255, 1);*/
		font-size: 90%;
	}
#reportlist{
/*	border: 1px #000 dotted;*/
	width: 240px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	float: left;
}
	#reportlist ul{
		margin: 0px;
		padding: 0px;
		-webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
		box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
	}
	#reportlist li{
/*		border: 1px #000 dotted;*/
		padding: 5px 20px 5px 30px;
		background-color : rgba(255, 255, 255, 1);
		background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
		background: linear-gradient(to bottom right, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
		border-top: 1px solid rgba(230, 230, 230, 1);
		list-style-type: none;
		font-size: 85%;
	}
	#reportlist li:first-of-type{
		border-top: none;
	}
	#reportlist li:hover{
	}
	#reportlist ul.children{
/*		border: 1px #000 dotted;*/
		padding: 5px 0px 0px 0px;
	}
	#reportlist ul.children li{
/*		border: 1px #000 dotted;*/
		padding: 5px 0px 0px 26px;
		background-color: rgba(255, 255, 255, 1);
		border-top: 0px;
		font-size: 85%;
	}
	#reportlist ul.children li:hover{
	}
	#reportlist a,
	#reportlist a:link,
	#reportlist a:visited{
		display: inline-block;
		color: rgba(60, 62, 55, 1);
		text-decoration: none;
	}
	#reportlist a:hover{
		text-decoration: underline;
	}
	#reportlist a:active{
	}
#reportlist-end{
/*	border: 1px #000 dotted;*/
	width: 240px;
	height: 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
}

/* 【サブページ】リスト付き表示領域 */
#report-bk{
/*	border: 1px #000 dotted;*/
	width: 640px;
	margin: 10px 20px 20px 20px;
	padding: 0px;
	float: left;
}

/*【サブページ】目次へ */
#back-contents{
	margin: 16px 0px 0px 8px;
	float: left;
	-webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
}
	#back-contents a{
		width: 18px;
		height: 80px;
		padding: 20px 8px 20px 12px;
		display: block;
		color: rgba(60, 62, 55, 1);
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		text-decoration: none;
		line-height: 1.4;
	}

/*【サブページ】リストなし表示領域 */
#reportfull-bk{
/*	border: 1px #000 dotted;*/
	width: 860px;
	margin: 10px 30px 20px 0px;
	padding: 0px;
	float: left;
}

/*【サブページ】固定ページ表示領域 */
#pagefull-bk{
/*	border: 1px #000 dotted;*/
	width: 900px;
	margin: 10px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
}

/* 【サブページ】内容表示領域 */
.reports{
/*	border: 1px #000 dotted;*/
	padding: 30px 20px 30px 20px;
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
}
	.reports > h1{
		padding: 0px 0px 0px 20px;
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(255, 255, 255, 0.5);
		line-height: 1.2;
	}
	.reports p{
		line-height: 1.8;
	}

/*【サブページ】１投稿分の表示領域 */
.report{
/*	border: 1px #000 dotted;*/
	margin: 0px 0px 5px 0px;
	padding: 0px 14px 0px 14px;
	overflow: hidden;
}
	.report p{
		margin: 0px 10px;
		clear: both;
	}
	.report td p{
		line-height: 1.2;
	}

/* 【サブページ】投稿記事 */
.report-title{
/*	border: 1px #000 dotted;*/
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	line-height: 1.1;
}
.report-update{
	height: 32px;
	margin: 0px;
	padding: 0px;
	float: right;
}
/* 【記事ページ】１投稿分タグ */
.report-tag{
}
	.report-tag p{
	/*	border: 1px #000 dotted;*/
		margin: 20px 0px 0px 0px;
		font-size: 75%;
	}
.report-back_to_top{
/*	border: 1px #000 dotted;*/
	height: 22px;
	text-align: right;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
	.report-back_to_top a{
		width: 110px;
		height: 26px;
		padding: 4px;
		background-color: rgba(220, 220, 220, 1);
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		font-size: 80%;
		color: rgba(60, 62, 55, 1);
		text-decoration: none;
	}
	.report-back_to_top a:hover{
		background-color: rgba(50, 153, 217, 1);
		color: rgba(255, 255, 255, 1);
	}

/* ソーシャルボタン */
#socialbtn{
	height: 28px;
}
	#socialbtn ul{
		width: 580px;
		height: 28px;
		margin: 0;
		padding: 0;
	}
	#socialbtn li{
		width: 90px;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		float: left;
		list-style-type: none;
	}
	#socialbtn li.fb-btn{
		width: 150px;
	}
	#socialbtn li.hatena-btn{
		width: 110px;
	}


/* メールフォーム */
#mailform{
	width: 340px;
	margin: 30px 0px 20px 0px;
	padding: 8px 24px;
	background-color: rgba(245, 245, 245, 1);
	border-left: 10px solid rgba(230, 230, 230, 1);
}
	#mailform span.small{
		font-size: 80%;
	line-height: 0.8;
	}

/* 印刷用CSSページ認知テキスト */
.print{
	padding: 4px 5px;
	background-color: rgba(245, 245, 245, 1);
	border: 1px solid rgba(230, 230, 230, 1);
	display: inline;
	float: right;
	font-size: 40%;
}


/* 【レポートアーカイブページ】表示領域 */
#archive-bk{
/*	border: 1px #000 dotted;*/
	width: 100%;
	margin: 0px;
	padding: 0px 50px 0px 50px;
	float: left;
}
#archive-bk .archive{
}
	#archive-bk .archive a,
	#archive-bk .archive a:link,
	#archive-bk .archive a:visited,
	#archive-bk .archive div{
		width: 16%;
		height: 190px;
		margin: 6px 0px 0px 0px;
		padding: 80px 30px 0px 30px;
		display: inline-block;
		background-color: transparent;
		background-image: url(image/memo.png);
		background-repeat: no-repeat;
		background-size: cover;
		color: rgba(60, 62, 55, 1);
		text-decoration: none;
		text-align: center;
		float: left;
	}
	#archive-bk .archive a:hover{
		-webkit-box-shadow: 0px 0px 6px 2px rgba(50, 153, 217, 1);
		box-shadow: 0px 0px 6px 2px rgba(50, 153, 217, 1);
	}
	#archive-bk .archive a:active{
		background-color: transparent;
	}
	.titleline-top{
		width: 100%;
		margin: 0px 0px 10px 0px;
		border-top: 1px solid rgba(60, 62, 55, 1);
		display: block;
	}
	.titleline-bottom{
		width: 100%;
		margin: 10px 0px 0px 0px;
		border-bottom: 1px solid rgba(60, 62, 55, 1);
		display: block;
	}
	.columtitle{
		display: block;
		font-size: 85%;
		line-height: 1.5;
	}
	.comming-soon{
		margin-top: 40px;
		display: block;
		font-size: 80%;
	}

/* 【トップページ】フォルダータブ */
#folder{
	width: 680px;
	height: 40px;
	background-image: url(image/main_off.png);
	-webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
#folder-left{
	width: 50px;
	height: 40px;
	background-image: url(image/folder-left.png);
	float: left;
}
#folder-right{
	width: 50px;
	height: 40px;
	background-image: url(image/folder-right.png);
	float: right;
}
/* 【サブページ】フォルダータブ */
#sp-folder{
	width: 100%;
	height: 40px;
	background-image: url(image/main_off.png);
	-webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
#sp-folder-left{
	width: 50px;
	height: 40px;
	background-image: url(image/folder-left.png);
	float: left;
}
#sp-folder-right{
	width: 50px;
	height: 40px;
	background-image: url(image/folder-right.png);
	float: right;
}

/* 【トップページ】メニュータブ */
#colum{
/*	border: 1px #000 dotted;*/
	width: 580px;
	height: 50px;
	float: left;
}
	#colum ul{
		height: 50px;
		margin: 0px;
		padding: 0px;
	}
	#colum li{
		display: inline;
		float: left;
	}
	#colum a,
	#colum a:link,
	#colum a:visited{
		width: 170px;
		height: 20px;
		margin-top: 10px;
		padding: 10px 0px;
		display: block;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: rgba(60, 62, 55, 1);
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.2em;
		-webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3),
							0px 0px 10px 1px rgba(0, 0, 0, 0.3) inset;
		box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.3),
							0px 0px 10px 1px rgba(0, 0, 0, 0.3) inset;
	}
	#colum a:hover{
		height: 30px;
		margin: 0px;
	}

/* 【トップページ】黒板 */
#blackbord-bk{
/*	border: 1px #aaa dotted;*/
	width: 100%;
	min-width: 950px;
	height: 200px;
	margin: 20px 0px;
	background-image: url(image/blackbord.gif);
	background-repeat: repeat;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.7);
	position: relative;
}
	#blackbord-bk img{
		position: relative;
		z-index: 0;
	}
#blackbord-position{
/*	border: 1px #F00 dotted;*/
	width: 950px;
	height: 200px;
	margin: auto;
	overflow: hidden;
}
#blackbord{
/*	border: 1px #0FF dotted;*/
	width: 950px;
	height: 290px;
	top: -50px;
	position: absolute;
	overflow: hidden;
}
#blackbord-txt{
/*	border: 1px #0F0 dotted;*/
	width: 784px;
	height: 180px;
	float: left;
	margin: 50px 0px 0px 0px;
	padding: 16px 0px 0px 0px;
	overflow: hidden;
}
	#blackbord-txt p{
		color: rgba(255, 255, 255, 0.8);
		line-height: 16px;
	}
#blackbord-img{
/*	border: 1px #000 dotted;*/
	width: 159px;
	height: 288px;
	margin: 0px;
	padding: 0px;
	float: right;
	background-image: url(image/topimg.gif);
}

/* 【トップページ】黒板：お知らせ */
.information{
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 14px 14px;
	float: left;
	border-radius: 10px;
	border: solid 2px rgba(255, 255, 255, 0.6);
	font-size: 90%;
}
	.information h4{
		margin: 0px;
		padding: 0px;
		color: rgba(251, 181, 181, 0.6);
		border-bottom: solid 5px rgba(251, 181, 181, 0.6);
	}
	.information ul{
		margin: 8px 0px 0px 0px;
		padding: 0px;
	}
	.information li{
		list-style-type: none;
	}
	.information a,
	.information a:link,
	.information a:visited{
		max-width: 17em;
		vertical-align: bottom;
		display: item-list;
		color: rgba(255, 255, 255, 0.6);
		background-color: transparent;
	}
	.information a:hover{
	}
	.information a:active{
	}
	.information span{
		color: rgba(255, 255, 255, 0.6);
	}
	.infodate{
		font-weight: bold;
	}

/* 【トップページ】黒板：メッセージ */
.message{
/*	border: 1px #F00 dotted;*/
	width: 418px;
	padding-top: 10px;
	float: right;
}
	.message p{
		margin: 4px 0px;
		padding: 0px;
		font-size: 80%;
		color: rgba(255, 255, 255, 0.6);
	}
	.message a,
	.message a:link,
	.message a:visited{
		padding-top: 10px;
		float:right;
		color: rgba(251, 181, 181, 0.6);
		text-decoration: underline;
		background-color: transparent;
	}
	.message a:hover{
	}
	.message a:active{
		background-color: transparent;
	}

/* 【共通】検索フォーム */
#search-form{
	width: 235px;
	height: 30px;
	padding: 5px 10px;
	float: right;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}
#search-text{
	width: 160px;
	margin: 0px;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px rgba(200, 200, 200, 1);
}
#search-btn{
	width: 38px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	border: solid 1px rgba(200, 200, 200, 1);
	border-radius: 10px;
	font-size: 95%;
	color: rgba(100, 100, 100, 1);
}

/* 【投稿ページ】 ページナビゲーション */
.pagenation{
/*	border: 1px #AAA dotted;*/
    margin: 0px 0px 15px 0px;
    padding: 10px 30px;
    overflow: hidden;
/*	border-top: 1px dashed rgba(0, 0, 0, 0.5);}*/
}
	.pagenation a:hover{
		text-decoration: underline;
	}
    .single-prev {
        width: 300px;
        float: right;
        text-align: right;
    }
    .single-next {
        width: 300px;
        float: left;
    }


/* 【アーカイブページ】記事一覧（更新順）装飾 */
/*#category-update{
	width: 240px;
	height:30px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 20px;
	border-left: 5px solid rgba(230, 230, 230, 1);
	border-bottom: 2px solid rgba(230, 230, 230, 1);
	background-color: rgba(245, 245, 245, 1);
}
	#category-update p{
		font-size: 140%;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
*/
/* 【アーカイブページ】ページネーション */
.category-pagenation{
	margin: 20px 0px 0px 20px;
	padding: 5px;
}
	.category-pagenation .current{
		background-color: rgba(220, 220, 220, 1);
		color: rgba(60, 62, 55, 1);
	}
.page-numbers{
	padding: 3px 5px;
	border: 1px solid rgba(220, 220, 220, 1);
}
	.page-numbers .prev{
		margin-right: 20px;
	}
	.page-numbers .next{
		margin-left: 20px;
	}
	.page-numbers .dots{
	}
	a.page-numbers:hover{
		background-color: rgba(220, 220, 220, 1);
	}

/* 【トップページ】タグクラウド */
#toptag{
	width: 240px;
	margin: 0px;
	padding: 0px;
	float: right;
}
	#toptag img{
		width: 105px;
		height: 45px;
	}
	#toptag a,
	#toptab a:visited{
		width: 160px;
		margin: 0px 0px 5px 40px;
		padding: 1px 3px;
		border-bottom: 1px dashed rgba(180, 180, 180, 1);
		display: block;
/*		color: rgba(60, 62, 55, 1);*/
		line-height: 2.0;
		background-color: transparent;
	}
/*	#toptag a:hover{
		text-decoration: none;
	}
	#toptag a:active{
		background-color: transparent;
	}
*/
/* 背景画像指定 */
.atomic{
	background-image: url(image/color-pink.png);
}
.war-history{
	background-image: url(image/color-purple.png);
}
.health{
	background-image: url(image/color-green.png);
}
.etc{
	background-image: url(image/color-sky.png);
}
.info{
	background-image: url(image/color-gray.png);
}

/* テキスト後方省略 */
.textcut{
	display: inline-block;
	white-space: nowrap;  
	overflow: hidden;
	text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
}