/* userカスタマイズ用 CSS */

/* ******************************************************
   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;
}

/* ******************************************************
   目次部カスタマイズ例
 ******************************************************* */
 
 /* CLOSEボタン位置 目次用 */
/*#cusCloseBtn{
	left:270px;
}*/
/*.smartphone #cusCloseBtn{
	left:270px;
}*/

/* CLOSEボタン位置 検索用 */
/*#pr_extralayer .custom-xml-search #cusCloseBtn{
	left:270px;
}*/
/*.smartphone #pr_extralayer .custom-xml-search #cusCloseBtn{
	left:270px;
}*/

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

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

#pr_extralayer > div.indexs > ul > li{
	height: 90px;
}*/

/* -------------- スマートフォン用 -------------- */
/* 目次行 */
.smartphone #pr_extralayer > div.indexs > ul > li{
	/*height:90px;
	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:5px;
}

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

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

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

/* ページ番号 */
#pr_extralayer .accordion ul > li .pageNo{
	position:absolute;
	right:10px;
	font-weight:bold;
}

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

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

/* 保護レイヤー キャプチャー予防機能*/
/*#pr_ptlayer{
　　position:absolute;
　　display:none;
　　z-index:799;
　　left:0px;
　　top:0px;
　　background-image:url("../img/blank.png");
　　filter: alpha(opacity=0);　　
　　-moz-opacity:0.1;
　　-webkit-opacity:0.1;
	opacity:0.1;
}*/

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

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

/*
.smartphone #pr_extralayer .tab ul > li.nodeIndex0_1_5{
	height:60px;
	line-height:30px;
}
*/

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

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

/* ******************************************************
   目次のページ表示の位置調整(画像の縦横比で調整が必要）
 ******************************************************* */

/* 右開きの場合 */
#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(1) .pageno{
	width:85px;
	left: 55px;
}
#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(2) .pageno {
	width:85px;
}

/* 左開きの場合 */
#pr_extralayer > div.indexs > ul.ori_left > li .thum:nth-of-type(1) .pageno{
	width:85px;
	right: 55px;
}
#pr_extralayer > div.indexs > ul.ori_left > li .thum:nth-of-type(2) .pageno {
	width:85px;
}

/* ******************************************************
   タブのサムネイルカスタマイズ(画像の縦横比で調整が必要）
 ******************************************************* */
/* 右開きの場合 */
#pr_extralayer > div.indexs .thumbs  ul.ori_right > li .thum:nth-of-type(1) .pageno{
	width:85px;
	left: 55px;
}
#pr_extralayer > div.indexs .thumbs  ul.ori_right > li .thum:nth-of-type(2) .pageno {
	width:85px;
}

/* 左開きの場合 */
#pr_extralayer > div.indexs .thumbs  ul.ori_left > li .thum:nth-of-type(1) .pageno{
	width:85px;
	right: 55px;
}
#pr_extralayer > div.indexs .thumbs  ul.ori_left > li .thum:nth-of-type(2) .pageno {
	width:85px;
}

/* 右めくり（タブなし）センタリング */
#pr_extralayer > div.indexs > ul > li{
	height: 245px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(1) .img{
	left: 20px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(2) .img {
	left:170px;
    width: 150px;
    height: 211px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(1) .pageno{
	left:60px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(2) .pageno {
	left:200px;
}

/* スマートフォン　ページ位置表示 */
.smartphone #pr_extralayer > div.indexs > ul > li .thum .pageno{ 
    left:106px
}

/* サムネイルサイズ変更 */
#pr_extralayer > div.indexs > ul > li{
	height: 245px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(1) .img{
	left: 20px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(2) .img {
	left:170px;
    width: 150px;
    height: 211px;
}

#pr_extralayer > div.indexs > ul > li{
	height: 245px;
}

#pr_extralayer > div.indexs > ul.ori_right > li .thum:nth-of-type(1) .img{
	left: 20px;
}

#pr_extralayer > div.indexs > ul > li .thum .img {
    width: 150px;
    height: 211px;
}

/* 検索 */

#searchInputText {
	width:270px;
	height:16px;
    padding-top:4px;
    padding-bottom:4px;
    
    padding-left:8px;
    padding-right:24px;
    
    border-style:solid;
    border-width:3px;
    border-color:#dddddd;
	
	-ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

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

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

/* 開いている時のノード */
#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, 1);
}
	
#pr_extralayer > .indexs .tab ul > li.selected{
	/*color:#000000;*/
	/*background-color:#ddddff;*/
	color:#ffffff;
	background-color:rgba(38,115,236,0.5);
}