@charset "UTF-8";

/* テーブル*/
#disclist
table {
	border: 2px solid #808080;
	font-size: 12pt;
	border-collapse: collapse;
	margin: 20px auto;
}
#disclist
th {
	background-color: #ffffff;
	font-weight: normal;
}
#disclist
td {
	border: 2px solid #808080;
	padding: 5px 5px 1px 8px ;
}
#disclist
tr {
	border: 2px solid #808080;
}
#disclist
th, td {
	border: 1px solid #808080;
}


/* 枠で囲む */
.aq_frame 	 /* アクア色の２本線枠囲み */
{
	margin: 20px 15px;
	border: double 5px #4ec4d3;
	padding-top: 0.5em;
	padding-left:1.2em;
}
.aq_frame 
h4 {
    margin-bottom: 1px;
}
.aq_frame 
ol {
	padding: 1px 10px 1px 20px;
}
.aq_frame
ul {
	padding:0.3em 0.6em 0.3em 0.8em;
}
.aq_frame
li {
	margin: 5px 1px;
	line-height:1.5em;
}


.gray_frame 	 /* 灰色の枠囲みで中が白 */
{
	margin: 20px 15px;
	border: solid 3px #c7c7c7;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-left:1.1em;
}
.gray_frame
ul {
	padding: 1px 10px 1px 20px;
}
.gray_frame
li {
	line-height:1.5em;
	margin: 10px 1px;
}
.gray_frame
h5 {
    margin-bottom: 1px;
}


.gray_frame_gray	 /* 灰色の枠囲みで中が灰色 */
 {
	margin: 20px 15px;
	border: solid 3px #c7c7c7;
	background-color:#f5f5f5; 
	padding-top:0.8em;
	padding-left:1.5em;
}
.gray_frame_gray 
ol {
	padding: 5px 10px 5px 18px;
}
.gray_frame_gray 
ul {
	padding: 5px 10px 5px 18px;
}
.gray_frame_gray 
li {
	margin: 5px 0;
	font-size:14pt; 
	line-height:1.5em;
}
.gray_frame_gray 
p{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
	padding-right: 10px;
	padding-left: 0px;
}
.gray_frame_gray 
h5 { 
	margin: 2px 5px 2px 0px; 
	padding-left: 0em;
}


.frame_gray_pink /* 重要事項の枠囲みで中がピンク */
{	
	margin: 20px 15px;
	border: solid 2px #c0c0c0;
	background-color:#fff0f5; 
	padding-top: 0.3em;
	padding-left: 1.2em;
	padding-bottom: 0.1em;
}

.frame_gray_pink
{
    padding-bottom: 0.5em;
}

.frame_gray_pink
ol {
	padding-top:0.3em;
	padding-right: 1em;
	padding-bottom: 0.1em;
	margin-left: 0.1em;

}

.frame_gray_pink
ul {
	padding-top:0.3em;
	padding-right: 1em;
	padding-bottom:0.5em;
	margin-left: 1.8em;
}

.frame_gray_pink
p{
    margin: 0.5em 0.8em;
}

.frame_gray_pink
li {
	margin: 5px 0;
	font-size:14pt; 
	line-height:1.7em;
}

.frame_gray_pink
p{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
}
.frame_gray_pink
h4 {
	font-size:14pt;
	margin: 10px 5px 5px 1px;
}
.frame_gray_pink
h5 {
	font-size:14pt;
	margin:10px 5px 5px 1px;
}


.frame_gray_pink2 /* 灰色枠囲みで中がピンク、ホーム用 */
{	
	margin: 20px 15px;
	border: solid 2px #c0c0c0;
	background-color:#fff0f5; 
	padding-top:0.3em;
	padding-left:1.2em;
}

.frame_gray_pink2
ol {
	padding-top:0.3em;
	padding-right: 0.6em;
	padding-bottom:0.3em;
	padding-left: 0.8em;
}
.frame_gray_pink2
li {
	margin: 5px 2px;
	font-size:14pt; 
	line-height:1.7em;
}
.frame_gray_pink2
h4 {
	margin:15px 5px 2px 1px;
}


