@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------------
     !SUB PAGE
---------------------------------------------------------- */

/*----------------
   global nav
------------------*/
#Gnav ul, #EnNav ul {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  /*justify-content: space-between;*/
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}
#Gnav li, #EnNav li {
  list-style-type: none;
  background-color: #fff;
  color: #000;
  flex-grow: 1;
  text-align: center;
  background: #fff;
  font-weight: bold;
  line-height: 28px;
}
#Gnav li + li, #EnNav li + li {
  border-left: 1px solid #bfbfbf;
    
}

#Gnav li a, #EnNav li a {
    color: #000;
    display: block;
    height: 28px;
    background: #fff;
}

#Gnav li a:hover, #EnNav li a:hover  {
    background: none;
}
#EnNav {
    font-size: 0.9em;
    margin-top: 20px;
}

#breadcrumb {
width:1000px;
height:14px;
margin:0 auto 1% auto;
}
		
    #breadcrumb img {
    margin-left:10px;
    }

    #breadcrumb ol {
    display:block;
    width:1000px;
    height:14px;
    }

    #breadcrumb li {
    display:block;
    float:left;
    height:14px;
    font-size:14px;
    line-height:14px;
    margin-right:10px;
    }

    #breadcrumb li a {
    height:14px;
    font-size:14px;
    line-height:14px;
    text-decoration:underline;
    }

    #breadcrumb li a:hover {
    text-decoration:none;
    }
		
    #title {
    width: auto;
    margin-top: 2%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1%;
    line-height: 52px;
    /* [disabled]border-top: 1px #000 solid; */
    /* [disabled]border-bottom: 1px #000 solid; */
    padding: 4px 0px 4px 60px;
    background-position: left top;
    }

    #title h2 {
        line-height: 160%;
    }

    #title img {
    height: 60px;
    width: auto;
    margin-right: 8px;
            }

        .jyouhou {background: url(/m/0/028.png) no-repeat;}
        .world {background: url(/m/0/033.png) no-repeat;}
        .japan {background: url(/m/0/031.png) no-repeat;}
        .chousa {background: url(/m/0/029.png) no-repeat;}
        .law {background: url(/m/0/030.png) no-repeat;}
        .kokusai {background: url(/m/0/032.png) no-repeat;}
        
#blockcontent {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background: #eee;
}

    #swaku {
    width: 100%;
    padding: 2%;
    height: 96%;
    }
    
        .sImage {
            float: left;
            margin-right: 2%;
        }

        .sText {

        }

#textcontent {
    margin-top: 4%;
    margin-right: 4%;
    margin-left: 4%;
    margin-bottom: 4%;
    
}
    #textcontent h3 {
    text-align: left;
    font-weight: bold;
    line-height: 24px;
    /*padding-left: 28px;*/
    }

    #textcontent h2 {
	font-size: 120%;
    text-align: left;
    font-weight: bold;
    line-height: 24px;
	margin-top: 2%;
    }

        #textcontent a.jyouhouS, #textcontent a.jyouhouS:visited, #textcontent a.worldS, #textcontent a.worldS:visited, #textcontent a.japanS, #textcontent a.japanS:visited, #textcontent a.chousaS, #textcontent a.chousaS:visited, #textcontent a.kokusaiS, #textcontent a.kokusaiS:visited, #textcontent a.lawS, #textcontent a.lawS:visited {
                    text-decoration:underline;
                    font-weight:bold;
					padding-left: 28px;
					line-height: 24px;
					display: block;
				}

                #textcontent a.jyouhouS:hover, #textcontent a.worldS:hover, #textcontent a.japanS:hover, #textcontent a.chousaS:hover, #textcontent a.kokusaiS:hover, #textcontent a.lawS:hover {
				text-decoration:none;
				}
				#textcontent a#free, #textcontent a#social, #textcontent a#international, #textcontent a#riha, #textcontent a#rihakyo {
                    font-weight:bold;
					padding-left: 28px;
					line-height: 24px;
					display: block;
					margin-top: 2%;
					margin-bottom: 1%;
					background: url(/m/0/066.png) no-repeat
				}

        #textcontent a.jyouhouS {background: url(/m/0/065.png) no-repeat}
        #textcontent a.worldS {background: url(/m/0/080.png) no-repeat}
        #textcontent a.japanS {background: url(/m/0/062.png) no-repeat}
        #textcontent a.chousaS {background: url(/m/0/093.png) no-repeat}
        #textcontent a.kokusaiS {background: url(/m/0/066.png) no-repeat}
        #textcontent a.lawS {background: url(/m/0/067.png) no-repeat}

    #textcontent p {
        padding: 1% 0%;
    }

