/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */

/*layouts start */


*{ 
 margin: 0; 
 padding: 0; 
}
 html { 
 line-height: 1.15; /* Correct the line height in all browsers */ 
 -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */ 
} 
 
 body { 
 margin: 0; 
} 
 
 a { 
 background-color: transparent; /* Remove the gray background on active links in IE 10. */ 
} 
 
 img { 
 border-style: none; /* Remove the border on images inside links in IE 10. */ 
}

#myappcontainer {
    width:100%;
    margin:0 auto; /* 開いているWindowsサイズの中心、の意味 */
}

#myappheader { 
    width: 100%; 
    margin: 0px auto;
    background-color: #D0FCFB;
}
#myappentirebody { 
    margin:0 auto; 
}
#myappmsgarea { 
    margin:0 auto; 
}
#myappbody { 
    margin:0 auto;
}

#myappfooter {
    text-align:center;
}

/*#homeDiv { 
    width: 100%; 
    margin: 0px auto;
    background-color: #B4B0B0;
}
#homeDiv img:not(#logo) { 
    width: 100%;
}*/

#homeDivMemu { 
    width: 100%; 
    height: 50px; 
    margin: 0px auto;
    background-color: #999999;
}
/*#homeDivLogo { 
    width: 100%; 
    background-color: #FFFFFF;
}*/

.titleDiv {
    width: 100%; 
    height: 30px; 
    line-height: 30px; 
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #B4B0B0; 
    color: #FFFFFF;
    font-weight: bold;
}

.menuLink { 
    font-weight: bold;
    color:#FFFFFF;
}

.active {
    background-color: #4472C4;
}
/*layouts end */

/*共通*/
thead {
     background-color: #F5FFFA; 
     color: #606060;
}

thead th {
    text-align: center;
}

::placeholder {
  font-size: 11px;
}

i {
    width:10px;
    height:10px;
    line-height: 24px;
    vertical-align: top;
    margin: 10px 10px 0 10px;
    overflow: hidden;
    background:#FFFFFF;
    display:inline-block;
}

/*ログイン画面 */
#loginDiv {
    border:1px solid #ccc;  
    margin:2em auto 1em;  
    max-width:400px;  
    min-width:350px;  
    -moz-border-radius:20px;  
    -webkit-border-radius:20px;  
    border-radius:20px;
}

/*パスワードリセット画面 */
#resetDiv {
    border:1px solid #ccc;  
    margin:2em auto 1em;  
    max-width:525px;  
    min-width:525px;  
    -moz-border-radius:20px;  
    -webkit-border-radius:20px;  
    border-radius:20px;
}

/*ユーザアップロード画面 */
#uploaddiv { 
    width: 600px; 
    height: 200px;
    margin:40px auto 20px auto; 
    border: 1px solid;
}


