@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    サイト共通部                                  */
/*    ・ヘッダ・フッタの装飾                        */
/*    ・全体大枠のレイアウト定義                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.LectureEntryPage,
.rsbp-over-bp1,
.rsbp-under-bp2,
.rsbp-under-bp3{

}




/*管理ログアウト*/
#HeaderMenuArea{
  text-align:center;
}
#HeaderMenuArea .HeaderLoginButtonItem{
  width:96%;
  margin:15px auto;
  max-width:550px;
  text-align:center;
}
#HeaderMenuArea .HeaderLoginButtonItem .Button{
  display: inline-block;
  padding: 0.3em;
  border-radius: 3em;
  border: 0;
  font-size: 80%;
  border: 0px solid rgba(0,0,0,0.3);
  background:#000d51;
  color:#fff;
}



#HeaderMenuArea .HeaderLoginButtonItem .Button.LoginButtonItem{
}
#HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem{
  text-align:right;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 #HeaderMenuArea{
                              z-index:2000000;
                            }
                            body.rsbp-under-bp2 #HeaderMenuArea .HeaderLoginButtonItem{
                              width: -webkit-calc(100% - 180px);
                              width:         calc(100% - 180px);
                              margin:0;
                              height: 65px;
                              text-align:left;
                              position:fixed;
                              left:190px;
                              top:0;
                            }
                            
                            body.rsbp-under-bp2#HeaderMenuArea .HeaderLoginButtonItem{

                            }
                            body.rsbp-under-bp2 #HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem{
                              background:none;
                              color:#222;
                              text-align:left;
                              padding-top:10px;
                              width:90%;
                              text-align: right;
                            }
                            body.rsbp-under-bp2 #HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem .ExhibitorName{
                              margin-left:0;
                              font-size:100%;
                              display: inline-block;
                              width: -webkit-calc(100% - 38px);
                              width:         calc(100% - 38px);
                              overflow: hidden;
                              white-space: nowrap;
                              text-overflow: ellipsis;
                              vertical-align: bottom;
                            }
                            body.rsbp-under-bp2 #HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem > a{
                              /*display:block;*/
                              font-size:60%;
                            }
                            body.rsbp-under-bp2 #HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem > a img{
                              width:60px;
                            }

#HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem .ExhibitorName{
  margin-left:0.8em;
  margin-right:0.3em;
  font-size:140%;
}
#HeaderMenuArea .HeaderLoginButtonItem .Button.LogoutButtonItem .Sama{
  font-size:85%;
  padding-top:3px;
}
#HeaderMenuArea .HeaderLoginButtonItem .Button a {
  display: inline-block;
}
#HeaderMenuArea .HeaderLoginButtonItem .Button .LogOut{
  background: #fff!important;
  border:1px solid #222;
  color:#222;
  padding:0 8px;
}
#HeaderMenuArea .HeaderLoginButtonItem .Button .LogOut:hover{
  background: #222!important;
  border:1px solid #222;
  color:#fff;
  padding:0 8px;
}
                
                
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 #HeaderDivision #HeaderMenuArea{
                              /*width:100%;
                              display:block;*/
                              
                            }
                            body.rsbp-under-bp2 #HeaderDivision #HeaderMenuArea{

                              border-bottom: 0px solid #ccc;
                              height:65px;
                            }
                            body.rsbp-under-bp3 #HeaderDivision #HeaderMenuArea{

                              border-bottom: 0px solid #ccc;
                            }
                            
                                      body.rsbp-under-bp2 .SiteHeaderBlock{
                                        padding: 5px 0;
                                        height: 65px;
                                      }
                                      
                                      body.rsbp-lowheight.rsbp-under-bp2 .SiteHeaderBlock{
                                        padding: 5px 0;
                                        position: fixed;
                                        top: 0;
                                        display: block;
                                        z-index: 20000;
                                        width: 100%;
                                        height: 65px;
                                        
                                      }
                                      body.rsbp-under-bp2 .SiteHeaderBlock .BlockContents .HomeButtonItem .Button{
                                        display: none;
                                      }
                                      body.rsbp-under-bp2 .SiteHeaderBlock .BlockHeader .SiteLogo a{
                                        display:inline-block;
                                      }
                                      body.rsbp-under-bp2 .SiteHeaderBlock .BlockHeader .SiteLogo .IsHomeItem{

                                        display:inline-block;
                                        
                                      }
                                      body.rsbp-under-bp3 .SiteHeaderBlock .BlockHeader .SiteLogo a{
                                        display:inline-block;
                                      }
                                      
                                      /* + + + + + /レスポンシブ + + + + +  */