/*-------------------------------------------------------------------------------------------------------------
	1023px and under
-------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1023px){

/*-------------------------------------------------------- 
     全体共通
---------------------------------------------------------- */
.pc{
	display: none;
}	
    
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* !header
---------------------------------------------------------- */
#header {
	height:4%;
}

    #headerIn {
    width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
        
    }

        #headerLogo {
            float: none;
            clear: both !important;
        }	

            #headerLogo img {
                width:70% !important;
                height:auto !important;
                margin-left:1%;
                margin-top:1%;
                float: left;
            }

        #BtGnav{
            z-index: 9999;
            position: absolute;
            top: 0px;
            right: 0;
            width: 12%;
            height: auto;
            float: right;
            margin-right: 1%;
        }

            #BtGnav img{
                display:block;
                width: 100%;
                height: auto;
            }

/*!nav
---------------------------------------------------------- */
#gnavM{
    z-index: 9999;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    margin-top: 12%;
    background-color: #000;
    background-color: rgba( 0, 0, 0, .8 );
    display: none;
}

        #gnavM ul {
        }

        #gnavM ul li{
            border-bottom: 1px solid #959595;
            padding-left: 5%;
            width: 100%;
            background-repeat: no-repeat;
            background-position: right center;
            height: 70px;
            }

        #gnavM ul li a {
            color: #fff;
            text-decoration: none;
            display: block;
            vertical-align: middle;
            height: 44px;
            line-height: 70px;
            font-size: 120%;
            width: 100%
            }

        #gnavM ul li a img {
            margin-right: 12px;
            float:left;
            }
    
    #Gnav, #EnNav {
        width: 100%;
    }
    
        #Gnav ul, #EnNav ul {
            width: 100%;
            display: block;
            float: left;
            margin-bottom: 5%;
            border-top: #ccc 1px solid;
            border-bottom: #ccc 1px solid;
            /*background-color:#D5E8F0;*/
        }
    
    #Gnav ul li a, #EnNav ul li a {
        width: 33% !important;
        height: 80px !important;
        float: left;
        font-size: 110%;
        line-height: 80px;
        background-color: transparent;
    }
    
    #Gnav .btnHome a, #EnNav .btnHome a{
        width: 1px !important;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    
    .btnResource a, .btnConf a, .btnLaw a {
        border-top: 2px #ccc dotted;
    }
    
    .btnAccess a, .btnWorld a, .btnResource a, .btnConf a {
        border-right: 2px #ccc dotted;
    }

    #EnNav .btnAccess a, #EnNav .btnWorld a, #EnNav .btnPrdl a, #EnNav .btnResource a, #EnNav .btnConf a, #EnNav .btnLaw a {
        line-height: 140%;
        padding-top: 4%;
    }
    
    
    #EnNav .btnAccess a {
    }
    
    #EnNav .text {
        display: inline-block;
    }

/* !contents
---------------------------------------------------------- */
#contents {
	/*height: -webkit-fill-available !important;*/
	width: 100% !important;
	background:#ffffff;
    margin-top: 2%;
    padding: 0 !important;
}
    
    #title {
        padding-left: 36px;
        padding-right: 8%;
        background-position: left 2%;
    }
    
    #title h2 {
        line-height: 120%;
    }
    
    .jyouhou, .world, .japan, .chousa, .law, .kokusai {
        background-size: 36px auto;
    }
    
    #swaku {
        padding: 4%;
    }
    
    .sImage {
        margin: 0 4% 1% 0;
    }
    
    #linkFacebook img, #linkMelumaga img {
			width: 100%;
			margin: 0% 0% 4% 0%;
		}
		
		#linkBanner {
			width: 100%;
		}	
	
		#linkBanner img {
			width: 47%;
			float: left;
			margin: 0% 0% 4% 2%;
		}
	
		#linkBanner ul {
			width: 100%;
			margin: 0% 0% 2% 0%;
			display: block;
			float: left;
		}
	
		#linkSns {
			width: 100%;
			margin: 0% 0% 8% 0%;
		}
	
        #linkSns div {
            text-align: center;
        }

/* !footer
---------------------------------------------------------- */
#footer {
	height:auto;
	background-color:#d6f6ff;
	position: static;
	padding: 2% 0%;
	bottom: 0 ;
	width: 100%;
}
	#footerIn {
		width:96%;
		font-size: 120%;
		line-height: 160%;
        margin: 16px auto;
	}
	
	#fbIcon img {
		display: block;
		margin: 0 auto 4% auto;
		width: 12%;
	}

	
		#footerIn a {
			text-decoration:underline;
			color:#01126a;
		}
	
		#footerIn a:hover {
			text-decoration:none;
		}
		
		#footerIn a:visited {
			color:#01126a;
		}
		
		#footerIn ul {
			display:block;
			margin-bottom:24px;
		}
		
		#footerIn ul li {
		}
		
		#footerIn ul li a {
			display:block;
			float:left;
			margin-right:20px;
			background:url(/m/0/021.png) no-repeat;
			background-position:left center;
			padding-left:10px;
		}

    
    #blockcontent {
        width: 96% !important;
        margin-top: 2% !important;
        margin-right: 2% !important;
        margin-left: 2% !important;
        margin-bottom: 0 !important;
        }    
    
    
}



/*-------------------------------------------------------------------------------------------------------------
	1024px and over
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 1024px){

.sp {display: none;}
    
	
#BtGnav {
	display:none;
}


}