@charset "UTF-8";


/********************** bbsindex アプリ(ログイン他) start ******************/

/* ***** アプリ共通 start ***** */
#container div.display {
  margin:2rem auto;
  width:500px;
}
#s-container div.display {
  margin:1.5rem auto;
  width:90%;
}
/* 見出しh3 */
div.display h3 {
  text-indent:-2rem;
  padding-left:2rem;
}

/* 見出し取消ボタン */
div.display a.bbsindex-menu-62 img {
  height :15px;
  width  :15px;
  border :none;
  margin-right:1rem;
}

/* 下部ボタン*/
div.display div#button-key,
div.display div#bbsdisplay-button-key,
div.display div#schedisplay-button-key,
div.display div#appendix-button-key {
  margin-top:40px;
  position:relative;
}
div.display div#bbsdisplay-button-key,
div.display div#schedisplay-button-key {
  margin-top:20px;
}
div.display img.display-close {
  position : absolute;
  top   : -5px;
  right : 10px;
  height:15px;
  width :15px;
  background-color:white;
  cursor : pointer;
}

/* ***** アプリ共通 end ***** */

/* ***** Login start ***** */
div#login-guidance {
  margin : 20px auto;
  line-height:1.5;
}
#login    dl {
  margin-top : 30px;
}
#container #login dl {
  margin-left: 50px;

}
#login    dt {
  float:left;
  clear:left;
  width:6.5rem;
  height:calc(2rem + 12px);
  line-height:calc(2rem + 12px);
}
#login    dd {
  float:left;
  width:calc(100% - 6.5rem);
}
#login    dt:nth-of-type(n+2),
#login    dd:nth-of-type(n+2) {
  padding-top:30px;
}
#login    dd #button-key {
  margin-top:20px;
  margin-right:30px;
}
#s-container #login    dd #button-key {
  margin-right:0;
}
/* ***** Login end ***** */


/* ***** BbsCmtNew/Bbsdisplay/NewAccount/PasswordReset/PasswordUpdate/ScheDisplay/ScheNew/ScheUpdate   bbsdl start ***** */
/* 明細部 */
div.display  dl.bbsdl dt {
  border-left: 5px solid #7CADB6;
  border-bottom: 1px solid #7CADB6;
  margin-top: 20px;
  padding: 5px 5px 5px 10px;
  line-height:1.2;
}
div.display  dl.bbsdl dd {
  margin: 10px 0 10px 10px;
  line-height:1.2;
}
/* ***** BbsCmtNew/Bbsdisplay/NewAccount/PasswordReset/PasswordUpdate/ScheDisplay/ScheNew/ScheUpdate   bbsdl end ***** */

/* PasswordUpdate 補助コード start */
input#scodeflg-1,
input#scodeflg-2 {
  margin-right:5px;
  cursor:pointer;
}
#scode-input.close {
  display:none;
}
/* PasswordUpdate 補助コード end */


/* *****  BbsCmtNew start ***** */

/* 入力形式でどちらかをclose */
#bbscmtnew input#htmlflg-1,
#bbscmtnew input#htmlflg-2 {
  margin-right:5px;
  cursor:pointer;
}
/* ckeditor は divで囲みclse */
#bbscmtnew div.close,
#bbscmtnew textarea.close {
  display: none;
}

/* *****  BbsCmtNew end ***** */


/* *****  BbsDisplay start ***** */


#bbsdisplay dl.bbsdl dd.comment {
  margin-top:10px;
/*
  padding-bottom:10px;
  border-bottom : 1px #cccccc solid;
*/
}
#bbsdisplay dl.bbsdl div.imgdata {
  word-break:break-word;
}
#bbsdisplay dl.bbsdl div.imgdata img {
  border: none;
  vertical-align:-5px;
  height:20px;
  width :20px;
}
#bbsdisplay dl.bbsdl dd div.comment-img {
  margin:0 5px 5px;
}
#bbsdisplay dl.bbsdl dd div.comment-img-1 {
  float:left;
}
#bbsdisplay dl.bbsdl dd div.comment-img-2 {
  float:right;
}
#bbsdisplay dl.bbsdl dd div.comment-img img {
  border: none;
  height:240px;
  width :240px;
}
#s-container #bbsdisplay dl.bbsdl dd div.comment-img img {
  height:150px;
  width :150px;
}
#bbsdisplay dl.bbsdl dd div.comment-img img.framesz-1 {
  height:160px;
  width :160px;
}
#s-container #bbsdisplay dl.bbsdl dd div.comment-img img.framesz-1 {
  height:100px;
  width :100px;
}
#bbsdisplay dl.bbsdl dd div.comment-img img.framesz-3 {
  height:320px;
  width :320px;
}
#s-container #bbsdisplay dl.bbsdl dd div.comment-img img.framesz-3 {
  height:200px;
  width :200px;
}


#bbsdisplay dl.bbsdl dd div.comment-img-nam {
  margin-top:3px;
  font-size:small;
  width:240px;
}
#s-container #bbsdisplay dl.bbsdl dd div.comment-img-nam {
  width:150px;
}
#bbsdisplay dl.bbsdl dd div.comment-img-nam.framesz-1 {
  width:160px;
}
#s-container #bbsdisplay dl.bbsdl dd div.comment-img-nam.framesz-1 {
  width:100px;
}
#bbsdisplay dl.bbsdl dd div.comment-img-nam.framesz-3 {
  width:320px;
}
#s-container #bbsdisplay dl.bbsdl dd div.comment-img-nam.framesz-1 {
  width:200px;
}

