@charset "utf-8";

/* Container
----------------------------------------------------------- */
div#container{
	height: 100%;
	min-height: 100%;
	position: relative
}
body > div#container {
	height: auto;
}
#home div#container{
}


/* Header
----------------------------------------------------------- */
div#headerWrap{
	width: 100%;
	height: 110px;
	position: fixed;
	z-index: 100;
	background: #eee url(../img/bg.jpg) center 0 repeat;
	background-attachment:fixed;
}
div#header{
	width: 980px;
	margin:0 auto;
	overflow: hidden;
}
div#header h1{
	float: left;
	margin-top: 15px;
}
div#header>div{
	float: right;
	overflow: hidden;
}
div#header>div>p,
div#header>div>div{
	float: left;
}

div#header .exDate{
	color: #df0005;
	padding-top: 50px;
	margin-right: 20px;
	font-size: 13px;
}
#navBtn{
	float: right;
}
#navBtn>ul{
	overflow: hidden;
}
#navBtn li{
	float: left;
	margin-left: 1px;

}
#navBtn li a{
	display: block;
	background: #00356f;
}
#navBtn li a:hover{
	background: #678fbb;
	opacity: 1;
}
#navBtn>p{
	text-align: center;
	margin-top: 5px;
	background: #fff;
	border-radius: 5px;
}

/* contents
--------------------------*/

div#contWrap{
	width: 100%;
	padding:110px 0 80px;
}

div#contBox{
	width: 980px;
	margin: 0 auto;
		clear: both;
		overflow: hidden;
		position: relative;
}

div#contents{
overflow: hidden;
	padding: 80px 25px 25px;
	background: #fff;
	border: 5px solid #eee;
	border-top: none;
	min-height: 100%;
}
#home div#contents{
	padding-top: 0;
}

body#popupMenu{
	background-color: transparent;
}

/* Footer
----------------------------------------------------------- */
#footerWrap {
	position:absolute;
	bottom: 0;
	width:100%;
	height:80px;
}
#footer{
	width: 980px;
	margin: 0 auto;
	padding-top:20px;
}

#footer>p{
	float: left;
}
#footer p.cpright{
color: #00356f;
font-size: 12px;
line-height: 34px;
padding-left: 20px;
}

#footer>div{
	overflow: hidden;
	float: right;
}
#footer>div>p{
	float: left;
	font-size: 12px;
	margin-left: 20px;
}

#pageTop{
	position: fixed;
	bottom: -200px;
	right: 40px;
}


/* breadList
----------------------------------------------------------- */
#contHeader{
	width: 970px;
	height: 75px;
	position: fixed;
	z-index: 200;
	border: 5px solid #eee;
	border-bottom: none;
	background: #fff;
}

ul#breadList{
	width: 925px;
	margin: 0 auto;
	padding:25px 0;
	letter-spacing: -0.4em;
	background: #fff;
}
ul#breadList li{
	letter-spacing: normal;
	display: inline-block;
	margin-right: 10px;
	line-height: 1;
}
ul#breadList li~li:before{
	content: "＞";
	display: inline-block;
	padding-right: 10px;
}
#contHeader #posNoteList{
	display: inline-block;
	/*padding-left: 20px;*/
}

#contHeader #posNoteList span{
	display: inline-block;
	border: 1px solid #000;
	border-radius: 3px;
	font-size: 80%;
	padding: 2px;
	margin: 0 5px;
}

/* sideColumn
----------------------------------------------------------- */

#contents #topTitle{
	margin-bottom: 20px;
}
#contents #topTitle p{
	border-left: 10px solid #00c;
	font-weight: bold;
	line-height: 1;
}
#contents #topTitle #posNote span{
	display: inline-block;
	border: 1px solid #000;
	border-radius: 3px;
	font-size: 80%;
	padding: 2px;
	margin: 0 5px;
}


p#posNoteSide{
	padding:20px 10px;
}