.frame_gray_blue	 /* 灰色の枠囲みで中が青 */
 {
	margin: 20px  15px;
	border: solid 2px #c0c0c0;
	background-color:#f0f8ff; 
	padding-top:0.7em;
	padding-left:1.2em;
}
.frame_gray_blue 
ul {
	padding-top:0.3em;
	padding-right: 1em;
	padding-bottom:0.5em;
	margin-left: 1.8em;
}
.frame_gray_blue 
ol {
	padding-top:0.3em;
	padding-right: 1em;
	padding-bottom:0.5em;
	margin-left: 1.8em;
}
.frame_gray_blue 
li {
	margin: 5px 0;
	font-size:14pt; 
	line-height:1.7em;
}
.frame_gray_blue 
p{
	padding-right: 1em;
	padding-bottom:0.1em;
}
.frame_gray_blue 
h4 {
	margin: 2px 5px 5px 1px;
}
.frame_gray_blue 
h5 {
	margin: 2px 5px 5px 1px;
}


.frame_blue	 /* 青の枠囲みで中が灰「声明」 */
 {
	margin: 20px 15px;
	border: solid 2px #c0c0c0;
	background-color: #f0f8ff; 
	padding: 0.2em ; 
}
.frame_blue
ul {
    margin:0.2em 0.1em;
}


.frame_gb_every	 /* 灰色の枠囲みで中が青 「みなさま」で */
 {
	margin: 20px 15px;
	border: solid 2px #c0c0c0;
	background-color:#f0f8ff; 
	padding: 0.2em 0.7em ;
}
.frame_gb_every
h4{
    padding: 0.6em 0.8em 0.1em;
}
.frame_gb_every
ol  {
	padding-top:0.2em;
	padding-right: 1em;
	padding-bottom:0.1em;
	padding-left:1.5em;
}
.frame_gb_every
li {
	margin: 3px 0;
	font-size:14pt; 
	line-height:1.7em;
}
.frame_gb_every
h4 {
	margin: 2px 5px 5px 0px;
}


.frame_gray_yel		 /* 灰色の枠囲みで中が黄色 */
 {
	margin: 20px  15px;
	border: solid 2px #c0c0c0;
	background-color:#ffffe0; 
	padding-top:0.8em;
	padding-left:1.2em;
}
.frame_gray_yel 
ol {
	padding-top:0.3em;
	padding-right: 1em;
	padding-bottom:0.5em;
	margin-left: 1.8em;
}
.frame_gray_yel 
li {
	margin: 5px 0;
	font-size:14pt; 
	line-height:1.6em;
}
.frame_gray_yel 
p {
	padding-right: 1em;
	padding-bottom:0.1em;
}
.frame_gray_yel 
h4, h5 {
	font-size:14pt;
	margin: 2px 5px 5px 1px;
}


.frame_gray_purple	/* 紫の枠囲みで中がsnow */
 {
	margin: 20px 10px;
	border: solid 2px #7f00ff;
	background-color: #fffafa; 
	padding: 0.8em ;
}
.frame_gray_purple
ul {
	padding-top:0.1em;
	padding-right: 0.5em;
	padding-left:1.2em;
	padding-bottom:0;
	margin-left: 0.5em;
}
.frame_gray_purple
li {
	margin: 5px 0;
	font-size:14pt; 
	line-height:1.5em;
	padding-right: 1em;
}
.frame_gray_purple 
p{
	padding-right: 1em;
	padding-bottom:0.1em;
}
.frame_gray_purple 
h4, h5 {
	font-size:14pt;
	margin: 0.5em;
}


.red_frame 	 /* 赤線の枠囲み */
{
	margin: 20px 15px;
	border: solid 3px red;
	padding: 6px 0 0 12px ;
}


.red_frame 
ul {
	padding:0.3em 0.6em 0.3em 1.0em;
}
.red_frame 
li {
	margin: 2px 0;
	font-size:14pt; 
	line-height:1.6em;
}
.red_frame 
p{
	padding-right: 0.7em;
}


.firebr_frame 	 /* 赤レンガ色の枠囲み */
{
	margin: 8px 15px;
	border: solid 5px firebrick ;
	padding-top:0.6em;
	padding-left:1.0em;
}

