/************************************************************
  [自動めくり用CSS]

 ***********************************************************/



/*------------------------------------------------
   自動めくり
-------------------------------------------------*/

#panel-autoflip{
	width:220px;
	height:120px;
	position: absolute;
	top:50%;
	left:25%;
	font-size: 12px;

	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff;
    border: solid 1px #222222;


	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;

	background: rgba(51,51,51,.9);

	z-index:60;

}

#panel-autoflip-title{
	width:216px;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	border-bottom: solid 1px #333333;
	float: left;
	padding-left:4px;

	cursor: pointer;

}
#panel-autoflip-body{
	font-size: 12px;
	width:212px;
	padding:4px;
	height:95px;
	border-top: solid 1px #666666;
	float: left;
}

ul.panel-autoflip-box{
	display: block;
	text-align: center;
	margin: 5px auto;
	padding: 0;
}


ul.panel-autoflip-box li:hover{
  cursor: pointer;
}


ul.panel-autoflip-box li {
display: -moz-inline-box;
display: inline-block;
padding-right: 5px;
}

ul.panel-autoflip-box a {
color: #fff;
display: inline;
line-height: 32px;
/* letter-spacing: 2px; */
margin-left: 5px;
}


/* 自動めくり左 */
.btn-autoflip-left{
	width:26px;
	height:26px;
	background: url('../img/parts/common/btn_auto_arrow_left.png');
	margin: 5px auto;
	float: left;
}
.btn-autoflip-left:hover{
	background: url('../img/parts/common/btn_auto_arrow_left_on.png');
	cursor: pointer;
}
.btn-autoflip-left.on{
	background: url('../img/parts/common/btn_auto_arrow_left_on.png');
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* 自動めくり停止 */
.btn-autoflip-stop{
	width:26px;
	height:26px;
	background: url('../img/parts/common/btn_auto_arrow_stop.png');
	margin: 5px auto;
	float: left;
}
.btn-autoflip-stop:hover{
	background: url('../img/parts/common/btn_auto_arrow_stop_on.png');
	cursor: pointer;
}

/* 自動めくり右 */
.btn-autoflip-right{
	width:26px;
	height:26px;
	background: url('../img/parts/common/btn_auto_arrow_right.png');
	margin: 5px auto;
	float: left;
}

.btn-autoflip-right:hover{
	background: url('../img/parts/common/btn_auto_arrow_right_on.png');
	cursor: pointer;
}

.btn-autoflip-right.on{
	background: url('../img/parts/common/btn_auto_arrow_right_on.png');
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*
 汎用パネル小
*/
.small-panel{
	width:240px;
	height:180px;
	position: absolute;
	top:50%;
	left:25%;
	background: #333333;
	font-size: 12px;

	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff;
    border: solid 2px #222222;


	-moz-box-shadow: 0px 0px 7px #333333;
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;

	z-index:60;

}

.small-panel-title{
	width:236px;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	border-bottom: solid 1px #333333;
	float: left;
	padding-left:4px;

	cursor: pointer;

}
.small-panel-body{
	font-size: 12px;
	width:232px;
	padding:4px;
	height:140px;
	border-top: solid 1px #666666;
	float: left;
}


ul.system-menu-items{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
}

/**
 * オプションメニューのリスト
 *
 */
.system-menu-items li{
	width:100%;
	height:30px;
	padding :0;
	color: #fff;
	height: 32px;
	line-height: 32px;
}

.system-menu-items li.menu:hover{
 	background: #454545;
 	cursor: pointer;
}
/************************************************************
  [基本CSS]

 ***********************************************************/

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;

  /* 選択不可にする */
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif
}
body{
  position: relative;
}
:-webkit-full-screen {
  width: 100%!important;
  height: 100%!important;
  background-color: #fff!important;
}
:-webkit-full-screen #print-area{
  display:none;
}
#print-area{
  display:none;
}

/** Androidで黄色い枠がでるのを回避する */
*{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important; }

*{
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif
}

#main{
	position: absolute;
	left:0;
	top:0;
}

a{
	text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

p{
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

img{
	border: none;
}

input::-ms-clear {
    visibility:hidden;
}
input::-ms-reveal {
    visibility:hidden;
}

ul{
	list-style-type: none;
}

textarea{
	overflow: hidden;
}


button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    overflow:visible;
    cursor:pointer;
    outline : none;

}


iframe { overflow:auto;
    -webkit-overflow-scrolling: touch;
}


input[type="text"], input[type="password"], textarea, select {
outline: none;
}



button a{
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:none;
}

.disabled{
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

/* 閉じるボタン */


/*----------------------------------------------------
 ローダー
-----------------------------------------------------*/
#loader{
    display: none;
    position: absolute;
    z-index: 100;
}



.alert-mask{
     background: #696969;
     z-index:199;
     position: absolute;

    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;

}

.hidden{
    display:none;
}
.mCSB_inside>.mCSB_container{
    margin-right: 0!important;
}

div.mCSB_container{
    margin-right: 0px;
}


/* スペース用 */
.charspace{
    width: 1em;
    height: 100%;
    float:right;
}

.charspace-m{
    width: 3em;
    height: 100%;
    float:right;
}



/* メニュー表示時に紙面をマスクするオブジェクト */
.menu-mask{
    position: absolute;
    filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    background: #696969;
    z-index:50;
}

/* カスタムネビゲーションメニュー表示時に紙面をマスクするオブジェクト */
.navi-mask{
    position: absolute;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    background: #696969;
    z-index:420;
}

/* My本棚ダウンロード時に表示されるダイアログ */
.messi-actions{
    margin-left: 0!important;
}
/************************************************************
  [目次用CSS]

 ***********************************************************/

/*
  目次メニュー全体
 */
ul#menu-index{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
	position: relative;
	overflow: hidden;
}


/*------------------------------------------------
   先頭スペース
   目次の階層インデントに使用
-------------------------------------------------*/
.index-space1 a{
	margin-left: 0px;
}
.index-space2 a{
	margin-left: 10px;
}
.index-space3 a{
	margin-left: 20px;
}
.index-space4 a{
	margin-left: 30px;
}
.index-space5 a{
	margin-left: 40px;
}

/*-----------------------------------------------
   目次の色球
  -----------------------------------------------*/

/*
 目次の色玉(PC)
 */
.index-color-item{
	width: 10px;
	height: 30px;
	position: absolute;
	background: #999;
	margin-right: 4px;
}

/*
 目次の色玉(タブレット)
 */
.sd-index-color-item{
	width: 10px;
	height: 44px;
	float: left;
	background: #999;
}

/*
 目次の色玉(スマートフォン)
 */
.sp-index-color-item{
	width: 10px;
	height: 54px;
	float: left;
	background: #999;
}


/*------------------------------------------------
   階層アイコン
-------------------------------------------------*/

.index-mark-item{
	width:32px;
	height: 30px;
	position: absolute;
	left: 0;
}

/*
 目次階層毎のインデント
 */
.index-mark-item.index1{
	left: 0;
}
.index-mark-item.index2{
	left: 10px;
}
.index-mark-item.index3{
	left: 20px;
}
.index-mark-item.index4{
	left: 30px;
}
.index-mark-item.index5{
	left: 40px;
}



.sd-index-mark-item{
	width:44px;
	height: 44px;
	position: absolute;
	left: 0;
}

.sd-index-mark-item.index1{
	left: 0;
}
.sd-index-mark-item.index2{
	left: 10px;
}
.sd-index-mark-item.index3{
	left: 20px;
}
.sd-index-mark-item.index4{
	left: 30px;
}
.sd-index-mark-item.index5{
	left: 40px;
}

.sp-index-mark-item{
	width:44px;
	height: 54px;
	position: absolute;
	right: 0px;
}


/*
  アイコン無し
 */
span.index-mark-noicon{
	width: 0;
	height: 10px;
	float: left;
}

span.sd-index-mark-noicon{
	width: 0;
	height: 10px;
	float: left;
}

span.sp-index-mark-noicon{
	width: 0;
	height: 10px;
	float: right;
}

/*
  目次子階層有(PC)
 */
span.index-mark-icon{
	margin: 10px 5px auto 15px;
	width: 10px;
	height: 10px;
	position: absolute;
	background: url('../img/parts/common/btn_tree_fold.png');
}

/*
  目次子階層有(タブレット)
 */
span.sd-index-mark-icon{
	margin: 17px auto 17px 6px;
	width: 10px;
	height: 10px;
	float: left;
	background: url('../img/parts/common-sd/btn_tree_fold.png');
	background-repeat: no-repeat;
	background-size: 10px 10px;
}

/*
  目次子階層有(スマートフォン)
 */
span.sp-index-mark-icon{
	margin: 20px 25px auto auto;
	width: 10px;
	height: 10px;
	float: right;
	background: url('../img/parts/common-sd/btn_tree_fold.png');
	background-repeat: no-repeat;
	background-size: 10px 10px;
}


/*
  目次階層展開時(PC)
 */
span.index-mark-icon-down{
	margin: 10px 5px auto 15px;
	width: 10px;
	height: 10px;
	position:absolute;
	background: url('../img/parts/common/btn_tree_unfold.png');
}

/*
  目次階層展開時(タブレット)
 */
.sd-index-mark-icon-down{
	margin: 17px 5px auto 3px;
	width: 10px;
	height: 10px;
	float: left;
	background: url('../img/parts/common-sd/btn_tree_fold_down.png');
	background-repeat: no-repeat;
	background-size: 10px 10px;
}


/*------------------------------------------------
   目次1件分の領域
-------------------------------------------------*/

.index-item{
	line-height: 30px;
	color: #fff;
	font-size:0.7rem;
	margin-right: 15px;
	margin-left: 30px;
}

.sd-index-item{
	line-height: 44px;
	color: #333;
	font-size:0.7rem;
	margin-right: 15px;
	margin-left: 30px;
}
.sp-index-item{
	line-height: 54px;
	color: #333;
	font-size:0.7rem;
	margin-right: 15px;
	margin-left: 30px;
}


/*
  目次１行

 */

/* PC */
li.index-row-top{
	display : inline;
	padding :0;
	margin:0;
}

/* タブレット */
li.sd-index-row-top{
	display : inline;
	padding :0;
	margin:0;
    background: rgba(245,245,245,.8);
}

/* スマホ */
li.sp-index-row-top{
	display : inline;
	padding :0;
	margin:0;
    background: rgba(245,245,245,.8);
}

/*
   目次1階層目(PC)
 */
.index-row-top a{
 	display:block;
    padding:0;
    border-top: solid 1px #757575;
	border-bottom: solid 1px #555;
}
.index-row-top:first-child > a:first-child{
	border-top: solid 1px #555;
}

/*
   目次1階層目(タブレット)
 */
.sd-index-row-top a{
 	display:block;
    padding:0;
    color:#131313;
	border-bottom: solid 1px #ccc;
}
.sd-index-row-top:first-child > a:first-child{
    border-top: solid 1px #ccc;
}

/*
   目次1階層目(スマートフォン)
 */
.sp-index-row-top a{
 	display:block;
    padding:0;
    color:#131313;
	border-bottom: solid 1px #ccc;
}
.sp-index-row-top:first-child > a:first-child{
	border-top: solid 1px #ccc;
}

/*
  目次選択状態(PC)
 */
a.index-over:hover{
 	background: rgba(69,69,69,.7);
 	cursor: pointer;
}

/*
  目次選択状態(タブレット)
 */
.sd-index-row-top a:active{
	background: rgba(204,204,204,.8);
}

/*
  目次選択状態(スマートフォン)
 */
.sp-index-row-top a:active{
 	background: rgba(204,204,204,.8);
}

/*
  目次1階層目最初(タブレット)
 */
.sd-index-row-top.parentindex:first-child a{
 	display:block;
    padding:0;
    color:#131313;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
}

/*
  目次2階層目以下(PC)
 */
ul.index-row-sub{
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
	display: none;
}

/*
  目次2階層目以下(タブレット)
 */
ul.sd-index-row-sub{
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
	display: none;
}


/*
  目次2階層目以下
  ※領域調整用
 */
li.index-row-sub-item{
	display : inline;
	padding :0;
}
.index-row-sub-item a{
 	display:block;
    padding:0;
    border-bottom: solid 1px #555;
}

li.sd-index-row-sub-item{
	display : inline;
	padding :0;
}
.sd-index-row-sub-item a{
 	display:block;
    padding:0;
}
/************************************************************
  [関連リンク用CSS]

 ***********************************************************/


/*
 関連リンクメニュー全体
 */
ul#menu-booklink{
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 0;
    font-size:0.7rem;
    margin: 0;
    position: relative;
    overflow: hidden;
    color: #fff;
}

/*-----------------------------------------------
   関連リンク1件
  -----------------------------------------------*/

/*
 関連リンク1件(PC)
 */
li.booklink-item{
    width: 100%;
    display: inline;
    float: left;
    padding:0;
    border-top: solid 1px #757575;
    border-bottom: solid 1px #333;
}

/*
 関連リンク1件(タブレット)
 */
li.sd-booklink-item{
    width: 100%;
    float: left;
    padding:0;
    color: #333;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #eee;
}

/*
 関連リンク1件(スマートフォン)
 */
li.sp-booklink-item{
    width: 100%;
    min-height:120px;
    float: left;
    padding:0;
    color: #333;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #eee;
    position: relative;
}

/*-----------------------------------------------
   関連リンク1件 オーバー/選択時
  -----------------------------------------------*/

/* 関連リンク1件 マウスオーバー色(PC) */
li.booklink-item:hover{
    background: rgba(69,69,69,.7);
    cursor: pointer;
    color: #fff;
}

/*
 関連リンク1件 選択時(タブレット)
 */
li.sd-booklink-item:active{
    background: rgba(204,204,204,.8);
    cursor: pointer;
    border-bottom: solid 1px #999999;
}

/*
 関連リンク1件 選択時(スマートフォン)
 */
li.sp-booklink-item:active{
    background: rgba(204,204,204,.8);
    cursor: pointer;
}


/*
 関連リンク1件の一番下(PC)
 */
li.booklink-item:last-child  {
    border-bottom: solid 1px #555;
}

/*
 関連リンク1件の一番下(タブレット)
 */
li.sd-booklink-item:last-child  {
    border-top: solid 1px #cccccc;
}

/*
 関連リンク1件の一番下(スマートフォン)
 */
li.sp-booklink-item:last-child  {

}


/*-----------------------------------------------
   関連リンク1件のサムネイル画像領域
  -----------------------------------------------*/

/*
 関連リンク1件のサムネイル画像領域(PC)
 */
.booklink-item-image{
    width:110px;
    height:110px;
    text-align: center;
    margin-top: 10px;
    float:left;
    position: relative;
}
.none-image .booklink-item-image{
    width:0;
    padding-left: 20px;
}

/*
 関連リンク1件のサムネイル画像領域(タブレット)
 */
.sd-booklink-item-image{
    width:80px;
    height:110px;
    text-align: center;
    margin-top: 10px;
    float:left;
    position: relative;
}
.none-image .sd-booklink-item-image{
    width:0;
    padding-left: 5px;
}

/*
 関連リンク1件のサムネイル画像領域(スマートフォン)
 */
.sp-booklink-item-image{
    width:100px;
    height:100px;
    text-align: center;
    margin: 10px auto auto 10px;
    float: left;
}
.none-image .sp-booklink-item-image{
    width: 0;
    height: 0;
    margin: 0;
}

/*-----------------------------------------------
   関連リンク1件のサムネイル画像
  -----------------------------------------------*/

/*
 関連リンク1件のサムネイル画像(PC)
 */
.booklink-item-image img{
    width:70px;
    height:70px;
}

/*
 関連リンク1件のサムネイル画像(タブレット)
 */
.sd-booklink-item-image img{
    width:70px;
    height:70px;
}

/*
 関連リンク1件のサムネイル画像(スマートフォン)
 */
.sp-booklink-item-image img{
    width:100px;
    height:100px;
}



/*-----------------------------------------------
   関連リンク1件のサムネイル画像の枠線

   リンク先が有効な場合だけ枠線を付ける
  -----------------------------------------------*/

/*
 関連リンク1件のサムネイル画像の枠線(PC)
 */
.booklink-item-image img.border{
    border: solid 1px #999;
}

/*
 関連リンク1件のサムネイル画像の枠線(タブレット)
 */
.sd-booklink-item-image img.border{
    border: solid 1px #999;
}

/*
 関連リンク1件のサムネイル画像の枠線(スマートフォン)
 */
.sp-booklink-item-image img.border{
    border: solid 1px #999;
}


/*-----------------------------------------------
   関連リンク1件の説明テキスト表示領域

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

/*
 関連リンク1件の説明テキスト表示領域(PC)
 */
.booklink-item-text{
    width: 270px;
    float:left;
    margin: 10px 0;
    padding-right: 20px;
    font-size:0.7rem;
    word-wrap: break-word;
}
.none-image .booklink-item-text{
    width:360px;
}

/*
 関連リンク1件の説明テキスト表示領域(タブレット)
 */
.sd-booklink-item-text{
    width: 280px;
    float:left;
    margin: 10px 0;
    padding-right:20px;
    word-wrap: break-word;
}
.none-image .sd-booklink-item-text{
    width:360px;
}

/*
 関連リンク1件の説明テキスト表示領域(スマートフォン)
 */
.sp-booklink-item-text{
    padding-right: 20px;
    word-wrap: break-word;
    float: left;
    margin:10px 0;
}
.none-image .sp-booklink-item-text{
    margin-left: 22px;
}


li.sp-booklink-item.current{
    background: rgba(156,156,156,.8);
}
/************************************************************
  [ブック閲覧履歴用CSS]

 ***********************************************************/


/*
  ブック閲覧履歴 メニュー全体
 */