#sideWrap{
	overflow-y: auto;
	overflow-x: hidden;
}
#sideCol{
	/*float: left;*/
	/*position: fixed;*/
	z-index: 300;
	width: 220px;
	padding:0 0 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sideViewPort #sideCol{
  position:static;
  width: 230px;
}
#sideViewPort{
  width: 230px;
  overflow: hidden;
	position: fixed;
	z-index: 300;
}

#sideCol>ul{
	margin-right: 20px;
}

#sideCol>ul:first-child{
	border-top: 1px solid #ccc;
}
#sideCol>ul>li{
	border-bottom: 1px solid #ccc;
}
#sideCol>ul>li a{
	display: block;
font-size: 15px;
	padding:10px 30px 10px 10px;
}
#sideCol>ul>li a:hover{
	text-decoration: none;
		color: #ff6000;
		background-color: #ffe3d5;
}

#sideCol h3 a{
	display: block;
	font-size: 15px;
	background: url(../img/arr_sel_down.png) right center no-repeat;
}
#sideCol h3 span{
	display: block;
	font-size: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
		padding: 10px;
}
#sideCol h3.current a{
	color: #ff6000;
		background:#fef6f2 url(../img/arr_crt_up.png) right center no-repeat;
}
#sideCol h3.current+ul{
	background: #fef6f2;
}

#sideCol>ul>li>ul{
	display: none;
	border-top: 1px solid #ccc;
		padding: 5px 0;
}
#sideCol>ul>li>ul li{
	font-size: 14px;
}
#sideCol>ul>li>ul li a{
	display: block;
	line-height: 1;
	padding: 0.5em 0 0.5em 4em;
}
#sideCol>ul>li>ul li a:hover{
		text-decoration: none;
			color: #ff6000;
}
#sideCol>ul>li>ul li.current a{
	color: #ff6000;
}


#sideCol>ul>li.current a{
	color: #ff6000;
		background: #fef6f2;
}


/* main
----------------------------------------------------------- */
#mainCont{
	float: right;
	width: 680px;
	position: relative;
}
#mainCont.withFixHeader{
padding-top: 120px;
}

#mainCont.full{
	float: none;
	width: 980px;
}

#mainCont div.fixHeader{
	width: 680px;
	position: fixed;
	z-index: 200;
	background: #fff;
	top: 189px;
}

#mainCont h2{
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	padding: 14px 0 14px 15px;
	background: #dce7f2;
	margin-bottom: 20px;
}
#mainCont h2 span{
	border-left: 5px solid #00356f;
	padding-left: 15px;
}

#pager{
	width: 218px;
	height: 30px;
	position: relative;
	margin: 0 auto 20px;
}

#pager .prev{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#pager .next{
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#pager .current{
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
}

#pager a{
	display: block;
	width: 26px;
	height: 26px;
	border: 1px solid #ccc;
}
#pager .prev a{
background: url(../img/pager_prev.png) 0 0 no-repeat;
}
#pager .next a{
background: url(../img/pager_next.png) 0 0 no-repeat;
}
#pager a:hover{
	border: 1px solid #ff6000;
}
#pager .prev a:hover{
background: url(../img/pager_prev_up.png) 0 0 no-repeat;
}
#pager .next a:hover{
background: url(../img/pager_next_up.png) 0 0 no-repeat;
}

#zuhanList{
}
#zuhanList ul{
	margin-left: -10px;
	overflow: hidden;
}
#zuhanList ul li{
	float: left;
	width: 220px;
	height: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#zuhanList ul li.withCap{
	height: 240px;
	margin-bottom: 15px;
}
#zuhanList ul li a{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	height: 220px;
	width: 220px;
	border: 1px solid #ccc;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zuhanList ul li.withCap span{
	width: 220px;
	display: inline-block;
	text-align: center;
}
#zuhanList ul li img{
	max-width: 200px;
	max-height: 200px;
	opacity: 0;
}
#zuhanList ul li a:hover{
border: 1px solid #ff6000;
}
#zuhanList ul li a:hover img{
	opacity: 0.5 !important;
}

/* free table
----------------------------------------------------------- */
table.freeTable{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px dotted #ccc;
}

table.freeTable tr~tr{
	border-top: 1px dotted #ccc;
}

