/* 文字コード指定 */
@charset "UTF-8";


/* ここから上はリセットなので削除して適宜必要なCSSを読み込ませてください。 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 全体の構成 */
/* 全体枠 -----------------------------------------------------------　*/
#pg_wrap {/* スマホ用にも記述あり */
	width: 900px!important;
	max-width:900px;
	margin: 0 auto;
	padding: 30px 0;
	font-size: 1em;
	line-height: 1.6em;
	clear: both;
}
#pg_wrap:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}

/* 左ブロック：枠 ---------------------------------------------------　*/
#pg_left {/* スマホ用にも記述あり */
	width: 260px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

/* 左ブロック：カレンダー --------------------------------------------　*/
#pg_calendar {
	margin: 0 0 15px;
        display: none;
}
#pg_calendar table {
	margin: 0 auto;
	border-collapse: collapse;
	border: 1px solid #D0D0D0;
	background: #fff;
}
.calendar_ttl {
	height: 35px;
	padding: 0;
	line-height: 35px;
	text-align: center;
	clear: both;
}
#pg_calendar th ,
#pg_calendar td {
	width: 0px;
	padding: 0;
	line-height: 34px;
	text-align: center;
	font-size: 1em;
	color: #1b1b1b;
	background-color: #F2F2F2;
	border-collapse: collapse;
	border: 1px solid #DDDDDD;
}
#pg_calendar th a {
	text-decoration: underline;
	display: inline-block;
}
a.pg_calendar_prev {
	float: left;
}
a.pg_calendar_next {
	float: right;
}
#pg_calendar td a {
	width: 34px;
	height: 34px;
	font-size: 1em;
	line-height: 34px;
	display: inline-block;
	text-decoration: underline;
}
#pg_calendar th.pg_cal_sunday {
	color: #dd0000;
	background-color: #ffdbdb;
}
#pg_calendar td.pg_cal_sunday {
	color: #1b1b1b;
	background-color: #ffdbdb;
}
#pg_calendar th.pg_cal_saturday{
	color: #06F;
	background-color: #d7dde9;
}
#pg_calendar td.pg_cal_saturday{
	color: #5c5e5f;
	background-color: #d7dde9;
}
#pg_calendar td.pg_cal_today{
	color: #FFF;
	background-color: #b7b7b7;
}

/* 左ブロック：分類一覧 ----------------------------------------------　*/
#pg_category {
	width: 0px;
	margin: 0 auto;
        display: none;
}
.pg_category_ttl {
	width: 100%;
	line-height: 1.8em;
	text-align: center;
}
#pg_category ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dashed #DDDDDD;
}
#pg_category ul li {
	margin: 0;
	padding: 10px;
	text-align: left;
}
#pg_category ul li.dai {
	border-top: 1px dashed #DDDDDD;
}
#pg_category ul li.syo {
	padding-left: 20px;
	font-size: 0.8em;
}

/* 右ブロック（メイン） ----------------------------------------------　*/
.pg_main {/* スマホ用にも記述あり */
	width: 900px!important;
	max-width: 900px!important;
	margin: 0;
	padding: 0;
	text-align: left;
	display: inline-block;
	float: left;
}
.pg_main:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
/* 記事一覧見出し */
.pg_all_ttl {
	margin: 0 0 15px;;
	font-size: 1.5em;
	border-bottom:1px solid #000000;
	max-width: 770px;
        display: none;
}

/* 右ブロック（分類ドロップダウンメニュー） ---------------------------　*/
#pg_drop_category {
	margin-bottom: 30px;
	position: relative;
	display: none;
}
#pg_drop_category:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
#pg_drop_category h4 {/* ドロップダウンメニューのボタンになる見出し */
	width: auto;
	margin: 0;
	padding: 10px;
	line-height: 1em;
	font-weight: normal;
	border-radius: 5px;
	background-image: url(../img/bg_open.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-color: #83bee6;
	display: block;
	cursor: pointer;
}
#pg_drop_category h4.selected {/* ドロップダウンしてる時のボタン見出し */
	border-radius: 5px 5px 0 0;
	background-image: url(../img/bg_close.png);
	display: block;
}
#pg_drop_menu {
	display: none;
	position: relative;
}
#pg_drop_menu {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #83bee6;
	border-radius:  0 05px 5px;
}
#pg_drop_menu li {
	margin: 0;
	padding:0;
	border-bottom: 1px dashed #ffffff;
}
#pg_drop_menu li.syo {
	display: none;
}
#pg_drop_menu li a {
	width: auto;
	margin: 0;
	padding: 10px;
	line-height: 1.5em;
	font-size: 1em;
	background-color: rgba( 255, 255, 255, 0.5 );
	display: block;
}
#pg_drop_menu li a:hover {
	background-color: rgba( 255, 255, 255, 0.8 );
}


