/* userカスタマイズ用 CSS */
#pr_navtitle{
	display:none;
}


/* v1.11.1にて変更されたフッター部分のアイコンを旧バージョンにあわせる為の記述 */
.pr_navbuttons > a > img{
	height:32px;
	padding-top:8px;
	padding-bottom:8px;
}
#pr_navlogo > a > img{
	height:32px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
}
.pr_systembuttons > a > img{
	height:32px;
	padding-top:8px;
	padding-bottom:8px;
}

/* サムネイルサイズ */
#pr_extralayer > div.indexs img.vertical{
	height: 90px;
	width: auto;
}

/* --- PC用 --- */
/* 目次行 */
#pr_extralayer > div.indexs > ul > li{
	height: 90px;
}

/* --- tablet用 --- */
/* 目次行 */
/*.tablet #pr_extralayer > div.indexs > ul > li{
	*height:50px;
	background-image:none;
	background-color:#333333;
}*/

/* 目次の画像サイズはプログラムでサイズ制御されている為、変更不能 */

/* 目次タイトル */
/*.tablet #pr_extralayer > div.indexs > ul > li .title{
	font-size:20px;
	color:#cccccc;
}*/
/* 目次説明 */
/*.tablet #pr_extralayer > div.indexs > ul > li .note{
	font-size:20px;
	color:#eeeeee;
}*/

/* --- スマートフォン用 --- */
/* 目次行 */
/*.smartphone #pr_extralayer > div.indexs > ul > li{
	height:50px;
	background-image:none;
	background-color:#333333;
}*/

/* 目次の画像サイズはプログラムでサイズ制御されている為、変更不能 */

/* 目次タイトル */
/*.smartphone #pr_extralayer > div.indexs > ul > li .title{
	font-size:20px;
	color:#cccccc;
}*/
/* 目次説明 */
/*.smartphone #pr_extralayer > div.indexs > ul > li .note{
	font-size:20px;
	color:#eeeeee;
}*/

/* 階層0の高さをカスタマイズする場合 */
#pr_extralayer .tab ul > li.level0{
	height:40px;
	line-height:40px;
}

/* 階層0 */
#pr_extralayer .tab ul > li.level0 .label{
	margin-left:25px;
}

/* 階層0の +ボタンの高さをカスタマイズする場合 */
#pr_extralayer .tab ul > li.level0 img.right{
	top:24px;
}

/* 階層1 */
#pr_extralayer .tab ul > li.level1 .label{
	margin-left:5px;
}

/* 階層1の二行 +ボタンの高さをカスタマイズする場合 */
#pr_extralayer .tab ul > li.level1 img.right{
	top:15px;
	margin-left:-5px;
}

/* 階層2 */
#pr_extralayer .tab ul > li.level2 .label{
	margin-left:20px;
}

#pr_extralayer .tab ul > li.nodeIndex0_17_4_4 > img.right{
	top:14px;
}

/* 目次幅変更*/
#pr_extralayer{
width:360px !important;
}

.smartphone #pr_extralayer{
width:340px !important;
}

/* 目次閉じるボタン位置変更*/
#cusCloseBtn {
	left:315px!important;
}

.smartphone #cusCloseBtn {
	left:300px!important;
}

/*#pr_extralayer .category ul > li img.right{
	left:315px!important;
}
.smartphone #pr_extralayer .category ul > li img.right{
	left:295px!important;
}*/

/* メニューテキスト目次　マウスオーバー色 */
#pr_extralayer .tab ul > li.close:hover{
	background-color:#222222;
}

/* メニューバーのカスタム */
#pr_navtitle{
	visibility:hidden;
}

/* ----------------- ページリンクボタン位置 標準（中央位置）---------------------- */
#pr_leftPageLink{
	position:absolute;
	bottom:0px;
    padding-right:0px;
}
#pr_rightPageLink{
	position:absolute;
	bottom:0px;
    padding-left:0px;
}

/* -----------------　印刷ダイアログの全ページの設定　---------------------------- */
#pr_pringdialog .allpage .label .alllabel.print{
	visibility:visible;
}

/* -----------------　左寄せイメージカスタマイズ例　---------------------------- */
/* イメージ部 */
#pr_extralayer .tab ul > li .titleImage{
	position:absolute;
	left:0px;
	top:0px;
}