table.freeTable th,
table.freeTable td{
	font-size: 15px;
	font-weight: normal;
}
table.freeTable th{
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.freeTable td{
	text-align: left;
	padding: 10px 15px;
}

table.freeTable tr.index{
	background: #0a6e80;
	color: #fff;
	border: none;
}
table.freeTable tr.index+tr{
  border-top: none;
}
table.freeTable tr.index th{
line-height: 30px;
height: 30px;
}



table.freeTable ul.btnWrap{
	overflow: hidden;
}
table.freeTable ul.btnWrap li{
	float: left;
}
table.freeTable ul.btnWrap li~li{
	margin-left: 10px;
}

table.freeTable ul.btnList{
	letter-spacing: -0.4em;
	width: 100%;
}
table.freeTable ul.btnList li{
	letter-spacing: normal;
	display: inline-block;
	width: 38px;
	height: 38px;
	margin: 0 5px 0 0;
}

table.freeTable thead#hlTbl th{
	background: #dce7f2;
	text-align: center;
	font-size: 13px;
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.freeTable thead#hlTbl th~th{
	border-left: 1px solid #fff;
}


/*
table#bulkDlTbl{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-radius: 5px;
	background: #eee;
}
table#bulkDlTbl tr~tr{
	border-top: 1px solid #ccc;
}
table#bulkDlTbl th{
	text-align: left;
	font-weight: normal;
	padding: 10px ;
}
table#bulkDlTbl td{
padding: 10px ;
	width: 200px;
	text-align: right;
}
table#bulkDlTbl td a{
	color: #00f;
	text-decoration: underline;
}
table#bulkDlTbl td span{
	display: inline-block;
	margin-left: 20px;
}
*/

/* common btn
------------------------------*/

.btnBlk a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background: #000;
}
.btnBlk a:hover{
	text-decoration: none;
	background: #333;
}