ul#menu-browsinghistory
{
    font-size: .7rem;
    position: relative;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #fff;
}

/*-----------------------------------------------
   ブック閲覧履歴メニュー
  -----------------------------------------------*/

/*
 ブック閲覧履歴メニュー(タブレット)
 */
ul.sd-browsinghistorylist-items
{
    font-size: .7rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: 1px;
    color: #333;
}

/*
 ブック閲覧履歴メニュー(スマートフォン)
 */
ul.sp-browsinghistorylist-items
{
    font-size: .7rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: 1px;
    color: #333;
}

/*-----------------------------------------------
   ブック閲覧履歴1件
  -----------------------------------------------*/

/*
 ブック閲覧履歴1件(PC)
 */
li.browsinghistory-item
{
    display: inline;
    float: left;
    padding: 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #eee;
}

/*
 ブック閲覧履歴1件(タブレット)
 */
li.sd-browsinghistorylist-item
{
    position: relative;
    float: left;
    width: 100%;
    min-height: 120px;
    padding: 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #eee;
    color: #333;
}

/*
 ブック閲覧履歴1件(スマートフォン)
 */
li.sp-browsinghistorylist-item
{
    position: relative;
    float: left;
    width: 100%;
    min-height: 120px;
    padding: 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #eee;
    color: #333;
}

/*-----------------------------------------------
   ブック閲覧履歴1件 オーバー/選択時
  -----------------------------------------------*/

/*
 ブック閲覧履歴1件マウスオーバー(PC)
 ※未使用
 */
li.browsinghistory-item:hover
{
    cursor: pointer;
    color: #fff;
}

/*
 ブック閲覧履歴1件選択時(タブレット)
 */
li.sd-browsinghistorylist-item:active
{
    cursor: pointer;
    background: rgba(204,204,204,.8);
    color: #333;
}

/*
 ブック閲覧履歴1件選択時(スマートフォン)
 */
li.sp-browsinghistorylist-item:active
{
    cursor: pointer;
    background: rgba(204,204,204,.8);
    color: #333;
}

/*-----------------------------------------------
   ブック閲覧履歴1件 最後(:last-child)
  -----------------------------------------------*/

/*
 ブック閲覧履歴1件最後(PC)
 ※未使用
 */
li.browsinghistory-item:last-child
{
    border-bottom: solid 1px #ccc;
}

/*
 ブック閲覧履歴1件最後(タブレット)
 */
li.sd-browsinghistorylist-item:last-child
{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

/*
 ブック閲覧履歴1件最後(スマートフォン)
 */
li.sp-browsinghistorylist-item:last-child
{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}


/*-----------------------------------------------
   ブック閲覧履歴メニューヘッダー部
  -----------------------------------------------*/

/*
 ブック閲覧履歴メニューヘッダー部(タブレット)
 */
div.sd-browsinghistorylist-header
{
    font-size: 13px;
    float: left;
    width: 100%;
    height: 30px;
    text-align: right;
    color: #fff;
}

/*
 ブック閲覧履歴メニューヘッダー部(スマートフォン)
 */
div.sp-browsinghistorylist-header
{
    font-size: 13px;
    float: left;
    width: 100%;
    height: 30px;
    text-align: right;
    color: #fff;
}

/*-----------------------------------------------
   ブック閲覧履歴1件 サムネイル画像表示領域
  -----------------------------------------------*/

/*
 ブック閲覧履歴1件 サムネイル画像表示領域(PC)
 */
.browsinghistory-item-image
{
    position: relative;
    float: left;
    width: 170px;
    height: 180px;
    margin-top: 10px;
    text-align: center;
}

/*
 ブック閲覧履歴1件 サムネイル画像表示領域(タブレット)
 */
.sd-browsinghistorylist-item-image
{
    position: relative;
    float: left;
    width: 120px;
    height: 110px;
    margin-top: 10px;
    text-align: center;
}

/*
 ブック閲覧履歴1件 サムネイル画像表示領域(スマートフォン)
 */
.sp-browsinghistorylist-item-image
{
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 10px auto auto 10px;
    text-align: center;
}

/*-----------------------------------------------
   ブック閲覧履歴1件 サムネイル画像
  -----------------------------------------------*/

/*
 ブック閲覧履歴1件 サムネイル画像(PC)
 */
.browsinghistory-item-image img
{
    border: solid 1px #999;
}

/*
 ブック閲覧履歴1件 サムネイル画像(タブレット)
 */
.sd-browsinghistorylist-item-image img
{
    border: solid 1px #999;
}

/*
 ブック閲覧履歴1件 サムネイル画像(スマートフォン)
 */
.sp-browsinghistorylist-item-image img
{
    border: solid 1px #999;
}



/*-----------------------------------------------
   ブック閲覧履歴1件 説明文表示領域
  -----------------------------------------------*/

/*
 ブック閲覧履歴1件 説明文表示領域(PC)
 */
.browsinghistory-item-text
{
    float: right;
    width: 200px;
    height: 180px;
    margin-top: 10px;
}

/*
 ブック閲覧履歴1件 説明文表示領域(タブレット)
 */
.sd-browsinghistorylist-item-text
{
    float: right;
    width: 260px;
    min-height: 110px;
    padding: 10px 20px 50px 0;
}

/*
 ブック閲覧履歴1件 説明文表示領域(スマートフォン)
 */
.sp-browsinghistorylist-item-text
{
    padding: 10px 20px 50px 120px;
}



/*-----------------------------------------------
   ブック閲覧履歴1件 削除ボタン
  -----------------------------------------------*/


/*
 ブック閲覧履歴1件 削除ボタン(タブレット)
 */
.sd-btn-browsinghistorylist-delete
{
    position: absolute;
    right: 40px;
    bottom: 10px;
    width: 29px;
    height: 29px;
    background: url(../img/parts/common-sd/btn_del.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


/*
 ブック閲覧履歴1件 削除ボタン(スマートフォン)
 */
.sp-btn-browsinghistorylist-delete
{
    position: absolute;
    right: 40px;
    bottom: 10px;
    width: 29px;
    height: 29px;
    background: url(../img/parts/common-sd/btn_del.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/************************************************************
  [各機能共通のCSS]

 ***********************************************************/


/*
  メニュー閉じるボタン(PC)
 */
.btn-close{
    background: url(../img/parts/common/btn_close.png);
}

/*
  メニュー閉じるボタン(タブレット/スマートフォン)
 */
 .btn-close.sd{
    background: url(../img/parts/common-sd/btn_close.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
}


/*
  全削除ボタン(PC)
 */
div.btn-allclear{
    margin-top: 5px;
    margin-right: 10px;
    width : 55px;
    height : 20px;
    background : url(../img/parts/common/btn_all_del_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
    float: right;
}
/*
  全削除ボタンマウスオーバー(PC)
 */
div.btn-allclear:hover{
    background : url(../img/parts/common/btn_all_del_menu_on.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
}

/*
  全削除ボタン(タブレット/スマートフォン)
 */
div.btn-allclear.sd{
    margin-top: 5px;
    margin-right: 10px;
    width : 55px;
    height : 20px;
    background : url(../img/parts/common-sd/btn_all_del_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
    float: right;
}

/*
  一括ダウンロードボタン(PC)
 */
 div.btn-alldownload{
    margin-top: 5px;
    margin-right: 10px;
    width : 118px;
    height : 20px;
    background : url(../img/parts/common/btn_all_dl_menu.png);
    background-size: 118px 20px;
    background-repeat: no-repeat;
    float: right;
}

/*
  一括ダウンロードボタンマウスオーバー(PC)
 */
div.btn-alldownload:hover{
    background : url(../img/parts/common/btn_all_dl_menu_on.png);
}


a.btn-close{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;


}
a:hover.btn-close{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
    background: url(../img/parts/common/btn_close_on.png);
}


a.btn-close.sd{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;


}

div.border img{
    border : solid 1px #999;
}


/*----------------------------------------------------
 ヘルプ表示のツールチップ
 ※説明用の吹き出し
 　マウスオーバー時のみ使用
-----------------------------------------------------*/
#help-tip{
    display: none;
    z-index: 105;
    position: absolute;
    background:rgba(128,90,96,0.9);
    color:#ffffff;

    font-family:'Arial', sans-serif;
    font-size:0.8rem;
    line-height: 100%;
    letter-spacing: 1px;
    padding:6px;


    -moz-box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
    -webkit-box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
    box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    border: solid 1px rgba(64,64,64,0.6);


}

/*----------------------------------------------------
 ポップアップ表示

 切り抜き完了時の通知に使用
-----------------------------------------------------*/
.popup{
    position: absolute;
    z-index: 500;
    background-color:#333;
    background-color:rgba(0,0,0,.8);
    border-radius:6px;
    color:#fff;
    padding: 10px;
    font-size: 0.8rem;
    text-align: center;
}
/************************************************************
  [紙面コンテンツ用CSS]
  [変更不可]
 ***********************************************************/


.videoObj{
	position: absolute;
	z-index: 55;
	display: none;
	padding: 0;
}

.embed-obj{
    position: absolute;
    z-index: 55;
    padding: 0;
    overflow:hidden;
    -webkit-overflow-scrolling: touch;
}

/*--------------------------------------------------
 リンク
---------------------------------------------------*/
.link-obj{
    position: absolute;
}

.link-icon{
    position: relative;
    z-index: 102;
}

.link-bg{
    z-index: 101;
    position: relative;
}


/*--------------------------------------------------
 お知らせ
---------------------------------------------------*/
.news-obj{
    z-index:110;
    position: absolute;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

/*--------------------------------------------------
 動画
---------------------------------------------------*/

/* 動画音声共通のクラス */
.movie-obj{
    z-index:105;
    position: absolute !important;

}

.fusen-obj{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index:110;
}
.sp-fusen-obj{
    z-index:110;
}

/*--------------------------------------------------
 ハイライト表示
---------------------------------------------------*/
.highlight-obj{
    z-index:100;
    position: absolute;
}

.saerch-selected{
    background:#FF0000 !important;
}

.sp-news-obj{
    z-index:40;
}
/************************************************************
  [切り抜き機能CSS]

 ***********************************************************/

/* 切り抜きメニュー全体 */
ul#menu-croplist{
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 0;
    font-size:0.7rem;
    margin: 0;
    position: relative;
    overflow: hidden;
    color: #fff;
}


ul#croplist-items{
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    color: #fff;

    font-size:0.7rem;
    letter-spacing: 1px;
}



/*-----------------------------------------------
   切り抜き一覧メニュー背景
  -----------------------------------------------*/

/*
 切り抜き一覧メニュー背景(PC)
 */
ul.croplist-items{
}

/*
 切り抜き一覧メニュー背景(タブレット)
 */
ul.sd-croplist-items{
}

/*
 切り抜き一覧1件(PC)
 */
li.croplist-item{
    width: 100%;
    height:100px;
    float: left;
    padding:0;
    border-top: solid 1px #757575;
    border-bottom: solid 1px #333;
    position: relative;
}

/*
 切り抜き一覧1件(タブレット)
 */
li.sd-croplist-item{
    width: 100%;
    height:100px;
    float: left;
    padding:0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ccc;
    position: relative;
    color:#333;
}

/*
 切り抜き一覧1件(PC) マウスオーバー
 */
li.croplist-item:hover{
    background: rgba(69,69,69,.7);
    cursor: pointer;
    color: #fff;
}

/*
 切り抜き一覧1件(タブレット) 選択時
 */
li.sd-croplist-item:active{
    background: rgba(204,204,204,.8);
    color: #333;
    border-bottom: solid 1px #fff;
}

li.sd-croplist-item:last-child{
    border-top: solid 1px #eeeeee;
    border-bottom: solid 1px #cccccc;
}

/*
 切り抜き一覧1件タイトル領域(PC)
 */
div.croplist-header{
    width: 100%;
    height:30px;
    float: left;
    color: #ffffff;
    text-align: right;
    font-size:13px;
}

/*
 切り抜き一覧1件タイトル領域(タブレット)
 */
div.sd-croplist-header{
    width: 100%;
    height:30px;
    float: left;
    color: #333333;
    text-align: right;
    font-size:13px;
}


/*
 切り抜き一覧1件フッター領域(PC)
 */
#croplist-footer{
    position: fixed;
    width: 100%;
    height:25px;
}

/*
 切り抜き数領域
 */
div.crop-count-box{
    width:150px;
    height:30px;
    line-height: 30px;
    margin-left: 10px;
    float: left;
    text-align: left;
}

/*
 切り抜き数
 */
#crop-count{
    display: inline-block;
    margin-left: 7px;
}



li.croplist-item:last-child{
    border-bottom: solid 1px #555;
}


.croplist-text{
    width:100%;
    height:30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
}

/*
  一覧のサムネイル画像領域
 */
.croplist-image{
    width:100%;
    height:100px;
    float: left;
    text-align: center;
    position:relative;
}

/*
  一覧のサムネイル画像
 */
.croplist-image img{
    position:absolute;

}

div.croplist-image-text{
    width:100%;
    height:30px;
    float: left;
}

.crop-pageno{
    margin-left: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 35%;
}

/*
  ダウンロードボタン(PC)
 */
div.btn-crop-download{
    width:26px;
    height:26px;
    background : url('../img/parts/common/btn_dl_menu.png');
    float: right;
    margin-top: 2px;
    margin-left:8px;
    margin-right: 6px;
}


/*
  ダウンロードボタン(タブレット)
 */
div.sd-btn-crop-download{
    width:29px;
    height:29px;
    background : url(../img/parts/common-sd/btn_dl_menu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 70px;
    bottom: 6px;
}

/*
  ダウンロードボタン(PC) マウスオーバー
 */
div.btn-crop-download:hover{
    background : url('../img/parts/common/btn_dl_menu_on.png');
}

/*
  削除ボタン(PC)
 */
div.btn-crop-delete{
    width:26px;
    height:26px;
    background : url('../img/parts/common/btn_del_menu.png');
    background-size: 100% 100%;
    float: right;
    margin-top: 2px;
    margin-left:8px;
    margin-right: 25px;
}

/*
  削除ボタン(タブレット)
 */
div.sd-btn-crop-delete{
    width:29px;
    height:29px;
    margin: 2px auto auto 2px;
    background: url(../img/parts/common-sd/btn_del.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 30px;
    bottom: 6px;
}

/*
  削除ボタン(PC) マウスオーバー
 */
div.btn-crop-delete:hover{
    background : url('../img/parts/common/btn_del_menu_on.png');
    background-size: 100% 100%;
}

/*
 全削除ボタン
  */
div.btn-croplist-allclear{
    margin-top: 5px;
    margin-left: 10px;
    width : 44px;
    height : 16px;
    background : url('../img/parts/common/btn_all_del_menu.png');
    float: left;
}

div.btn-croplist-allclear.on{
    background : url('../img/parts/common/btn_all_del_menu_on.png');
}
/************************************************************
  [紙面エリア定義CSS]
  [変更不可]
 ***********************************************************/


/*
 紙面エリア
*/
#page-area{
    padding: 0;
    position: relative;
}


/*
 キャンバス
*/
#canvas-area{
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: 10;
    cursor: default;
    background:#ffffff;
}


#crop-area{
    position: absolute;
    z-index:20;
}
#crop-target{
    width:100%;
    height:100%;
}


/*
  紙面画像エリア(左)
 */
#canvas-leftpage{
    position: absolute;
    z-index: 0;
}

/*
  紙面画像エリア(右)
 */
#canvas-rightpage{
    position: absolute;
    z-index: 0;
}

/*
  前後移動バー(左)
 */
#leftbar{
    position: absolute;
}

/*
  前後移動バー(右)
 */
#rightbar{
    position: absolute;
}

/*------------------------------------------------
   めくり処理用
-------------------------------------------------*/

/*
  めくりマスク用
 */
#mask-pageflip{
	overflow: hidden;
	background: none;
	transform-origin:100% bottom;
	-moz-transform-origin:100% bottom;
	-webkit-transform-origin:100% bottom;
    position: absolute;
    z-index: 8;
}

/*
  中央の影
 */
#shadow-center{
    width: :0px;
    box-shadow:10px 10px 60px 20px rgba(160,160,160,0.5);
    -webkit-box-shadow:10px 10px 60px 20px rgba(160,160,160,0.5);
    -moz-box-shadow:10px 10px 60px 20px rgba(160,160,160,0.5);
    position: absolute;
    z-index: 5;
}

/*
  めくりの影マスク用
 */
#mask-shadow-area{
    position: absolute;
    overflow: hidden;
}

/*
   めくられているページの影
   めくられている内側の影です。
*/
#shadow-page-inside{

	transform-origin:100% bottom;
	-moz-transform-origin:100% bottom;
	-webkit-transform-origin:100% bottom;

    box-shadow         :10px 10px 30px 5px rgba(64,64,64,0.5);
    -webkit-box-shadow :10px 10px 30px 5px rgba(64,64,64,0.5);
    -moz-box-shadow    :10px 10px 30px 5px rgba(64,64,64,0.5);

    position: absolute;
    z-index: 10;
    overflow: hidden;
}

/* 紙面の中央につける丸みの影 */
/* (注)現在未使用です。  */
#shadow-page-outside{

    transform-origin:100% bottom;
    -moz-transform-origin:100% bottom;
    -webkit-transform-origin:100% bottom;
    position: absolute;

    z-index: 10;
    overflow: hidden;
}


/*------------------------------------------------
   ページめくり：次のページ
-------------------------------------------------*/
#canvas-reversepage{
	z-index: 8;
	position: absolute;

    filter       : alpha( opacity=100 );
    -moz-opacity : 1.00;
    opacity      : 1.00;

	transform-origin:left bottom;
	-moz-transform-origin:left bottom;
	-webkit-transform-origin:left bottom;

    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
    outline: 1px solid transparent;

    background:#fff;
}