.LectureEntryPage.LoginPage .LoginBox .LoginButton input, 
.LectureEntryPage .SknTplTextButton .Button {
    padding: 0.15em 1em;
    display: inline-block;
    text-align: center;
    color: #fff;
    background:#17306b;
    border-radius: 0px;
    border: none;
    margin-bottom:20px;
    font-size:1.5em;
    padding: 1.0em 0.5em;
    cursor:pointer;
}


.LectureEntryPage .SknTplTextButton .Button.Orange {
    background:#f0845d;
}
.LectureEntryPage .SknTplTextButton .Button.BlueButton{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
  background: #6db3f2; /* Old browsers */
  background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
/*
.SknTplTextButton .Button::before{
  content: "";
  height: 10px;
  width: 100%;
  display: block;
  position: absolute;
  left:0;
  bottom:-10px;
  background: #b5887a;
}
*/


.LectureEntryPage .SknTplTextButton .Button:hover {
  color: #fff;
  background: rgba(0,0,0,0.9);
  border-color: rgba(0,0,0,0.9);
  padding: 1.0em 0.5em;
  opacity: 1;
}
.SknTplDecoratedBox{}
.SknTplDecoratedBox .DecoratedBox{
  background: linear-gradient( to bottom, rgba(50, 50, 50, 0.8), rgba(50,50,50,0.4));
  width:96%;
  margin:20px auto;
  border-radius:0;
  padding: 1px;
}


.SknTplDecoratedBox .DecoratedBox .inner{
  background:#f7f7ed;
  border-radius:15px;
  border-radius:0px;
  
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); 
  
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SknTplDecoratedBox .DecoratedBox{
                              margin:15px auto;
                              border-radius:0;
                              padding: 2px;
                            }


.PageBlock {
  margin:20px;
}

body.rsbp-over-bp2.LoginPage #HeaderMenuArea,
.LoginPage #HeaderMenuArea{
  display:none;
}
body.rsbp-over-bp2.LoginPage #HeaderDivision .HeaderGroup,
.LoginPage #HeaderDivision .HeaderGroup{
  /*height:373px;*/
}



/*ヘッダ*/
.MaintenanceGroup .SiteHeaderBlock .BlockHeader .SiteLogo{
  /*max-width:303px;*/
  /*padding-top: 24px;*/
}
/*
body.rsbp-over-bp2.LectureEntryPage #HeaderDivision{
  background: url(../img/common/decoration/headerbg.png)no-repeat 50% -100px;

}
*/
/*
body.rsbp-over-bp2.LectureEntryPage #HeaderDivision .HeaderGroup{
   height:273px;
}
.LectureEntryPage #HeaderDivision .HeaderGroup, 
.LoginPage #HeaderDivision .HeaderGroup {
   height: 273px;
}
.HeaderGroup #SiteHeaderArea{
  height:273px;
}
*/

/*プレビューボタン周辺*/
.FormButtonArea.ButtonItem .SknTplTextButton .clearfix{
  position:relative;
}
.FormButtonArea.ButtonItem .SknTplTextButton .Disabled::before{
  position: absolute;
  content: "先に登録前プレビュー確認してください";
  top:80px;
  left:0;
  display:block;
  background:#ff0000;
  color:#fff;
  padding:5px;
  font-size:0.8rem;
}

.LectureEntryPage .BUSINESSTable .ImageItem .Image{
  
}
.LectureEntryPage .BUSINESSTable .ImageItem .Image canvas,
.LectureEntryPage .BUSINESSTable .ImageItem .Image img{
  width:200px!important;
  height:auto!important;
}



