@charset "UTF-8";
/*
Theme Name: 群視協用テーマ
Author: 群視協事務局
Description: 群視協用ホームページ(視覚障害者用)のテーマです。
Version: 0.1

*/

/*--- サイト全体 ------------------------*/
html {
	font-family: sans-serif;
	line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color:#000;
	color:white;
}

body {				/* ページ全体 */
	margin: 0;		/* 領域外側の余白 */
	font-family: 'メイリオ',sans-serif;
	line-height: 1.5;
	color: white;		/* 文字色 */
}

/*--- ヘッダー ----------------------------*/
/* サイト名 */
.site-title  {
	font-size: xx-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	line-height: 1.25;	/* 行の高さ(フォントサイズの1.25倍) */
	margin: 20px;		/* 領域外側の余白 */
	padding: 10px;		/* 文字と領域枠との余白 */
	border: 5px;		/* 枠線太さ */
	border-style: solid;	/* 枠線種類 */
	border-color: white;	/* 枠線色 */
	color: white;		/* 文字色 */
}

.site-title a {		/* サイト名(リンク) */
	color: white;	/* 文字色 */
}

/* サイト説明 */
.site-description {
	font-size: x-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	line-height: 1.25;	/* 行の高さ(フォントサイズの1.25倍) */
	margin: 10px;		/* 領域外側の余白 */
	padding: 10px;		/* 文字と領域枠との余白 */
	color: white;		/* 文字色 */
}

/* サイト切り替え説明 */
.site-guid_usage {
	padding: 10px;		/* 文字と領域枠との余白 */
	font-size: x-large;	/* 文字の大きさ */
	font-weight: 500;	/* 文字の太さ(100,200,300,[400],500～900) */
	line-height: 1.25;	/* 行間(フォントサイズの1.25倍) */
	margin: 1em;		/* 領域外側の余白 */
	color: white;		/* 文字色 */
}

/* レイアウトボタン */
.site-rayout-btn {
/*	border: 5px solid white;	*/
	padding: 5px;		/* 文字と領域枠との余白 */
	font-size: medium;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
/*	line-height: 1.25;	/* 行の高さ(フォントサイズの1.25倍) */
	text-align: center;
	width: 150px;
	margin-left: 50px;		/* 領域外側の余白 */
	color: black;		/* 文字色 */
	background-color: yellow;
}
/* レイアウトボタン:リンクの形状指定 */
.site-rayout-btn:a {
	color: black;			/* 文字色 */
	text-decoration: underline;	/* 文字装飾 */
}


.site-rayout-btn:focus {			/* Tabキーによる選択中 */
	outline: double;	/* 枠線指定(二重線) */
    	background-color: white;
	color: black;		/* 文字色 */
}

.site-rayout-btn:hover,	/* マウスカーソルが乗ったとき */
.site-rayout-btn:active {
    background-color: white;
    color: black;
	outline: double;	/* 枠線指定(二重線) */
}


input#submit_button { 
	display: inline-block;
	padding: 10px;		/* 文字と領域枠との余白 */
	font-size: medium;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	line-height: 1.25;	/* 行の高さ(フォントサイズの1.25倍) */
	margin: 2px;		/* 領域外側の余白 */
	color: black;		/* 文字色 */
	background-color: yellow;
} 
input#submit_button:hover { 
    background-color: white;
    color: black;
}




/*--- メニュー -----------------------*/
.navi-menu {
	clear: both;		/* 回り込み解除 */
	display: block;		/* 表示形式をブロックレベル要素として扱う */
	color: #fff;		/* 文字色 */
	font-size: xx-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	border: 2px;		/* 枠線太さ */
	border-style: solid;	/* 枠線種類 */
	border-color: white;	/* 枠線色 */
	margin: 30px;		/* 領域外側の余白 */
	padding: 0px;		/* 文字と領域枠との余白 */
}

/*--- お知らせ -----------------------*/