/*------------------------------------------------
   めくられているページにつける影
   紙面外側の端につく影です。
-------------------------------------------------*/

#canvas-reversepage.shadow{

    box-shadow         :-5px 1px 20px 2px rgba(64,64,64,.5);
    -webkit-box-shadow :-5px 1px 20px 2px rgba(64,64,64,.5);
    -moz-box-shadow    :-5px 1px 20px 2px rgba(64,64,64,.5);

    box-shadow         :-5px 1px 20px 2px rgba(64,64,64,.3);
    -webkit-box-shadow :-5px 1px 20px 2px rgba(64,64,64,.3);
    -moz-box-shadow    :-5px 1px 20px 2px rgba(64,64,64,.3);
}

/*------------------------------------------------
  めくった下に表示される次のページ画像を隠すマスク
-------------------------------------------------*/
#mask-turnedpage{

	background: none;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;

    position: absolute;
    z-index: 4;
    overflow: hidden;

}
/*------------------------------------------------
  めくった下に表示される次のページ画像
-------------------------------------------------*/
#canvas-underpage{

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    position: absolute;
}

/*------------------------------------------------
  めくり時に表示する現在のページ画像
-------------------------------------------------*/
#canvas-turnedpage{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    position: absolute;
    z-index: 200;
}



/* デバッグ用の位置表示 */
.debugPoint{
	display:none;
}

/* マウスと右下の中間座標 */
#pointL{
    height: 10px;
    width: 10px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
	position: absolute;
	background: #ff2b95;
	z-index: 10;
}


#pointM{
    height: 10px;
    width: 10px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
	position: absolute;
	background: #3333ff;
	z-index: 10;
}

/* マウスの位置 */
#pointN{
    height: 10px;
    width: 10px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
	position: absolute;
	background: #ff8000;
	z-index: 10;
}


#pointQ{
    height: 10px;
    width: 10px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
	position: absolute;
	background: red;
	z-index: 10;
}

/* めくり画像の起点位置 */
#pointP{
    height: 10px;
    width: 10px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
	position: absolute;
	background: #b16a23;
	z-index: 10;
}

/* めくり画像の起点位置 */
#pointX{
	height: 10px;
	width: 10px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	position: absolute;
	background: #333333;
	z-index: 10;
}



/*------------------------------------------------
  スライド移動の前の見開き
-------------------------------------------------*/

#leftslide-area{
    position: absolute;
}
#image-leftslide-left{
    position: absolute;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#image-leftslide-right{
    position: absolute;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

/*------------------------------------------------
  スライド移動の次の見開き
-------------------------------------------------*/

#rightslide-area{
    position: absolute;
}
#image-rightslide-left{
    position: absolute;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#image-rightslide-right{
    position: absolute;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
/************************************************************
  [フッター用CSS]

 ***********************************************************/

/*
  フッター(PC)
 */
footer#footer{
	position:fixed;
	bottom:0;
	width:100%;
	min-width:1000px;
	height:75px;
	background:#ececec;
	z-index:500;
	box-shadow          : 0px -1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow  : 0px -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow     : 0px -1px 1px 1px rgba(0,0,0,0.2);
	display: none;
}

/*
  フッター(タブレット、スマートフォン)
 */
footer#footer.sd{
	position:absolute;
	left:0;
	width:100%;
	min-width:0;
	height:75px;
	background: rgba(236,236,236,.9);
	z-index:400;
	box-shadow          : 0px -1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow  : 0px -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow     : 0px -1px 1px 1px rgba(0,0,0,0.2);
	display: none;
}

/* フッター アイコンエリア */
#footer ul#footer-icons {
    list-style-type: none;
    width: 100%;
	height:50px;
	margin-top: 3px;
	padding-left: 0;
}


.sp-footer-menu{
	width:100%;
	height:55px;
	position: absolute;
	z-index: 60;
	bottom: 0;
	background: rgba(236,236,236,.9);
    text-align: center;
}


/*
   メニューボタンスペース用
*/

#footer li.spacer-s{
	width: 10px;
	height: 44px;
}

#footer li.spacer-m{
	width: 20px;
	height: 44px;
}

#footer li.spacer-l{
	width: 44px;
	height: 44px;
}



/*------------------------------------------------
   目次メニューボタン
-------------------------------------------------*/

/*
 目次アイコン(PC)
 */
#footer li button#btn-listmenu{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common/btn_list.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
}

/*
 目次アイコン(PC) マウスオーバー
 */
#footer #footer-icon-left li button:hover#btn-listmenu:not(.disabled){
	background: url(../img/parts/common/btn_list_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/*
 目次アイコン(タブレット)
 */
#footer li button#btn-listmenu.sd-footer-lefticon{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common-sd/btn_list.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
}

/*
 目次アイコン(タブレット) 選択時
 */
#footer li button#btn-listmenu.sd-footer-lefticon:active{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

/*
 目次アイコン(スマートフォン)
 */
#footer li button#sp-btn-index{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common-sd/btn_list.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
}

/*
 目次アイコン(スマートフォン) 選択時
 */
#footer li button:active#sp-btn-index{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

/*------------------------------------------------
   ページ一覧メニューボタン
-------------------------------------------------*/

/*
 ページ一覧アイコン(PC)
 */
#footer li button#btn-thumbnail{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common/btn_thumbnail.png);
	background-repeat: no-repeat;
}

/*
 ページ一覧アイコン(PC) マウスオーバー
 */
#footer li button:hover#btn-thumbnail:not(.disabled){
	background: url(../img/parts/common/btn_thumbnail_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


/*------------------------------------------------
   関連リンクボタン
-------------------------------------------------*/

/*
 関連リンクボタン(PC)
 */
#footer li button#btn-booklink{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common/btn_link.png);
	background-repeat: no-repeat;
	display: none;
}

/*
 関連リンクボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-booklink:not(.disabled){
	background: url(../img/parts/common/btn_link_on.png);
}

/*------------------------------------------------
   PDFリンクボタン
-------------------------------------------------*/

/*
 PDFリンクボタン(PC)
 */
#footer li button#btn-bookpdf{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common/btn_pdf.png);
	background-repeat: no-repeat;
	display: none;
}

/*
 PDFリンクボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-bookpdf{
	background: url(../img/parts/common/btn_pdf_on.png);
}


/*------------------------------------------------
   切り抜き一覧ボタン
-------------------------------------------------*/

/*
 切り抜き一覧ボタン(PC)
 */
#footer li button#btn-croplist{
	background: url(../img/parts/common/btn_clipping.png);
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;

	display: none;
}

/*
 切り抜き一覧ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-croplist:not(.disabled){
	background: url(../img/parts/common/btn_clipping_on.png);
}


/*------------------------------------------------
   付箋一覧ボタン
-------------------------------------------------*/

/*
 付箋一覧ボタン(PC)
 */
#footer li button#btn-fusenlist{
	background: url(../img/parts/common/btn_label.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
	display: none;
}

/*
 付箋一覧ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-fusenlist:not(.disabled){
	background: url(../img/parts/common/btn_label_on.png);
}

/*------------------------------------------------
   左移動ボタン
-------------------------------------------------*/

/*
 左移動ボタン(PC)
 */
#footer li button#btn-moveleft{

	background: url(../img/parts/common/btn_arrow_left.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
	visibility: hidden;
}


/*
 左移動ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-moveleft:not(.disabled){
	background: url(../img/parts/common/btn_arrow_left_on.png);
}

/*------------------------------------------------
   右移動ボタン
-------------------------------------------------*/

/*
 右移動ボタン(PC)
 */
#footer li button#btn-moveright{

	background: url(../img/parts/common/btn_arrow_right.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
	visibility: hidden;
}

/*
 右移動ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-moveright:not(.disabled){
	background: url(../img/parts/common/btn_arrow_right_on.png);
}


/*------------------------------------------------
   左端移動ボタン
-------------------------------------------------*/

/*
 左端移動ボタン(PC)
 */
#footer li button#btn-moveleftlimit{

	background: url(../img/parts/common/btn_arrow_end_left.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
	visibility: hidden;
}

/*
 左端移動ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-moveleftlimit:not(.disabled){
	background: url(../img/parts/common/btn_arrow_end_left_on.png);
}


/*------------------------------------------------
   右端移動ボタン
-------------------------------------------------*/

/*
 左端移動ボタン(PC)
 */
#footer li button#btn-moverightlimit{
	visibility: hidden;
	background: url(../img/parts/common/btn_arrow_end_right.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
}

/*
 左端移動ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-moverightlimit:not(.disabled){
	background: url(../img/parts/common/btn_arrow_end_right_on.png);
}




/*------------------------------------------------
   自動めくりボタン
-------------------------------------------------*/

/*
 自動めくりボタン(PC)
 */
#footer li button#btn-autoflip{

	background: url(../img/parts/common/btn_auto_flip.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
	position:relative;
	width: 44px;
	height: 44px;

}

/*
 自動めくりボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-autoflip:not(.disabled){
	background: url(../img/parts/common/btn_auto_flip_on.png);
}
#footer li button#btn-autoflip.on{
	background: url(../img/parts/common/btn_auto_flip_on.png);
}

/*
 自動めくりボタン(タブレット)
 */
#footer li button#btn-autoflip.sd-footer-lefticon{
	background: url(../img/parts/common-sd/btn_auto_flip.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
	position:relative;
	width: 44px;
	height: 44px;

}
/*
 自動めくりボタン(タブレット) 選択時
 */
#footer li button#btn-autoflip.sd-footer-lefticon:active:not(.disabled){
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


/*------------------------------------------------
   拡大縮小ボタン
-------------------------------------------------*/

/*
 拡大ボタン(PC)
 */
#footer li button#btn-zoominout{
	background: url(../img/parts/common/btn_zoom_in.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
}

/*
 拡大ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-zoominout:not(.disabled){
	background: url(../img/parts/common/btn_zoom_in_on.png);
}

/*------------------------------------------------
   拡大縮小 縮小ボタン
-------------------------------------------------*/

/*
 縮小ボタン(PC)
 */
#footer li button#btn-zoominout.zoomout{
	background: url(../img/parts/common/btn_zoom_out.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;
}

/*
 縮小ボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-zoominout.zoomout:not(.disabled){
	background: url(../img/parts/common/btn_zoom_out_on.png);
}


/*------------------------------------------------
   切り抜きボタン
-------------------------------------------------*/

/*
 切り抜きボタン(PC)
 */
#footer li button#btn-crop{
	background: url(../img/parts/common/btn_clip.png);
	background-repeat: no-repeat;
	position:relative;
	width: 44px;
	height: 44px;

	display: none;
}

/*
 切り抜きボタン(PC) マウスオーバー
 */
#footer li button:hover#btn-crop:not(.disabled){
	background: url(../img/parts/common/btn_clip_on.png);
}

/*
 切り抜きボタン(タブレット)
 */
#footer li button#btn-crop.sd-footer-lefticon{
	background: url(../img/parts/common-sd/btn_clip.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
	position:relative;
	width: 44px;
	height: 44px;

	display: none;
}

/*
 切り抜きボタン(タブレット) 選択時
 */
#footer li button#btn-crop.sd-footer-lefticon:active{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


/*------------------------------------------------
   付箋ボタン
-------------------------------------------------*/

/*
 付箋ボタン(PC)
 */
#footer li button#btn-fusen{
	background: url(../img/parts/common/btn_label_put.png);
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;
	position:relative;
	display: none;
}

/*
 付箋ボタン(PC) マウスオーバー
 */
#footer #footer-icon-right li button:hover#btn-fusen:not(.disabled){
	background: url(../img/parts/common/btn_label_put_on.png);
}

/*
 付箋ボタン(タブレット)
 */
#footer li button#btn-fusen.sd-footer-lefticon{
	background: url(../img/parts/common-sd/btn_label_put.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
	position:relative;
	width: 44px;
	height: 44px;
	display: none;
}

/*
 付箋ボタン(タブレット) 選択時
 */
#footer li button:active#btn-fusen.sd-footer-lefticon:not(.disabled){
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


/*
 付箋ボタン(スマートフォン)
 */
#sp-btn-fusen{
    background: url(../img/parts/common-sd/btn_label_put.png);
    background-repeat: no-repeat;
    background-size: 44px 44px;
    position:relative;
    width: 44px;
    height: 44px;
    display: none;
}


/*------------------------------------------------
   全文検索ボタン
-------------------------------------------------*/

/*
 全文検索ボタン(PC)
 */
#footer li button.btn-txtsearch{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common/btn_search.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:relative;
	display: none;
}

/*
 全文検索ボタン(PC) マウスオーバー
 */
#footer li button:hover.btn-txtsearch{
	background: url(../img/parts/common/btn_search_on.png);
}

/*
 全文検索ボタン(タブレット、スマートフォン)
 */
#footer li button.btn-txtsearch.sd{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common-sd/btn_search.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:relative;

	display: none;
}

/*
 全文検索ボタン(タブレット、スマートフォン) 選択時
 */
#footer li button:active.btn-txtsearch.sd{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
/*------------------------------------------------
   ダウンロードボタン
-------------------------------------------------*/

/*
 ダウンロードボタン(PC)
 */
#footer li button.btn-download{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common/btn_dl.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:relative;
	display: none;
}

/*
 ダウンロードボタン(PC) マウスオーバー
 */
#footer li button:hover.btn-download{
	background: url(../img/parts/common/btn_dl_on.png);
}


/*
 アプリダウンロードボタン(タブレット、スマートフォン)
 */
#footer li button.btn-download.sd{
	width: 44px;
	height: 44px;
	background: url(../img/parts/common-sd/btn_dl.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:relative;
	display: none;
}

/*
 アプリダウンロードボタン(タブレット、スマートフォン) 選択時
 */
#footer li button:active.btn-download{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


/* フッター アイコン領域 */
#footer div#footer-icon-box {
    width: 100%;
	height:100%;
	text-align: center;
}

/* フッター 左エリア アイコン */
#footer ul#footer-icon-left {
    list-style-type: none;
    width: 350px;
	height: 100%;
    margin: 16px auto;
    left: 0px;
    top:9px;
    position: absolute;
    padding: 0;

}

/* フッター 左エリア アイコン */
#footer ul#sd-footer-icon-left {
    list-style-type: none;
    width: 100%;
	height: 100%;
    margin: 25px auto;
    left: 0px;
    top:0;
    position: absolute;
    padding: 0;
}

.footer-lefticon{
	margin-left: 10px;
	float: left;
}


.sd-footer-lefticon{
	margin-left: 10px;
	float: left;
}

#footer ul#footer-icon-center{
	list-style-type: none;
	height:100%;
	float:left;
	left:50%;
	position:relative;
	text-align: center;
	padding:0;
	margin: 0;
	z-index: 10;
}

#footer-centericon{
	width: 100%;
	height:100%;
    margin: 0 auto;
    text-align: center;
	position: relative;
	overflow: hidden;
	float: left;
	padding: 0;
}


#footer ul#footer-icon-center li{
	float:left;
	left:-50%;
	position:relative;
}
#footer ul#footer-icon-center li.ev-icon-footer{
	margin:auto 5px auto 5px;
}



/* フッター 右エリア アイコン */
#footer ul#footer-icon-right {
    list-style-type: none;
    width: 350px;
	height:100%;
    margin: 16px auto;
    right: 0;
    top:9px;
    position: absolute;
    z-index: 8;
}


#footer ul#footer-icon-right  li{
	float:right;
}
#footer ul#footer-icon-right  li:first-child{
	margin-right: 10px;
}

/*
  ページ番号表記エリア
 */
#pageno-box{
	width: 100%;
	height:26px;
	line-height: 26px;
	text-align: center;
	float: left;
}

/*
  ページ番号表記
 */
.pageno-label{
	font-size: 12px;
    color:#333;
	width: 36px !important;
	overflow: hidden;
	white-space: nowrap;
}

/*
  ページ番号表記(左)
 */
#pageno-label-l{
	width:10%;
	height:30px;
	float:left;
	text-align: left;
}

/*
  ページ番号表記(右)
 */
#pageno-label-r{
	width:10%;
	height:30px;
	float:right;
	text-align: right;
}

/* スライドバー */
/*  jQuery UI のCSSを上書き START */
#slider{
	width: 80%;
	height:24px;
	margin-top: 10px;
	float:left;
}
#slider:hover{
	cursor: pointer;
}

#slider.ui-slider-horizontal {
	height: 2px;
}

#slider.ui-slider .ui-slider-handle {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	outline: none;
}
#slider.ui-slider .ui-slider-handle:hover{
	cursor: pointer;
}

/* スライドバーの色  */
#slider-image {
    background: rgb(204, 204, 204) !important;
}
#slider.ui-widget-content {
	border:none;
}
/* --  jQuery UI のCSSを上書き END */
/************************************************************
  [その他のCSS]

 ***********************************************************/

/*
 汎用パネル小
*/
.small-panel{
	width:240px;
	height:180px;
	position: absolute;
	top:50%;
	left:25%;
	background: #333333;
	font-size: 12px;

	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff;
    border: solid 2px #222222;


	-moz-box-shadow: 0px 0px 7px #333333;
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;

	z-index:60;

}

.small-panel-title{
	width:236px;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	border-bottom: solid 1px #333333;
	float: left;
	padding-left:4px;

	cursor: pointer;

}
.small-panel-body{
	font-size: 12px;
	width:232px;
	padding:4px;
	height:140px;
	border-top: solid 1px #666666;
	float: left;
}


ul.system-menu-items{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
}

/**
 * オプションメニューのリスト
 *
 */
.system-menu-items li{
	width:100%;
	height:30px;
	padding :0;
	color: #fff;
	height: 32px;
	line-height: 32px;
}