/* ダイアログ 枠の色設定*/
#pr_userdialog{
	border-color:#1e90ff;
}

/* ダイアログ タイトルフォントサイズ*/
#pr_userdialog .title{
	font-size:10pt;	
}

/* ダイアログ 背景色*/
#pr_userdialog .contents{
	background-color:#ffffff;
}

/* ロゴ・バナーエリア */
header {
	/* required system */
	position:absolute;
	z-index:50;
	left:10px;
	top:5px;
}

/* ******************************************************
   リンクエリアを塗りつぶし　強調表示例　contents/index.xml.js リンクIDで設定
 ******************************************************* */
.kijilink1.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink2.active div{
	-webkit-animation:blink 1.5s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1.5s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink3.active div{
	-webkit-animation:blink 2s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 2s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink4.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink5.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink6.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink7.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink8.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink9.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink10.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink11.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink12.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink13.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink14.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink15.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink16.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink17.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink18.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink19.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink20.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink21.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink22.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink23.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink24.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink25.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink26.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink27.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink28.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink29.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink30.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink31.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink32.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink33.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink34.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink35.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink36.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink37.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink38.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink39.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink40.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink41.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink42.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink43.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink44.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

.kijilink45.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:6;
	background-color:#FFC600!important;
}

*アニメーション本体
@-webkit-keyframes blink{
    100% {opacity:0;}
    0% {opacity:0.5;}
}
@keyframes blink{
    100% {opacity:0;}
    0% {opacity:0.5;}
}


/* ******************************************************
   リンクエリアを枠線　強調表示例　contents/index.xml.js リンクIDで設定
 ******************************************************* */
/*#kijilink1.active div{
	-webkit-animation:blink 2s ease forwards;
	animation:blink 2s ease forwards;
}
*/
/*
*アニメーション本体
*/
/*
@-webkit-keyframes blink{
    100% {
    	border-style:none;
    }
    99% {
    	border-style:solid;
    	border-width:3px;
    	border-color:red;
    }
    0% {
    	border-style:solid;
    	border-width:3px;
    	border-color:red;
    }
}
@keyframes blink{
    100% {
    	border-style:none;
    }
    99% {
    	border-style:solid;
    	border-width:2px;
    	border-color:red;
    }
    0% {
    	border-style:solid;
    	border-width:2px;
    	border-color:red;
    }
}
*/

/* 検索ウィンドウの透明化 */
#pr_extralayer.transparent {
	background-color:rgba(0,0,0,0.3);
	color:#5a5a5a;
}

#searchResult > ul > li{
	color:#000000;
	cursor:pointer;
	list-style:none;
	font-size:10pt;
	background-color:rgba(255,255,255,0.3);
}

/* 検索ウィンドウの表示の高さ調整*/

#searchResult > ul > li > div.resultText{
	font-size:10pt;
	height:68pt;
	overflow:hidden;
	padding:10px;
	line-height:11pt;
}

#searchInputText {
	width:270px;
}

#searchResult > ul > li > div > img{
	position:absolute;
	left:300px;
	top:8px;
}

/* サムネイルウィンドウの透明化 */
#pr_extralayer > div.indexs > ul > li{
	background-color:rgba(255,255,255,0);
}

/* 目次ウィンドウの透明化 */
#pr_extralayer{
	background-color:rgba(255,255,255,0.7);
}

/* 開いている時のノード */
#pr_extralayer .tab ul > li.open{
	background-color:rgba(255,255,255,0.5);
}
/* 閉じている時のノード */
#pr_extralayer .tab ul > li.close{
	background-color:rgba(255,255,255,0.7);

}
#pr_extralayer .tab ul > li.close:hover{
	background-color:rgba(255,255,255,0.3);
}

/* 目次ウィンドウ文字色、文字サイズ */
#pr_extralayer .tab ul > li{
	color:#000000;
	font-size:10pt;
	background-color:rgba(255,255,255,0.5);
}
	
#pr_extralayer > .indexs .tab ul > li.selected{
	/*color:#000000;*/
	/*background-color:#ddddff;*/
	color:#ffffff;
	background-color:rgba(38,115,236,0.5);
}