@charset 'UTF-8';
/* filename:http://nikonimglib.com/ncnxd/onlinehelp/en/style/cover.css
    version:1.5.0
    delivery date:2018/12/09 */

/* ******************* Reset Style ******************* */
@import url(default.css);

/* ******************* Mobile First ******************* */

* {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	font-size: 16px;
}

#bd_index #wrapper{
	margin:0 auto;
	width:100%;
}

#bd_index{
	background:#fff;
}

#hd_index{
	height:120px;
}

#bd_index #header01 .hd_logo{
	width:40px;
	height:40px;
	margin:20px 0 0 20px;
}

#bd_index #header02{
	height:60px;
	position: relative;
	position:absolute;
	bottom:0px;
	left:20px;
}

#bd_index #header02 h1 img{
	position:absolute;
	bottom:10px;
	height:32px;
}

header, #hd_wrapper{
	display:block;
	height:120px;
	position: relative;
}

#hd_wrapper{
	background:url(../img/hd_bg.png) no-repeat #000;
	background-position: 30px bottom;
	background-size:330px auto;
}

#bd_index nav{
	display:block;
}

#bd_index #sidebar{
	background: url(../img/slash.png) #dedede;
	padding:2%;
}

#bd_index #sidebar section{
	padding:5% 0 0;
	clear:both;
}

#bd_index #sidebar section img{
	text-align: center;
}

#bd_index #sidebar section .sub{
	font-size:0.8em;
}

#sidebar #sec_pdf a{
	padding-left:1.5em;
	background: url(../img/link_dl.png) no-repeat left 50%;
}

#sidebar .mod-searchForm-form{
	width:100%;
}

#sec_pdf div{
	padding:4%;
	border:#dfdfdf solid 1px;
	background:#fff;
}

#bd_index #wrapper{
	margin:0 auto;
	width:100%;
}

nav h2{
    font-size: 1.5em;
	line-height: 1.5em;
}

nav h2 a {
	font-size: inherit;
}

nav h2 a:hover {
	text-decoration: underline;
}

nav li {
	background: url(i_link.png) no-repeat scroll 1px 2px transparent;
	list-style: none;
	padding-left: 2em;
	line-height: 1.5em;
}

nav li a:hover {
	text-decoration: underline;
}

nav .note {
	margin: 1em;
	padding: 0.5em;
	border: 1px solid #666;
}

nav .note p.memo-nolead {
	margin: 0px 0px 0.5em;
	padding-left: 2em;
	background: url(i_memo.png) no-repeat scroll left top transparent;
}

.ft_logo{
	width: 95px;
	height: 32px;
}

.chapter {
	margin: 1em;
	padding: 1em;		
	background-color: #fff8dc;
}

.chapter_group {
	margin: 0;
	padding: 0;
	
}

/* ******************* 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;
	}
	
	#bd_index #header01 {
		height:120px;
	}
	
	#bd_index #header01 .hd_logo {
		margin:20px 0 0 20px;
		width:68px;
		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 {
		height:45px;
	}
	
	#bd_index nav {
		width:73%;
		float:left;
	}
	
	#bd_index #sidebar {
		width:23%;
		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;
	}
		
	.ft_logo {
		width: 190px;
		height: 64px;
	}
}

/* ******************* For PC ******************* */
@media only screen and (min-width: 980px) {
	#bd_index #sidebar section img {
		width:222px;
		height:100px;
	}
	
	.sub_box_1 {
		width:47%;
	}
	
	.chapter_group {
		overflow: hidden;
		width: 100%;
	}
	
	.column1, .column2 {
		width: 47%;
		box-sizing: border-box;
		padding-bottom: 10000px;/* 2column height adjust */
		margin-bottom: -10000px;/* 2column height adjust */
	}
	
	.column1 {
		float: left;
		margin-right:0;
	}
	
	.column2 {
		float:right;
		margin-left:0;
	}
	
	.column_wide {
		margin-bottom:0;
	}
	
	nav ul {
		margin-bottom: 0.5em;
	}
}

/* Micro clearfix */
	.cf { zoom: 1; }
	.cf:before, .cf:after { content: ""; display: table; }
	.cf:after { clear: both; }
/* @end */