.system-menu-items li.menu:hover{
 	background: #454545;
 	cursor: pointer;
}
/************************************************************
  [付箋機能用CSS]

 ***********************************************************/

/* メニュー表示時に紙面をマスクするオブジェクト */
.fusen-mask{
     background: transparent;
     z-index:100;
     position: absolute;
}

/*------------------------------------------------
   付箋パネル
-------------------------------------------------*/
.panel-fusen-select{
	width:240px;
	height:150px;
	position: absolute;
	top:50%;
	left:25%;
	font-size: 12px;

	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff;
    border: solid 1px #222222;


	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;

	background: rgba(51,51,51,.9);

	z-index:150;

}



.panel-fusen-title{
	width:236px;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	border-bottom: solid 1px #333333;
	float: left;
	padding-left:4px;

	cursor: pointer;

}
.panel-fusen-caption{
	width:100%;
	height:30px;
	line-height: 30px;
}

#panel-fusen-body{
	font-size: 12px;
	width:232px;
	padding:4px;
	height:120px;
	border-top: solid 1px #666666;
	float: left;
	position: relative;
}
.panel-fusen-box{
	display: inline-block;
	float: left;
	position: absolute;
	top:0;
	left:0;
}

.panel-fusen-box ul{
	list-style-type: none;
	text-align: center;
	padding-top: 40px;
	/*width: 100%;
	height:140px;*/
	display: inline-block;
}
.panel-fusen-box li{

	float:left;
	width:65px;
	height:70px;
	margin: 0 auto;
	padding-left:15px;
	text-align: center;
}
.select-fusencolor1{
	width:42px;
	height:30px;
	background: #ffcccc;
	border: solid 1px #999999;
	margin: 0 10px auto 10px;
}
.select-fusencolor2{
	width:42px;
	height:30px;
	background: #ffff99;
	border: solid 1px #999999;
	margin: 0 10px auto 10px;
}
.select-fusencolor3{
	width:42px;
	height:30px;
	background: #aad5ff;
	border: solid 1px #999999;
	margin: 0 10px auto 10px;
}


div.fusencolor-box{
	width:16px;
	height:16px;
	text-align: center;

	padding: 0;
	margin: 0 auto;
}


ul#list-fusencolor{

}

.btn-radio{
	width:16px;
	height:16px;
	background: url(../img/parts/common/btn_radio.png);
	float: left;
	margin: 8px auto;
	text-align: center;
}

.btn-radio.sd{
	width:16px;
	height:16px;
	background: url(../img/parts/common-sd/btn_radio.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.btn-radio.on{
	width:16px;
	height:16px;
	background: url(../img/parts/common/btn_radio_on.png);
	float: left;
}

.btn-radio.on.sd{
	width:16px;
	height:16px;
	background: url(../img/parts/common-sd/btn_radio_on.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.btn-close.close-panel-fusen{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 5px;
	top: 5px;

}
.btn-close.close-panel-fusen:hover{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 5px;
	top: 5px;
}



/*
   付箋オブジェクト

 */

.fusen-obj{
	width:220px;
	height:80px;
	position: absolute;
	top:50%;
	left:25%;
	font-size: 12px;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #ffffff;

	-moz-box-shadow: 0px 0px 7px #333333;
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;


}



.fusen-obj.red{
	background: #ffcccc;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;
    border: solid 1px #ff9999;
}
.fusen-obj.blue{
	background: #aad5ff;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;
    border: solid 1px #55aaff;
}
.fusen-obj.yellow{
	background: #ffff99;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;
    border: solid 1px #f8e58c;
}

.fusen-obj-title{
	width:216px;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	border-bottom: solid 1px #333333;
	float: left;
	padding-left:4px;
	cursor: pointer;
}

.fusen-obj-title.red{
	border-bottom: solid 1px #ff9999;
}
.fusen-obj-title.blue{
	border-bottom: solid 1px #55aaff;
}
.fusen-obj-title.yellow{
	border-bottom: solid 1px #f8e58c;
}


.fusen-obj-body{
	font-size: 12px;
	width:212px;
	padding:4px;
	height:40px;
	border-top: solid 1px #666666;
	float: left;
	color:#333333;
}
textarea {
  resize: none;
}



/* 付箋本文 */
.fusen-obj-body.blue{
	border-top: solid 1px #eaf4ff;
}
.fusen-obj-body.red{
	border-top: solid 1px #ffeaf4;
}
.fusen-obj-body.yellow{
	border-top: solid 1px #ffffea;
}

/* 付箋入力エリア */
.fusen-obj-textarea{
	border: none;
	resize: none;
}

.fusen-obj-div{
	color:#333333;
}


.fusen-obj-body.red .fusen-obj-textarea{
	background: #ffcccc;
}
.fusen-obj-body.blue .fusen-obj-textarea{
	background: #aad5ff;
}
.fusen-obj-body.yellow .fusen-obj-textarea{
	background: #ffff99;
}

.btn-close-fusen{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 5px;
	top: 5px;

}
.btn-close-fusen:hover{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 5px;
	top: 5px;
	background: url('../img/parts/common/btn_close_on.png');
}


.btn-change-fusen-color{
	width: 18px;
	height:18px;
	border: solid 1px #999999;
	margin: 2px 2px auto 2px;
	float: left;
}

.btn-change-fusen-color:hover{
    border: solid 1px #666666;
}

#btn-change-fusen-color1{

	background: #ffcccc;

}
#btn-change-fusen-color2{
	background: #ffff99;
}
#btn-change-fusen-color3{
	background: #aad5ff;
}



/*
   付箋オブジェクト：スマートフォン

 */

.sp-fusen-obj{
	width:200px;
	height:30px;
	position: absolute;
	top:50%;
	left:25%;
	background: #333333;
	font-size: 12px;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #ffffff;
    border: solid 2px #222222;
/*
	-moz-box-shadow: 0px 0px 7px #333333;
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;
*/


	-moz-box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
	-webkit-box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
	box-shadow: 0px 1px 4px rgba(64,64,64,0.2);

}



.sp-fusen-obj.red{
	background: #ffcccc;
    border: solid 1px #ff9999;
}
.sp-fusen-obj.blue{
	background: #aad5ff;
    border: solid 1px #55aaff;

}
.sp-fusen-obj.yellow{
	background: #ffff99;
    border: solid 1px #f8e58c;
}


.sp-fusen-obj-body{
	width:110px;
	height:30px;
	background: rgba(255,255,255,0.9);
	float: left;
}














.radio-menu-fusen{
	width:16px;
	height:16px;
	background: url('../img/parts/common/btn_radio.png');
	float: left;
	margin: 8px 5px 8px 5px;

}

.radio-menu-fusen.on{
	width:16px;
	height:16px;
	background: url('../img/parts/common/btn_radio_on.png');
	float: left;
}

.sd-radio-menu-fusen{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/btn_radio.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
	margin: 8px 5px 8px 5px;

}

.sd-radio-menu-fusen.on{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/btn_radio_on.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
}


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

    PC

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


/*------------------------------------------------
   付箋一覧
-------------------------------------------------*/
ul#menu-fusenlist{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	color: #fff;

	font-size:0.7rem;
	letter-spacing: 1px;
}

ul#fusenlist-items{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-size:0.7rem;
	letter-spacing: 1px;
}

ul.fusenlist-items{

	//background: rgba(51,51,51,.7);
}
ul.sd-fusenlist-items{

}
ul.sp-fusenlist-items{

}

li.fusenlist-item{
	width: 100%;
	min-height:120px;
 	float: left;
    padding:0;
    border-top: solid 1px #757575;
	border-bottom: solid 1px #333;
	position: relative;
}

li.fusenlist-item:hover{
	background: rgba(69,69,69,.7);
	cursor: pointer;
	color: #fff;
}


li.fusenlist-item:last-child  {
	border-bottom: solid 2px #555;
}

li.fusenlist-item.current{
	background: rgba(156,156,156,.7);
}


/* 付箋一覧の色 */
.fusenlist-item-color{
	width:10px;
	height:100%;
	position: absolute;
	left:0;
}
/* 付箋一覧の色：赤 */
.fusenlist-item-color.red{
	background: #ffcccc;

}
/* 付箋一覧の色：黄 */
.fusenlist-item-color.yellow{
	background: #ffff99;

}
/* 付箋一覧の色：青 */
.fusenlist-item-color.blue{
	background: #aad5ff;

}
.fusenlist-item-image{
	width:100px;
	height:90px;
	text-align: center;
	margin: 15px auto auto 15px;
	position: absolute;
}

.fusenlist-item-image img{
	border: solid 1px #999;
}

.fusenlist-item-page{
	color:#fff;
	font-size: 0.7rem;
	position: absolute;
	left: 36px;
	bottom: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fusenlist-item-text{
	width: 260px;
    padding: 10px 20px 50px 120px;
}

/* 付箋削除ボタン  */
.btn-fusen-delete{
	width:29px;
	height:29px;
	background: url(../img/parts/common/btn_del_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 25px;
	bottom: 10px;
}

/* 付箋削除ボタン：オーバー  */
.btn-fusen-delete:hover{
	width:29px;
	height:29px;
	background: url(../img/parts/common/btn_del_menu_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 25px;
	bottom: 10px;
}
/* 付箋一覧のヘッダー (PC) */
.fusenlist-header{
	width:100%;
	height:30px;
}


/* 付箋の色絞り込み用 色アイコン */
.menu-fusen-color{
	width:22px;
	height:22px;
	float: left;
    margin-top: 3px;
    margin-left: 5px;
	margin-right: 5px;
}

#menu-fusen-color1{
	background: #ffcccc;
    border: solid 1px #ff9999;
}


#menu-fusen-color2{
	background: #ffff99;
    border: solid 1px #f8e58c;
}

#menu-fusen-color3{
	background: #aad5ff;
    border: solid 1px #55aaff;
}

#menu-fusen-color9{
	background: #eeeeee;
    border: solid 1px #666666;
}

#menu-fusen-all{
	width:24px;
	height:24px;
	margin-left: 10px;
	margin-right: 5px;
	float: left;
	position: relative;

}
#menu-fusen-mini-color1{
	width:20px;
	height:20px;
	background: #ffcccc;
    border: solid 1px #ff9999;
	position: absolute;
	top:0px;
	left:2px;
	z-index: 3;
}
#menu-fusen-mini-color2{
	width:20px;
	height:20px;
	background: #ffff99;
    border: solid 1px #f8e58c;
	position: absolute;
	top:2px;
	left:4px;
	z-index: 2;
}
#menu-fusen-mini-color3{
	width:20px;
	height:20px;
	background: #aad5ff;
    border: solid 1px #55aaff;

	position: absolute;
	top:4px;
	left:6px;
	z-index: 1;
}


#fusenlist-footer{
	position: fixed;
	width: 400px;
	height:35px;
	#f5f5f5;
}

/* 全削除 */

div.btn-fusen-allclear{
	margin-top: 5px;
	margin-right: 10px;
	width : 55px;
	height : 20px;
	background : url(../img/parts/common/btn_all_del_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
	float: right;
}
div.btn-fusen-allclear:hover{
	background : url(../img/parts/common/btn_all_del_menu_on.png);
}

div.btn-fusen-allclear.on{
	background : url(../img/parts/common/btn_all_del_menu_on.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
}




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

    タブレット

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



/* 付箋1件 */
li.sd-fusenlist-item{
	overflow: hidden;
	width: 100%;
	min-height:100px;

    padding:0;
    color: #333;
    border-top: solid 1px #ccc;
	border-bottom: solid 1px #eee;
	position: relative;

	font-size:0.7rem;
}

li.sd-fusenlist-item.active{
	background: rgba(204,204,204,.8);
}

li.sd-fusenlist-item:last-child  {
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

li.sd-fusenlist-item.current{
	background: rgba(153,153,153,.8);
}

/* 付箋一覧の色 */
.sd-fusenlist-item-color{
	width:10px;
	height:100%;
	position: absolute;
	left:0;
}
/* 付箋一覧の色：赤 */
.sd-fusenlist-item-color.red{
	background: #ffcccc;

}
/* 付箋一覧の色：黄 */
.sd-fusenlist-item-color.yellow{
	background: #ffff99;

}
/* 付箋一覧の色：青 */
div.sd-fusenlist-item-color.blue{
	background: #aad5ff;

}
.sd-fusenlist-item-image{
	width:100px;
	height:90px;
	text-align: center;
	margin: 10px auto auto 10px;
	position: absolute;
}

.sd-fusenlist-item-image img{
	border: solid 1px #999;
}

.sd-fusenlist-item-page{
	color:#111;
	font-size: 0.7rem;
	position: absolute;
	left: 120px;
	top: 10px;
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sd-fusenlist-item-text{
	width: 260px;
	padding: 35px 20px 50px 120px;
}

.sd-btn-fusen-delete{
	width:29px;
	height:29px;
	background: url(../img/parts/common-sd/btn_del.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 25px;
	bottom: 10px;
}


/* 全削除 */
div.btn-fusen-allclear.sd{
	margin-top: 5px;
	margin-right: 10px;
	width : 55px;
	height : 20px;
	background : url(../img/parts/common-sd/btn_all_del_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
	float: right;
}

div.btn-fusen-allclear.sp{
	margin-top: 4px;
	margin-right: 10px;
	width : 55px;
	height : 20px;
	background : url(../img/parts/common-sd/btn_all_del_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
	float: right;
}

/* 付箋一覧のヘッダー (タブレット) */
.sd-fusenlist-header{
	width:100%;
	height:30px;
}


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

    スマートフォン

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


/* スマートフォン 付箋メニュー */


/* 付箋の色絞り込み用 色アイコン (スマートフォン) */
.sp-menu-fusen-color{
	width:18px;
	height:18px;
}

/* 付箋色選択ボタンエリア */
.sp-menu-fusen-select-color-box{

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:4px;
    margin-top: 0px;
    margin-left: 8px;
	margin-right: 10px;
	float: left;

}

/* 付箋色選択ボタンエリア 選択状態 */
.sp-menu-fusen-select-color-box.on{
	background: rgba(204,204,204,.8);
}


/* 付箋色選択 全色 */

#sp-menu-fusen-all{
	width:20px;
	height:20px;
	padding-right: 4px;
	float: left;
	position: relative;

}
.sp-menu-fusen-mini-color1{
	width:14px;
	height:14px;
	background: #ffcccc;
    border: solid 1px #ff9999;
	position: absolute;
	top:0px;
	left:2px;
	z-index: 3;
}
.sp-menu-fusen-mini-color2{
	width:14px;
	height:14px;
	background: #ffff99;
    border: solid 1px #f8e58c;
	position: absolute;
	top:2px;
	left:4px;
	z-index: 2;
}
.sp-menu-fusen-mini-color3{
	width:14px;
	height:14px;
	background: #aad5ff;
    border: solid 1px #55aaff;

	position: absolute;
	top:4px;
	left:6px;
	z-index: 1;
}



#sp-menu-fusen{
	display:none;
}


/* 付箋一覧のヘッダー (スマホ) */
.sp-fusenlist-header{
	width:100%;
	height:30px;
}


/* 付箋1件 */
li.sp-fusenlist-item{

	width: 100%;
	min-height:120px;
 	float: left;
    padding:0;
    color: #333;
    //background: rgba(245,245,245,.7);
    border-top: solid 1px #ccc;
	border-bottom: solid 1px #eee;
	position: relative;

	font-size:0.7rem;
}

li.sp-fusenlist-item.active{
	background: rgba(204,204,204,.8);
	cursor: pointer;
	color: #333;
}

li.sp-fusenlist-item:last-child  {
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

li.sp-fusenlist-item.current{
	background: rgba(153,153,153,.8);
}

li.sp-fusenlist-item .sp-btn-delete{
	margin: 0;
	bottom: 10px;
}

/* 付箋一覧の色 */
.sp-fusenlist-item-color{
	width:10px;
	height:100%;
	position: absolute;
	left:0;
}
/* 付箋一覧の色：赤 */
.sp-fusenlist-item-color.red{
	background: #ffcccc;

}
/* 付箋一覧の色：黄 */
.sp-fusenlist-item-color.yellow{
	background: #ffff99;

}
/* 付箋一覧の色：青 */
div.sp-fusenlist-item-color.blue{
	background: #aad5ff;

}



.sp-fusenlist-item-image{
	width:100px;
	height:90px;
	text-align: center;
	margin: 10px auto auto 10px;
	position: absolute;
}

.sp-fusenlist-item-image img{
	border: solid 1px #999;
}

.sp-fusenlist-item-page{
	color:#111;
	font-size: 0.7rem;
	position: absolute;
	left: 120px;
	top: 10px;
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sp-fusenlist-item-text{
	padding: 35px 20px 50px 120px;
}


ul.sp-fusen-color-items{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	text-align: center;
    /*background: #2b2b2b;*/
}
ul.sp-fusen-color-items li{

    margin-left: 5px;
    margin-right: 5px;
	width: 44px;
	height: 44px;

    display: -moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;

	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;


	position: relative;
}

/* 赤色付箋 */
span#sp-fusen-color-red{

	background: url(../img/parts/common-sd/btn_label_r.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	width: 44px;
	height: 44px;

	margin-top: 5px;
	display: block;
}

span#sp-fusen-color-red.selected{
	background: url(../img/parts/common-sd/btn_label_r_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 44px;

	position:absolute;
}

span#sp-fusen-color-yellow{
	background: url(../img/parts/common-sd/btn_label_y.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 44px;

	margin-top: 5px;
	display: block;
}

span#sp-fusen-color-yellow.selected{
	background: url(../img/parts/common-sd/btn_label_y_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 44px;

	position:absolute;
}



span#sp-fusen-color-blue{
	background: url(../img/parts/common-sd/btn_label_b.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 44px;

	margin-top: 5px;
	display: block;
}

span#sp-fusen-color-blue.selected{
	background: url(../img/parts/common-sd/btn_label_b_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 44px;

	position:absolute;
}

span#sp-btn-fusenclose{
	background: url(../img/parts/common-sd/btn_label_close.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 44px;

	margin-top: 5px;
	display: block;
}


li.fusenItem:last-child  {
	border-bottom: solid 2px #555;
}

li.fusenItem.current{
	background: #9c9c9c;
}
/************************************************************
  [ヘッダー用CSS]

 ***********************************************************/


/*
  ヘッダー(PC)
 */
header#header{
	width:100%;
	height:42px;
	top:0;
	left:0;
	min-width:1000px;

	background:#ececec;

    box-shadow          : 0px 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow  : 0px 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow     : 0px 1px 1px 1px rgba(0,0,0,0.2);

	position:fixed;
	z-index:500;
    overflow: hidden;

    display: none;
}

/*
  ヘッダー(タブレット、スマートフォン)
 */
header#header.sd{
	width:100%;
	top:0;
	left:0;
	min-width:0;

	background: rgba(236,236,236,0.9);

    box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2);

	position:fixed;
}

/* スマートデバイス用ヘッダー中央エリア */
header .header-center-sd{
	width: 100%;
	height: 40px;
	position: absolute;
	z-index: 1;
	box-sizing: border-box;
}

/* ヘッダー左エリア */
header#header .header-left{
	height: 35px;
	margin: 4px auto;
	float: left;

}

/* スマートデバイスヘッダー左エリア */
header .header-left-sd{
	width: 400px;
	height: 40px;
	left: 0;
	position: absolute;
	z-index: 2;
}

/* メインロゴ */
header#header .header-left #main_logo{
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 15px;
	float: left;
}

.btn-sns{
	height: 30px;
	margin-top: 8px;
	float: left;
	overflow: hidden;
	display: none;
	width:45%;
	padding-right:10px;
}
/* 幅が一定以上狭くなった場合に、ボタンと重ならないように */
@media screen and (max-width: 1000px) {
	.btn-sns{
		width:320px;
	}
}
@media screen and (min-width:1000px) and (max-width:1200px){
	.btn-sns{
		width:34%;
	}
}

/* 外部連携タグリスト */
ul.externalapi-list{
	height: 30px;
	float: left;
}
ul.externalapi-list li{
	margin-left: 10px;
	float: left;
	height: 100%;
}


.sd-btn-sns{
	width:400px;
	height: 40px;
	margin-top: 10px;
	margin-right:5px;
	float: right;
	overflow: hidden;
}

/*---------------------------------------------------
  ヘッダー右エリア
/*--------------------------------------------------*/
header#header .header-right{
	width: 550px;
	margin: 4px auto;
	/*float: right;*/
	position: absolute;
	right: 0;

}
/* スマートデバイスヘッダー左エリア */
header .header-right-sd{
	width: 50%;
	height:40px;
	position: absolute;
	padding-right: 10px;
	z-index: 2;
	right: 0;
}

.header-right ul{
	list-style-type: none;
	width:160px;
	height:50px;
	padding: 0;
	margin-top: 0;
	float: right;
}
.header-right ul li{
	list-style-type: none;
	float: right;
	margin-right: 5px;
	margin-top: 4px;
}

/*---------------------------------------------------
  ヘルプボタン
/*--------------------------------------------------*/

/*
  ヘルプボタン(PC)
 */
span#btn-help{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_help.png);
	background-repeat: no-repeat;
	float: left;
}