/* 記事一覧リスト */
#pg_all_list {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#pg_all_list li {
	margin: 0 0 15px;
}
#pg_all_list li span {
	padding-right: 15px;
}

/* 右ブロック（ページ送り） ------------------------------------------　*/
#pg_conf_page {
	width: 100%;
	margin: 50px auto 0;
}
#pg_conf_page:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
#pg_conf_page .prev {
	font-size: 0.8em;
	float: left;
}
#pg_conf_page .next {
	font-size: 0.8em;
	float: right;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++単体記事++++++++++ */
/* 枠 ---------------------------------------------------------------　*/
div#pg_single {
	width: 600px!important;
	max-width: 600px!important;
	padding: 0px 0px;
	display: block;
}

toppage_title{
font-size:0.8em;
margin:0 20px 0 0;
}


/* タイトル ----------------------------------------------------------　*/
h3.pg_single_ttl {
	width: auto;
	margin: 0;
	padding: 10px 15px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	display: block;
}

/* 単体記事の分類 ----------------------------------------------------　*/
.pg_single_category {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	clear: both;
}
.pg_single_category a.syo {
}

/* 単体記事の日付 ----------------------------------------------------　*/
.pg_single_date {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 2.5em;
	text-align: right;
}

/* 戻るボタン --------------------------------------------------------　*/
.pg_single_back {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #dcdcdc;
	text-align: center;
}
.pg_single_back a.pg_back_all ,
.pg_single_back a.pg_back_dai {
	padding: 0 10px;
	line-height: 1em;
}

/* 本文中のスタイル --------------------------------------------------　*/
#pg_single p {
	width: 100%;
	font-size: 1em;
	margin: 0 0 15px;
	padding: 0;
}
#pg_single div:after ,
#pg_single p:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
#pg_single strong, #pg_single b {
	font-weight: bold;
}
#pg_single em {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-style:italic;
}
#pg_single sub {
	padding: 0 2px;
	line-height: 1em;
	font-size: 0.8em;
	vertical-align: text-bottom;
}
#pg_single sup {
	padding: 0 2px;
	line-height: 1em;
	font-size: 0.8em;
	vertical-align: text-top;
}
#pg_single h1 {
	margin: 25px 0;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
}
#pg_single h2 {
	margin: 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
}
#pg_single h3 {
	margin: 15px 0;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
}
#pg_single h4 {
	margin: 15px 0;
	font-size: 1em;
	line-height: 1.4em;
}
#pg_single ul {
	mrgin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style: disc;
}
#pg_single ol {
	mrgin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 35px;
}
#pg_single table {
	max-width: 100%;
	margin: 0 auto 10px;
	border: 1px solid #D0D0D0;
	display: table;
}
#pg_single table caption {
	font-size: 0.8em;
	text-align: right;
	caption-side: top;
}
#pg_single table td,#pg_single table th {
	padding: 5px;
	display: table-cell;
	border: 1px solid #D0D0D0;
}

#pg_single table th {
	background-color: #F2F2F2;
}

#pg_single img {
	max-width: 100%!important;
	width: auto;
	height: auto!important;
	margin: 0;
	padding: 0;
}

/* Youtube埋め込み用 */
#pg_single iframe {
	width: 100%!important;
	margin: 0;
	padding: 0;
}

#pg_single iframe:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}

#pg_single iframe video {
	max-width: 100%!important;
	width: 100%!important;
	height: 100%!important;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++スマホ用++++++++++ */

/* 右ブロック（スマホ用分類ドロップダウンメニュー）を普段は非表示 ---------　*/

@media only screen and (max-width: 959px) {

	#pg_wrap {
		width: 96%;
		margin: 0 auto;
		padding: 0;
	}

	/* 左ブロックを非表示にする -----------------------------------------　*/
	#pg_left {
		display: none;
	}
	.pg_main {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}

}