.btnGrad1 a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #0d4996;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b4ddfe), color-stop(1.00, #0d4996));
	background: -webkit-linear-gradient(#b4ddfe, #0d4996);
	background: -moz-linear-gradient(#b4ddfe, #0d4996);
	background: -o-linear-gradient(#b4ddfe, #0d4996);
	background: -ms-linear-gradient(#b4ddfe, #0d4996);
	background:# linear-gradient(#b4ddfe, #0d4996);
}

.btnGrad1 a:hover{
	text-decoration: none;
	background-color: #0d49f6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b4ddfe), color-stop(1.00, #0d49f6));
background: -webkit-linear-gradient(#b4ddfe, #0d49f6);
background: -moz-linear-gradient(#b4ddfe, #0d49f6);
background: -o-linear-gradient(#b4ddfe, #0d49f6);
background: -ms-linear-gradient(#b4ddfe, #0d49f6);
background: linear-gradient(#b4ddfe, #0d49f6);
}
.btnGrad1.selected{
border-radius: 6px;
	border: 1px solid #0d49f6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btnGrad2 a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #8a8a8a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #8a8a8a), color-stop(1.00, #ccc));
	background: -webkit-linear-gradient(#8a8a8a, #ccc);
	background: -moz-linear-gradient(#8a8a8a, #ccc);
	background: -o-linear-gradient(#8a8a8a, #ccc);
	background: -ms-linear-gradient(#8a8a8a, #ccc);
	background: linear-gradient(#8a8a8a, #ccc);
}

.btnGrad2 a:hover{
	text-decoration: none;
	background-color: #9a9a9a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #8a8a8a), color-stop(1.00, #aaa));
	background: -webkit-linear-gradient(#8a8a8a, #aaa);
	background: -moz-linear-gradient(#8a8a8a, #aaa);
	background: -o-linear-gradient(#8a8a8a, #aaa);
	background: -ms-linear-gradient(#8a8a8a, #aaa);
	background: linear-gradient(#8a8a8a, #aaa);
}

.btnGrad3 a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #ed9b9b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f8c8f9), color-stop(1.00, #ed9b9b));
	background: -webkit-linear-gradient(#f8c8f9, #ed9b9b);
	background: -moz-linear-gradient(#f8c8f9, #ed9b9b);
	background: -o-linear-gradient(#f8c8f9, #ed9b9b);
	background: -ms-linear-gradient(#f8c8f9, #ed9b9b);
	background: linear-gradient(#f8c8f9, #ed9b9b);
}

.btnGrad3 a:hover{
	text-decoration: none;
	background-color: #ff9b9b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffc0f9), color-stop(1.00, #ff9b9b));
	background: -webkit-linear-gradient(#ffc0f9, #ff9b9b);
	background: -moz-linear-gradient(#ffc0f9, #ff9b9b);
	background: -o-linear-gradient(#ffc0f9, #ff9b9b);
	background: -ms-linear-gradient(#ffc0f9, #ff9b9b);
	background: linear-gradient(#ffc0f9, #ff9b9b);
}

.btnGrad4 a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #388235;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #c8ff3d), color-stop(1.00, #388235));
	background: -webkit-linear-gradient(#c8ff3d, #388235);
	background: -moz-linear-gradient(#c8ff3d, #388235);
	background: -o-linear-gradient(#c8ff3d, #388235);
	background: -ms-linear-gradient(#c8ff3d, #388235);
	background: linear-gradient(#c8ff3d, #388235);
}

.btnGrad4 a:hover{
	text-decoration: none;
	background-color: #46a342;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b5dd51), color-stop(1.00, #46a342));
	background: -webkit-linear-gradient(#b5dd51, #46a342);
	background: -moz-linear-gradient(#b5dd51, #46a342);
	background: -o-linear-gradient(#b5dd51, #46a342);
	background: -ms-linear-gradient(#b5dd51, #46a342);
	background: linear-gradient(#b5dd51, #46a342);
}
.btnGrad_non span{
	display: block;
	color: #666;
	text-align: center;
	border-radius: 5px;
	background: #999;
}






/*========== モーダルウィンドウ ============*/
div.modalWrap{
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:99999;
	display:none;
	background: url(../img/bk50.png) 0 0 repeat;
}
div.modalWrap#mdlBg{
z-index:99998;
}

div.modalWrap div.modalWin{
position: absolute;
padding: 20px;

top: 50%;
left: 50%;

	z-index:100000;
		width: 886px;
		height: 620px;
		border: 1px solid #000;
		background: #fff;
		padding: 40px 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
div.modalWin>div{
		overflow: hidden;
		position: relative;
}

/* 文字有り無し切り替えタブ　*/
div.modalWin ul.imgTxtTab{
	overflow: hidden;
	height: 39px;
	position: relative;
}
div.modalWin ul.imgTxtTab li{
	width: 145px;
	height: 39px;
	position: absolute;
	background: url(../img/tab_bg.png) 0 0 no-repeat;
	z-index: 100010;
}
div.modalWin ul.imgTxtTab li.without{
	display: none;
}
div.modalWin ul.imgTxtTab li.selected{
	background: url(../img/tab_bg_sel.png) 0 0 no-repeat;
	z-index: 100011;
}
div.modalWin ul.imgTxtTab li.img_non{
	display: none;
	/*background: url(../img/tab_bg_non.png) 0 0 no-repeat;*/
}
div.modalWin ul.imgTxtTab li:first-child{
	top: 0;
	left: 0;
}
div.modalWin ul.imgTxtTab li:last-child{
	top: 0;
	left: 120px;
}
div.modalWin ul.imgTxtTab li:last-child.posLeft{
	top: 0;
	left: 0;
}

div.modalWin ul.imgTxtTab li a,
div.modalWin ul.imgTxtTab li span{
	display: block;
	width: 145px;
	height: 39px;
	line-height: 39px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
/*div.modalWin ul.imgTxtTab li.img_non span{
	color: #eee;
}*/

/* ワークシートタイプ切り替えタブ　*/
div.modalWin ul.imgFolderTab{
	overflow: hidden;
	height: 39px;
	position: relative;
}
div.modalWin ul.imgFolderTab li{
	width: 145px;
	height: 39px;
	position: absolute;
	background: url(../img/tab_bg.png) 0 0 no-repeat;
}
div.modalWin ul.imgFolderTab li:first-child{
	top: 0;
	left: 0;
	z-index: 100004;
}
div.modalWin ul.imgFolderTab li:nth-child(2){
	top: 0;
	left: 120px;
	z-index: 100003;
}
div.modalWin ul.imgFolderTab li:nth-child(3){
	top: 0;
	left: 240px;
	z-index: 100002;
}
div.modalWin ul.imgFolderTab li:nth-child(4){
	top: 0;
	left: 360px;
	z-index: 100001;
}
div.modalWin ul.imgFolderTab li.selected{
	background: url(../img/tab_bg_sel.png) 0 0 no-repeat;
	z-index: 100011 !important;
}
div.modalWin ul.imgFolderTab li a,
div.modalWin ul.imgFolderTab li>span{
	display: block;
	width: 145px;
	height: 39px;
	line-height: 39px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

div.modalWin div.mdlImgBox{
	float: left;
	width: 510px;
}

div.imgSlide>div{
	background: #dce7f2;
	position: relative;
	height: 480px;
}

div.imgSlide>div #mdlImgWrap{
	position: absolute;
	top: 40px;
	left: 55px;
	width: 400px;
	height: 400px;
	overflow: hidden;
	background: #fff url(../img/loader.gif) center center no-repeat;
}


div.imgSlide>div .img{
	width: 400px;
	height: 400px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
div.imgSlide>div .img img{
	max-width: 380px;
	max-height: 380px;
	opacity: 0;
  border: 1px solid #efefef;
}

div.imgSlide>div .prev{
	position: absolute;
	top: 225px;
	left:10px;
}
div.imgSlide>div .next{
	position: absolute;
	top: 225px;
	right: 10px;
}
div.imgSlide>div .prev a,
div.imgSlide>div .next a{
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid #ccc;
	text-indent: -9999px;
}
div.imgSlide>div .prev a{
	background: url(../img/arr_slide_prev.png) 0 0 no-repeat;
}
div.imgSlide>div .next a{
	background: url(../img/arr_slide_next.png) 0 0 no-repeat;
}
div.imgSlide>div .prev a:hover{
border: 1px solid #ff6000;
	background: url(../img/arr_slide_prev_up.png) 0 0 no-repeat;
}
div.imgSlide>div .next a:hover{
border: 1px solid #ff6000;
	background: url(../img/arr_slide_next_up.png) 0 0 no-repeat;
}



div.imgSlide .type{
	font-size: 10px;
	position: absolute;
	bottom: 12px;
	right: 55px;
	z-index: 100002;
	line-height: 1;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

div.imgSlide .caption{
	height: 1.5em;
	line-height: 1.5em;
	position: absolute;
	z-index: 100003;
	width: 360px;
	bottom: 9px;
	left: 55px;
	text-align: center;
	overflow: hidden;
	word-wrap: break-all;
}
sup,sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative
}
sup {bottom: 1ex;}
sub {top: .5ex;}


div.mdlBtnList{
	float: right;
	width: 250px;
	position: relative;
}

div.mdlBtnList p{
	margin-bottom: 10px;
	display: none;
}
div.mdlBtnList p.btnHelp{
	margin-top: 30px;
}
div.mdlBtnList p a,
div.mdlBtnList p>span{
	color: #fff;
	padding-left: 70px;
	width: 180px;
	font-size: 15px;
	font-weight: bold;
	display: block;
	height: 50px;
	line-height: 50px;
}
div.mdlBtnList p.btnSave a{
	background: #00356f url(../img/icon_save.png) 30px center no-repeat;
}
div.mdlBtnList p.btnSave a>span{
	font-size: 13px;
}
div.mdlBtnList p.btnTab a{
	background: #00356f url(../img/icon_tab.png) 30px center no-repeat;
}
div.mdlBtnList p.btnFav a{
	background: #00356f url(../img/icon_fav.png) 30px center no-repeat;
}
div.mdlBtnList p.btnFav>span{
	background: #ccc url(../img/icon_fav.png) 30px center no-repeat;
}
div.mdlBtnList p a:hover{
	opacity: 0.7
}
div.mdlBtnList p.btnHelp a{
	color: #333;
	background: #fff url(../img/icon_help.png) 30px center no-repeat;
	border: 1px solid #ccc;
	width: 178px;
	height: 48px;
	line-height: 48px;
	  -webkit-transition: .0s;
	  -moz-transition: .0s;
	  transition: .0s;
}
div.mdlBtnList p.btnHelp a:hover{
	border: 1px solid #ff6000;
	color: #ff6000;
	background: #fff url(../img/icon_help_up.png) 30px center no-repeat;
	opacity: 1;
}

.mdlBtnBack{
	position: absolute;
	bottom:0;
	right: 0;
	z-index:100001;
}
.mdlBtnBack a{
	display: block;
	color: #333;
	border: 1px solid #ccc;
	width: 248px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	  -webkit-transition: .0s;
	  -moz-transition: .0s;
	  transition: .0s;
}
.mdlBtnBack a:hover{
	border: 1px solid #ff6000;
	color: #ff6000;
	opacity: 1;
}

#modalClose{
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 100005;
}
#modalClose a:hover{
	display: block;
	background: url(../img/mdl_close_bg.png) 0 0 no-repeat;
}
#modalClose a:hover img{
	opacity: 0.8;
}

/*========== お気に入りウィンドウ ============*/
div#favWinWrap{
	position:fixed;
	display:none;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:9990;
	background: url(../img/bk50.png) 0 0 repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div#favWinWrap>div{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	padding:90px 0 190px 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

p.closeFavWin{
	position: absolute;
	top: 0;
	/*right: 101px;*/
	z-index: 10000;
	background: #fff;
}


div#favWin{
	padding:50px 18px 60px 50px;
	background: #00356f;
	height: 100%;
}

div#favWin .favHeader{
	overflow: hidden;
	width: 100%;
}
div#favWin div.favHeader h2{
	margin-bottom: 25px;
	color: #fff;
	float: left;
}
div#favWin div.favHeader p{
	float: right;
	margin-right: 32px;
}


div#favWin div#favList{
	clear: both;
	height: 100%;
	padding-bottom: 50px;
	/*overflow-y: scroll;*/
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div#favWin div#favList ul{
	overflow: hidden;
	margin-left: -9px;
}
div#favWin div#favList ul li{
	float: left;
	width: 130px;
	height: 130px;
	padding: 10px;
	margin-left: 9px;
	margin-top: 10px;
	background: #fff;
	position: relative;
	overflow: visible;
}

div#favWin div#favList ul li table{
width: 130px;
height: 130px;
border-collapse: collapse;
}
div#favWin div#favList ul li td{
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

div#favWin div#favList ul li a{
	width: 130px;
	height: 130px;
	text-align: center;
}
div#favWin div#favList ul li img{
	max-width: 130px;
	max-height: 130px;
	opacity: 0;
}

div#favWin div#favList ul li p.delBtn{
 position: absolute;
 line-height: 1;
 top: -5px;
 right: -5px;
  background:url(../img/btn_del_bg.png) 0 0 no-repeat;
}
div#favWin div#favList ul li p.delBtn a{
display: block;
 width: 20px;
 height: 20px;
}
div#favWin div#favList ul li p.delBtn a:hover{
	opacity: 0.8;
}
div#favWin div#favList ul li p.delBtn a:hover img{
}



/*========== クイックサーチウィンドウ ============*/
div#qsWinWrap{
	position:fixed;
display:none;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:9990;
	background: url(../img/bk50.png) 0 0 repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div#qsWinWrap>div{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	padding:90px 0 190px 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
p.closeQsWin{
	position: absolute;
	top: 0;
	/*right: 0;*/
	z-index: 10000;
	background: #fff;
}

div#qsWin{
  padding:50px 18px 50px 50px;
background: #00356f;
	height: 100%;
}
div#qsWin .qsHeader{
	overflow: hidden;
	width: 100%;
}
div#qsWin .qsHeader h2{
	font-size: 18px;
	margin-bottom: 25px;
	float: left;
	color: #fff;
}
div#qsWin .qsHeader p{
	float: right;
}
div#qsWin .qsHeader p a{
	display: block;
	background: #333;
	padding: 5px 10px;
	color: #fff;
}
div#qsWin .qsHeader p a:hover{
	text-decoration: none;
	background: #666;
}

#quickSearch{
	width: 100%;
	height: 100%;
	padding: 0 0 50px 0;
	/*overflow-y: scroll;*/
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#quickSearch table#jumpTbl{
	width: 100%;
	width: 790px;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}
#quickSearch table#jumpTbl thead th{
	background: #eee;
	font-size: 13px;
	line-height: 1.3;
	width: 80px;
	padding: 10px;
	text-align: center !important;
	font-weight: bold;
	border: 1px solid #666;
	border-bottom: none;
}
#quickSearch table#jumpTbl thead th.tblCorner{
	width: 15px;
}
#quickSearch table#jumpTbl thead th.tangen{
	width: 160px;
}

#quickSearch table#jumpTbl tbody td,
#quickSearch table#jumpTbl tbody th{
	border: 1px solid #666;
		line-height: 1.3;
		padding: 10px;
}
#quickSearch table#jumpTbl tbody th{
	text-align: center !important;
	width: 20px !important;
	font-weight: normal;
}
#quickSearch table#jumpTbl tbody th.g1Index{
	background: #ffe3d5;
}
#quickSearch table#jumpTbl tbody th.g2Index{
	background: #e1efd8;
}
#quickSearch table#jumpTbl tbody th.g3Index{
	background: #dce7f2;
}

#quickSearch table#jumpTbl tbody td{
	line-height: 1.3;
	padding: 10px;
	text-align: center;
}
#quickSearch table#jumpTbl td.tblIndex{
	text-align: left;
}


/*========== ご使用の前に ============*/
div#useWinWrap{
	position:fixed;
	display:none;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:9990;
	background: url(../img/bk50.png) 0 0 repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}
div#useWinWrap>div{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	padding:90px 0 190px 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
p.closeUseWin{
	position: absolute;
	top: 0;
	/*right: 202px;*/
	z-index: 10000;
	background: #fff;
}

div#useWin{
  padding:50px 18px 60px 50px;
	background: #00356f;
	height: 100%;
}
div#useWin .useHeader{
	overflow: hidden;
	width: 100%;
}
div#useWin .useHeader h2{
	margin-bottom: 25px;
	float: left;
}
div#useWin .useHeader p{
	float: right;
}
div#useWin .useHeader p a{
	display: block;
	background: #333;
	padding: 5px 10px;
	color: #fff;
}
div#useWin .useHeader p a:hover{
	text-decoration: none;
	background: #666;
}