/*
  ヘルプボタン(PC) マウスオーバー
 */
span:hover#btn-help{
	background: url(../img/parts/common/btn_help_on.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
  ヘルプボタン(タブレット、スマートフォン)
 */

div#sd-btn-help{
	width: 29px;
	height: 29px;
	background: url(../img/parts/common-sd/btn_help.png);
	background-repeat: no-repeat;
	background-size: 29px 29px;
	margin: 6px auto auto 5px;
	float: right;
}

div#sd-btn-help:active{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}



/*---------------------------------------------------
  オプションメニューボタン
/*--------------------------------------------------*/

/*
  オプションメニューボタン(PC)
 */
span#btn-option{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_option.png);
	background-repeat: no-repeat;
	float: left;
}

/*
  オプションメニューボタン(PC) マウスオーバー
 */
span:hover#btn-option:not(.disabled){
	background: url(../img/parts/common/btn_option_on.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
  オプションメニューボタン(タブレット、スマートフォン)
 */
div#sd-btn-option{
	width: 29px;
	height: 29px;
	background: url(../img/parts/common-sd/btn_option.png);
	background-repeat: no-repeat;
	background-size: 29px 29px;
	margin: 6px auto auto 5px;
	float: right;
}

/*---------------------------------------------------
  全画面表示ボタン
 --------------------------------------------------*/

/*
  全画面表示ボタン(PC)
 */
span#btn-fullscreen{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_screen_mode.png);
	background-repeat: no-repeat;
	float: left;
	display:none;
}

/*
  全画面表示ボタン(PC) マウスオーバー
 */
span:hover#btn-fullscreen{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_screen_mode_on.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}


/*
  全画面表示解除ボタン(PC)
 */
span#btn-fullscreen.fullscreen{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_screen_mode_exit.png);
	background-repeat: no-repeat;
	float: left;
}

/*
  全画面表示解除ボタン(PC) マウスオーバー
 */
span:hover#btn-fullscreen.fullscreen{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_screen_mode_exit_on.png);
	background-repeat: no-repeat;
	float: left;
}


/*---------------------------------------------------
  印刷ボタン
 --------------------------------------------------*/
span#btn-printout{
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_print.png);
	background-repeat: no-repeat;
	float: left;
	display: none;
}

span:hover#btn-printout:not(.disabled){
	width: 26px;
	height: 26px;
	background: url(../img/parts/common/btn_print_on.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}


/*---------------------------------------------------
  ヘッダータイトル
 --------------------------------------------------*/
.header-title{
	width:100%;
	height:40px;
	line-height: 40px;
	text-align: center;

    font-size: 1.0rem;
    color: #333;
    z-index: 2;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow:ellipsis;
}

#header-left1{
	display: none;
}
#header-left2{
	display: none;
}

/* スマートデバイス用左上メニュー ヒットエリア用 */
.sd-menu-topleft{
	width: 50px;
	height: 42px;
	position: absolute;
	left:0;
	text-align: center;
	z-index: 550;
}

/*
  横ナビゲーションボタン(タブレット、スマートフォン)
 */
#btn-sidenavi-menu{
	width: 29px;
	height: 29px;
	background: url(../img/parts/common-sd/btn_menu.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 6px auto auto 5px;
	float: left;
}

/*
  横ナビゲーションボタン(タブレット、スマートフォン) 選択時
 */
#btn-sidenavi-menu:active{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


#header-right1{
	display: none;
}
#header-right2{
	display: none;
}

/*------------------------------------------------
   全文検索
-------------------------------------------------*/

/* 全文検索設置領域 */
#txtsearch-box{
	float:right;
	width:200px;
	height:26px;
	margin-top: 4px;

	background: #cacaca;
	background: -moz-linear-gradient(top,  #cacaca 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#e2e2e2));
	background: -webkit-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
	background: -o-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
	background: -ms-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
	background: linear-gradient(to bottom,  #cacaca 0%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e2e2e2',GradientType=0 );

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius:2px;
	border-radius: 2px;

	position: relative;

	display: none;

}

/* 検索入力欄フォーム  */
#txtsearch-form{
	width: 196px;
	height: 23px;
	line-height: 23px;
	position: relative;
	margin:2px;

	background: #ededed;

	display: block;
}
/* 全文検索キーワード入力欄 */
#txtsearch-input{
	width: 170px;
	height: 19px;
	top: 1px;
	left: 4px;
	line-height: 19px;
	background: #ededed;
	border: none;
	color: #333;
	position: absolute;

}
/* キーワード検索ボタンアイコン */
.txtsearch-icon{
	width: 11px;
	height:11px;
	top: 5px;
	left: 178px;
	background: url(../img/parts/common/ico_search.png);
	background-repeat: no-repeat;
	position: absolute;
}
.txtsearch-icon:hover{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
	cursor: pointer;
}



/*------------------------------------------------
   ページ検索
-------------------------------------------------*/

#pageinput-box{
	width:170px;
	height:20px;
	line-height: 22px;
	float: right;
	font-size: 12px;
	margin-top: 6px;
}

/*
 ページ入力欄装飾用
 */
.pageinput-frame{
	width: 66px;
	height:22px;

	background: #cacaca;
	background: -moz-linear-gradient(top,  #cacaca 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#e2e2e2));
	background: -webkit-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
	background: -o-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
	background: -ms-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
	background: linear-gradient(to bottom,  #cacaca 0%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e2e2e2',GradientType=0 );

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius:2px;
	border-radius: 2px;

	float: left;
}

/*
 ページ入力欄テキストボックス
 */
.pageinput-input{
	float: left;
	width: 62px;
	height:18px;
	border: none;
	margin: 2px 2px 2px 2px;
	display: block;
	position: relative;
	text-align: right;

    font-size: 12px;
    color:#333;
    padding: 0;
    background: #ededed;
}


input.pageinput-input:focus{
	background: #ededed;
	color: #333;
}
/************************************************************
  [読み込み中ローダー用CSS]

 ***********************************************************/

/* スピナーデザインCSS */
.loader-css {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
}

.loader-css,
.loader-css:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    margin-left: 10px;
    margin-top: 10px;
}

/* パーセント数値CSS */
.loadingPercentage {
    float: left;
    font-size: 1em;
    color: #ffffff;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 120px;
    background: rgba(0,0,0,0) url("../img/parts/common/loader.gif") no-repeat center center;
    background-size: 120px 120px;
    position: absolute;
    z-index: 9999;
    border-radius: 10;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
}

#loader{
    width: 120px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    top: 50%;
    left: 50%;
}
/************************************************************
  [お知らせ用CSS]

 ***********************************************************/

/*
 お知らせオブジェクト(PC、タブレット)
 */
.news-obj{
    width:220px;
    height:80px;
    position: absolute;
    top:50%;
    left:25%;
    font-size: 12px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: solid 1px rgba(64,64,64,0.6);
    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
    background: #ffffff;
    color: #ffffff;
}
.news-obj p{
    overflow: visible;
}


/*
 お知らせオブジェクト(スマートフォン)
 */
.sp-news-obj{
    width:200px;
    height:30px;

    top:50%;
    left:25%;
    background: #999999;
    font-size: 12px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
    -webkit-box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
    box-shadow: 0px 1px 4px rgba(64,64,64,0.2);
    border: solid 1.5px #acacac;
    color: #ffffff;

    position: absolute;

}


/*
 お知らせオブジェクト 上部バー領域(PC、タブレット)
 */
.news-obj-title{
    width:216px;
    height:25px;
    line-height: 25px;
    font-size: 13px;
    border-bottom: solid 1px #ffffff;
    float: left;
    padding-left:4px;
    background:#ffffff;
}

/*
 お知らせオブジェクト 中身(PC、タブレット)
 */
.news-obj-body{
    width:212px;
    height:100%;
    border-top: solid 1px #ffffff;
    float: left;
    padding-left: 5px;
    -moz-user-select:text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    line-height: 100% !important;
    background:#ffffff;
    color:#333333;
}


/*
 お知らせオブジェクト 中身(スマートフォン)
 */
.sp-news-obj-body{
    width:110px;
    height:30px;
    background: rgba(255,255,255,0.9);
    float: left;
}


/*
 お知らせ スクロールバー(PC、タブレット)
 */
.news-obj-body .mCSB_inside>.mCSB_container{
   margin-right: 12px !important;
}

.news-obj .mCSB_dragger_bar{
    background: rgba(153, 153, 153, 1) !important;
}

.news-obj .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(204,204,204,1) !important;
}


/*
 お知らせ閉じるボタン(PC)
 */
a.btn-closenews{
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
    background: url('../img/parts/common/btn_close.png');

    position: absolute;

}

/*
 お知らせ閉じるボタン(PC) マウスオーバー
 */
a:hover.btn-closenews{
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
    background: url('../img/parts/common/btn_close_on.png');

    position: absolute;

}

/*
 お知らせ閉じるボタン(タブレット)
 */
a.btn-closenews.sd{
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
    background: url('../img/parts/common-sd/btn_close.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;

    position: absolute;

}


/*
 お知らせ詳細(スマートフォン)
 */
.sp-news-details{
    display: none;
    position: relative;
    width: 100%;
    height : 100%;
    background:rgba(128,128,128,0.8);
    z-index: 990;
    -moz-box-shadow: 0px 2px 4px rgba(64,64,64,0.4);
    -webkit-box-shadow: 0px 2px 4px rgba(64,64,64,0.4);
    box-shadow: 0px 2px 4px rgba(64,64,64,0.4);
    letter-spacing: 0.5px;
}
.sp-news-details-body{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:rgba(255,255,255,1.0);
    position: absolute;
    z-index: 995;
    border:solid 1px rgba(255,255,255,0.5);
  -moz-user-select:text;
  -webkit-user-select: text;
  -khtml-user-select: text;
    padding: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 90%;
    height: 70%;
    top: 15%;
    left: 5%;
    padding: 10px 0;
}
.sp-news-details-body p{
    overflow: visible;
    margin: 0 15px 0 10px;
}


/*
 お知らせ詳細閉じるボタン(スマートフォン)
 */
#close-news-details{
    background:rgba(45,45,45,0.9);
    background: url('../img/parts/common-sd/btn_close_window.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width:32px;
    height:32px;
    position: absolute;
    top: 12%;
    right: 2%;
    z-index: 996;
}
/************************************************************
  [オプションメニュー用CSS]

 ***********************************************************/

#optionmenu{
	display: none;
}

/*
 チェックボタンアイコン(PC)
 */
.check-options{
	width:16px;
	height:16px;
	background: url('../img/parts/common/chkoptions.png');
	float: left;
	margin: 8px 5px 8px 5px;
}

/*
 チェックボタンアイコン(PC) 選択済
 */
.check-options.on{
	background: url('../img/parts/common/chkoptions_on.png');
}

/*
 チェックボタンアイコン(タブレット)
 */
.check-options.sd{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/chkoptions.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
	margin: 8px 5px 8px 5px;
}

/*
 チェックボタンアイコン(タブレット) 選択済
 */
.check-options.on.sd{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/chkoptions_on.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
}


/*
 チェックボタンアイコン(スマートフォン)
 */
.check-options.sp{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/chkoptions.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
	margin: 18px 12px 18px 12px;
}

/*
 チェックボタンアイコン(スマートフォン) 選択済
 */
.check-options.on.sp{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/chkoptions_on.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
}


/*
 ラジオボタンアイコン(PC)
 */
.radio-options{
	width:16px;
	height:16px;
	background: url('../img/parts/common/btn_radio.png');
	float: left;
	margin: 8px 5px 8px 5px;

}

/*
 ラジオボタンアイコン(PC) 選択時
 */
.radio-options.on{
	width:16px;
	height:16px;
	background: url('../img/parts/common/btn_radio_on.png');
	float: left;
}

/*
 ラジオボタンアイコン(スマートフォン)
 */
.radio-options.sd{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/btn_radio.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
	margin: 8px 5px 8px 5px;

}

/*
 ラジオボタンアイコン(スマートフォン) 選択時
 */
.radio-options.on.sd{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/btn_radio_on.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
}

/*
 表示切替 見開きアイコン(PC)
 */
#opt-icon-two{
	width:18px;
	height:12px;
	margin: 8px 5px 6px 5px;
	background: url('../img/parts/common/opticon_two.png');
	float: left;

}

/*
 表示切替 見開きアイコン(タブレット、スマートフォン)
 */
#opt-icon-two.sd{
	width:18px;
	height:12px;
	margin: 12px 5px 6px 5px;

	background: url('../img/parts/common-sd/opticon_two.png');
	background-repeat: no-repeat;
	background-size: 18px 12px;
	float: left;
}

/*
 表示切替 タンページアイコン(PC)
 */
#opt-icon-unit{
	width:18px;
	height:13px;
	margin: 8px 5px 6px 5px;
	background: url('../img/parts/common/opticon_unit.png');
	float: left;
}

/*
 表示切替 タンページアイコン(タブレット、スマートフォン)
 */
#opt-icon-unit.sd{
	width:18px;
	height:13px;
	margin: 12px 5px 6px 5px;
	background: url('../img/parts/common-sd/opticon_unit.png');
	background-repeat: no-repeat;
	background-size: 18px 13px;
	float: left;
}

/*------------------------------------
 * PC
 *------------------------------------*/

/*
 オプションメニューパネル(PC)
 */
.optionmenu-panel{
	width:250px;
	top:42px;
	right:50px;
	font-size: 12px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 1px #222222;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;
	background: rgba(51,51,51,.9);
    color: #ffffff;
	position: absolute;
	z-index:50;
}



/*
 オプションメニューパネル(タブレット)
 */
.sd-optionmenu-panel{
	position: absolute;
	width:250px;
	top:42px;
	right:50px;
	font-size: 12px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 2px #222222;
	-moz-box-shadow: 0px 0px 7px #333333;
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;
	background: rgba(51,51,51,.9);
    color: #ffffff;
	z-index:50;

}


#panel-option{
	width:100%;
	float: left;
	padding:0;
	border-top: solid 1px #666666;
	font-size: 12px;
}

#sd-panel-option{
	width:100%;
	float: left;
	padding:0;
	border-top: solid 1px #666666;
	font-size: 12px;
}


/* オプションメニューのタイトル */
#optionmenu-panel-title{
	width:100%;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	border-bottom: solid 1px #333;
	float: left;
	cursor: pointer;

}