/*４．６　関連企業等利益相反申告 */
#com_entry_question_no_div {
    font-weight: bold;
    color: #ffffff;
    width:100%;
    height:30px;
    background: -webkit-linear-gradient(left,#008c00,#ffffff);  /*Safari 5.1 - 6 */
    background: -o-linear-gradient(left,#008c00,#ffffff);  /*Opera 11.1 - 12*/
    background: -moz-linear-gradient(left,#008c00,#ffffff);  /*Firefox 3.6 - 15*/
    background: linear-gradient(to right, #008c00, #ffffff);  /*IE*/ 
}

.com_entry_div {
    background-color: #F2F2F2;
    max-width: 98%;
    margin:0 auto;
}

.com_entry_div_error {
    max-width: 98%;
    margin:0 auto;
}

.com_entry_div .com_entry_content {
    border: 1px solid;
    width: 100%;
    line-height: 2;
    font-size: 18px;
}

.com_entry_div .com_entry_content td {
    vertical-align: top;
    margin-left: 15px;
    padding: 10px;
}

.com_entry_div .com_entry_footer {
    width: 100%;
    margin: 0px;
}

/*４．８　利益相反管理計画入力 */
#self_mng_plan_entry_question_no_div {
    font-weight: bold;
    color: #ffffff;
    width:100%;
    height:30px;
    background: -webkit-linear-gradient(left,#008c00,#ffffff);  /*Safari 5.1 - 6 */
    background: -o-linear-gradient(left,#008c00,#ffffff);  /*Opera 11.1 - 12*/
    background: -moz-linear-gradient(left,#008c00,#ffffff);  /*Firefox 3.6 - 15*/
    background: linear-gradient(to right, #008c00, #ffffff);  /*IE*/ 
}

.self_mng_plan_entry_div {
    background-color: #F2F2F2;
    max-width: 98%;
    margin:0 auto;
}

.self_mng_plan_entry_div_error {
    max-width: 98%;
    margin:0 auto;
}

.self_mng_plan_entry_div .self_mng_plan_entry_content {
    border: 1px solid;
    width: 100%;
    line-height: 2;
    font-size: 18px;
}

.self_mng_plan_entry_div .self_mng_plan_entry_content td {
    vertical-align: top;
    margin-left: 15px;
    padding: 10px;
}

.self_mng_plan_entry_div .self_mng_plan_entry_footer {
    width: 100%;
    margin: 0px;
}

@media(max-width:768px){
    #headTop {
    margin-top: 4px;
    margin-left: 0px;
    }
}

#headerDiv {
    font-weight: bold;
    color: #ffffff;
    width:100%;
    height:30px;
    background: -webkit-linear-gradient(left,#4169e1,#ffffff); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(left,#4169e1,#ffffff); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(left,#4169e1,#ffffff); /* Firefox 3.6 - 15*/
    background: linear-gradient(to right, #104e8b, #ffffff); /* IE */
}

div.menubar {
   background-color: #D0FCFB; /* バーの背景色 */
   border-top: 0px double #800000; /* バーの上端線 */
   border-bottom: 0px double #800000; /* バーの下端線 */
   min-width: 500px; /* メインメニュー全部が収まる最低横幅 */
   border-color: #800000; /* サブメニュー全体の枠線の色 */
}

div.menubar ul#menu {
   margin: 0px 0px 0px 15px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 50px; /* メニューバーの高さ */
   border-color: #800000; /* サブメニュー全体の枠線の色 */
}
div.menubar ul#menu li {
   width: 120px; /* メニュー項目の横幅 */
   height: 50px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;
   border-width: 1px 1px 1px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #808080; /* サブメニュー1項目の枠線の色 */
   opacity: 1;
   z-index: 100;
}
div.menubar ul#menu a {
   /* background-color: #999999; */ /* メニュー項目の背景色 */
   /* background-color: #D0FCFB; */ /* バーの背景色 */
   background-color: #585858; /* バーの背景色 */
   /*color: white; */ /* メニュー項目の文字色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 50px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   font-size: 16px;
   display:block;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu a:hover {
   background-color: #393939; /* メニュー項目にマウスが載ったときの背景色 */
   color: white; /* メニュー項目にマウスが載ったときの文字色 */
}

div.menubar ul#menu ul.sub {
   background-color: #cc0000; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}

div.menubar ul#menu ul.sub li {
   width: 200px; /* サブメニュー1項目の横幅 */
   height: 35px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #808080; /* サブメニュー1項目の枠線の色 */
}
div.menubar ul#menu ul.sub li a {
   line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #005500; /* サブメニュー項目にマウスが載ったときの文字色 */
}

/* メニューバー直後のClearfix */
div.menubar ul#menu { zoom:1; }
div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/* ページングfont-size*/
.paging {
    font-size: 12px;
}

.institution_name_show td th {
    border: 1px solid #104e8b;
}

.search_institution_div {
    width: 400px;
    height: 300px;
}

.modal-content {
    width: 600px;
    height: 550px;
}

.researcher_account_institution{
    position: relative;
    float: left;
    z-index: 3000;
    width: 50%;
    height: 50%;
    margin-top: -42%;
    margin-left: 40%;
}

#select_batch_company_result_div{
    width: 700px;
    height: 700px;
    background-color: #FFFFFF;
    position: absolute;
    margin-left: -10%;
    margin-top: -8%;    
}


/*４．６　関連企業等利益相反申告 */
#self_entry_question_no_div {
    font-weight: bold;
    color: #ffffff;
    width:100%;
    height:30px;
    background: -webkit-linear-gradient(left,#008c00,#ffffff);  /*Safari 5.1 - 6 */
    background: -o-linear-gradient(left,#008c00,#ffffff);  /*Opera 11.1 - 12*/
    background: -moz-linear-gradient(left,#008c00,#ffffff);  /*Firefox 3.6 - 15*/
    background: linear-gradient(to right, #008c00, #ffffff);  /*IE*/ 
}

.self_entry_div {
    background-color: #F2F2F2;
    max-width: 98%;
    margin:0 auto;
}

.self_entry_div_error {
    max-width: 98%;
    margin:0 auto;
}

.self_entry_div .self_entry_content {
    border: 1px solid;
    width: 100%;
    line-height: 2;
    font-size: 13px;
    margin-top: 30px;
}

.self_entry_div .self_entry_content td {
    vertical-align: top;
    margin-left: 1px;
    padding: 3px;
}

.self_entry_div .self_entry_footer {
    width: 100%;
    margin: 0px;
}

.self_entry_tab_content td{
    border: 1px solid black
}


 #download_vow_datas_div {
    width: 700px; 
    height: 200px;
    margin: 0 auto; 
    border: 1px solid black;
    margin-top: 5%;
}

.self_entry_div label{
    font-weight: normal
}

.coi_conf_entry_div_error {
    max-width: 98%;
    margin:0 auto;
}

.confirm_status_display_link{
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: none;
    cursor: pointer;
}

.confirm_status_display_link:hover{
    text-decoration:underline;
}

#select_batch_researcher_result_div{
    width: 700px;
    height: 700px;
    background-color: #FFFFFF;
    position: absolute;
    margin-left: -10%;
    margin-top: -8%;    
}

.c_controls_year_content{
    width: 80%;
    height: 400px;
    margin: 0 auto;
    border: 1px solid #ccc; 
    border-radius: 10px;
    box-shadow: #666 0px 0px 20px;
    background: #F2F2F2;

}

.c_controls_year_table td{
    border: 1px solid #ccc; 
}

.c_controls_year_table tr{
    line-height: 15px;
}

.c_controls_year_table{
    width: 80%;
    height: 80%;
    margin: 2% auto;
}

.account_info_show td{
    vertical-align: middle;
    table-layout: fixed;
}

#select_batch_related_company_result_div{
    width: 700px;
    height: 700px;
    background-color: #FFFFFF;
    position: absolute;
    margin-left: -10%;
    margin-top: -8%;    
}

.modal{
    overflow-x: hidden!important;
    overflow-y: hidden!important;
}