/*************************************************/
/* 共通 */
/*************************************************/
err {
	font-size: 1px;
	color: #ff0000;
	font-weight:bold;
}

body {
	font-family: 'Yu Gothic';
	font-size: 12px;
	/*color: #7F7F7F;*/
	font-weight:bold;
	margin: 0;
	padding: 0;
    height: calc(100%);;
}

a{
    text-decoration: none;
    color: black;
}

.full-page {
	width: 100vw;
	height: 100vh;
	background-color: blanchedalmond;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: 1080px;
}

menus {
	font-family: 'Yu Gothic';
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}

subttl {
	font-family: 'Segoe UI';
	font-size: 16px;
	color: #000000;
	font-weight:bold;
}

kanrittl {
	font-family: 'Segoe UI';
	font-size: 32px;
	color: #000000;
	font-weight:bold;
}

hidari {
	margin: 0px 0px 0px 200px;
}

.container{
    display: flex;
    height: 100%;
}

.main{
    width: calc(100% - 200px);
    padding: 0px 35px;
}

.side{
    background-color: blanchedalmond;
    width: 200px;
    text-align: center;
}

.side-img{
    margin: 25px;
}

.text-left{
    text-align: left;
    display: inline-block;
}

.text-left{
    width: 100%;
    margin-left: 10px;
}

.header{
    display: flex;
    justify-content: space-between;
    height: 110px;
    line-height: 120px;
    border-bottom: 1px solid gray;
}

.header-title{
    font-size: 18px;
}

.signout::before{
    font-size: 22px;
}
.signout-text{
    font-size: 18px;
}

.signout-text:hover{
    font-size: 19px;
}

/*************************************************/
/* キーワード検索 */
/*************************************************/
/* トピックを見つける　フォント */
search-font1 {
    font-family: 'sans-serif';
    font-size: 18px; 
	font-weight: bold;
}

/* キーワード検索　フォント */
search-font2 {
    font-family: 'sans-serif';
    font-size: 13px; 
	font-weight: bold;
}