#optionmenu-panel-title span{
	padding-left:6px;
}


ul.optionmenu-items{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
}

.optionmenu-items .options-title{
	border-bottom: solid 1px #555;
	border-top: none;
}
.optionmenu-items .options-title:hover{
	cursor: default;
}

.options-title label{
	margin-left:5px;
}

.optionmenu-items span{
 	display:block;
    padding:0;

    border-top: solid 1px #555;
	border-bottom: solid 1px #333;
	color: #fff;
	height: 32px;
	line-height: 32px;
}




/*
  オプションメニューのリスト(PC)
 */
.optionmenu-items li{
	width:100%;
	height:30px;
	padding :0;
	color: #fff;
	height: 32px;
	line-height: 32px;
	margin: 0;
}

/*
  オプションメニューのリスト(PC) マウスオーバー
 */
.optionmenu-items li:hover{
 	background: #454545;
 	cursor: pointer;
}

/*
  オプションメニューのリスト(タブレット)
 */
.sd-optionmenu-items li{
	width:100%;
	height:36px;
	padding :0;
	color: #fff;
	line-height: 36px;
}



.optionmenu-items li:first-child{
	border-top: none;
}
.optionmenu-items li:last-child{
	border-bottom: solid 1px #555;
}


/*------------------------------------
 * タブレット
 *------------------------------------*/


.sd-optionmenu-items li:active{
 	cursor: pointer;
 	background: #454545;
}

.sd-optionmenu-items li:first-child{
	border-top: none;
}
.sd-optionmenu-items li:last-child{
	border-bottom: solid 1px #555;
}



/*------------------------------------------------
   スマートフォンオプション
-------------------------------------------------*/

/*
 サイドメニュー内オプション
*/

ul#menu-option{
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 0;
    font-size:0.7rem;
    margin: 0;
    position: relative;
    overflow: hidden;
	background: rgba(51,51,51,.8);
    color: #fff;
	display: none;
}

/*
 オプション1件(スマートフォン)
 */
li.sp-option-item{
    width: 100%;
	height:48px;
	line-height: 48px;
    border-top: solid 1px #757575;
	border-bottom: solid 1px #333;
    font-size:0.9rem;
    float: left;
    padding:0;
    position: relative;
    color:#fff;
}

/*
 オプション1件(スマートフォン) 選択時
 */
li.sp-option-item.active{
	background: rgba(43,43,43,.4);
    color: #fff;
}

/*
 オプションタイトル(スマートフォン)
 */
li.sp-option-item.options-title{
 	display:block;
    padding:0;
    border-top: solid 1px #757575;
	border-bottom: solid 1px #333;
	height: 32px !important;
	line-height: 32px !important;
	background: #444;
	color: #fff;
}

/*
 オプションタイトル(スマートフォン) 選択時
 */
li.sp-option-item.options-title:active{
	background: #444 !important;
}


/*
 オプションラジオボタン(スマートフォン)
 */
.sp-radio-options{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/btn_radio.png');
	background-size: 16px 16px;
	float: left;
	margin: 18px 12px 18px 12px;

}

/*
 オプションラジオボタン(スマートフォン) 選択済
 */
.sp-radio-options.on{
	width:16px;
	height:16px;
	background: url('../img/parts/common-sd/btn_radio_on.png');
	background-size: 16px 16px;
	float: left;
}



/*
 オプション見開き(スマートフォン)
 */
#sp-opt-icon-two{
	width:18px;
	height:12px;
	background: url('../img/parts/common/opticon_two.png');
	float: left;
	margin: 16px 10px 16px 4px;
}

/*
 オプション単ページ(スマートフォン)
 */
#sp-opt-icon-unit{
	width:18px;
	height:13px;
	background: url('../img/parts/common/opticon_unit.png');
	float: left;
	margin: 16px 10px 16px 4px;
}
/************************************************************
  [ページ一覧用CSS]

 ***********************************************************/

/*------------------------------------
 * PC
 *------------------------------------*/

/* ページ一覧全体 */
ul#menu-pagelist{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	font-size:0.7rem;
	margin: 0;
	position: relative;
	overflow: hidden;
}



/* 一覧表示領域 */
ul#pagelist-items{
	width: 100%;
	height: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	font-size:0.7rem;
	letter-spacing: 1px;
}

/*
 ページ一覧メニュー背景色(タブレット)
 */
ul.sd-pagelist-items{
    //background: rgba(239,239,239,.8);
}
/*
 ページ一覧メニュー背景色(スマートフォン)
 */
ul.sp-pagelist-items{
    //background: rgba(239,239,239,.8);
}



/*
 ページ一覧1行分(PC)
 */
li.pagelist-item{
	width:100%;
	display: inline;
 	float: left;
    padding:0;
    border-top: solid 1px #757575;
	border-bottom: solid 1px #333;
}


/*
 ページ一覧1行分(タブレット)
 */
li.sd-pagelist-item{
    width: 100%;
    float: left;
    padding:0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ccc;
}


/*
 ページ一覧1行分(スマートフォン)
 */
li.sp-pagelist-item{
    width: 50%;
    height: 150px;
    padding:0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ccc;
}

/*
 ページ一覧1件分マウスオーバー(PC)
 */
.pagelist-image-item:hover{
    cursor: pointer;
    background: rgba(69,69,69,.7);
}


/*
 ページ一覧1件分選択色(タブレット)
 */
.sd-pagelist-image-item:active{
    cursor: pointer;
    background: rgba(204,204,204,.8);
}


/*
 ページ一覧1件分選択色(スマートフォン)
 */
.sp-pagelist-image-item:active{
    cursor: pointer;
    background: rgba(204,204,204,.8);
}


/*------------------------------------------------
   見開きページ左開き
-------------------------------------------------*/
li.sp-pagelist-item.left{
    float: left;
}


/*------------------------------------------------
   見開きページ右開き
-------------------------------------------------*/
/*
  見開きページ右開き(PC)
 */
li.pagelist-item.right{
    float:right;
}


/*
  見開きページ右開き(スマートフォン)
 */
li.sp-pagelist-item.right{
    float: right;
}

/*------------------------------------------------
   見開きページ最終行
-------------------------------------------------*/

/*
  見開きページ最終行(PC)
 */
li.pagelist-item:last-child{
    border-bottom: solid 2px #555;
}


li.sd-pagelist-item:last-child{

}


/*------------------------------------------------
   単ページ1件
-------------------------------------------------*/
/*
  単ページ1件(PC)
 */
li.pagelist-item-block{
    display: inline;
    float: left;
    padding:0;
    border-top: solid 1px #555;
    border-bottom: solid 1px #333;
}

/*
  単ページ1件(タブレット)
 */
li.sd-pagelist-item-block{
    display: inline;
    float: left;
    padding:0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ccc;
    //background: rgba(245, 245, 245,.8);
}


/*
  単ページ1件(タブレット)
 */
li.sp-pagelist-item-block{
    display: inline;
    float: left;
    padding:0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ccc;
    //background: rgba(245, 245, 245,.8);
}



/*------------------------------------------------
   単ページ選択時
-------------------------------------------------*/


/*
  単ページ1件 右開き(PC)
 */
li.pagelist-item-block.right{
    float:right;
}

/*
  単ページ1件 右開き(タブレット)
 */
li.sd-pagelist-item-block.right{
    float:right;
}


li.sp-pagelist-item:last-child{

}




/* 左端のアイコン領域 */
.pagelist-icon-l{
	width:32px;
	height:150px;
	float:left;
    margin-left: 15px;
}


/* 左端のアイコン領域 */
.sd-pagelist-icon-l{
    width:32px;
    height:160px;
    float:left;
}


/*------------------------------------------------
   左側のサムネイル
-------------------------------------------------*/

/*
 左側のサムネイル領域(PC)
 */
.pagelist-image-l{
	width:150px;
	height:150px;
	float:left;
	position: relative;
}


/*
 左側のサムネイル領域(タブレット)
 */
.sd-pagelist-image-l{
    width:150px;
    height:150px;
    float:left;
    position: relative;
}

/*
 左側のサムネイル領域(スマートフォン)
 */
.sp-pagelist-image-l{
    float:left;
    position: relative;
}



/*------------------------------------------------
   左端のサムネイル領域の画像
-------------------------------------------------*/

/*
 左端のサムネイル領域の画像(PC)
 */
.pagelist-image-l img{
	right:0;
	border: solid 1px #999;
    position: absolute;
}

/*
 左端のサムネイル領域の画像(タブレット)
 */
.sd-pagelist-image-l img{
    right:0;
    border: solid 1px #999;
    position: absolute;
}

/*
 左端のサムネイル領域の画像(スマートフォン)
 */
.sp-pagelist-image-l img{
    right:0;
    border: solid 1px #999;
    position: absolute;
}

/*------------------------------------------------
   左端のサムネイル画像無し領域
-------------------------------------------------*/

/*
 左端のサムネイル画像無し領域
 */
.pagelist-image-l-noimage{
	width:150px;
	height:150px;
	float:left;
	position: relative;
  visibility: hidden;
}


/*
 左端のサムネイル画像無し領域(タブレット)
 */
.sd-pagelist-image-l-noimage{
  width:150px;
  height:150px;
  float:left;
  position: relative;
  visibility: hidden;
}


/*
 左端のサムネイル画像無し領域のimg
 */
.pagelist-image-l-noimage img{
	position: absolute;
	right:0;
	border-right: solid 1px #999;
}


/*
 左端のサムネイル画像無し領域のimg(タブレット)
 */
.sd-pagelist-image-l-noimage img{
  position: absolute;
  right:0;
  border-right: solid 1px #999;
}

/*
 左端のサムネイル画像無し領域(スマートフォン)
 */
.sp-pagelist-image-l-noimage{
  width:150px;
  height:150px;
  float:left;
  position: relative;
    visibility: hidden;
}

/*
 左端のサムネイル画像無し領域のimg(スマートフォン)
 */
.sp-pagelist-image-l-noimage img{
  position: absolute;
  right:0;
  border-right: solid 1px #999;
}



/*------------------------------------------------
   左端のサムネイル領域 単ページ
-------------------------------------------------*/


/* 左側のサムネイル領域:単ページ */
.pagelist-image-l-unit{
    width:150px;
    height:150px;
    float:left;
    position: relative;
}


/* 左端のサムネイル領域の画像:単ページ */
.pagelist-image-l-unit img{
    border: solid 1px #999;
    position: absolute;
}


/* 左側のサムネイル領域:単ページ(タブレット) */
.sd-pagelist-image-l-unit{
    width:150px;
    float:left;
    position: relative;
}


/* 左端のサムネイル領域の画像:単ページ(タブレット) */
.sd-pagelist-image-l-unit img{
    border: solid 1px #999;
    position: absolute;
}



/* 左側のサムネイル領域:単ページ(スマートフォン) */
.sp-pagelist-image-l-unit{
    width:150px;
    float:left;
    position: relative;
}


/* 左端のサムネイル領域の画像:単ページ(スマートフォン) */
.sp-pagelist-image-l-unit img{
    border: solid 1px #999;
    position: absolute;
}


/*------------------------------------------------
   右側のサムネイル
-------------------------------------------------*/


/*
 右側のサムネイル領域(PC)
 */
.pagelist-image-r{
	width:150px;
	height:150px;
	float:left;
	position: relative;
}


/*
 右側のサムネイル領域(タブレット)
 */
.sd-pagelist-image-r{
    width:150px;
    height:150px;
    float:left;
    position: relative;
}


/*
 右側のサムネイル領域(スマートフォン)
 */
.sp-pagelist-image-r{
    float:left;
    position: relative;
}


/*------------------------------------------------
    右側のサムネイル領域の画像
-------------------------------------------------*/

/*
 右側のサムネイル領域の画像(PC)
 */
.pagelist-image-r img{
	position: absolute;
	left:0;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}

/*
 右側のサムネイル領域の画像(タブレット)
 */
.sd-pagelist-image-r img{
    position: absolute;
    left:0;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
}

/*
 右側のサムネイル領域の画像(スマートフォン)
 */
.sp-pagelist-image-r img{
    position: absolute;
    left:0;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
}


.pagelist-image-r.border img{
    position: absolute;
    left:0;
    border: solid 1px #999;
}

/*------------------------------------------------
   右側のサムネイル画像無し領域
-------------------------------------------------*/


/* 右側のサムネイル領域(画像なし) */
.pagelist-image-r-noimage{
	width:150px;
	height:150px;
	float:left;
	position: relative;
  visibility: hidden;
}

/* 右端のサムネイル領域の画像(画像なし) */
.pagelist-image-r-noimage img{
	position: absolute;
	left:0;
}

/* 右側のサムネイル領域(画像なし)(タブレット) */
.sd-pagelist-image-r-noimage{
  width:150px;
  height:150px;
  float:left;
  position: relative;
  visibility: hidden;
}

/* 右端のサムネイル領域の画像(画像なし)(タブレット) */
.sd-pagelist-image-r-noimage img{
  position: absolute;
  left:0;
}


/* 右側のサムネイル領域(画像なし)(スマートフォン) */
.sp-pagelist-image-r-noimage{
  width:150px;
  height:150px;
  float:left;
  position: relative;
  visibility: hidden;
}



/* 右端のサムネイル領域の画像(画像なし)(スマートフォン) */
.sp-pagelist-image-r-noimage img{
  position: absolute;
  left:0;
}


/* 右側のサムネイル領域 */
.pagelist-image-r-unit{
    width:150px;
    height:150px;
    float:left;
    position: relative;
}
/* 右端のサムネイル領域の画像：単ページ */
.pagelist-image-r-unit img{
    position: absolute;
    border: solid 1px #999;
}


/* 右側のサムネイル領域 */
.sd-pagelist-image-r-unit{
    width:150px;
    float:left;
    position: relative;
}

/* 右端のサムネイル領域の画像：単ページ */
.sd-pagelist-image-r-unit img{
    position: absolute;
    border: solid 1px #999;
}


/* 右側のサムネイル領域：単ページ(スマートフォン) */
.sp-pagelist-image-r-unit{
    float:left;
    position: relative;
}


/* 右端のサムネイル領域の画像：単ページ(スマートフォン) */
.sp-pagelist-image-r-unit img{
    position: absolute;
    border: solid 1px #999;
}


/*------------------------------------------------
   右側のアイコン領域
-------------------------------------------------*/

/*
 右端のアイコン領域(PC)
 */
.pagelist-icon-r{
	width:32px;
	height:150px;
	float:left;
	position: relative;
}


/*
 右端のアイコン領域(タブレット、スマートフォン)
 */
.sd-pagelist-icon-r{
    width:32px;
    height:160px;
    float:left;
    position: relative;
}


/*------------------------------------------------
   ページ番号表示領域
-------------------------------------------------*/

/*
 ページ番号表示領域(PC)
 */
