/* ******************* Reset Style ******************* */
@import url('default.css');
@charset 'UTF-8';
/* ******************* Mobile First ******************* */
#bd_index #wrapper{
	margin:0 auto;
	width:100%;
}
#bd_index{
	background:#fff;/*#444
	background:url("../img/bg.png") no-repeat left 50%; */
}
#hd_index{
    height:120px;
}
#bd_index #header01 .hd_logo{
	width:128px;
	height:40px;
    margin:20px 0 0 20px;
}
#bd_index #header02{
    height:60px;
    position: relative;
/*  background:#FFFBC7;
    background: url("../img/h1_bg.png");
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2); */
	position:absolute;
	bottom:0px;
	left:20px;
}
#bd_index #header02 #a1{
    display:none;
}
#bd_index #header02 #a2{
	display:inline;
	height:70px;/* ☆add 2015/08/07 */
}

#bd_index #header02 h1 img{
	position:absolute;
	bottom:10px;
/*	left:20px;
	width:231px; */
	height:90px;
}
header,
#hd_wrapper{
	display:block;
    height:120px;
    position: relative;
}
#hd_wrapper{
    background:url(../img/hd_bg.png) no-repeat #000;
/*    background-position: right top; */
    background-position: 30px bottom;
    background-size:330px auto;
}
#bd_index nav{
    display:block;
    background:#fff;
}
#bd_index #sidebar{
/*    width:100%; */
    background: url("../img/slash.png") #dedede;/*#333*/
    padding:2%;
    min-height:auto;
}
#bd_index #sidebar section{
    padding:5% 0 0;
/*    width:96%; */
    clear:both;
}
#bd_index #sidebar section img{
    text-align: center;
}
#bd_index #sidebar section .sub{
    font-size:0.8em;
}/*
#sidebar #sec_pdf{
	text-align:center;
}*/
#sidebar #sec_pdf a{
	padding-left:1.5em;
	background: url("../img/link_dl.png") no-repeat left 50%;
}
#sidebar .mod-searchForm-form{
	width:100%;
}/*
#sidebar .mod-searchForm-input{
	width:67%;
}
#sidebar .mod-searchForm-submit{
	width:30%;
} */
#sec_pdf div{
    padding:4%;
    border:#dfdfdf solid 1px;
    background:#fff;
}
#bd_index #wrapper{
 /*    margin:0 auto -132px;
    padding:0 0 132px; */
    width:100%;
/*        height:100%; */
    height: auto;
    min-height: 100%;
}
#bd_index .menu > li{
    list-style: none;
    width:93%;
/*   margin-left:5%; */
}
#bd_index .menu > li a{
    display: inline-block;
    width:100%;
    height:16em; 
    margin:4% 0 0 4%;
    padding:1em;
    background-color:#f7f6f5;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #ccc, inset 0 0 0 4px #efefef;
    box-sizing: border-box;
}
#bd_index .menu > li a:hover{
	background: #fefad0; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefad0 0%, #fffdef 9%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefad0), color-stop(9%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefad0', endColorstr='#fffef9',GradientType=0 );  IE6-9 */