.kiji {		/* 記事タイトル */
	margin-left: 50px;	/* 領域左側の余白 */
	font-size: x-large;	/* 文字の大きさ */
}


/*--- 記事 -----------------------*/

.page-title {		/* 記事タイトル */
	margin-left: 100px;	/* 領域左側の余白 */
	font-size: xx-large;	/* 文字の大きさ */
}

.entry {
	clear: both;		/* 回り込み解除 */
	margin-left: 20px;	/* 領域左側の余白 */
	font-weight: 600;	/* 文字の太さ(100,200,300,[400],500～900) */
	font-size: x-large;	/* 文字の大きさ */
}


/*--- リンクの形状指定 -----------------------*/
/* 通常形状 */
a {
	color: white;			/* 文字色 */
	text-decoration: underline;	/* 文字装飾 */
}


a:focus {			/* Tabキーによる選択中 */
	outline: double;	/* 枠線指定(二重線) */
	color: white;		/* 文字色 */
}

a:hover,	/* マウスカーソルが乗ったとき */
a:active {
	color: yellow;		/* 文字色 */
	outline: double;	/* 枠線指定(二重線) */
}


/*--- サイドバーの形状指定 -----------------------*/

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	font-size: x-large;	/* 文字の大きさ */
	font-weight: 400;	/* 文字の太さ(100,200,300,[400],500～900) */
	line-height: 1.25;	/* 行の高さ(フォントサイズの1.25倍) */
	margin: 10px;		/* 領域外側の余白 */
	padding: 10px;		/* 文字と領域枠との余白 */
	color: white;		/* 文字色 */
}

/*--- 固定ページ -----------------------*/
.kotei-page {
	clear: both;		/* 回り込み解除 */
	display: block;		/* 表示形式をブロックレベル要素として扱う */
	color: #fff;		/* 文字色 */
	font-size: x-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	border: 2px;		/* 枠線太さ */
	border-style: solid;	/* 枠線種類 */
	border-color: white;	/* 枠線色 */
	margin: 30px;		/* 領域外側の余白 */
	padding: 20px;		/* 文字と領域枠との余白 */
}

/*--- 個別ページ -----------------------*/
.kobetu-page {
	clear: both;		/* 回り込み解除 */
	display: block;		/* 表示形式をブロックレベル要素として扱う */
	color: #fff;		/* 文字色 */
	font-size: x-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	border: 2px;		/* 枠線太さ */
	border-style: solid;	/* 枠線種類 */
	border-color: white;	/* 枠線色 */
	margin: 30px;		/* 領域外側の余白 */
	padding: 20px;		/* 文字と領域枠との余白 */
}

/* トップページへ戻るボタン */
.top-btn {
	padding: 5px;		/* 文字と領域枠との余白 */
	font-size: x-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
/*	line-height: 1.25;	/* 行の高さ(フォントサイズの1.25倍) */
	text-align: center;
	width: 150px;
	margin-left: 50px;		/* 領域外側の余白 */
	color: black;		/* 文字色 */
}

/* 記事検索フォーム */
.s{
    border: 1px solid;
    margin: 0 0 0 10px;
    height: 40px;
    width: 180px;
    font-size: x-large;
}
.searchsubmit{
    border: 1px solid;
    background: white;
    padding: 6px 20px;
    color: black;
    font-size: x-large;
}


/* 記事検索 */
.kiji-search {
	clear: both;		/* 回り込み解除 */
	display: block;		/* 表示形式をブロックレベル要素として扱う */
	color: #fff;		/* 文字色 */
	font-size: xx-large;	/* 文字の大きさ */
	font-weight: 800;	/* 文字の太さ(100,200,300,[400],500～900) */
	border: 2px;		/* 枠線太さ */
	border-style: solid;	/* 枠線種類 */
	border-color: white;	/* 枠線色 */
	margin: 30px;		/* 領域外側の余白 */
	padding: 0px 40px;		/* 文字と領域枠との余白 */
}