/* ******************* 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 h1 img{
	position:absolute;
	bottom:10px;
/*	left:20px;
	width:231px; */
	height:32px;
}
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%;
}
#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;
        width:100%;
}
#bd_index .menu > li{
    list-style: none;
}
#bd_index .menu > li a{
    display: block;
    width:96%;
    min-height:10em; 
    margin:2% 0 0 2%;
/*    margin-top:15px; */
    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_basic.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_basic.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_basic.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_basic.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_basic.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_basic.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_basic.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_basic.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_transfer.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(2) a:hover{	
	background: url(../img/menu_bg_transfer.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_transfer.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_transfer.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_transfer.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_transfer.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_transfer.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_transfer.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_crassify.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(3) a:hover{	
	background: url(../img/menu_bg_crassify.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_crassify.png) no-repeat right bottom,  -moz-linear-gradient(top,  #f9f3bd 0%, #fffdef 11%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: url(../img/menu_bg_crassify.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_crassify.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_crassify.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_crassify.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_crassify.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.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(5) a:hover{
	background: url(../img/menu_bg_edit.png) no-repeat right bottom,  #fffdef; /* Old browsers */
	background: url(../img/menu_bg_edit.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.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.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.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.png) no-repeat right bottom,  -ms-linear-gradient(top,  #f9f3bd 0%,#fffdef 11%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: url(../img/menu_bg_edit.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_edit_movie.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(6) 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(7) a{
    background: url(../img/menu_bg_sns.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(7) 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(8) a{
    background: url(../img/menu_bg_gps.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(8) 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(9) a{
    background: url(../img/menu_bg_appendix.png) no-repeat right bottom #f7f6f5;
}
#bd_index .menu > li:nth-child(9) 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:2%;
}
#bd_index .title{
    font-size:1.4rem;/*1.2*/
 /*   color:#000;
    text-decoration:underline; */
    font-weight:bold;
}
#bd_index .menu > .index{
    clear:both;
}
/*
#bd_index footer{
    height: 120px;
    background: #cdcdcd;
}
#bd_index #footer01,#footer02{
     height: 60px;
}
#bd_index #footer01{
    background: #ddd;
}
/*--------footer----------*/
/*footer{
    clear:both;
    width:100%;
    height: 60px;
    border-top:#111 2px solid;
    background:#333;
}
#ft_wrapper{
   position: relative;
}
.thissite_link a{
    position: absolute;
    left:0.5em;
    top:0.5em;
    width:20em;
    font-size: 0.8em;
    text-align: left;
    color:#aaa;
}
.thissite_link a:before{
	content:'▶ ';
	font-size:0.5em;
    color:#fee600;
    color:#aaa;
}
.copyright{
    position: absolute;
    left:50%;
    top:50%;
    text-align: center;
    margin-top:1em;
    font-size: 0.5em;
    color:#aaa;
}*/
/* ******************* 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;/* ☆2015/07/29 Add */
    }
    #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 h1{
    position: absolute;
    bottom:20%;
        margin-top:-0.8em;
        font-size: 2.4em;
        font-weight:normal;
    }
    #bd_index #header02 h1 img{
/*		width:332px; */
		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_index nav{
        width:73%;
        float:left;
    }
    #bd_index #sidebar{
        width:23%;
 /*   	min-height: 1030px; */
        float:right;
		padding-bottom: 10000px;/* 2column height adjust */
		margin-bottom: -10000px;/* 2column height adjust */
    }
    main{
    	overflow-y:hidden;/* 2column height adjust */
    }
	#bd_index #sidebar section{
	    padding:20% 0 0;
    width:100%;
	}
	#bd_index #sidebar section:first-child{
	    padding:0;
	}
	#bd_index #sidebar section img{
	    width:100%;
	    height:auto;
	}
}
/* ******************* 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 */
    }
}