#howToUse{
	width: 100%;
  height: 100%;
  padding: 0 0 50px 0;
  /*overflow-y: scroll;*/
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#howToUse section{
	padding-bottom: 20px;
}
#howToUse section>p,
#howToUse dl{
	padding-left: 20px;
}

#howToUse h3{
	text-indent: -0.5em;
	font-size: 16px;
	margin-bottom: 5px;
}
#howToUse .note{
	margin-bottom: 25px;
}
#howToUse dt{
	background: url(../img/icon_arr.png) 0 center no-repeat;
	padding-left: 15px;
}
#howToUse dd{
	padding-left: 15px;
	padding-bottom: 25px;
}
#howToUse .indentNote{
	margin-left: 1em;
	text-indent: -1em;
}
#howToUse a{
	color: #fff;
}
#howToUse a:hover{
	text-decoration: underline;
	color:#ff6000;
}


/* HELP
----------------------------------------------------------- */
#help div#contWrap{
	padding-top: 40px;
}
#help div#contents{
	padding:30px 30px 0;
	border-top: 5px solid #eee;
}

#help h1,
#help .btnBase {
    color: #fff;
    padding-left: 70px;
    width: 180px;
    font-size: 15px;
    font-weight: bold;
    display: block;

		color: #333;
    width: 178px;
		height: 50px;
		line-height: 50px;
}
#help h1{
height: 48px;
line-height: 48px;
	margin-bottom: 30px;
	border: 1px solid #ff6000;
	color: #ff6000;
	background: #fff url(../img/icon_help_up.png) 30px center no-repeat;
}
#help .btnBase{
	color: #fff;
	border: none;
}
#help .btnBase.btnSave{
    background: #00356f url(../img/icon_save.png) 30px center no-repeat;
}
#help .btnBase.btnTab{
    background: #00356f url(../img/icon_tab.png) 30px center no-repeat;
}
#help .btnBase.btnFav{
    background: #00356f url(../img/icon_fav.png) 30px center no-repeat;
}

