@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	margin: 0;
	padding: 0;
}


/*============================================
ページ全体
============================================*/
.base{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  overflow:hidden;
}

.pc {
display:none;
}


/*----文字系----*/

.center_text  /*-文字を中央揃えに-*/
{
	text-align: center;
}

.left_text /*-文字を左揃えに-*/
{
	text-align: left;
}

.right_text /*-文字を左揃えに-*/
{
	text-align: right;
}

/*--色--*/

.blue /*青（みつまいん返信色）*/
{
	color: blue;
}

.red
{
	color: red;
}


/*-----真ん中にする-----*/

.center_img  /*	画像-*/
{
	display:block;
	margin:auto;
}

.center_div /*-div-*/
{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}


/*-----縁取りを付ける-----*/

.border-1	/*ただ黒縁を付けるだけ*/
{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 30px 16px;
}

.border-a1{
	background-color: #ffffff;
	border-width: 10px;
	border-style: double;
	border-color: brown;
	padding: 30px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.border-a1 p{  
	margin: 0px 16px;
}


.border-a2{  /*いつもの＆左寄せ*/
	background-color: #ffffff;
	border-width: 10px;
	border-style: double;
	border-color: brown;
	padding: 30px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.border-a2 p{
	font-weight: 500;
	text-align: left;
}

.border-a2 hr{
	margin: 30px 0px;
}


.border-b1 { /*線細目*/
	background-color: #deb3a0;
	border-width: 3px;
	border-style: solid;
	border-color: brown;
	padding: 30px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	color: brown;
}

.border-b1 p{
	font-weight: 600;
	text-align: left;
}

.border-b2  /*線細目・左寄せ・青*/

{
	color: #2e4065;
	background-color: #ced2ec;
	border-width: 3px;
	border-style: solid;
	border-color: #434763;
	padding: 30px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.border-b2 p{
	font-weight: 600;
	text-align: left;
}

.border-b2 hr{
	margin: 30px 0px;
}


.border-c1 /*キャプション用*/

{
	color: #ffffff;
	background-color: brown;
	border-width: 10px;
	border-style: double;
	border-color: brown;
	padding: 10px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.border-c1 h2
{
	text-align: center;
}


.border-c1n /*キャプション用・幅狭*/
{
	color: #ffffff;
	background-color: brown;
	border-width: 3px;
	border-style: solid;
	border-color: brown;
	padding: 10px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.border-c1n h2
{
	text-align: center;
}

.border-c1m /*キャプション用・目次*/
{
	color: #ffffff;
	background-color: brown;
	border-width: 3px;
	border-style: solid;
	border-color: brown;
	padding: 10px 30px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.border-w1  /*まっちろ*/

{
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff;
	padding: 30px 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.border-w1m  /*まっちろ・目次*/

{
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: brown;
	padding: 30px 30px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.border-w1m p{
	text-align: left;
}


/*-----表題の画像-----*/
 .caption_img
 {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

/*-----タイトルの画像-----*/

 .title_img
 {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

/*-----箇条書き-----*/

/*--いつもの--*/

.ula1 li{
	list-style-type: none;
	margin;0px 16px;
}

.ula1 li a{
	font-size: x-large;
	font-weight: 600;
}

.ulb1		/*--黒・下線--*/
{
	text-align: left;
	padding: 10px;
	list-style-type: none;
}
.ulb1 li	
{
	
}

.ulb1 li a{
	font-size: medium;
	font-weight: 600;
	text-decoration: underline;
	color: #000000;
}

/*----------テーブル-----------*/

/*--左--*/

.tdleft_brown /*--茶--*/

 {
 	font-weight: 600;
 	color: #ffffff;
 	background-color: #a52a2a;
 	text-align: center;
 	border-width: 1px;
 	border-style: solid;
 	border-color: #000000;
 	padding: 10px 30px;
 }

.tdleft_gray /*--灰--*/

 {
 	font-weight: 600;
 	color: #ffffff;
 	background-color: #a6a6a6;
 	text-align: center;
 	border-width: 1px;
 	border-style: solid;
 	border-color: #000000;
 	padding: 10px 30px;
 }
 
.tdleft_gray a:link {
	color: #ffffff;
}

.tdleft_gray a:visited {
	color: #000000;
}

/*--右--*/
.tdright_white {
	font-weight: 600;
	color: #555555;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 10px 30px;
	text-align: left;
}

/*---------------雑記用---------------*/

.diary_page{
	background-image: url(images/bg_ohnohara_blue.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

.diary-head
{
	color: #ffffff;
	background-color: #829c4b;
	text-align: center;
	margin-top: 5px;
	border-width: 5px;
	border-style: double;
	border-color: #000000;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 90%;
}

.diary-cap
{
	background-color: #829c4b;
	margin-top: 5px;
	border-width: 5px;
	border-style: double;
	border-color: #000000;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 90%;
}
.diary-cap p
{
	text-align: left;
	font-weight: 600;
}
	
.diary-cap table
{
	width:100%;
}

.tbdate
{
	width:30%;
}

.tbcap
{
	width:70%;
}


.diary-border
{
	color: #50311d;
	background-color: #ecd1b0;
	text-align: left;
	margin-top: 5px;
	border-width: 5px;
	border-style: double;
	border-color: #000000;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 90%;
}

.diary-border　p
{
	font-size: small;
	font-weight: 600;
	line-height: 120%;
}


.diary-border a
{
	text-decoration: underline;
	color: blue;
}

.diary-border ul li
{
	margin: 0px 30px;
	list-style-type: square;
}

.diary-capm /*キャプション用・目次・緑*/
{
	color: #000000;
	background-color: #829c4b;
	border-width: 3px;
	border-style: solid;
	border-color: #000000;
	padding: 10px 30px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.diary-borderm
{
	color: #50311d;
	background-color: #ecd1b0;
	border-top-width: 0px;
	border-style: solid;
	border-color: #000000;
	padding: 30px 30px;
	margin-left: auto;
	border-left-width: 3px;
	margin-right: auto;
	border-right-width: 3px;
	border-bottom-width: 3px;
	width: 50%;
}

.diary-borderm p{
	text-align: left;
}

.diary-borderm ul li
{
	margin: 0px 30px;
	list-style-type: square;
}


/*============================================
iframe側の領域（左側）
=============================================*/

.menu{
	display: none;
}

/*============================================
iframe側の領域（上側）
=============================================*/

.menu_ue {
	background-color: #8998cc;
	margin: 0;
	border-right-width: 3px;
	border-right-style: double;
	position: relative;
	width: 100%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ue_header img {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	display: block;
}

.menu_text {
	text-align: center;
	height: 100%;
}

div#menu {
	height: 100%;
}

div#menu table{
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

div#menu td{
width: 45%;
height:20px;
text-align: center;
}


/*============================================
メイン画面（右側）
============================================*/
.main_page{
	background-image: url(images/bg_ohnohara.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}


/*-----ヘッダ-----*/

div#header{
 display: none;
}

/*-----更新履歴-----*/

div#new {
	background-color: #ffffff;
	border-width: 10px;
	border-style: double;
	border-color: brown;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	width: 90%;
	height: 20%;
	padding: 0px;
}

.new{
	width: 100%;
}
.new table {
	width: 100%
}

.tdleft{
	font-weight: 700;
	background-color: #3db4b0;
	text-align: center;
	width: 30%;
	height: 50px;
	color: white;
}

.tdright{
	padding-left: 5px;
}

/*-----本文-----*/

.main_text {
	font-size: large;
	text-align: left;
	line-height: 1.2;
}

/*------トップページ-----*/

div#welcome_text {
	text-align: center;
}

img#welcome {
	display: none;
}

img#welcome_sp{  /*-いらっしゃいませイラスト・タブレット-*/
	background-color: #550202;
	width:320px; height:380px;
	margin-top: 20px;
	border-width: 10px;
	border-style: double;
	border-color: brown;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

.toppage ul li{
	padding: 16px;
	list-style-type: none;
}

.toppage ul li a{
	font-size: x-large;
	font-weight: 600;
}

div#song_caption {
	color: #ffffff;
	background-color: #a42a2a;
	border-width: 3px;
	border-style: solid;
	border-color: #a42a2a;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 90%;
}
div#song {
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #a42a2a;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 90%;
}

div#song h5 {
	color: #bfbfbf;
}
/*------あばうと-----*/

p#mail	{
	font-size: large;
	font-weight: bold;
	text-decoration: underline;
}

/*-------ブログ------*/

div#blog {

	margin-left: auto;
	margin-right: auto;
}

img#blog {
	width: 100%;
	max-width:800px;
}


/*------bbs-------*/

div#bbs {
		width:100%;
		height:100%;
}

div#bbs iframe{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	display: block;
}

/*-----イラスト-----*/

.img_illust{
	display:block;
	margin:auto;
	width: 90%;
}


/*-----フッタ-----*/

div#footer {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	padding: 20px;
}

div#footer small{
	clear: both;
	margin-top: 20px;
	height: 10px
	text-align:center;
}