.LectureEntryPage.MyPageIndexPage .PageBlock .ProcessMessageItem{
  
}
.LectureEntryPage.MyPageIndexPage .PageBlock .ProcessMessageItem .DecoratedBoxProcess{
  text-align:left;
  border:2px solid #eee;
  padding:15px 15px 15px 60px;
  margin:0 auto;
  max-width:650px;
  background: #fcfcfc;
  box-shadow: 0 0 0.4em rgba(0,0,0,0.05);
}
.LectureEntryPage.MyPageIndexPage .PageBlock .ProcessMessageItem .ProcessMessageList{
  display:inline-block;
}


.LectureEntryPage.MyPageIndexPage .PageBlock .CompButton{
  margin:5px;
}
.LectureEntryPage.MyPageIndexPage .PageBlock .CompButton .ButtonLocal{
  padding:20px 40px;
}

.LoginPage .MainContentsArea{
  
}
.LoginPage .MainContentsArea .SeminarEntryMessage{
  text-align:center;
}
.LoginPage .MainContentsArea .SeminarEntryMessage .inner{
  font-size:1.2rem;
  color:#0028fd;
  display:inline-block;
  width:80%;
  background: #bef0ff;
  max-width:800px;
  padding:20px;

}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2.LoginPage .MainContentsArea .SeminarEntryMessage .inner{
                              font-size:1rem;
                            }

.ResetPassPage .SknTplTextButton .Button input,
.LoginPage .SknTplTextButton .Button input{
  background: none;
  color:#fff;
}