#help h2{
	text-indent: -0.5em;
	font-size: 16px;
	margin-bottom: 10px;
}
#help h2+p{
	margin:0 0 30px 20px;
}
ul.helpList{
	margin:0 0 30px 20px;
}
ul.helpList li{
	padding-bottom: 20px;
}
ul.helpList  h3{
	background: url(../img/icon_arr_bk.png) 0 center no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
}
ul.helpList  dl{
	overflow: hidden;
	margin-left: 10px;
}
ul.helpList  dt{
	clear: both;
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
}

ul.helpList  dd{
	float: left;
	margin: 0 0 15px 10px;
	padding:0;
}


ul.helpList  .favBtn{
	width: 100px;
	margin: 0 10px;
  display:inline-block;
  background: #00356f;
	vertical-align: middle;
}
ul.helpList.fav dl{
	margin-top: -25px;
}
ul.helpList.fav dl dt{
	margin-top: 25px;
}

ul.helpList .colRed{
  color: #df0005;
}


/* ALERT
----------------------------------------------------------- */
#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index:100000;
}

#confirmBox{
	/*background:url('body_bg.jpg') repeat-x left bottom #e5e5e5;*/
  background: #EEE;
	width:460px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	/*
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  */
}

#confirmBox h1,
#confirmBox p{
  /*
	font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background:url('header_bg.jpg') repeat-x left bottom #f5f5f5;
  */
	padding: 25px 25px 15px;
	/*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);*/
	/*color:#666;*/
}