.pagelist-image-label{
	color:#fff;
	display: inline;
	position: absolute;
  line-height: 100%;
  bottom: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*
 ページ番号表示領域(タブレット)
 */
.sd-pagelist-image-label{
    display: inline;
    position: absolute;
    line-height: 100%;
    bottom: 1px;
    color:#333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*
 ページ番号表示領域(スマートフォン)
 */
.sp-pagelist-image-label{
    display: inline;
    position: absolute;
    line-height: 100%;
    bottom: 2px;
    color:#333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 左側のページ番号 */
.pagelist-image-label.left{
  left: 10px;
  text-align: left;
}
/* 右側のページ領域 */
.pagelist-image-label.right{
	right: 10px;
	text-align: right;
}

/* 左側のページ番号 */
.pagelist-image-label.center{
    left: 50%;
    text-align: center;
}
/* 右側のページ領域 */
.pagelist-image-label.center{
    left: 50%;
    text-align: center;
}

/* 左側のページ番号 */
.sd-pagelist-image-label.left{
    left: 10px;
    text-align: left;
}
/* 右側のページ領域 */
.sd-pagelist-image-label.right{
    right: 10px;
    text-align: right;
}

/* 左側のページ番号 */
.sd-pagelist-image-label.center{
    text-align: center;
}
/* 右側のページ領域 */
.sd-pagelist-image-label.center{
    text-align: center;
}


/* 左側のページ番号 */
.sp-pagelist-image-label.left{
    left: 10px;
    text-align: left;
}
/* 右側のページ領域 */
.sp-pagelist-image-label.right{
    right: 10px;
    text-align: right;
}

/* 左側のページ番号 */
.sp-pagelist-image-label.center{
    text-align: center;
}
/* 右側のページ領域 */
.sp-pagelist-image-label.center{
    text-align: center;
}

/* 現在のページ番号の背景 */
.current_pagelist{
    background: rgba(69,69,69,.7);;
}
.sd_current_pagelist{
    background: rgba(204,204,204,.8);
}

/*------------------------------------------------
   PDFアイコン
-------------------------------------------------*/


/*
 PDFアイコン(PC)
 */
.icon-pagepdf{
    width:28px;
    height:28px;
    background: url('../img/parts/common/btn_pdf_menu.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 5px auto;
}

/*
 PDFアイコン(タブレット)
 */
.sd-icon-pagepdf{
    width:28px;
    height:28px;
    background: url('../img/parts/common-sd/btn_pdf.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 5px auto;

}

/*
 PDFアイコン(PC) マウスオーバー
 */
.icon-pagepdf:hover{
    cursor: pointer;
    background: url('../img/parts/common/btn_pdf_menu_on.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/*
 PDFアイコン(タブレット) 選択時
 */
.sd-con-pagepdf:active{
	cursor: pointer;
}
/************************************************************
  [紙面画像に関連するパーツ用CSS]
  紙面前後移動バー等
 ***********************************************************/


/*
  紙面厚みUI(左)
 */
#thickness-l{
    position: absolute;
    z-index: 50;
    background:url(../img/parts/common/thickness_l.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/*
  紙面厚みUI(右)
 */
#thickness-r{
    position: absolute;
    z-index: 50;
    background:url(../img/parts/common/thickness_r.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/*
  前後移動バー
 */
.sidebar{
    background:rgba(238,238,238,1.0);
    display:none;
    z-index: 5;
    cursor: pointer;
}

/*
  前後移動バー(拡大時)
 */
.zoomedSidebar{
    background:rgba(238,238,238,0.7);
}



/*
  前後移動バー(左)の矢印アイコン
 */
span#sidebar-icon-l{
	background:url(../img/parts/common/btn_arrow_side_left.png);
	width:12px;
	height:13px;
	position: absolute;
}

/*
  前後移動バー(右)の矢印アイコン
 */
span#sidebar-icon-r{
	background:url(../img/parts/common/btn_arrow_side_right.png);
	width:12px;
	height:13px;
	position: absolute;
}


/*
  前後移動バー(左)の矢印アイコン(retina)
 */
span#sidebar-icon-l.sd{
    background:url(../img/parts/common-sd/btn_arrow_side_left.png);
    width:12px;
    height:13px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
}

/*
  前後移動バー(右)の矢印アイコン(retina)
 */
span#sidebar-icon-r.sd{
    background:url(../img/parts/common-sd/btn_arrow_side_right.png);
    width:12px;
    height:13px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
/************************************************************
  [ページ検索欄用CSS]

 ***********************************************************/


/*------------------------------------------------
   左端移動ボタン
-------------------------------------------------*/

/*
  左端移動ボタン(タブレット)
 */
.sd-btn-moveleftlimit{
	width: 44px;
	height: 44px;
    margin : auto 10px 4px 10px;

	background: url(../img/parts/common-sd/btn_arrow_end_left.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
    float: left;

	position:relative;

}

/*
  左端移動ボタン(スマートフォン)
 */
.sp-btn-moveleftlimit{
    width: 44px;
    height: 44px;
    margin : auto 10px 4px 10px;
    background: url(../img/parts/common-sd/btn_arrow_end_left.png);
    background-repeat: no-repeat;
    background-size: 44px 44px;
    float: left;
    position:relative;
}

/*------------------------------------------------
   右端移動ボタン
-------------------------------------------------*/

/*
  右端移動ボタン(タブレット)
 */
.sd-btn-moverightlimit{
	width: 44px;
	height: 44px;
    margin : auto 10px 4px 4px;

	background: url(../img/parts/common-sd/btn_arrow_end_right.png);
	background-repeat: no-repeat;
	background-size: 44px 44px;
	float: left;
    position:relative;

}

/*
  右端移動ボタン(スマートフォン)
 */
.sp-btn-moverightlimit{
    width: 44px;
    height: 44px;
    margin : auto 10px 4px 4px;
    background: url(../img/parts/common-sd/btn_arrow_end_right.png);
    background-repeat: no-repeat;
    background-size: 44px 44px;
    position:relative;
    float: left;
}




/*------------------------------------------------
   ページ検索欄(タブレット)
-------------------------------------------------*/
/*
  ページ検索欄(タブレット)
 */
div.sd-menu-pagesearch-box{
    width:100%;
    height:50px;
    bottom: 0;

    position: absolute;
    z-index: 410;
}

/*
  ページ検索欄外観(タブレット)
 */
.sd-menu-pagesearch-form{
    width: 200px;
    height: 38px;
    margin-top: 2px;
    margin-left: 5px;
    margin-bottom: 5px;
    background: #cacaca;
    background: -moz-linear-gradient(top,  #cacaca 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #cacaca 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e2e2e2',GradientType=0 );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    float: left;

    position: relative;
    display: block;

}
.sd-menu-pagesearch-inputbox{
    color: #333;
    line-height: 35px;

    width: 195px;
    height: 35px;
    margin: 1px;
    padding: 1px;
    border: none;
    background: #ededed;
    position: absolute;
}


.sd-menu-pagesearch-input{

    font-size:1.0rem;
    color: #333;
    line-height: 34px;
    text-indent: right;
    width: 185px;
    height: 34px;
    margin: 0;
    border: none;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    background: #ededed;
    position: absolute;
}


/*------------------------------------------------
   ページ検索欄(スマートフォン)
-------------------------------------------------*/


/*
  ページ検索欄(スマートフォン)
 */
div.sp-menu-pagesearch-box{
    width:100%;
    height:50px;
    bottom: 0;
    background: rgba(236,236,236,0.9);
    position: absolute;
    z-index: 450;
}

/*
  ページ検索欄外観(スマートフォン)
 */
.sp-menu-pagesearch-form{
    width: 140px;
    height: 41px;
    margin-top: 2px;
    margin-left: 5px;
    margin-bottom: 5px;

    background: #cacaca;
    background: -moz-linear-gradient(top,  #cacaca 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #cacaca 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e2e2e2',GradientType=0 );

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    float: left;

    position: relative;
    display: block;
}

/*
  ページ検索欄入力欄外観(スマートフォン)
 */
.sp-menu-pagesearch-inputbox{
    line-height: 35px;

    width: 134px;
    height: 34px;

    margin: 2px;
    padding: 1px;
    border: none;

    background: #ededed;
    position: absolute;
    color: #333;
}


/*
  ページ検索欄入力欄(スマートフォン)
 */
.sp-menu-pagesearch-input{

    font-size:1.0rem;
    color: #333;
    line-height: 34px; /* 文字の高さ */
    text-indent: right;
    width: 100px; /* 幅 */
    height: 34px; /* 高さ */
    margin: 0;
    border: none;
    padding-top: 0px; /* 余白 */
    padding-right: 5px; /* 余白 */
    padding-bottom: 0px; /* 余白 */
    padding-left: 5px; /* 余白 */
    background: #ededed;
    position: absolute;

}

/*------------------------------------------------
   検索アイコン
-------------------------------------------------*/

/*
 検索アイコン(タブレット)
 common-sd/ico_search.png
 */
#sd-btn-pagesearchicon{
    width: 14px;
    height:14px;
    top: 11px;
    right: 10px;
    position: absolute;
}
/*
 検索アイコン(スマートフォン)
 common-sd/ico_search.png
 */
#sp-btn-pagesearchicon{
    width: 14px;
    height:14px;
    top: 13px;
    right: 10px;
    position: absolute;

}
/************************************************************
  [ポップアップ表示用CSS]

 ***********************************************************/
/* ポップアップ時の背景エリア  */
.popupbox{
    display:none;
    width:100%;
    height:100%;
    margin:0;
    background-color:#000;
    background: rgba(0, 0, 0, 0.7);
    position:fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.popupimg{
    position: absolute;
    background-color:none;
    text-align:center;
    vertical-align:middle;
}
.popupimg img{
    margin:0px auto;
    vertical-align:middle;
    max-width : 100%;
    max-height : 100%;
}

/* ポップアップ閉じるボタン  */
.btn-popup-close{
    position: absolute;
    z-index: 9999;
}
/************************************************************
  [リセット用CSS]

 ***********************************************************/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
/*body{line-height:1}*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/************************************************************
  [定義用CSS]

 ***********************************************************/


/*--------------------------------------------------
 # お知らせ
 お知らせ機能のエディタで埋め込まれるスタイル指定
---------------------------------------------------*/

/** 太字 */
.bold{
    font-weight:bold;
}
/** 太字(Android用) */
.bold2{
    font-weight:bold;
}
/** 文字色：黒 */
.black{
    color:#000000;
}
/** 文字色：グレー */
.gray{
    color:#999999;
}
/** 文字色：白 */
.white{
    color:#ffffff;
}
/** 文字色：赤 */
.red{
    color:#ff0000;
}
/** 文字色：青 */
.blue{
    color:#0080ff;
}
/** 文字色：緑 */
.green{
    color:#00d56a;
}
/** 文字色：黄 */
.yellow{
    color:#ffff00;
}

/** 文字サイズ：小2 */
.size1{
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
    font-size:0.8rem;
    line-height: 1rem !important;
}
/** 文字サイズ：小1 */
.size2{
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
    font-size:0.9rem;
    line-height: 1rem !important;
}
/** 文字サイズ：標準 */
.size3{
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
    font-size:1.0rem;
    line-height: 1rem  !important;
}
/** 文字サイズ：大1 */
.size4{
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
    font-size:1.2rem;
    line-height: 1.2rem !important;
}
/** 文字サイズ：大2 */
.size5{
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
    font-size:1.4rem;
    line-height: 1.4rem  !important;
}
/************************************************************
  [サイドメニュー用CSS]
  サイドメニューとカスタムナビゲーションのスタイルを記述

 ***********************************************************/

.sd-btn-delete{
	position: absolute;
	right: 40px;
	bottom: 6px;
	width:29px;
	height:29px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_del.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

}
.sp-btn-delete{
	width:29px;
	height:29px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_del.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 40px;
	bottom: 6px;
}


/*------------------------------------
 * サイドメニュー
 *------------------------------------*/

/* サイドメニュー全体(PC) */
#sidemenu{
	position: absolute;
	width:400px;
	height: 100%;
	top:42px;
	left:0px;
	overflow: hidden;
	background: rgba(51,51,51,.7);
	z-index:60;
	display: none;
}

/* サイドメニュー全体(タブレット) */
#sidemenu.sd{
	position: fixed;
	width:400px;
	height: 100%;
	top:42px;
	left:0px;
	overflow: hidden;
	background: rgba(245, 245, 245,.8);
	z-index:60;
	display: none;
}

/* サイドメニュー全体(スマホ) */
#sidemenu.sp{
	position: fixed;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	overflow: hidden;
	background: rgba(245, 245, 245,.8);
	z-index:60;
	display: none;
}


/* カスタムナビゲーション */
#sd-sidemenu-navi{
	position: fixed;
	width:0px;
	height: 100%;
	top : 0;
	left : 0;
	border-right:solid 1px #555;
	filter:alpha(opacity=9);
	-moz-opacity: 0.9;
	opacity: 0.9;
	background: #333;
	z-index:450;
	display: none;
}

/* カスタムナビゲーションメニュー全体 */
ul#sd-sidemenu-items{
	list-style-type: none;
	font-size:0.8rem;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

/* 1件分 */
li.sd-sidemenu-item{
	width:100%;
	height:48px;
	line-height: 48px;
    border-top: solid 1px #555;
	border-bottom: solid 1px #333;
	background: #444;
	color:#fff;
	position: relative;
}

li.sd-sidemenu-item.active{
	background: rgba(43,43,43,.4);
}


/* 押しても反転させない */
li.sd-sidemenu-item-unavailable{
	width:100%;
	height:48px;
	background: #444;
	/*line-height: 48px;*/
    border-top: solid 1px #555;
	border-bottom: solid 1px #333;
	color:#fff;
	position: relative;
}


.sd-sidemenu-item-icon{
	width:34px;
	height:34px;
	color:#fff;
	padding: 0;
	margin-top: 8px;
}

/* ページ一覧 */
.sd-icon-pagelist{
	width:34px;
	height:34px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_thumbnail_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float: left;
}

/* 関連リンク */
.sd-icon-booklink{
	width:34px;
	height:34px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_link_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


/* 全ページPDF */
.sd-icon-bookpdf{
	width:34px;
	height:34px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_pdf_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* 閲覧履歴 */
.sd-icon-browsinghistory{
	width:34px;
	height:34px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_history_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* オプション */
.sd-icon-option{
	width:34px;
	height:34px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_option_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.sd-sidemenu-item-text{
	height:48px;
	line-height: 50px;
	position: absolute;
	left:40px;
	top:0;
	display: inline;
	white-space: nowrap;
}


/* 付箋一覧 */
.sd-icon-fusenlist{
	width:32px;
	height:32px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_label_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/* 切り抜き */
.sd-icon-croplist{
	width:32px;
	height:32px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_clipping_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* ページ移動 */
.sd-icon-pagesearch{
	width:32px;
	height:32px;
	margin: 2px auto auto 2px;
	background: url(../img/parts/common-sd/btn_page_move_menu.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


/* メニュー戻るボタンエリア */
#btn-back-menu{
	width: 40px;
	height:36px;
	position: absolute;
	left: 0;
}


/* 外部連携サービスタグ */
#navi-sns{
	display: none;
}

#externalapi-items ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#externalapi-items li{
	padding: 10px;
	margin: 0;
}


/*------------------------------------------------
   サイドメニュー ヘッダー
-------------------------------------------------*/

/* PC */
#sidemenu-header{
	width:100%;
	height:30px;
	line-height: 30px;
	font-size:0.8rem;
	color:#fff;
}


/* スマートデバイス用サイドメニューヘッダー */
#sd-menu-title-bar{
	position: absolute;
	width:100%;
	height:36px;
	line-height: 36px;
	font-size:0.8rem;
	top : 0;
	background: rgba(255,255,255,0.9);
	color:#333;
	z-index:60;
	display: none;
}

/* ヘッダータイトル文字 */
span#sidemenu-header-title{

}

.sidemenu-header-title{
	margin-left: 6px;
}

/*バー黒色の場合 */
#sd-menu-title-bar.black{
	width:100%;
	height:36px;
	top : 0;
	line-height: 36px;
	font-size:0.8rem;
	position: absolute;
    border-top: solid 1px #555;
	border-bottom: solid 1px #333;
	background: rgba(32,32,32,1.0);
	color:#fff;
	z-index:60;
	display: none;
}

/* メニュータイトル文字 */
.sd-menu-title{
	font-size: 1.0rem;
	width: 100%;
	height:36px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	z-index: 1;
}


/* スマートデバイス用サイドメニューヘッダー */
#sd-sidemenu-header{
	font-size:0.8rem;
	width:100%;
	height:36px;
	line-height: 36px;
	color:#333;
}

.sd-sidemenu-title{
	text-align: center;
	width: 100%;
	height:36px;
	line-height: 36px;
	position: absolute;
	z-index: 1;
}

/* サイドメニューのタイトル(スマホ) */
.sp-sidemenu-title{
	width: 100%;
	height:36px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	z-index: 1;
}
/* サイドメニューのタイトル(黒色) */
.sp-sidemenu-title.black{
	width: 100%;
	height:36px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	background: rgba(51,51,51,.8);
	color:#ffffff;
	z-index: 1;
}

/* サイドメニューヘッダーの左矢印 */
.sidemenu-arrow-l{
	top:8px;
	left:4px;
	width:29px;
	height:21px;
	background: url(../img/parts/common-sd/btn_arrow_menu_left.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 2;
}

/* サイドメニューヘッダーの右矢印 */
.sidemenu-arrow-r{
	top:6px;
	right:40px;
	width:44px;
	height:16px;
	background: url(../img/parts/common-sd/btn_arrow_menu_right.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 2;
}


/*------------------------------------------------
   サイドメニュー閉じるボタン
-------------------------------------------------*/

/* サイドメニュー閉じるボタン */
button#btn-closemenu{
	top: 8px;
	right: 6px;
	width: 16px;
	height: 16px;
	background: url(../img/parts/common/btn_close.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
}
/* サイドメニュー閉じるボタン：オーバー */
button#btn-closemenu:hover{
	width: 16px;
	height: 16px;
	background: url(../img/parts/common/btn_close_on.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
}

/*------------------------------------------------
   サイドメニュー最大化ボタン
-------------------------------------------------*/
button.btn-menu-maxmin{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 30px;
	top: 8px;
	background: url(../img/parts/common/btn_wide.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 2;
}
/*------------------------------------------------
   サイドメニュー最大化から折りたたむボタン
-------------------------------------------------*/
button.btn-menu-maxmin.max{
	top: 8px;
	right: 30px;
	width: 16px;
	height: 16px;
	background: url(../img/parts/common/btn_narrow.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 2;
}


/*------------------------------------------------
   サイドメニュー最大化ボタン(タブレット)
-------------------------------------------------*/
button.sd-btn-menu-maxmin{
	top: 8px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../img/parts/common-sd/btn_wide.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 2;
}
/*------------------------------------------------
   サイドメニュー最大化ボタン(タブレット)
-------------------------------------------------*/
button.sd-btn-menu-maxmin.max{
	top: 8px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../img/parts/common-sd/btn_narrow.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 2;
}

/* サイドメニューフッター */
#sidemenu-footer{
	font-size:0.9rem;
	left: 0px;
	bottom: 0px;
	width:100%;
	height:30px;
	line-height: 200%;
	background: #333;
	color:#fff;
	position: absolute;
	display: none;
}

/* サイドメニューローディング */
#menu-loading{
	background: url(../img/parts/common/menu_loading.png);
	width: 60px;
	height: 60px;
	background-size:60px 60px;
	position: absolute;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
.sd #menu-loading{
	width: 30px;
	height: 30px;
	background-size:30px 30px;
}
.sp #menu-loading{
	width: 30px;
	height: 30px;
	background-size:30px 30px;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/************************************************************
  [全文検索用CSS]

 ***********************************************************/

/* 全文検索メニュー全体 */
ul#menu-txtsearch{
    font-size:0.8rem;
    list-style-type: none;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: #fff;
    position: relative;
    display:none;
}


/* 検索ワード1 */
.list-searchKeyword{
    font-weight:bold;
    color: #ffcc00;
}

/* 検索ワード2 */
.list-searchKeyword2{
    font-weight:bold;
    color: #ffcc00;
}



/* 全文検索結果一覧のヘッダー部 */
li#menu-txtsearch-result-header{
    width:100%;
    height:30px;
    float: left;
    padding:0;
    border-top: solid 1px #555;
    border-bottom: solid 1px #555;
}

/*------------------------------------------------
   全文検索結果
-------------------------------------------------*/

/*
 全文検索結果(PC)
 */
ul.txtsearch-result-items{
    font-size:0.8rem;
    list-style-type: none;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: #fff;
    position: relative;
}


/*
 全文検索結果(タブレット)
 */
ul.sd-txtsearch-result-items{
    list-style-type: none;
    font-size:0.8rem;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: #fff;
    position: relative;
}



ul.sp-txtsearch-result-items{
    width: 100%;
    height: 100%;
    top: 50px;
    list-style-type: none;
    padding: 0;
    font-size:0.8rem;
    margin: 0;
    position: relative;
    overflow: hidden;
    color: #111;
}

/*------------------------------------------------
   全文検索結果1件分
-------------------------------------------------*/

/*
 全文検索結果1件分(PC)
 */
li.txtsearch-result-item{
    width:100%;
    height:80px;
    padding:0;
    border-bottom: solid 1px #757575;
    float: left;
    position: relative;
}

/*
 全文検索結果1件分(PC) マウスオーバー
 */
li.txtsearch-result-item:hover{
    cursor: pointer;
    background: rgba(69,69,69,.7);
    color: #fff;
}

/*
 全文検索結果1件分(タブレット)
 */
li.sd-txtsearch-result-item{
    width:100%;
    height:80px;
    float: left;
    padding:0;
    border-bottom: solid 1px #ccc;

    position: relative;
}

/*
 全文検索結果1件分(タブレット) 選択時
 */
li.sd-txtsearch-result-item:active{
    background: rgba(204,204,204,.8);
    color: #fff;
}

/*
 全文検索結果1件分(スマートフォン)
 */
li.sp-txtsearch-result-item{
    width:100%;
    height:80px;
    float: left;
    padding:0;
    border-bottom: solid 1px #ccc;
    position: relative;
}

/*
 全文検索結果1件分(スマートフォン) 選択時
 */
li.sp-txtsearch-result-item:active{
    background: rgba(207,207,207,.8);
    cursor: pointer;
    color: #222;
}


/*------------------------------------------------
   全文検索結果:last-child
-------------------------------------------------*/

li.txtsearch-result-item:last-child  {
    border-bottom: solid 1px #757575;
}

li.sd-txtsearch-result-item:last-child  {
    border-bottom: solid 1px #ccc;
}


li.sp-txtsearch-result-item:last-child  {
    border-bottom: solid 1px #ccc;
}

/*------------------------------------------------
   検索結果ヒット数とページ番号領域
-------------------------------------------------*/

/*
 検索結果ヒット数とページ番号領域(PC)
 */
li.txtsearch-result-pagezone{
    width:100%;
    height:30px;
    float: left;
    padding:0;
    background:  rgba(128,128,128,0.7);
    border-bottom: solid 1px #757575;

    position: relative;
}
li.txtsearch-result-pagezone:first-child{
    border-top: solid 1px #757575;
}

/*
 検索結果ヒット数とページ番号領域(タブレット)
 */
li.sd-txtsearch-result-pagezone{
    width:100%;
    height:30px;
    padding:0;
    float: left;
    background: rgba(204,204,204,.8);
    border-bottom: solid 1px #ccc;

    position: relative;

}
li.sd-txtsearch-result-pagezone:first-child{
    border-top: solid 1px #ccc;
}

/*
 検索結果ヒット数とページ番号領域(スマートフォン)
 */
li.sp-txtsearch-result-pagezone{
    width:100%;
    height:30px;
    padding:0;
    background:  rgba(204,204,204,0.8);
    border-bottom: solid 1px #ccc;
    float: left;

    position: relative;
}
li.sp-txtsearch-result-pagezone:first-child{
    border-top: solid 1px #ccc;
}


/*------------------------------------------------
   検索結果ページ番号
-------------------------------------------------*/

/*
 検索結果ページ番号(PC)
 */
div.txtsearch-result-pageno{
    font-size: 0.8rem;
    color:#fff;
    line-height: 30px;
    text-align: left;

    width: 40%;
    height: 30px;
    margin-left: 10px;

    float: left;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*
 検索結果ページ番号(タブレット)
 */
div.sd-txtsearch-result-pageno{
    font-size: 0.8rem;
    color:#333;
    line-height: 30px;
    text-align: left;
    width: 40%;
    height: 30px;
    margin-left: 10px;

    float: left;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*
 検索結果ページ番号(スマートフォン)
 */
div.sp-txtsearch-result-pageno{
    font-size: 0.8rem;
    color:#333;
    text-align: left;
    line-height: 30px;

    width: 40%;
    height: 30px;
    margin-left: 10px;

    float: left;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*------------------------------------------------
   検索結果ヒット数
-------------------------------------------------*/

/*
 検索結果ヒット数(PC)
 */
div.txtsearch-result-hit{
    font-size: 0.7rem;
    text-align: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    float: right;
    color:#fff;
}

/*
 検索結果ヒット数(タブレット)
 */
div.sd-txtsearch-result-hit{
    font-size: 0.7rem;
    color:#333;
    text-align: left;
    line-height: 30px;

    width: 120px;
    height: 30px;
    float: right;
}

/*
 検索結果ヒット数(スマートフォン)
 */
div.sp-txtsearch-result-hit{
    font-size: 0.7rem;
    color:#333;
    line-height: 30px;
    text-align: left;
    width: 100px;
    height: 30px;
    float: right;
}


/*------------------------------------------------
   全文検索結果ヒット文字列
-------------------------------------------------*/


/*
 全文検索結果ヒット文字列(PC)
 */
div.txtsearch-result-text{
    font-size: 0.7rem;
    text-align: left;
    letter-spacing: 1px;
    word-wrap: break-word;
    width: 90%;
    height: 50px;
    top:28px;
    left:10px;
    float: left;
    position: absolute;
}


/*
 全文検索結果ヒット文字列(タブレット)
 */
div.sd-txtsearch-result-text{
    font-size: 0.7rem;
    text-align: left;
    letter-spacing: 1px;
    word-wrap: break-word;
    width: 90%;
    height: 50px;
    top:28px;
    left:10px;

    color:#333;
    float: left;
    position: absolute;
}

/*
 全文検索結果ヒット文字列(スマートフォン)
 */
div.sp-txtsearch-result-text{
    font-size: 0.7rem;
    text-align: left;
    letter-spacing: 1px;
    word-wrap: break-word;

    width: 90%;
    height: 40px;
    top:28px;
    left:10px;
    color:#333;
    float: left;
    position: absolute;
}



/*------------------------------------------------
   全文検索クリアボタン
-------------------------------------------------*/

/*
 全文検索クリアボタン(PC)
 */
.btn-clear-txtsearch{
    width : 55px;
    height : 20px;
    right:-80px;
    margin-top: 5px;
    margin-left: 10px;
    background : url(../img/parts/common/btn_clear_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}

/*
 全文検索クリアボタン(PC) マウスオーバー
 */
.btn-clear-txtsearch:hover{
    width : 55px;
    height : 20px;
    background : url(../img/parts/common/btn_clear_menu_on.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
}

/*
 全文検索クリアボタン(タブレット)
 */
.sd-btn-clear-txtsearch{
    width : 55px;
    height : 20px;
    right:-80px;
    margin-top: 5px;
    margin-left: 10px;
    background : url(../img/parts/common-sd/btn_clear_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}

/*
 全文検索クリアボタン(タブレット) 選択時
 */
.sd-btn-clear-txtsearch:active{
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;

}

/*
 全文検索クリアボタン(スマートフォン)
 */
.sp-btn-clear-txtsearch{

    width : 55px;
    height : 20px;
    top:8px;
    right:-65px;

    background : url(../img/parts/common-sd/btn_clear_menu.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}

/*
 全文検索クリアボタン(スマートフォン) 選択時
 */
.sp-btn-clear-txtsearch:active{
    width : 55px;
    height : 20px;
    background : url(../img/parts/common-sd/btn_clear_menu_on.png);
    background-size: 55px 20px;
    background-repeat: no-repeat;

}

/*------------------------------------------------
   サイドメニュー内の全文検索パネル(PC,タブレット共通)
-------------------------------------------------*/


/* サイドメニュー内の全文検索フォーム<form>  */
#menu-txtsearch-form{
    width: 260px;
    height: 30px;
    margin-left:10px;
    margin-top: 10px;
    margin-bottom: 10px;

    background: #000000;
    background: -moz-linear-gradient(top,  #cacaca 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #cacaca 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e2e2e2',GradientType=0 );

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    position: relative;
    display: block;

}

/* サイドメニュー内の全文検索入力エリア<div> */
#menu-txtsearch-inputbox{
    border: none;
    width: 256px;
    height: 26px;
    line-height: 26px;
    margin: 2px;
    color: #333;
    background: #ededed;
    position: absolute;
}

/* サイドメニュー内の全文検索入力欄<input> */
#menu-txtsearch-input{
    border: none;
    width: 225px;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    color: #333;
    background: rgba(237,237,237,.7);
    position: absolute;
}


/* キーワード検索ボタンアイコン<img> */
#btn-txtsearchicon{
    width: 11px;
    height:11px;
    top: 7px;
    right: 10px;
    position: absolute;

}

/* キーワード検索ボタンアイコンヒットエリア<div> */
.icon-search-box{
    width: 26px;
    height: 26px;
    right: 0;
    margin: 2px;
    float: right;
    position: absolute;
}

/* キーワード検索ボタンアイコンヒットエリアオーバー<div> */
.icon-search-box:hover{
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    cursor: pointer;
}


/* サイドメニュー内の全文検索パネル(PC) */
.txtsearchlist-items div#menu-txtsearch-box{
    border-top: solid 1px #757575;
    width:100%;
    height:50px;
}


/* サイドメニュー内の全文検索パネル(タブレット) */
.sd-txtsearchlist-items div#menu-txtsearch-box{
    border-top: solid 1px #ccc;
    width:100%;
    height:50px;
}


/*------------------------------------------------
   全文検索入力欄(スマートフォン)
-------------------------------------------------*/

div#sp-menu-txtsearch-box{
    width:100%;
    height:50px;
    top: 0;
    position: absolute;
}

#sp-menu-txtsearch-form{
    width: 96%;
    height: 41px;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;

    background: #cacaca;
    background: -moz-linear-gradient(top,  #cacaca 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #cacaca 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #cacaca 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e2e2e2',GradientType=0 );

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    position: relative;
    display: block;
}
#sp-menu-txtsearch-inputbox{
    height: 35px;
    line-height: 35px;
    margin: 2px;
    padding: 1px;
    border: none;
    color: #333;
    background: #ededed;
    position: absolute;

}


#sp-menu-txtsearch-input{
    font-size:1.0rem;
    width: 90%;
    height: 34px;
    line-height: 34px;
    margin: 0;

    border: none;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    color: #333;
    background: #ededed;
    position: absolute;
}


/* キーワード検索ボタンアイコン */
#sp-btn-txtsearchicon{
    width: 15px;
    height:15px;
    top: 11px;
    right: 10px;
    position: absolute;
}
/************************************************************
  [吹き出し説明CSS]

 ***********************************************************/

#powerTip {
	font-size: 12px;
	color:#fff;
	text-align: center;
	padding: 0;
}

/* ページスライダーツールチップ */
#tip{
	display:none;
}