.firebr_frame
ol {
	padding-top:0.3em;
	padding-right: 1em;
	padding-bottom:0.5em;
	margin-left: 0;
}
.firebr_frame
li {
	margin: 5px 0;
	font-weight: 600; 
	line-height:1.6em;
}
.firebr_frame
p {
	padding:10px 8px 0px 4px ;
}


.frame_mizu	/* 水色の枠囲みで中が白。「 電話で直接抗議」 */
 {
	margin: 20px auto;
	border: solid 2px #57ceeb;
	background-color: #ffffff; 
	padding:6px 5px 2px 2px;
}



.frame_big 	 /* 「絵本　子供への影響」赤枠内で文字を強調 */
ul {
	padding:0.3em 0.6em 0.3em 0.8em;
}
.frame_big 
li {
	margin: 2px 0;
	font-size:15pt; 
	line-height:1.6em;
}
.frame_big 
h5 {
	font-size:14pt;
	margin-left: 10px;
}
.frame_big 
p {
	padding-right: 1em;
	padding-bottom:0.1em;
}

 /* 当会の取り組み 文章内リスト*/
.repo14pt_work
ol {
    margin: 0.1em;
}
.repo14pt_work
li{
    line-height: 1.5em;
}
.repo14pt_work
ul{
    margin: 0.1em;
}

 /*会員ログイの枠*/
.box {
  margin        : auto;                 /* サンプル用 中央寄せ  */
  box-sizing    : border-box;           /* 罫線も含む長さ       */
  width         : 100%;                 /* BOXの幅              */
  max-width     : 380px;                /* BOXの最大幅          */
  height        : 160px;                /* BOXの高さ            */
  padding       : 15px;                 /* 文字の位置合わせ     */
  font-size     : 15pt;                 /* 文字サイズ           */

  color         : #000000;              /* 文字色               */

  background    : rgba(153, 204, 255, 0.31);              /* BOXの背景色          */
  border        : 1px solid rgba(26, 26, 255, 0.89);   /* 枠線の指定           */
  border-radius : 8px;                  /* 角丸の指定           */
  box-shadow    : 0 0 0 6px rgba(153, 204, 255, 0.31);   /* 影を利用した外余白   */
}

.button {
  display       : inline-block;
  border-radius : 9%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
font-weight: bold;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 10px;   /* 余白       */
  background    : #6666ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0.8em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 3px #666666;  /* 影の設定 */
  border        : 2px solid #6666ff;    /* 枠の指定 */

}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #6666ff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


.every_box {
    position: relative;
    margin: 2em 0.7em;
    padding: 0.5em 0.7em;
    border: solid 3px #62c1ce;
    background-color: #fffafa;
}
.every_box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.every_box
p{
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 0px;
}
.every_box h3 {
	background: linear-gradient(transparent 0, lavender 0);
	font-size: 13pt;
    padding: 6px 7px ;

}
.every_box h2 {
	font-size: 14pt;
	color: #4169e1;		/*文字色*/
	margin: 20px 5px 0px 8px ; 
}
.every_box 
ul {
	margin: 0px 10px 0px 15px;
	padding: 2px 5px;
}
.every_box 
li {
	margin-left: 8px;
	line-height:1.5em;
}

.twbox      /* Twtter を入れる枠 */
{   width: 85%;
    margin: 15px auto;
}
/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) {
    .twbox      /* Twtter を入れる枠 */
{   width: 100%;
        margin: 20px 0;
}
}

/* コラム文を入れる枠 */
.columnbox {
    position: relative;
    margin: 0 1.0em;
    padding: 0.5em 0.7em;
    border: solid 2px #dcdcdc;
    background-color: #fffafa;
}
.columnbox
ul {
    margin: 5px 10px;
}

/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) {
.columnbox {
    width: 95%;
        margin: 0;
}
.columnbox
li {
    margin: 5px auto;
    line-height: 1.6em;
}
}
/* レスポンシブ用CSS ここまで */

/* コラムをスレッド化する時のたて線 */
.v_line_fix {
  margin: 0 50px 0;
  width: 3px;
  height: 25px;
  background-color: #808080;
}