div.display dl.bbsdl dd#cmtother.close {
  display:none;
}
div.display dl.bbsdl dd#cmtother div.cmtother-comment {
  margin-top:25px;
  padding-bottom:15px;
  border-bottom : 1px #cccccc solid;
}
div.display dl.bbsdl dd#cmtother div.cmtother-hnam {
  margin-top:5px;
  margin-right:5px;
  font-size:small;
}

div.display div#bbsdisplay-button-disabled-comment {
  margin-top:20px;
  color:red;
  text-indent:-1rem;
  padding-left:1rem;
}
/* BbsDisplay/ScheDisplay 下部ボタン */
div.display div#bbsdisplay-button-key,
div.display div#schedisplay-button-key {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width:100%;
  margin:0;
  padding:0;
}

div.display div#bbsdisplay-button-key.close {
  display:none;
}

div.display div#bbsdisplay-button-key input.disabled-button,
div.display div#schedisplay-button-key input.disabled-button {
  font-size   : small;
  line-height : 1rem;
  padding     : 5px 10px;
  -moz-border-radius: 5px;    	/* Firefox */
  -webkit-border-radius: 5px;	/* Safari,Chrome */
  border-radius: 5px;          	/* CSS3 */
  border: 1px black solid;     	/* 枠線の装飾 */
  background-color: silver;   	/* 背景色 */
  color:black;
}
div.display div#bbsdisplay-button-key input,
div.display div#schedisplay-button-key input {
  margin-top:20px;
  padding:5px 10px;
}
/* *****  BbsDisplay end ***** */


/* *****  BbsDisplay/ScheDisplay 削除ボタン押下時の削除パスワード入力ダイアログ start ***** */
div#confirmOverLayer dl {
  margin-top:10px;
  line-height: 3rem;
}
div#confirmOverLayer dl dt,
div#confirmOverLayer dl dd {
  float:left;
  vertical-align:middle;
}
div#confirmOverLayer dl dt {
  width:90px;
}

/* 削除パスワード */
input#delpassword {
  width  :135px;
}
input#pwdcheck {
  margin-right:3px;
  vertical-align:middle;
}
/* *****  BbsDisplay/ScheDisplay 削除ボタン押下時の削除パスワード入力ダイアログ end ***** */


/* *****  BbsDisplay 画像・資料ボタン押下時のファイル入力画面 start ***** */
/* appendix */
#appendix dd.appendix-fileup {
  display:flex;
  justify-content:space-between;
}
#appendix.close {
  display:none;
}
dl#appendix-img.close,
dl#appendix-file.close {
  display : none;
}

/* display:noneにするとlabelがキーボードからアクセスできない為、下記コードで視覚的に非表示にする */
/* netstatement-appendixは、ネットルーム */
#appendix input.fileup,
#netstatement-appendix input.fileup {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* 互換性のための別ルールとして、最近の Firefox と Chrome では :focus-within が必要です。 */
#appendix input.fileup:focus + label,
#netstatement-appendix input.fileup:focus + label {
  outline: thin dotted;
}
#appendix input.fileup:focus-within + label,
#netstatement-appendix input.fileup:focus-within + label {
  outline: thin dotted;
}

/* 配置・サイズ ファイル */
#appendix-img input#framepos-1,
#appendix-img input#framepos-2,
#appendix-img input#framesz-1,
#appendix-img input#framesz-2,
#appendix-img input#framesz-3 {
  margin-right:5px;
  cursor:pointer;
}

#appendix label.fileup-req,
#appendix label.fileup-clear,
#appendix label.fileup-reset,
#netstatement-appendix label.fileup-req  {
  padding:10px;
  border-radius   : 5px;
  cursor:pointer;
  background-color : #f7e1e5;
  border          : 1px #cccccc solid;
  border-radius   : 5px;
  color           : #000000;
  text-shadow : 0 1px 1px #ffffff;
  font-weight : bold;
}
#appendix label.fileup-req {
  width:60%;
  word-break:break-all;
}
#appendix label.fileup-clear,
#appendix label.fileup-reset {
  margin-left:5px;
}
#s-container #appendix label.fileup-clear,
#s-container #appendix label.fileup-reset {
  padding:10px 5px;
}
#appendix label.notselected,
#netstatement-appendix label.notselected {
  margin-left:5px;
  padding:10px 0;
  word-break:break-all;
  border-radius   : 5px;
  background-color : #ffffff;
  border          : 1px #ffffff solid;
  border-radius   : 5px;
  color           : #000000;
  text-shadow : 0 1px 1px #ffffff;
  font-weight : bold;
}

#appendix span.fileup2mb {
  margin-top:5px;
  font-size:small;
}

/* *****  BbsAppendix start  ***** */
#bbsappendix-nam {
	margin:10px;
}
#bbsappendix img {
	width : 100%;
}
/* *****  BbsAppendix end  ***** */

/********************** bbsindex アプリ(ログイン他) end ******************/