#confirmBox h1{
	letter-spacing:0.3px;
	color:#888;
  margin-bottom: 35px;
}

#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
}
#confirmBox p .ctr{
  display: inline-block;
  width: 100%;
  text-align: center;
}

#confirmButtons{
	padding:15px 0 25px;
	text-align:center;
}

#confirmBox .button{
	display:inline-block;
	color:white;
	position:relative;
	height: 33px;

	font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	margin-right: 15px;
	padding: 0 35px 0 40px;
	text-decoration:none;
	border:none;
}

#confirmBox .button:last-child{	margin-right:0;}

/*
#confirmBox .button span{
	position:absolute;
	top:0;
	right:-5px;
	background:url('buttons.png') no-repeat;
	width:5px;
	height:33px;

}
*/

#confirmBox .blue{background: #000;}
#confirmBox .blue span{			background-position:-195px 0;}
#confirmBox .blue:hover{		background-position:left bottom;}
#confirmBox .blue:hover span{	background-position:-195px bottom;}

#confirmBox .gray{				background-position:-200px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{			background-position:-395px 0;}
#confirmBox .gray:hover{		background-position:-200px bottom;}
#confirmBox .gray:hover span{	background-position:-395px bottom;}


#confirmBox .ok{
  padding: 0px 20px;
  background: #FFF;
  color: #333;
  border: 1px solid #ccc;
}

#confirmBox .ok:hover{
  color: #ff6000;
  border: 1px solid #ff6000;
}

#confirmBox .cancel{
  padding: 0px 20px;
  background: #FFF;
  color: #333;
  border: 1px solid #ccc;
}

#confirmBox .cancel:hover{
  color: #ff6000;
  border: 1px solid #ff6000;
}









/**/