body.AdminPage .WhaiteSelectItem{
  display:block;
  width:100%;
  text-align:center;
  background:#fefefe;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  border: 1px solid #777;
  box-shadow: 0 0.3em 0.3em rgba(0,0,0,0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
body.AdminPage .WhaiteSelectItem:hover{
  background:#555;
  -webkit-transition: all .2s;
  transition: all .2s;
}

body.AdminPage .WhaiteSelectItem .ImageItem{
  padding:5px;
}
body.AdminPage .WhaiteSelectItem .Icon{
  font-size:250%;
  line-height:1.5;
  background: #bef3ff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align:center;
  color:#077c99;
}
body.AdminPage .WhaiteSelectItem  .Caption{
  display: block;
  font-size: 110%;
  line-height: 1.5;
  display: block;
  margin: 0.3em 0;
  text-align: center;
  -webkit-transition: all .2s;
  transition: all .2s;
}
body.AdminPage .WhaiteSelectItem:hover  .Caption{
  color:#fff;
}


/* Type3 :::::::::::::::::::::::::  */
body.AdminPage .Heading.Type3 {
  font-size: 125%;
  position: relative;
  padding: 0.375em 0px;
  margin: 2.5em 0 0.5em;
  text-align:left;
}
body.AdminPage .ContentLeft{
  text-align:left;
} 



/* Type6 :::::::::::::::::::::::::  */
body.AdminPage .Heading.Type6{
  font-size: 140%;
  position: relative;
  font-weight:bold;
  margin: 2em 0 1.5em;
  margin: 1em 0 0;
  width:100%;
  padding: 0.4em 1em 0.4em 0.8em;
  color:#fff;
  background:#006287;
  background:#233b73;
  text-shadow: 0 0.05em 0.2em rgba(0,56,147,0.5);
  border-radius:0;
}
    body.AdminPage .Heading.Type6::before{
      display:none;
    }
    body.AdminPage .Heading.Type6 .Main{
      margin-left:20px;
    }

        /* + + + + + レスポンシブ + + + + +  */
        body.AdminPage.rsbp-under-bp2 .Heading.Type6{
          font-size: 110%;
          margin: 0 0 1em;
          width:100%;

        }
        body.AdminPage.rsbp-under-bp3 .Heading.Type6{
          font-size: 110%;
          margin: 0 0 1em;
          width:100%;
        }
body.AdminPage .Heading.Type6 span{
  margin-left:20px;
}
body.AdminPage .Heading.Type6 span a{
 display:inline-block;
 font-weight:400;
 background:#4cb5e8;
 background:#b5887a;
 padding:4px 10px;
 font-size:85%;
 border-radius:5px;
 line-height:1.1;
}
body.AdminPage .Heading.Type6 span a:hover{
  background:#e5a011;
  -webkit-transition: all .3s;
  transition: all .3s;
}
        
body.AdminPage .FormTable{
  padding:0 0 14px 0 ;
}
body.AdminPage .MessageBox{
  width:100%;
}


/*
.ResetPassPage .SknTplDecoratedBox .DecoratedBox .inner .Button,
.LoginPage .SknTplDecoratedBox .DecoratedBox .inner .Button{
  padding: 0.15em 1em;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #000d51;
  border-radius: 15px;
  border: none;
  margin-top: 20px;
  margin-bottom: 20px;
  border:1px dotted #0028fd;
}

.LoginPage .SknTplDecoratedBox .DecoratedBox .inner .Button:hover{
  color: #fff;
  background: rgba(0,0,0,0.9);
  border-color: rgba(0,0,0,0.9);
  padding: 0.15em 1em;
  opacity: 1;
}

.LoginPage .SknTplDecoratedBox .DecoratedBox .inner .OthersTaiou a:first-child{
  padding: 0.15em 1em;
  display: inline-block;
  text-align: center;
  color: blue;
  background: #f5f5f5;
  border-radius: 15px;
  border: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size:1.5rem;
  border:1px dotted #0028fd;
}
.LoginPage .SknTplDecoratedBox .DecoratedBox .inner .OthersTaiou a:first-child:hover{
  color: #fff;
  background: #000d51;
}*/

/*Mypage マイページ*/
.MypageMessageHeader{
  border-bottom:1px solid #ccc;
  padding:20px;
  margin-bottom:30px;
}
.MypageMessageHeader .Paragraph{
  text-align:center;
}
.MypageMessageHeader .Paragraph .MTttle{
  font-size:160%;
  color:#555;
}
.MypageMessageHeader .Paragraph .MTttle .Sub{
  font-size:80%;
}
.AdminTextMessageItem{
  text-align:center;
  margin:20px 0;
}
.AdminTextMessageItem .Sub{
  display:inline-block;
  vertical-align:middle;
  width:200px;
  text-align:center;
  min-height:0;
}
.AdminTextMessageItem .MessageComment{
  display:inline-block;
  vertical-align:middle;
  max-width:600px;
  min-width:300px;
  width:100%;
  margin: 0 auto;
  text-align:left;
  font-size:100%;
}
.AdminTextMessageItem .MessageComment input[type="text"]{
  max-width:580px;
  min-width:300px;
  width:100%;
  text-align:center;
} 


.AdminTextMessageItem .MessageComment input[type="text"]:read-only {
  font-weight: bold;
  color: indigo;
  max-width:580px!important;
  min-width:300px!important;
  width:100%!important;
  text-align:center!important;
  border: 1px solid #ccc!important;
  box-shadow: 2px 2px 2px #eee inset;
  border-radius: 4px!important;
  line-height: 1.5!important;
  margin: 3px!important;
  padding: 5px 5px!important;
  vertical-align: middle!important;
  font-size: 1.1em!important;
}



.AdminTextMessageItem .Button{
  border-radius:10px;
  padding:2px 8px;
  background: #555;
  color:#fff;
  width:auto;
  display:inline-block;
  cursor:pointer;
  margin:2px;
  font-size:90%;
}
                /* + + + + + レスポンシブ + + + + +  */
                
                body.rsbp-under-bp3 .InformationItem{
                  padding: 20px 0;
                  padding: 20px 0 0;
                }
                
                body.rsbp-under-bp3 .InformationItem > ul{
                  height:340px;
                  /*height:auto;*/
                  overflow-y:auto;
                }





/*管理用おしらせ　ここから*/
.InformationItem:Not(.AdminItem)  ul li .inner{
  display:block;
}
.InformationItem:Not(.AdminItem)  ul li .inner .Meta{
  display:none!important;
}

.InformationItem.AdminItem ul{
  border-top: 1px solid #222;
}
.InformationItem.AdminItem ul li:first-child{
  border-top: 0px solid #ccc;
}
.InformationItem.AdminItem ul li .inner{
  display:flex;
  flex-wrap: wrap;
}
.InformationItem.AdminItem ul li .inner .Meta{
  width:100px;
}
.InformationItem.AdminItem ul li .inner .Meta.Category{
  text-align:center;
}
.InformationItem.AdminItem .Meta .Category > span{
  background: #222;
  color:#fff;
  text-align:center;
  display:block;
  width:100%;
  width: -webkit-calc(100% - 4px);
  width:         calc(100% - 4px);
  padding:2px 5px;
  margin:2px;
  font-size:80%;
}
/*企業*/
.InformationItem.AdminItem  .Meta .Category.cate0 > span{
  background: #a40d60;
  color:#fff;
}
/*企業*/
.InformationItem.AdminItem  .Meta .Category.cate1 > span{
  background: #00a6e9;
  color:#fff;
}
/*大学・高専*/
.InformationItem.AdminItem  .Meta .Category.cate2 > span{
  background: #935e4f;
  color:#fff;
}
/*研究機関*/
.InformationItem.AdminItem  .Meta .Category.cate3 > span{
  background: #ea6da4;
  color:#fff;
}
/*支援機関・一般団体*/
.InformationItem.AdminItem  .Meta .Category.cate4 > span{
  background: #38b170;
  color:#fff;
}
/*全て*/
.InformationItem.AdminItem  .Meta .Category.cateAll > span{
  background: #006287;
  color:#fff;
  border:1px solid #ccc;
}


/*凡例ボタン*/
.InformationItem.AdminItem  .SelectCategory .Meta{
  text-align:right;
  margin-bottom:10px;
}
.InformationItem.AdminItem  .SelectCategory .Meta .Category{
  display:inline-block;
  cursor:pointer;
}
.InformationItem.AdminItem  .SelectCategory .Meta .Category > span{
  text-align:center;
  display:inline-block;
  white-space:nowrap;
}
.InformationItem.AdminItem  .SelectCategory .Meta .Category.Select > span{
  font-size:150%;
}

.InformationItem.AdminItem ul li .inner .AList{
  width: -webkit-calc(100% - 102px);
  width:         calc(100% - 102px);
  border-left:1px solid #ccc;
}

.InformationItem.AdminItem ul li .inner a.AList{
  position;relative;
}
.InformationItem.AdminItem ul li .inner a.AList::before{
  position: absolute;
  top:1px;
  right:1px;
  content: "リンク有";
  display: inline-block;
  width:12px;
  line-height:1.1;
  background: #a40d60;
  color:#fff;
  display:bold;
  font-size:70%;
  padding:5px;
  text-align:center;
}
.InformationItem.AdminItem ul li .inner a.AList{
  border:1px solid #a40d60;
  border-left:2px solid #a40d60;
  border-right:2px solid #a40d60;
}

/*ダウンロードページ*/
.InformationItem.DownLoadItem.AdminItem ul li .inner .AList{
  padding-right:10px;
}

.DownLoadItem.AdminItem ul li .inner .Date{
  
}

.InformationItem.AdminItem ul li .NoteText{
  max-width: 640px;
}
.DownLoadItem.AdminItem ul li .inner .NoteText{
  max-width: 580px;
}
.DownLoadItem.AdminItem ul li .inner .DownloadPage{
  float:right;
  width:60px;
  height:50px;
  text-align:center;
  display:inline-block;
}
.DownLoadItem ul li .inner .DownloadPage{
  float:right;
  width:180px;
  height:50px;
  text-align:center;
  display:inline-block;
}
.DownLoadItem ul li .inner .DownloadPage .Button{
  padding:10px;
  line-height:30px;
  border-radius:10px;
  background: #f5f5f5;
  background:#b5887a;
  color:#fff;
  width:165px;
  display:inline-block;
}
.DownLoadItem.AdminItem ul li .inner .DownloadPage .Button{
  padding:10px;
  line-height:30px;
  border-radius:10px;
  background: #f5f5f5;
  background:#b5887a;
  color:#fff;
  width:60px;
  display:inline-block;
}
.DownLoadItem.AdminItem ul li .inner .DownloadPage .Button .Label{
  display:none;
}


.DownLoadItem ul li .inner .DownloadPage .Button:hover{
  padding:10px;
  line-height:30px;
  border-radius:10px;
  background: #222;
  color:#fff;
}
/*編集削除*/
.DownLoadItem.AdminItem ul li .inner .DownloadPage .Button.HalfButton{
  padding:10px;
  line-height:30px;
  border-radius:10px;
  background: #f5f5f5;
  width:80px;
}
.DownLoadItem.AdminItem ul li .inner .RightButtonItem{
  float:right;
  width:60px;
  height:50px;
  text-align:center;
  margin-left:10px;
}
.DownLoadItem.AdminItem ul li .inner .RightButtonItem.LastItem{
  
}
.DownLoadItem.AdminItem ul li .inner .RightButtonItem .Button{
  padding:10px;
  line-height:30px;
  border-radius:10px;
  background: #f5f5f5;
}

.DownLoadItem.AdminItem ul li .inner .RightButtonItem .Button:hover{
  padding:10px;
  line-height:30px;
  border-radius:10px;
  background: #222!important;
  color:#fff;
}
.DownLoadItem.AdminItem ul li .inner .RightButtonItem .Button.DeleteButton{
  background:#ffe0db;
}
.DownLoadItem.AdminItem ul li .inner .RightButtonItem .Button.EditButton{
  background: #dbffcc;
}





/*管理用おしらせ　ここまで*/



/*News トップページスタイルから複製　ここから*/
.NewsArea {
  margin-top:0px;
}
.NewsArea .BlockContents{

}



.InformationItem{
  padding: 40px 0;
  padding: 40px 0 0;
  margin-bottom: 0;
  width:100%;
  max-width:1550px;
  margin-left:auto;
  margin-right:auto;

}
.InformationItem > ul{
  height:300px;
  /*height:auto;*/
  overflow-y:auto;
}

                /* + + + + + レスポンシブ + + + + +  */
                
                body.rsbp-under-bp3 .InformationItem{
                  padding: 20px 0;
                  padding: 20px 0 0;
                }
                
                body.rsbp-under-bp3 .InformationItem > ul{
                  height:340px;
                  /*height:auto;*/
                  overflow-y:auto;
                }


.InformationItem ul{ }
.InformationItem ul li{ 

  font-size: 100%; 
  border-bottom: 1px solid #ccc;
}
.InformationItem ul li:first-child{ 
  border-top: 1px solid #ccc;
}
.InformationItem ul li .AList{
  padding: 20px 30px; 
  text-align:left;
}
.InformationItem ul li a{
  display:block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.InformationItem ul li a:hover{ 


  background: rgb(0,173,219);
  background: -moz-linear-gradient(left, rgba(0,173,219,1) 0%, rgba(0,9,35,1) 51%, rgba(0,102,182,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%);
  background: linear-gradient(to right, rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%);
  
  color:#fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
html > body .InformationItem ul li{ 
  height: auto; min-height: 10px;
  position:relative;
}
.InformationItem ul li .Date{ 
  display: inline-block;
  border-right: dotted 1px #000d50;
  line-height: 50px;
  padding-right: 20px;

}

.InformationItem ul li .NoteText{ 
  padding-left: 20px; 
  display: inline-block;
  max-width: 820px;
  vertical-align:middle;
  font-weight:bold;
  font-weight:bold;
}
.InformationItem.DownLoadItem ul li .NoteText{ 
  max-width: 700px;
}


.InformationItem ul li .NewData{ 
  font-size: 75%; 
  background: #ff0000;
  color: #fff;
  padding: 3px 2px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  line-height:1.1;
  vertical-align:middle;
}


                /* + + + + + レスポンシブ + + + + +  */
                
                body.rsbp-over-bp2 .InformationItem ul li .Date{ 
                  width:130px;
                }
                
                
                body.rsbp-under-bp2 .InformationItem ul li .AList{
                  padding: 20px 10px; 
                }

                /* + + + + + レスポンシブ + + + + +  */
                body.rsbp-under-bp2 .InformationItem ul li{
                  min-height:50px;
                }
                body.rsbp-under-bp2 .InformationItem ul li .Date{ 
                  border:none;
                  padding-right: 10px;
                  line-height: 1.2;
                  width: 95px;
                }
                body.rsbp-under-bp2 .InformationItem ul li .NoteText{ 
                  width: -webkit-calc(100% - 102px);
                  width:         calc(100% - 102px);
                  display: inline-block;
                  vertical-align:top;
                  padding-left: 10px;
                  border-left: dotted 1px #000d50;
                }
                
                body.rsbp-under-bp2 .InformationItem ul li .NewData{ 
                  position:absolute;
                  left:10px;
                  bottom:20px;
                }
                
/*News トップページスタイルから複製　ここまで*/