/* *******************************************************************
 Css for top page.
 This code was written by Yoshihisa Watabe 28th of July, 2017.
 If you need to change this code partially, modify same part 
 in the sub.css to get correct appearance.
 ******************************************************************* */
body {
    font-size: 12px;
    line-height: 1.8;
font: 100%/1 YuGothic, "游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Arial,sans-serif;
}

h2 {
    font-size: 24px;
    line-height: 30px;
}

#top_header {
    width:960px;
    margin:auto;
    margin-top:50px;
    margin-bottom: 30px;
   /* position:relative; */
}

#top_header img.gr_logo {
    float:right;
}

#grpmenu{
    position:absolute;
    top:0;
    left:0;
     display:none; /* */
}

#grpmenu ul{
    padding: 0;
    list-style: none;
    width:200px;
    background-color:gray;


}

#grpmenu ul li{
    margin: 0;
    padding: 0;
    font-size:13px;
    background: Black;
    color: White;
    border: 1px solid White;
   /* height:16px; */
}

#top_image {
    width: 960px;
    margin:auto;
}

#topnav {
    /*height: 48px;*/
    width: 960px;
    margin: auto;
    margin-top:-7px;
    overflow: hidden;
}

#topnav ul {
    height: 48px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 48px;
}

#topnav ul li{
    display: block;
    height: 48px;
    text-align: center;
    font-weight: bold;
    line-height: 3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dedede), color-stop(1.00, #5d5d5d));
    background: -webkit-linear-gradient(#dedede, #5d5d5d);
    background: -moz-linear-gradient(#dedede, #5d5d5d);
    background: -o-linear-gradient(#dedede, #5d5d5d);
    background: -ms-linear-gradient(#dedede, #5d5d5d);
    background: linear-gradient(#dedede, #5d5d5d);
    border: 1px solid Gray;
    border-radius: 2px;
    /*background: Gray;*/
    padding: 0;
    margin: 0;
    width: 318px;
    float:left;

}

#topnav a {
    display: block;
    color:Navy;
    font-size: 18px;
    height: 48px;
    text-decoration: none;
}

#topnav a:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b4ddfe), color-stop(1.00, #0d4996));
background: -webkit-linear-gradient(#b4ddfe, #0d4996);
background: -moz-linear-gradient(#b4ddfe, #0d4996);
background: -o-linear-gradient(#b4ddfe, #0d4996);
background: -ms-linear-gradient(#b4ddfe, #0d4996);
background: linear-gradient(#b4ddfe, #0d4996);

    
}

#mainbody{
    height: 600px;
    width: 960px;
    margin: auto;
    padding: 0;
    overflow: hidden;

}

#leftbody{
    width:680px;
    line-height: 1.8;
    float:left;
}

#sidenav {
    font-size:12px;
    line-height: 1.5;
    margin:0;
    margin-top: 20px;
    padding: 0;
    padding-bottom:30px;
    width:250px;
    float:right;

}

h3.labeltitle {
    margin: 0;
    padding: 7px;
    background: #eeeeee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.sidelabel {
    border: 2px Solid Gray;
    border-radius: 10px;
    margin-top:10px;
}

div.labelarticle {
    margin: 10px;
    overflow: hidden;
}

dl.minitable {
    
}

.minitable dt {
    padding: 0;
    margin: 0;
    /*border-bottom: 2px dotted Gray; */
    width:100px;
    float:left;
    clear:both;
}

.minitable dd {

    padding-left: 115px;
    margin: 0;
    border-bottom: 2px dotted Gray;
    width: 110px;
    
}

#topicview {
    font-size: 12px;
    height: 150px;
    overflow:scroll;   /* Enable scrollbars when content has overflew */
    overflow-x:hidden; /* Delete horizontal scrollbar */
}

/* Decorate scrollbar of the topic list */
/* Following codes were copied from sample on website */

#topicview::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#topicview::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#topicview::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #aaaaff;
}

/* End of scrollbar decoration */
    

h1.section1 {
    margin: 0;
    padding: 0;
}
.topiclist dt {
    float:left;
    padding: 0;
    margin: 0;
    /* border-bottom: 2px dotted Gray; */
    width:130px;
}

.topiclist dd {
    padding-left:130px;
    margin: 0;
    border-bottom: 2px dotted Gray;
    width: 460px;    
}

footer {
    color: White;
    margin: 0;
    padding: 0;
    margin: auto;
    background: Black;
    overflow: hidden;
    width: 960px;
    height: 230px;
}

.ftpane {
    float:left;
    padding-left:15px;
    width:215px;
    font-size: 10px;
    line-height: 2;
}
    
.ftpane h3 {
    color: White;
}

.ftpane a {
    text-decoration: none;
    color: White;
}

#copyright {
    clear:both;
    text-align: center;
}

#inquiry {
    clear:both;
}

#inquiry a {
    border: 2px solid White;
    border-radius: 10px;
    text-decoration: none;
    color:White;
    margin-left:50px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right: 10px;
}

#inquiry a:hover {
    background-color: white;
    color:Black;
}