@charset "utf-8";

.displayhidden{ position:absolute; left : -10000px; }

.nav_left{
	float : left;
	width: calc(100% - 180px); 
	margin : 0px;
	padding : 0px;
}

.nav_right{
	float : right;
	width : 180px;	
	margin : 0px;
	padding : 0px;
}

.nav_right li{
	background:url('/images/org/web/gnise/sub/_images/bnavtab.png') repeat-y;
	background-position : right;
	box-sizing: border-box;
	padding : 12px;
	padding-right : 20px;
	margin-left : -12px;
	margin-right : 90px;
	margin-top : 5px;
	margin-bottom : 5px;
	width : 90px;
	text-align:right;
	box-shadow : 2px 2px 4px gray;
}

.nav_right li:hover{
	background : repeat-y url('/images/org/web/gnise/sub/_images/bnavtab.png');
	background-position : right;
	box-sizing: border-box;
	padding : 12px;
	padding-right : 20px;
	margin-left : -12px;
	margin-top : 5px;
	margin-bottom : 5px;
	width : 180px;
	text-align:right;
	box-shadow : 2px 2px 4px gray;
}

.nav_right li:hover a{
	display: inline-block;
	padding-left : 90px;
	
}

.nav_right li a:focus{ outline: #00FF00 solid thick; }

.nav_right .nav_right_on{
	background : repeat-y url('/images/org/web/gnise/sub/_images/bnavtab.png');
	background-position : right;
	box-sizing: border-box;
	padding : 12px;
	padding-right : 20px;
	margin-left : -12px;
	margin-top : 5px;
	margin-bottom : 5px;
	width : 180px;
	text-align:right;
	box-shadow : 2px 2px 4px gray;
}

.nav_right a{
	color : #ffffff;
	font-size : 14px;
	font-weight : bold;
}

.book_snav_wrap{
	width : 100%;
	overflow: hidden;   
}
.book_snav{
	width : 100%;
	clear:both;
	overflow: hidden;   
	text-align:center;
	padding : 10px;
	border-bottom : #e9e7e7 solid 1px;
	box-sizing: border-box;
}

.book_snav li{
	float : left;
	background : repeat-x url('/images/org/web/gnise/sub/_images/snavtab.png');
	background-position : top;
	background-color : #cacaca;
	box-sizing: border-box;
	padding : 10px 20px;
	width : auto;
}

.book_snav .snav_active{
	background-color : #556db1;
}

.book_snav .snav_active a {
	color : #ffffff;
}

.book_snav li a{
	color : #222222;
	font-size : 14px;
	font-weight : bold;
}

.book_snav li a:focus{ outline: #00FF00 solid thick; }

.book{
	overflow: hidden;   
	width : 100%;
	height : auto;
	box-sizing: border-box;
	margin-top : -10px;
}

.book_top, .book_bottom{
	height : 9px; 
	margin : 0px;
	padding : 0px;
	clear: both;
}

.book_tleft, .book_tright, .book_tcenter, .book_bleft, .book_bright, .book_bcenter {
	height : 9px;
}

.book_content, .book_left, .book_right {	
	height : auto;
}

.book_top > div,  .book_center > div,  .book_bottom > div{
	float : left;
}

.book_tleft, .book_left,  .book_bleft{
	width : 22px;
}

.book_tright, .book_right, .book_bright{
	width : 25px;
}

.book_tcenter, .book_content, .book_bcenter {
	width: calc(100% - 47px); 
}

.book_center{
	margin : 0px;
	padding : 0px;
	clear: both;
}

/* background : no-repeat url('b_ltop.png');  */
.book_tleft{	
	background : no-repeat url('/images/org/web/gnise/sub/_images/ltop.png');
}

.book_tcenter{
	background :   url('/images/org/web/gnise/sub/_images/top.png');
}

.book_tright{
	background : no-repeat url('/images/org/web/gnise/sub/_images/rtop.png');
}

.book_left{
	background :   url('/images/org/web/gnise/sub/_images/left.png');
}

.book_content{
	background-color : #ffffff;
}

.book_right{
	background :   url('/images/org/web/gnise/sub/_images/right.png');
}

.book_bleft{
	background : no-repeat url('/images/org/web/gnise/sub/_images/lbottom.png');
}

.book_bcenter{
	background :   url('/images/org/web/gnise/sub/_images/bottom.png');
}

.book_bright{
	background : no-repeat url('/images/org/web/gnise/sub/_images/rbottom.png');
}

.book_lcontent{
	float : left;
	box-sizing: border-box;
	background : repeat-y url('/images/org/web/gnise/sub/_images/center_l.png');
	background-position : right;
	width: calc(100% - 340px); 
	padding : 20px;
	height : auto;
	overflow: hidden;   
}


.book_rcontent{
	float : right;
	box-sizing: border-box;
	background : repeat-y url('/images/org/web/gnise/sub/_images/center_r.png');
	background-position : left;
	width : 340px;
	padding-right : 20px;
	padding-left : 20px;
	padding-bottom : 20px;
	padding-top : 0px;
	height : auto;
	overflow: hidden;   
}

.book_tit{
	overflow: hidden;   
	width: 100%; 
	height : 45px;
	border-bottom: 1px #cccccc dashed;
	background : no-repeat url('/images/org/web/gnise/sub/_images/bookmark.png');
	background-position : right top;
	padding-top: 75px;
	margin-bottom: 10px;
	color : #556db1;
	font-size : 18px;
	font-weight : bold;
}

@media screen and (max-width: 1019px) {
	.book_lcontent{
		clear:both;
		width : 100%; 
		box-sizing: border-box;
		background : repeat-x url('/images/org/web/gnise/sub/_images/centerb_r.png');
		background-position : bottom;
		height : auto;
	}

	.book_rcontent{
		clear:both;
		width : 100%; 
		box-sizing: border-box;
		background : repeat-x url('/images/org/web/gnise/sub/_images/centerb_l.png');
		background-position : top;
		height : auto;
		font-size : 14px;
		color : #666666; 
	}
}

@media screen and (max-width: 800px) {
	.nav_left{
		float : left;
		width: 100%; 
		clear : both;
	}

	.nav_right{
		float : left;
		width: 100%; 
		clear : both;
		margin:0px;
		padding-left : 22px;
		padding-right : 27px;
		box-sizing: border-box;
	}

	.nav_right li{
		float : left; 
		background : repeat-x url('/images/org/web/gnise/sub/_images/snavtab.png');
		background-position : top;
		width : auto;
		margin : 0px;
		padding : 10px;
		
	}

	.nav_right .nav_right_on{
		float : left; 
		background : repeat-x url('/images/org/web/gnise/sub/_images/snavtab.png');
		background-position : top;
		width : auto;
		margin : 0px;
		padding : 10px;
	}

	.nav_right li:hover{
		float : left; 
		background : repeat-x url('/images/org/web/gnise/sub/_images/snavtab.png');
		background-position : top;
		width : auto;
		margin : 0px;
		padding : 10px;
	}

	.nav_right li:hover a{
	display: inline-block;
	padding-left : 0;
	}
}