@charset "utf-8";
/* 

Natural Doctrine
common.css

 */
body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p, pre {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	color:#626262;
}
body,html {
	margin: 0px;
	padding: 0px;
	background:#2d3446;
}

header, footer, article, sction, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
html{
	width:100%;}
.wp{
	display: block;
	margin:0 auto;
	max-width:1920px;
	width: 100%;}
a{
	color:#d42476;
	text-decoration:none;}	
/*--------------------------------

ヘッダー

--------------------------------*/
#header{
	background-color:#2d3446;
	min-height:40px;
	padding:4px 15px;
	}
#header .logo_monyu{
	float:left;
	}
#header .btn_print{
	float:right;
	}

#navi ul{
	background-image:url(../images/bg.gif);
	text-align:center;
	background-color:#F6F2E7;
	border-left:solid 1px #BCAA94;
	border-bottom:solid 1px #BCAA94;
	position:relative;
	letter-spacing: -.40em;
	}
#navi li{
	letter-spacing: normal;
	width:15%;
	font-size:15px;
	text-align:center;
	display:inline-block;
	border-right:solid 1px #BCAA94;
	background-image:url(../images/bg.gif);
	line-height:20px;
	padding:0;
	margin:0;
	}
#navi li a{
	padding:0;
	display:block;
	}
#navi li a.current{
	background-image:url(../images/bg2.gif);
	background-color:#CB9F81;}
#navi li a span{
	display:block;
	font-size:11px;
	}
#navi li a .subtitle{
	font-size:80%;
}
#navi li:first-child{
	border-left:solid 1px #BCAA94;
	}

/*--------------------------------

メイン

--------------------------------*/
#Manual_ALL{
	margin:0 auto;
	background-color:#000000;
	width:100%;
	position:relative;
	}
#Manual_ALL .Mimg img{
	vertical-align:bottom;
	width:100%;
	height:auto;
	}

#Manual_ALL .prevpage a{
	width:50%;
	position:absolute;
	z-index:200;
	height:100%;
	left:0;
	}
#Manual_ALL .nextpage a{
	width:50%;
	position:absolute;
	z-index:200;
	height:100%;
	right:0;
	}

/*--------------------------------

フッターナビ

--------------------------------*/
#NBnavi{
	text-align:center;
	background-color:#FFF;
	}
#NBnavi p{
	padding:10px 0;
	display:inline-block;
	font-size:15px;	
	}
#NBnavi p.prev{
	border-right:solid 1px #BCAA94;
	width:40%;
	float:left;
	}
#NBnavi p.next{
	border-left:solid 1px #BCAA94;
	width:40%;
	float:right;
	}
#NBnavi p.prev a,
#NBnavi p.next a{
	display:block;
	}
#NBnavi p a span{
	color:#2d3446;
	}
	

/*--------------------------------

フッター

--------------------------------*/
#footer{
	padding:5px 0;
	text-align:center;
	width:100%;
	color:#FFF;
	background-color:#2d3446;
	}
	
#header .btn_print a{
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding: 10px 2em;
	text-decoration: none;
	color: #035723;
	background:linear-gradient(0deg, rgba(170,255,0,1) 0%, rgba(255,254,176,1) 100%);
	border-radius: 15px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #025b1c;
	width: 50%;
    max-width: 300px;
    transition: all 300ms 0s ease;
	top: 0;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4);
  }
  
	
#header .btn_print a:hover{
	background:linear-gradient(0deg, rgba(170,255,0,1) 0%, rgba(255,254,176,1) 100%);
		color: #035723;
		opacity: 1;
		box-shadow: 0 5px 6px rgba(0, 0, 0, 0.4);

}
.col_gray a{
	color: #ccc;
}
.pagenation{
	font-weight: bold;
}
#Manual_ALL .prevpage .btn a{
	background-color: #ff1985;
    color: #fff;
    padding: 2vw 2vw;
    top: 32vw;
    left: 0;
    width: auto;
    height: auto;
    font-size: 20px;
    font-weight: bold;
}
#Manual_ALL .prevpage .btn a:hover{
	background-color: #ff5ea9;
}
@media screen and (max-width: 768px){
#Manual_ALL .prevpage .btn a{
	font-size: 4vw;
	width: 40vw;
	top: 25vw;
}
}