#tooltip-left{
	text-align: center;
	width:90px;
	height:120px;
	float: left;
}
#tooltip-right{
	width:90px;
	height:120px;
	float: left;
}

#tooltip-unit{
	text-align: center;
	width:100%;
	height:120px;
	margin: 0 auto;
	float: left;
	display: none;
}

.tooltip-image-unit{
	margin: 0 auto;
	border: solid 1px #999;
}
#tooltip-label-unit{
	line-height: 20px;
	text-align: center;

	width:100%;
	height:20px;
	margin: 0 auto;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.tooltip-label{
	line-height: 20px;
	text-align: center;
	color: #fff;

	width:75px;
	height:20px;
	float: left;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#tooltip-label-l{
	float: left;
}
#tooltip-label-r{
	float: right;
}
.tooltip-image-l{
	float:right;
	border: solid 1px #999;
}
.tooltip-image-r{
	float:left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}

.tooltip-box {
	font-size: 12px;
	color: #fff;
	width: 180px;
	height:120px;

	-moz-box-shadow: 0px 0px 7px #333333;
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;
	border: 2px solid rgba(128, 128, 128, 0.5);
	background: #333;
	position: relative;
	z-index: 100;

}
.tooltip-box:after, .tooltip-box:before {
	width: 0;
	height: 0;
	top: 100%;
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
}

.tooltip-box:after {
	left: 50%;
	margin-left: -10px;

	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333;
	border-width: 10px;
}
.tooltip-box:before {
	left: 50%;
	margin-left: -13px;

	border-color: rgba(153, 153, 153, 0);
	border-top-color: #999;
	border-width: 13px;
}
/************************************************************
  [拡大表示範囲用CSS]

 ***********************************************************/


/*------------------------------------------------
   拡大表示範囲(PC,タブレット共通)
-------------------------------------------------*/

/* 拡大表示エリアパネル */
#panel-zoomarea{
	font-size: 12px;
    color: #ffffff;

    width: 214px;
    height:192px;

    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;

    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;

    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;

    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;

    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;

    position: absolute;
	z-index:60;

}

#panel-zoomarea.closed{
    height:26px;
}

#panel-zoomarea-title{
    line-height: 25px;
    font-size: 13px;

	width:206px;
	height:25px;
    padding-left:4px;

    border: solid 2px #222222;
	border-bottom: solid 1px #333333;
	-webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;

    background: rgba(51,51,51,.9);

    float: left;

    cursor: pointer;

}

/*
 拡大表示エリア開閉ボタン
 */
.btn-zoomarea-openclose{
	width:16px;
	height:16px;
    top : 6px;
	right : 10px;
    padding: 2px;
    position: absolute;

}
/*
 拡大表示エリア開閉ボタン[開]
 */
.btn-zoomarea-openclose.open{
	width:16px;
	height:16px;
	background: url('../img/parts/common/btn_minimize.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
/*
 拡大表示エリア開閉ボタン[閉]
 */
.btn-zoomarea-openclose.close{
	width:16px;
	height:16px;
	position: absolute;
	background: url('../img/parts/common/btn_maximize.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

/*
 拡大表示エリア開閉ボタン[開](タブレット)
 */
.btn-zoomarea-openclose.open.sd{
    width:16px;
    height:16px;
    background: url('../img/parts/common-sd/btn_minimize.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

/*
 拡大表示エリア開閉ボタン[閉]
 */
.btn-zoomarea-openclose.close.sd{
    width:16px;
    height:16px;
    background: url('../img/parts/common-sd/btn_maximize.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    position: absolute;

}

/*
 拡大表示エリア
 */
#panel-zoomarea-body{

    font-size: 12px;
    text-align: center;

	width:206px;
	height:155px;
	top: 28px;
	left : 0;

	padding:4px;

    border-top: solid 1px #666666;

	-webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;

	-webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;

    background: rgba(51,51,51,.9);

    float: left;
    position: absolute;

}


/*
 サムネイル画像表示領域
 */
.panel-zoomarea-image-box{
    text-align: center;
	width:200px;
	height:140px;
	margin: 0;

	position: relative;
	overflow: hidden;
}


/*
 サムネイル画像表示領域[左]
 */
.panel-zoomarea-image-box-l{
    text-align: center;
	margin: auto;
	padding: 0;
    float: left;

}
.panel-zoomarea-image-box-l span{
	float: right;
}

/*
 サムネイル画像表示領域[右]
 */
.panel-zoomarea-image-box-r{
    text-align: center;
	margin: auto;
	padding: 0;
    float: left;
}
.panel-zoomarea-image-box-r span{
	float: left;
}

div#panel-zoomarea-btn-box{
	text-align: center;
	width: 100%;
	bottom : 5px;
    padding:0;
    position: absolute;

}

/*
 拡大解除ボタン(PC)
 */
.panel-zoomarea-releaseicon{
    width:68px;
    height:20px;
    top : 4px;
    right : 40px;

	background: url('../img/parts/common/btn_zoom_release_menu.png');
    background-size: 68px 20px;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
}

/*
 拡大解除ボタン(PC) マウスオーバー
 */
.panel-zoomarea-releaseicon:hover{
	background: url('../img/parts/common/btn_zoom_release_menu_on.png');
    background-size: 68px 20px;
    background-repeat: no-repeat;
	cursor: pointer;
}

/*
 拡大解除ボタン(タブレット)
 */
.sd-panel-zoomarea-releaseicon{
    width:68px;
    height:20px;
    top : 4px;
    right : 40px;

    background: url('../img/parts/common-sd/btn_zoom_release_menu.png');
    background-size: 68px 20px;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;

}


/*
 ドラッグで移動する拡大範囲の赤枠エリア
 */
#panel-zoomarea-selectarea{
    width:50px;
    height:50px;
    top:0;
    left:0;
    padding: 0;

    border: solid 1px #cc0000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    position: absolute;
    overflow: hidden;

    cursor : move;
    background: url('../img/system/space.png');
}



/* 影上付き */
#zoommask-cover-t{
	width:300px;
	height:150px;
	background: #333333;
		opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	position: absolute;
}
/* 影左付き */
#zoommask-cover-l{
	width:200px;
	height:54px;
	background: #333333;
		opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	position: absolute;
}

/* 影右付き */
#zoommask-cover-r{
	width:200px;
	height:54px;
	background: #333333;
		opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	position: absolute;
}


/* 影下付き */
/*   □□□   */
/*   □●□   */
/*   □■□   */
#zoommask-cover-b{
	width:300px;
	height:150px;
	background: #333333;
		opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	position: absolute;
}

.panel-zoomarea-image-l{
	position: absolute;
}
.panel-zoomarea-image-r{
	position: absolute;
}