transition: background-color 1s linear 0;
/*    border: 3px solid #fed100; */
    box-shadow: inset 0 0 0 1px #ccc, inset 0 0 0 4px #fed100;
    box-sizing: border-box;
}
#bd_index .menu > li:first-child a{
    background: url(../img/menu_bg_001.png) no-repeat right bottom #f7f6f5;
    background-color:#f7f6f5;
    box-sizing: border-box;
}
#bd_index .menu > li:first-child a:hover{
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_001.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(2) a{
    background: url(../img/menu_bg_002.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(2) a:hover{	
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_002.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(3) a{
    background: url(../img/menu_bg_003.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(3) a:hover{	
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_003.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(4) a{
    background: url(../img/menu_bg_movie.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(4) a:hover{
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_movie.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(5) a{
    background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(5) a:hover{
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_edit_movie.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(6) a{
    background: url(../img/menu_bg_sns.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(6) a:hover{
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_sns.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(7) a{
    background: url(../img/menu_bg_gps.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(7) a:hover{
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_gps.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:nth-child(8) a{
    background: url(../img/menu_bg_appendix.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(8) a:hover{
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f3bd), color-stop(11%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  -webkit-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  -o-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_appendix.png) no-repeat right bottom,  linear-gradient(to bottom,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* W3C */
}
#bd_index .menu > li:last-child a{
    margin-bottom:4%;
}
#bd_index .title{
    font-size:1.4rem;/*1.2*/
 /*   color:#000;
    text-decoration:underline; */
    font-weight:bold;
}
#bd_index .menu > .index{
}

/* ----- フッター固定 ----- */
footer{
    position:absolute;
    bottom: 0;
    width: 100%;
}
#bd_wrapper {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
}
/* ----- フッター固定END ----- */
/* ******************* For Tablet ******************* */
@media only screen and (min-width: 640px) {
    #bd_index header#hd_index,
    #hd_wrapper{
        height:200px;
        background:#000;
    }
    #hd_wrapper{
        background:url(../img/hd_bg.png) no-repeat top right;
        background-size:auto 200px; /* ☆add 2015/08/06 */
    }
    #bd_index #header01{
        height:120px;
    }
    #bd_index #header01 .hd_logo{
        margin:20px 0 0 20px;
        width:218px;
        height:68px;
    }
    #bd_index #header02{
        height:80px;
    }
    /*
    #bd_index #header02 #a1{
        display:none;
        
    }
    #bd_index #header02 #a2{
		display:inline;
	}*/
    #bd_index #header02 #a1{
        display:inline;
        
    }
    #bd_index #header02 #a2{
		display:none;
	}
    #bd_index #header02 h1{
    position: absolute;
    bottom:20%;
        margin-top:-0.8em;
        font-size: 2.4em;
        font-weight:normal;
    }
    #bd_index #header02 h1 img{
/*		width:332px;
		height:90px; */
		height:45px;
	}
    #bd_index .menu > li.reference a{
        float: left;
        width:47%;
	    min-height:14em;/* Depends on the language */
    }
    #bd_index .menu > li.index a{
        clear:both;
        width:96%;
    }
#bd_wrapper{
         background:0;

}
    #bd_index nav{
        width:73%;
        float:left;
    }
    #bd_index #sidebar{
        width:23%;
        float:right;
    }
    main,
    #bd_wrapper{
     	overflow:hidden;
    }
    #bd_index nav,
    #bd_index #sidebar,
    main{
 		padding-bottom: 32768px; /* 2column height adjust */
 		margin-bottom: -32768px; /* 2column height adjust */
		min-height: 100%;
		height: auto;
    }
	#bd_wrapper{/* default.cssの記述をOFF */
	    /* フッターの高さ分だけ、ネガティブインデントを指定 */
	    margin: 0 auto 0;
	    /* フッターの高さ分だけ、パディングを指定 */
	    padding: 0 0 0;
	}
	#bd_index #sidebar section{
	    padding:20% 0 0;
    	width:100%;
	}
	#bd_index #sidebar section:first-child{
	    padding:0;
	}
	#bd_index #sidebar section:last-child{
	    margin-bottom:10px;
	}
	#bd_index #sidebar section img{
	    width:100%;
	    height:auto;
	}
	#bd_index .menu > li a{
	    height:24em; 
/*	    margin:30% 0 70% 4%;*/
	    margin:4% 0 0 4%;
	    padding:1em;
	}
	ul.menu  li.index{
	    float:left;
	}
	#bd_index .menu > li{
	    width:49%;
	}
	#bd_index .menu > li a{
	    height:24em;
    }
	/* ----- フッター固定 ----- */
	#wrapper{
	     padding-bottom:132px; /* フッターの高さと同じ */
	     margin-bottom:-132px; /* フッターの高さと同じ */
	}
	/* ----- フッター固定END ----- */
}
/* ******************* For PC ******************* */
@media only screen and (min-width: 980px) {
/*    #bd_index #wrapper{
        width:980px;
    }
	#hd_wrapper,
    main,
    #ft_wrapper{
        width:980px;
    }*/
	#bd_index #sidebar section img{
	    width:222px;
	    height:100px;
	}
    #bd_index .menu > li.reference a{
        min-height:12em;/* Depends on the language */
    }
    /*
    #bd_index #header02 #a1{
        display:inline;
        
    }
    #bd_index #header02 #a2{
		display:none;
	}
    
    #bd_index #header02 h1 img{
		height:45px;
	}*/
}