JSARAP | Japanese Society for Academic Research and Publication

<!DOCTYPE html> <html> <head> <title> JSARAP | Japanese Society for Academic Research and Publication</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="images/fav.png" type="image/png">  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" type="text/css" href="css/zoomslider.css" /> <link rel="stylesheet" type="text/css" href="css/banner-slide.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link href="css/font-awesome.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet"> <script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script> <script src="js/jquery-1.11.1.min.js"></script>  <script> $(document).ready(function(){ $(".dropdown").hover( function() { $('.dropdown-menu', this).stop( true, true ).slideDown("fast"); $(this).toggleClass('open'); }, function() { $('.dropdown-menu', this).stop( true, true ).slideUp("fast"); $(this).toggleClass('open'); } ); }); </script>  <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/5eb3cbeda1bad90e54a28240/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>   <style> .whatsapp-icon { position: fixed; bottom: 20px; left: 20px; z-index: 10000000; background-color: #25D366; border-radius: 50%; padding: 10px; } .whatsapp-icon img { width: 30px; height: 30px; } </style> <script> document.addEventListener("DOMContentLoaded", function() { // Create the WhatsApp icon div var whatsappDiv = document.createElement("div"); whatsappDiv.className = "whatsapp-icon"; // Create the anchor tag var whatsappLink = document.createElement("a"); whatsappLink.href = "https://wa.me/+917077656338"; // Replace with your number whatsappLink.target = "_blank"; // Create the image tag var whatsappImg = document.createElement("img"); whatsappImg.src = "https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg"; whatsappImg.alt = "WhatsApp"; // Append image to the anchor tag whatsappLink.appendChild(whatsappImg); // Append anchor tag to the div whatsappDiv.appendChild(whatsappLink); // Append the div to the body document.body.appendChild(whatsappDiv); }); </script>   <script type="text/javascript" src="js/jquery.zoomslider.min.js"></script> <script src="js/bootstrap.js"></script> </head> <body>   <style> font-family: Arial, Helvetica, sans-serif; } .mobile-container { max-width: 480px; margin: auto; background-color: #555; height: 500px; color: white; border-radius: 10px; } .topnav { /* overflow: hidden; */ /* background-color: #333; */ position: relative; } .topnav #myLinks { display: none; } .topnav a { color: white; padding: 14px 16px; text-decoration: none; font-size: 17px; display: block; } .topnav a.icon { height: 49px; background: #ec1c24; display: block; position: absolute; right: 0; top: 0; border-radius: 5px; } .topnav a:hover { /* background-color: #ddd; */ color: #ddd; } .active { /* background-color: #ec1c24; */ color: white; } @media (min-width: 1024px) { .topnav { display: none; /* overflow: hidden; */ /* background-color: #333; */ position: relative; } .nav_list { float: left; margin-bottom: 6px; margin-left: 6px; margin-top: 33px; } } @media (max-width: 768px) { .nav_list { float: left; margin-bottom: 6px; margin-left: 6px; margin-top: 12px; display: none; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; padding-top: 28px; } .fa.fa-bars { font-size: 21px; } #myLinks ul { list-style-type: none; padding: 0; } .topnav a.icon { height: 49px; background: #ec1c24; display: block; position: absolute; right: 40px; top: -82px; border-radius: 5px; } .account_desc { float: left; padding-top: 3px; position: relative; bottom: 17px; } } #myLinks { transition: max-height 0.3s ease-in-out; overflow: hidden; } .contact-details { margin-top: 10px; font-size: 14px; color: #333; } .contact-details a { text-decoration: none; color: #007BFF; } .contact-details a:hover { text-decoration: underline; } .contact-details i { margin-right: 5px; } .call-us, .mail-us { display: block; margin-bottom: 5px; } .call-us, .mail-us { display: block; margin-bottom: 5px; color: white; } .contact-details a { text-decoration: none; color: #fff; } @media (min-width: 1024px) { .nav_list { float: left; margin-bottom: 6px; margin-left: 6px; margin-top: -58px; } } </style> <div class="header-w3-agileits" id="home"> <div class="container"> <div class="account_desc"> <ul class="social-icons1 agileinfo"> <li><a href="https://www.facebook.com/jsarapconference/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li> <li><a href="https://twitter.com/JsarapOfficial" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li> <li><a href="https://www.instagram.com/jsarap__conference/"><i class="fa-brands fa-instagram"></i></a></li> </ul> <div class="contact-details"> <span class="call-us"><i class="fa fa-phone"></i>| <a href="tel:+1234567890"> +91 - 7077656338</a></span> <span class="mail-us"><i class="fa fa-envelope"></i>| <a href="mailto:info.jsarap@gmail.com">info.jsarap@gmail.com</a></span> </div> </div> </div>  <div class="topnav"> <div id="myLinks"> <ul> <li><a href="./">Home</a></li> <li><a href="about_us.php">About</a></li> <li><a href="jsarap_conference.php">Conference</a></li> <li><a href="https://jsarap.org/PAYMENT/">Payment</a></li>    <li><a href="rules_regulations.php">Rules</a></i></li> <li><a href="paper_submit.php">Submission</a></li> <li><a href="http://jsarap.org/SUBSCRIBE" target="_blank">Subscribe</a></li>  <li><a href="contact_us.php">Contact</a></li> </ul> </div> <a href="javascript:void(0);" class="icon" onclick="myFunction()"> <i class="fa fa-bars"></i> </a> </div> <div class="headertop_desc"> <div class="wrap"> <div class="nav_list"> <ul> <li><a href="./">Home</a></li> <li><a href="about_us.php">About</a></li> <li><a href="jsarap_conference.php">Conference</a></li> <li><a href="https://jsarap.org/PAYMENT/">Payment</a></li>    <li><a href="rules_regulations.php">Rules</a></i></li> <li><a href="paper_submit.php">Submission</a></li> <li><a href="http://jsarap.org/SUBSCRIBE" target="_blank">Subscribe</a></li>  <li><a href="contact_us.php">Contact</a></li> </ul> </div>  <div class="clear"></div> </div> </div> </div> <div class="mobile-container">  </div> <script> function myFunction() { var x = document.getElementById("myLinks"); if (x.style.display === "block") { x.style.display = "none"; } else { x.style.display = "block"; } } </script> </div>    <div class="container"> <div class="main-wrapper"> <div class="header"> <div class="logo"> <a href="./"> <div class="logo-img col-md-2 col-xs-6"> <img src="images/jsarap.png" class="img-responsive" style="max-width: 130%;"> </div> <div class="logo-text col-md-10 col-xs-6"> <h1><span style="color: #ec1c24"> Japanese Society</span> for Academic Research and Publication</h1> </div> </a> </div> <div class="clearfix"></div> </div>   <div class="main-content"> <style> /* Ensure the menu is initially hidden for mobile */ .hidden { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; /* Slightly slower for smoother effect */ } /* When the menu is visible, animate its height */ #side-menu { max-height: 500px; /* Large enough to accommodate all menu items */ overflow: hidden; transition: max-height 0.5s ease-in; /* Matches the close animation duration */ } /* Style the arrow */ #dropdown-arrow { font-size: 16px; cursor: pointer; float: right; transform: rotate(0deg); transition: transform 0.5s ease; /* Smooth rotation */ } /* Rotate arrow when menu is visible */ #dropdown-arrow.open { transform: rotate(180deg); } /* Menu styling */ #side-menu ul { list-style-type: none; padding: 0; margin: 0; } /* Style individual menu items with fade and slide-in effect */ #side-menu ul li { padding: 10px 0; opacity: 0; /* Initially hidden */ transform: translateY(-10px); /* Slide slightly upwards */ transition: opacity 0.5s ease, transform 0.5s ease; /* Synchronize with menu opening */ transition-delay: 0s; /* Default delay */ } /* Sequential animation for menu items when the menu opens */ #side-menu:not(.hidden) ul li { opacity: 1; transform: translateY(0); } /* Add a staggered animation effect for list items */ #side-menu ul li:nth-child(1) { transition-delay: 0.1s; } #side-menu ul li:nth-child(2) { transition-delay: 0.2s; } #side-menu ul li:nth-child(3) { transition-delay: 0.3s; } /* Add more delays if needed for additional items */ /* Styling for menu links */ #side-menu ul li a { text-decoration: none; color: #333; transition: color 0.3s ease; /* Smooth color transition */ } #side-menu ul li a:hover { color: #007BFF; } /* Responsive styling */ @media (max-width: 768px) { /* Adjust padding and font size for mobile */ #side-menu ul li { padding: 8px 0; } h3 { font-size: 18px; } /* Initially hide the menu for mobile view */ #side-menu.hidden { max-height: 0; } #side-menu { max-height: 0; overflow: hidden; } /* Add transition for mobile */ #side-menu:not(.hidden) { max-height: 500px; } } @media (min-width: 769px) { /* Ensure the menu is always visible for desktop */ #side-menu { display: block !important; max-height: none; /* Disable animation */ } #dropdown-arrow { display: none; /* Hide the arrow in desktop view */ } #side-menu ul li { opacity: 1; transform: translateY(0); transition-delay: 0s; } } @media (max-width: 1280px) { @media (max-width: 1280px) { .conf-banner { margin-bottom: 45px; position: relative; top: 65px; } } } </style> <div class="col-md-3 price"> <h3> Important Links <span id="dropdown-arrow" class="arrow">▼</span> </h3> <div class="reservation"> <div id="side-menu" class="hidden"> <ul> <li><i class="fa fa-chevron-right"></i> <a href="jsarap_journals.php">Journals</a></li> <li><i class="fa fa-chevron-right"></i> <a href="editoral-board.php">Editoral Board</a></li> <li><i class="fa fa-chevron-right"></i> <a href="plagiarism.php">Plagiarism</a></li> <li><i class="fa fa-chevron-right"></i> <a href="organize.php">Organize</a></li> <li><i class="fa fa-chevron-right"></i> <a href="invitation-letter.php">Invitation Letter</a></li> <li><i class="fa fa-chevron-right"></i> <a href="instructions-presentations.php">Instructions</a></li> <li><i class="fa fa-chevron-right"></i> <a href="author_guidelines.php">Author Guidelines</a></li> <li><i class="fa fa-chevron-right"></i> <a href="collaborate.php">Collaborate</a></li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { const arrow = document.getElementById("dropdown-arrow"); const sideMenu = document.getElementById("side-menu"); // Only enable toggle functionality for mobile views const toggleMenu = () => { if (window.innerWidth <= 768) { // Toggle visibility of the menu sideMenu.classList.toggle("hidden"); // Rotate the arrow arrow.classList.toggle("open"); } }; // Add click event to the arrow arrow.addEventListener("click", toggleMenu); // Ensure menu is always visible on desktop resize window.addEventListener("resize", function() { if (window.innerWidth > 768) { sideMenu.classList.remove("hidden"); arrow.classList.remove("open"); } }); }); </script> <div class="conf-banner col-md-9"> <img src="images/place.jpg" alt="Japanese Society for Academic Research and Publication | JSARAP" class="img-responsive">  </div> <div class="clearfix"></div> </div>  <script type="text/javascript" src="js/jquery.zoomslider.min.js"></script>  <div class="w3_content_agilleinfo_inner"> <div class="agile_featured_movies">  <style> /* Ensure the container adapts to various screen sizes */ .facebook { width: 100%; max-width: 400px; /* Optional, set a max width for larger screens */ margin: 0 auto; } .facebook-link { text-align: center; } .scrollbar { overflow: hidden; /* Ensure it doesn't create scrollbars outside the container */ } /* Responsive iframe to maintain aspect ratio */ .responsive-iframe { width: 100%; /* Take full width of the parent container */ height: auto; /* Automatically adjust height for mobile and desktop */ aspect-ratio: 4 / 3; /* Maintain a 4:3 aspect ratio */ border: none; } /* Handle layout for smaller screens */ @media (max-width: 768px) { .facebook { max-width: 100%; /* Ensure it scales to fit smaller screens */ padding: 10px; /* Add some padding */ } .facebook-link h2 { font-size: 1.5rem; /* Adjust heading size for smaller screens */ } } </style> <div class="col-md-3 left-part"> <div class="update"> <h3>Recent Update</h3> <div class="recent-event"> <div class="event-left"> <div class="event-pic"> <img src="https://conferencegallery.com/conf_album/2024-GALL-1726610196-2024-GALL-1718307418-LINE_ALBUM_8%20June%202024_240610_7.jpg"> </div> <div class="event-title"> <p>JSARAP INTERNATIONAL CONFERENCE 8TH JUNE 2024 TOKYO, JAPAN</p> </div> </div> <div class="event-left"> <div class="event-pic"> <img src="https://conferencegallery.com/conf_album/2024-GALL-1726609206-2024-GALL-1724136230-1Group%20photo%2001.jpg"> </div> <div class="event-title"> <p>JSARAP INTERNATIONAL CONFERENCE 10TH AUG 2024 KYOTO, JAPAN</p> </div> </div> <div class="event-left"> <div class="event-pic"> <img src="https://theconferenceworld.org/conf_album/2024-GALL-1712274546-54-SRI_9123.jpg"> </div> <div class="event-title"> <p>INTERNATIONAL CONFERENCE, KYOTO, JAPAN</p> </div> </div> </div> </div> <div class="facebook"> <div class="facebook-link"> <h2>Facebook</h2> <div class="scrollbar" id="style-2"> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fjsarapconference%2F&tabs=timeline&width=255&height=290&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="255" height="290" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div> </div> </div> <div class="twitter"> <div class="twitter-link"> <h2>Twitter</h2> <div class="scrollbar" id="style-2"> <div style="height:280px !important; overflow:scroll;"> <a class="twitter-timeline" href="https://twitter.com/JsarapOfficial?ref_src=twsrc%5Etfw">Tweets by JsarapOfficial</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div> </div> <div class="clearfix"></div> </div>   <div class="conf-place-top col-md-9"> <h3 class="agile_w3_title">Publication</h3> <div class="publication"> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJMPE.jpg" alt="IJMPE" class="img-responsive"> </div> <div class="title"> <table> <tr> <td class="col-md-3">Title</td> <td><a href="http://iraj.in/journal/IJMPE/" target="_blank"> International Journal of Mechanical and Production Engineering (IJMPE) ISSN(e):2321-2071 | ISSN(p):2320-2092 </a></td> </tr>  <tr> <td>Indexed</td> <td>UGC APPROVED<br> Index Copernicus (ISI), DRJI, OAJI, Google Scholar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJEEDC.jpg" alt="IJEEDC" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://iraj.in/journal/IJEEDC/" target="_blank">International Journal of Electrical, Electronics and Data Communication (IJEEDC)</a> <a href="http://iraj.in/journal/IJMPE/" target="_blank">ISSN(e)</a>- 2321-2950 ISSN(p)- 2320-2084</td> </tr>  <tr> <td>Indexed</td> <td>Thomson Reuters Scholar steer, Index Copernicus(ISI) , Open library ,Base Indexing, DRJI, UDOI, Indian Science OAJI, Google Scholar, Jour Informatics Cite Factor, Indian Science </td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJACEN.jpg" alt="IJACEN" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://iraj.in/journal/IJACEN/" target="_blank">International Journal of Advance Computational Engineering and Networking (IJACEN)<br> ISSN(e)- 2321-2063 ISSN(p)- 2320-2106</a></td> </tr>  <tr> <td>Indexed</td> <td>UGC APPROVED<br> Index Copernicus(ISI) <br> Advanced Science Index<br> Jour Info, DRJI, OAJI, <br> Google Scholar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJSCAI.jpg" alt="IJSCAI" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://iraj.in/journal/IJSCAI/" target="_blank">International Journal of Soft Computing And Artificial Intelligence (IJSCAI)<br> ISSN(e)- 2321-4384 ISSN(p)- 2321-404X </td> </tr>  <tr> <td>Indexed</td> <td>DRJI, Google Schoolar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJACSCC.jpg" alt="IJACSCC" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://iraj.in/journal/IJACSCC/" target="_blank">International Journal of Advances in Computer Science and Cloud Computing (IJACSCC)<br> ISSN(e)- 2321-4392 ISSN(p)- 2321-4058</a> </td> </tr>  <tr> <td>Indexed</td> <td>DRJI, Google Schoolar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJASEAT.jpg" alt="IJASEAT" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://iraj.in/journal/IJASEAT/" target="_blank">International Journal of Advances in Science, Engineering and Technology (IJASEAT)<br> ISSN(e)- 2321-9009 ISSN(p)- 2321-8991</a> </td> </tr>  <tr> <td>Indexed</td> <td>Thomson Reuters<br> Scholar steer,<br> Science Library Index<br> DRJI, OAJI, Google Scholar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJIEEE.jpg" alt="IJIEEE" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://ijieee.org.in/" target="_blank">International Journal of Industrial Electronics and Electrical Engineering (IJIEEE)<br> ISSN(e)- 2349-204X ISSN(p)- 2347-6982 </a> </td> </tr>  <tr> <td>Indexed</td> <td>Techrepublic <br> DRJI, OAJI, Google Scholar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJAMCE.jpg" alt="IJAMCE" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://ijamce.iraj.in/" target="_blank">International Journal of Advances in Mechanical and Civil Engineering (IJAMCE)<br> ISSN(p)- 2394-2827</a> </td> </tr>  <tr> <td>Indexed</td> <td>Science Library Index<br> Google Scholar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJAECS.jpg" alt="IJAECS" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://ijaecs.iraj.in/" target="_blank">International Journal of Advances in Electronics and Computer Science (IJAECS)<br> ISSN(p)- 2394-2835</a> </td> </tr>  <tr> <td>Indexed</td> <td>Science Library Index<br> Jour info, Science Library Index, Citefactor<br> Google Scholar</td> </tr> </table> </div> </div> </div> <div class="block-pubct col-md-6"> <div class="public-page"> <div class="top-page"> <img src="images/IJMAS.jpg" alt="IJMAS" class="img-responsive"> </div> <div class="title"> <table cellpadding="2"> <tr> <td class="col-md-3">Title</td> <td><a href="http://ijmas.iraj.in/" target="_blank">International Journal of Management and Applied Science (IJMAS)<br> ISSN(p)- 2394-7926</a> </td> </tr>  <tr> <td>Indexed</td> <td>Thomson Reuters<br> Scholar steer,<br> Index Copernicus(ISI) <br> Scholarsteer,<br> Science Library Index<br> Google Scholar</td> </tr> </table> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="clearfix"></div> </div> </div>  <div class="contact-w3ls" id="contact"> <div class="footer-w3lagile-inner"> <div class="container"> <div class="col-md-3 footer-grid"> <h4>Quick Link</h4> <ul> <li><a href="./" title="Home">Home</a></li> <li><a href="about_us.php" title="About Us" target="_blank">About Us</a></li> <li><a href="jsarap_publication.php" title="Publication" target="_blank">Publication</a></li> </ul> </div> <div class="col-md-3 footer-grid"> <h4>Quick Link</h4> <ul> <li><a href="paper_submit.php" title="Paper Submission" target="_blank">Paper Submission</a></li> <li><a href="home-associate.php" title="Associate" target="_blank">Our Associates</a></li> <li><a href="rules_regulations.php" title="Rule and Regulations" target="_blank">Rule and Regulations</a></li> </ul> </div> <div class="col-md-3 footer-grid"> <h4>Quick Contact</h4> <ul> <li><a href="paper_submit.php" title="Number">Mob : +91 - 7077656338</a></li> <li><a href="mailto:info.jsarap@gmail.com" title="mail">Mail: info.jsarap@gmail.com</a></li> </ul> </div> <div class="col-md-3 footer-grid"> <h4>Subscribe</h4> <ul class="social-icons1 agileinfo"> <a href="https://jsarap.org/SUBSCRIBE/" target="_blank"><img src="images/subscribe_btn.png" alt="subscribe"></a>      </ul> </div>  </div> </div> </div> <div class="w3agile_footer_copy"> <p>漏 2025 All rights reserved by jsarap.org<a href="#"></a></p> </div> <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> <script language="javascript"> function cookies_accept() { $('#cookieAcceptInfo').css("display", "none"); var d = new Date(); var n = d.getTime(); // $.get("load_jor_detail.php",{journal_id:id},function(d){$("#load_journal_det").html(d)}); $.ajax({ type:"POST", url:'../../../../../cookies_accept.php', data:'time='+n, cache: false, success:function(msg){$('#cookieAcceptInfo').html(msg);} }); } </script> <style > .cookieBar { position: fixed; width: 100%; margin: 0; left: 0; bottom: 0; z-index: 9999999; text-align: left; padding: 10px 0; font-family: Arial,Helvetica,sans-serif; font-size: 16px; box-sizing: border-box; } .cookieBar>h3 { display: block; line-height: 1; font-weight: 700; margin: 0 0 5px 0; padding: 0; font-family: Arial,Helvetica,sans-serif; color: #fff; font-size: 18px; text-transform: none; padding: 0 130px 0 20px; } .cookieBar>p { display: block; font-family: Arial,Helvetica,sans-serif; color: #fff; font-size: 12px; line-height: 1.2; font-weight: 400; margin: 0; padding: 0 130px 0 20px; text-align:center; } .cookieBar .cookieBarButtons { position: absolute; top: 20px; right: 20px; text-align: right; } .cookieBar>p>a.cookieBarMore { text-decoration: underline; color: #fff; } .cookieBar { color: #fff; background-color: #555; } .cookieBar .cookieBarButtons>a.cookieBarOk { background: #0885c4; color: white; padding: 6px; font-size: 11px; border-radius: 5px; } .cookieBar .cookieBarButtons { position: absolute; top: 10px; right: 20px; text-align: left; } </style> <div id="cookieAcceptInfo" class="cookieBar "> <p>Be aware that this site uses cookies. Before continuing browsing we advise you to click on Privacy Policy to access and read our cookie policy.Ok.</p> <div class="cookieBarButtons"> <a id="cookieAcceptButton" class="cookieBarOk" href="javascript:void(0);" target="_blank" onClick="cookies_accept()">Accept</a></div> </div>  </body> </html>

CINXE.COM

JSARAP | Japanese Society for Academic Research and Publication