@charset "utf-8";

/*ウィンドー背景色の設定*/
body{ background-color: #fbf9cc;}

/*リンク色の設定*/
a{color:#1356e7;}

a:hover{color: #50241e;}

/*水平線*/
hr{display: block;
  width: 100%; height: 1px; background-color: #1356e7; border: 0; }

p{margin-left: 1em; 
  text-indent: 1em;
  /*以下はデバッグ用　
  background-color: blanchedalmond; */
}

p b,blockquote b,li b{color:crimson}

blockquote{font-size: 85%; color:#22a;
  border:#4488ff 2px dotted;padding: 2px 5px 5px 10px; margin: 0 0 15px 50px;}

/*ページタイトル(h1)の設定*/
h1{color:#4a8b6f; text-align:center; font-size:250%;}

h1 span{color:#ff9807; font-size:120%;}

/*大見出しの設定*/
h2{
  color:#407a61;
  border: #94c8b1 3px dotted; border-left:#d0e35b 10px solid; font-size:160%;
  padding:5px 5px; margin-bottom: 0;
}

h3{color:#4a86bf; border:#94c8b1 0px solid; font-size:140%;
    padding:15px 15px 0 15px; margin:2px 0 0 0;}

h4{color:#4a8b6f;border:#94c8b1 0px solid; font-size:120%;
  padding:15px 15px 0 15px; margin:2px 0 0 0;}

h5{color:#60b4e4;border:#94c8b1 0px solid; font-size:110%;
    padding:15px 15px 0 15px; margin:2px 0 0 0;}

/* ページトップに戻る*/
right{text-align: right;}
/*サブキャプション*/
.casting{clear:both; border:#4488ff 2px solid; margin:5px 0 5px 10px; padding:5px;}
.casting h3{color:#4a86bf;padding:2px 0px; margin:2px 0 2px 0; font-size:140%;}
.casting h4{color:#00054d; font-size:110%; padding:2px 0; margin:0;}

/*注意書き*/
p.remark{color:#e72513; text-align:left; font-size:120%;
  border:#e72513 5px solid; display:inline-block; font-weight:800;}

p.tuika{border:#e72513 2px solid; display:inline-block; font-size:100%;
  padding:5px 5px 5px 5px;}

/*補足*/
.hosoku{ 
  color:#138141; /*padding-left: 1em;*/ font-size: 80%;
}
/*文字をオレンジに*/
.org{color:orange;}

/*文字を指定の強調*/
.strg{color:rgb(243, 19, 19); font-weight: bolder;}

/*左の余白*/
.padl{padding-left:2ex;}

/*情報データ見出しの設定*/
.clr dt{font-weight:bold; float:left;}

.clr dl{padding-left: 10px;}
ul, ol{padding-top: 0px; padding-left: 30px; margin-left: 1em; /*background-color: rgb(200,255,255);*/} 

/*写真データの設定*/
.ph{clear:both; float:left; margin:5px 20px 5px 5px;}
.phr{clear:both; float:right; margin:5px 5px 5px 30px;}
.ph700{clear:both; width: 700px;}
.ph640{clear:both; width:640px;}
.ph640b{clear:both; width:640px; border:red 3px}
.ph480l{clear:both; width:480px; float:left; margin:1px 10px 5px 1px;}
.ph400l{clear:both; width:400px; float:left; margin:1px 10px 5px 1px;}
.ph320l{clear:both; float:left; width:320px; margin:1px 10px 5px 1px;}
.ph320{float:left; width:320px; margin:1px 10px 5px 1px;}
.ph260l{clear:both; float:left; width:260px; margin:1px 10px 5px 1px; vertical-align:top;}
.ph260{float:left; width:260px; margin:1px 10px 5px 1px; vertical-align:top;}
.ph200l{clear:both; float:left; width:200px; margin:1px 10px 5px 1px; vertical-align:top;}
.ph160l{clear:both; float:left; width:160px; margin:1px 10px 5px 1px;}
.bgray{border: 5px solid white}
.PhExp{clear:both; float:left; margin:5px 5px 5px 5px; width:480px; border:gray 3px solid;}
.PhExpOrg{clear:both; float:left; margin:5px 5px 5px 5px; border:gray 3px solid;}
.PhGray{margin:5px 5px 5px 5px; border:gray 3px solid;}
.ph3crm{float:left; width:230px; margin:1px 1px 1px 1px;}
/*新しい段落を始める*/
.clr{clear:both; padding-top:35px;}

/* span 内のliの書式*/
span li::first-line{color:#e72513; font-weight:bold;}

/*テーブルの書式*/
table{border-collapse: collapse; 
  padding: 2px;
  margin:4px 4px 4px 1em;
}
table th, table td{padding:2px;
  border: solid 2px rgb(207, 125, 2);
  text-align: center;}
table caption{font-weight: bold; text-align: left;}

.tblBrdrBold{border-bottom: solid 4px rgb(126, 57, 7); text-align: left;}

.noborder{border:none;}

/*コンテンツ領域の設定*/
#wrap{width:1000px; margin:0px auto; padding:70px 30px;
  border:#f6bb9e 2px solid; background-color:rgb(255, 255, 245);}

/*サイド*/
#sidenavi {float:left; width:238px; border:dashed 1px #999; margin:10px 10px 10px 0px; padding-left:5px;}

/*メインコンテンツ*/
#contents{display: block; float:left; width:733px; border:dashed 1px #999; margin:10px 0px 10px 0px;
  padding-left:12px; padding-right:3px /*background-color:#ffffdd;*/
/*background-image: url("footPrint.png");
background-size:40px 40px}*/
}

#sidenavi0 {float:left; width:438px; border:dashed 1px #999; margin:10px 10px 10px 0px; padding-left:5px;}

#contents0{float:left; width:533px; border:dashed 1px #999; margin:10px 0px 10px 0px;
  padding-left:12px; padding-right:3px /*background-color:#ffffdd;*/
/*background-image: url("footPrint.png");
background-size:40px 40px}*/
}
/*フッター*/
#footer{clear:both; background-color: bisque;}
.footerTitle{color:#2c5479; border:#94c8b1 1px solid; font-size:140%;
  padding:10px 10px 0 1px; margin:30px 0 0 0;font-weight:bold;}

.posflex{ display: -webkit-flex; display: flex;}
.stcy{position:sticky; top:0; height: 100vh; overflow-y: auto;}

/*マルチカラムで高さが無くなることへの対策 position flexでマルチカラムの高さ対策を取るため不要
#forHeightOverflow{overflow:hidden;}
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}


div.page0{margin:10px 10px 10px 0px;color:#4a86bf; border:#94c8b1 1px solid;
  padding:0px 2px 0px 2px; margin:0px 0px 0 3px;}
.Page0{color:#4488ff; font-size: 120%; font-weight: bolder;}
.Page1{color:#50241e; font-size: 100%; font-weight: bolder;}
.Page2{color:rgb(10, 10, 136); font-size: 85%; padding-left: 1em;}
.Page3{color:rgb(10, 10, 136); font-size: 80%; padding-left: 1.5em;}
.Page4{color:rgb(10, 10, 136); font-size: 76%; padding-left: 2em;}