/* 検索ボタン */
#search-btn {
    height: 30px; 
    width: 50px; 
    padding: 5px; 
    text-align: center;
    color: #FFFFFF;
    font-family: 'sans-serif';
    font-size: 13px; 
    background: #552200;
    background: -moz-linear-gradient(top, #552200 0%, #282200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#552200), color-stop(100%,#282200));
    background: -webkit-linear-gradient(top, #552200 0%,#282200 100%); 
    background: -o-linear-gradient(top, #552200 0%,#282200 100%);
    background: -ms-linear-gradient(top, #552200 0%,#282200 100%);
    background: linear-gradient(to bottom, #552200 0%,#282200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#552200',  endColorstr='#282200', GradientType=0 );
    border-width: 2px;
    border-style: solid;
    border-color: #54381E;
    border-radius: 8px;
    box-shadow: 2px 2px 1px 0px #362A29;
    text-shadow: 0px 1px 0px #362A29;
}

/* 入力エリア */
#search-txt {
    border-color: #552200;
	border-radius : 8px;
	width : 290px;
}

/*************************************************/
/* カテゴリ */
/*************************************************/
/* カテゴリボタン */
table.category {
	border: 0px;
	border-spacing: 2px;
	border-collapse: collapse;
}

/*************************************************/
/* 情報ページ お知らせ、ついて、問い合わせ、規約 */
/*************************************************/

info_title {
    color: #552200;
    font-family: 'sans-serif';
    font-size: 20px; 
}

info_sub_title {
    color: #552200;
    font-family: 'sans-serif';
    font-size: 18px; 
}

info_text {
    color: #552200;
    font-family: 'sans-serif';
    font-size: 12px; 
}

#panel > dt {
  color: #552200;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#panel > dd {
  margin: 0px;
  padding: 10px;
}



/*************************************************/
/* フォーム */
/*************************************************/
formttl {
    color: #000;
    font-family: 'sans-serif';
    font-size: 15px;
    font-weight: bold;
}

formtxt {
    color: #000;
    font-family: 'sans-serif';
    font-size: 12px; 
}

formkiyaku {
    color: #000;
    font-family: 'sans-serif';
    font-size: 9px; 
}

formerr {
    color: #ff0000;
    font-family: 'sans-serif';
    font-size: 9px; 
}

table.topform {
	border:0px;
	border-collapse: collapse;
    border-radius: 15px;
}

td.topform {
	padding: 5px 10px 0px 10px;
}

td{
    border: none;
}

.ttl{
    border-bottom: black 2px solid;
}

label.upfile {
  color: white;  
  padding: 6px;
}

input.imeon {
	ime-mode: active;
}

input.imeoff {
	ime-mode: disabled;
}

table.topic {
    border: 0px;
    border-spacing: 0px 20px;
    border-collapse: separate;
    width: 100%;
}
th{
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: left;
}

table.topic-dtl {
	border:0px;
	border-spacing: 0px;
	border-collapse: collapse;
    border-radius: 15px;
    background: #FFFFE0;
    font-family: 'sans-serif';
    font-size: 11px; 
}

/*************************************************/
/* コメントページ */
/*************************************************/
msg_title {
    color: #552200;
    font-family: 'sans-serif';
    font-size: 20px; 
}

button.msg {
	padding: 0;
	border: 0;
	background: transparent;
}

img.comments {
	transform: rotate( 90deg );
}

/*************************************************/
/* 吉田追加 */
/*************************************************/
::placeholder {
    color: black;
  }

  .signin-img{
    width: 200px;
}

.info{
    font-size: 14px;
}

.inline-b{
    display: inline-block;
}

.v-middle{
    vertical-align: middle;
}

.usb::before{
    transform: rotate(24deg);
    font-size: 40px;
}

.side-tyosei{
    height: 40px;
    line-height: 40px;
}

.side-tyosei2{
    margin-left: -5px;
}

.side-tyosei3{
    margin-left: -3px;
}

.clock::before{
    font-size: 20px;
}
.document::before{
    font-size: 20px;

}

.signin-back{
    background-color: white;
    width: 400px;
    border-radius: 50px;
    box-shadow: 2px 2px gray;
}

.signin-text{
    color: #fbb200;
    font-size: 250%;
}

.signin-input{
    width: 70%;
    background-color: #8080802b;
    border: 1px #80808070 solid;
    border-radius: 8px;
    height: 35px;
}

.btn-signin{
    width: 38%;
    height: 39px;
    background: linear-gradient(to right, #FFC740, #FFED65);
    border: none;
    border-radius: 9px;
}


.guide-text{
    font-size: 14px;
}

.guide-text2{
    font-size: 22px;
}

.guide-text3{
    font-size: 16px;
    margin-left: 15px;
}

.guide-back{
background-color: #FFED65;
padding: 10px 0px;
margin-left: 17px;
margin-top: 23px;
display: block;
}

.bikou-btn{
    background-color: #FFED65;
    border: none;
    padding: 3px 30px;
    border-radius: 5px;
    
}
.bikou-btn:hover,.yukou:hover{
    background-color: #f1dc39;

}


.mukou{
    background-color: #80808096;
    border: none;
    padding: 3px 30px;
    border-radius: 5px;
    width: 26px;
}

.mukou:hover{
    background-color: #808080d2;
}

.yukou{
    background-color: #FFED65;
    border: none;
    padding: 3px 30px;
    border-radius: 5px;
    width: 26px;

}

.kensaku{
    background-color: #80808096;
    border: none;
    padding: 3px 20px;
    border-radius: 5px;
}
.kensaku:hover{
    background-color: #808080d2;
}
.csv{
    background-color: #FFED65;
    border: none;
    padding: 3px 20px;
    border-radius: 5px;
}
.csv:hover{
    background-color: #f1dc39;
}

.guide-back:hover{
    background-color: #f1dc39;
}

.kensakuform{
    line-height: 40px;
}

.info:hover { 
    font-size: 15px;
    color: orange;
 } 

 .side-tyosei:hover{
     color: orange;
 }

 .page{
     width: 40px;
     height: 40px;
     color: black;
     background-color: #f1dc39;
     vertical-align: middle;
     font-size: 16px;
     border: 1px solid #b8aeae;
 }

 .page2{
    width: 40px;
    height: 40px;
    color: black;
    background-color: white;
    vertical-align: middle;
    font-size: 22px;
    border: 1px solid #b8aeae;
}

input,select{
    padding: 3px;
    border-radius: 5px;
}