@charset "UTF-8";

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

modules.css

--------------------------------------------------------------------------------
Modules [for PC]
	0. innerBlock
	1. lay2col (layout two column)
	2. lay3col (layout three column)
	3. ruby
	4. customScrollWindow
	33.digitalTextbookMenuContent (indexForSuccess)
	34.subLocation
	70.errors
	80.colorbox
	81.preferences
	82.signDetail
	83.errorOnColorbox
	84.resultConfirmOnColorbox
	85.termDetailContent
	86.endConfirmOnColorbox
	87.rangeConfirmOnColorbox
	90.answerbook
	91.answerbookContents
	92.movie
	93.iPad scroll caption
	99.clearfix

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

/* -----------------------------------------------------------------------------
	0. innerBlock
----------------------------------------------------------------------------- */

.innerBlock {
	position : relative;
	margin   : 0;
	padding  : 0;
	}

/* -----------------------------------------------------------------------------
	1. lay2col
----------------------------------------------------------------------------- */

.lay2col {
	position : relative;
	clear    : both;
	width    : 100%;
	margin   : 0;
	padding  : 0;
	}
	.lay2col .col1 {
		position : relative;
		float    : left;
		width    : 50%;
		}
	.lay2col .col2 {
		position : relative;
		float    : right;
		width    : 50%;
		}
.lay2col:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
.lay2col { display : inline-block; }
/* Hides from IE-mac \*/
* html .lay2col { height : 1%; }
.lay2col { display : block; }

/* -----------------------------------------------------------------------------
	2. lay3col
----------------------------------------------------------------------------- */

div.lay3col {
	position : relative;
	clear    : both;
	width    : 100%;
	margin   : 0;
	padding  : 0;
	}
	div.lay3col div.col1 {
		position : relative;
		float    : left;
		width    : 33%;
		}
	div.lay3col div.col2 {
		position : relative;
		float    : left;
		width    : 33%;
		}
	div.lay3col div.col3 {
		position : relative;
		float    : left;
		width    : 33%;
		}
div.lay3col:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
div.lay3col { display : inline-block; }
/* Hides from IE-mac \*/
* html div.lay3col { height : 1%; }
div.lay3col { display : block; }

/* -----------------------------------------------------------------------------
	3. ruby
----------------------------------------------------------------------------- */

ruby {
	line-height    : 1 !important;
	}

ruby > rb, ruby > rbc {
	line-height    : 1.2 !important;
	}

ruby > rt, ruby > rbc + rtc {
	font-size      : 9px !important;
	line-height    : 1.2 !important;
	}

ruby > rbc + rtc + rtc {
	line-height    : 1 !important;
	}

/* -----------------------------------------------------------------------------
	4. customScrollWindow
----------------------------------------------------------------------------- */

.customScrollBox {
	position : relative;
	height   : 100%;
	overflow : hidden;
	}
	.customScrollBox .container {
		position : relative;
		top      : 0;
		float    : left;
		width    : 100px;
		}
		.customScrollBox .container .content {
			clear : both;
			}
	.customScrollBox .dragger_container {
		position : relative;
		float    : left;
		width    : 14px;
		height   : 100px;
		margin   : 20px 0 0 16px;
		cursor   : pointer;
		cursor   : s-resize;
		}
		.customScrollBox .dragger_container .dragger {
			position              : absolute;
			width                 : 12px;
			height                : 40px;
			color                 : #666666;
			text-align            : center;
			line-height           : 40px;
			overflow              : hidden;
			cursor                : pointer;
			-moz-border-radius    : 6px;
			-khtml-border-radius  : 6px;
			-webkit-border-radius : 6px;
			border-radius         : 6px;
			background            : #949494;
			}

		.customScrollBox .dragger_container .dragger_pressed {
			position              : absolute;
			left                  : -1px;
			width                 : 14px;
			height                : 40px;
			color                 : #666666;
			line-height           : 40px;
			text-align            : center;
			overflow              : hidden;
			cursor                : s-resize;
			-moz-border-radius    : 7px;
			-khtml-border-radius  : 7px;
			-webkit-border-radius : 7px;
			border-radius         : 7px;
			background            : #949494;

			}
.scrollUpBtn,
.scrollDownBtn {
	position            : absolute;
	right               : 9px;
	display             : inline-block;
	width               : 12px;
	height              : 9px;
	text-decoration     : none;
	background-image    : url(/images/frontend/pc/common/button/button.scroll.up.gray.png);
	background-repeat   : no-repeat;
	background-position : 0px 0px;
	}
.scrollUpBtn {
	top                 : 10px;
	background-image    : url(/images/frontend/pc/common/button/button.scroll.up.gray.png);
	}
.scrollDownBtn {
	bottom              : 10px;
	background-image    : url(/images/frontend/pc/common/button/button.scroll.down.gray.png);
	}
.scrollUpBtn:hover,
.scrollDownBtn:hover {
	background-position : 0px -9px;
	}

/* -----------------------------------------------------------------------------
	33.digitalTextbookMenuContent (indexForSuccess)
----------------------------------------------------------------------------- */

#digitalTextbookMenuContent {
	position   : relative;
	width      : 850px;
	margin     : 0;
	padding    : 0;
	}
	#digitalTextbookMenuBody {
		position   : relative;
		width      : 810px;
		height     : 530px;
		margin     : 0;
		padding    : 15px 25px 25px 15px;
		background : url(/images/frontend/pc/common/colorbox/base.background.shadowed.png) no-repeat 0 0;
		}
		#digitalTextbookMenuBody .innerBlock {
			position   : relative;
			width      : 800px;
			height     : 520px;
			padding    : 5px;
			background : url(/images/frontend/pc/common/colorbox/innerBlock.background.white.png) no-repeat 0 0;
			}
			#digitalTextbookMenuBody .innerBlock p.title {
				position      : absolute;
				top           : 60px;
				left          : 60px;
				color         : #ed4063;
				font-size     : 26px;
				font-weight   : bold;
				}
			#digitalTextbookMenuBody .innerBlock .body {
				position   : absolute;
				top        : 100px;
				left       : 40px;
				clear      : both;
				width      : 690px;
				height     : 170px;
				padding    : 20px;
				}
				#digitalTextbookMenuBody .innerBlock .body dl {
					margin-top     : 10px;
					padding        : 0 10px 5px 10px;
					border-bottom  : 1px #30709c dotted;
					}
					#digitalTextbookMenuBody .innerBlock .body dl dt {
						float        : left;
						width        : 463px;
						padding-left : 14px;
						font-size    : 16px;
						line-height  : 25px;
						background   : url("/images/frontend/pc/common/arrow/normal.blue.png") no-repeat 0 40%;
						}
					#digitalTextbookMenuBody .innerBlock .body dl dd {
						float        : left;
						width        : 94px;
						}
					#digitalTextbookMenuBody .innerBlock .body dl .btn_answerbook {
						margin-right : 5px;
						}
	#btn_close {
		display    : block;
		clear      : both;
		position   : relative;
		width      : 110px;
		height     : 40px;
		margin     : 20px auto 0 auto;
		padding    : 0;
		}

/* -----------------------------------------------------------------------------
	34.subLocation
----------------------------------------------------------------------------- */

#subLocation {
	height   : 40px;
	overflow : hidden;
	}
	#subLocation p {
		color     : #ffffff;
		font-size : 16px;
		}

/* -----------------------------------------------------------------------------
	70.errors
----------------------------------------------------------------------------- */
#errors {
	position    : relative;
	width       : 918px;
	height      : 360px;
	margin      : 0 auto;
	padding     : 188px 0 0 0;
	border      : 1px #ffffff solid;
	text-align  : center;
	background  : url(/images/frontend/pc/common/others/background.black.20.png) repeat 0 0;
	}
	#errors h1 {
		margin-top  : 10px;
		color       : #ffffff;
		font-size   : 20px;
		line-height : 1.7;
		}

/* -----------------------------------------------------------------------------
	80.colorbox
----------------------------------------------------------------------------- */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
	background : url(/images/common/colorbox/img.overlay.png) repeat 0 0;
	}
#colorbox{}
/*
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
		*/
	/*
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
		*/
        #cboxLoadingOverlay{background:url(/images/common/colorbox/img.loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/common/colorbox/img.loading.gif) no-repeat center center;}
        #cboxClose{display:none;position:absolute; bottom:0; right:0; width:25px; height:25px; text-indent:-9999px;}
        /*
		#cboxClose.hover{background-position:-25px -25px;}
		*/
/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#btn_closeColorbox {
	display    : block;
	clear      : both;
	position   : relative;
	width      : 110px;
	height     : 40px;
	margin     : 20px auto 0 auto;
	padding    : 0;
	}

/* -----------------------------------------------------------------------------
	81.preferences
----------------------------------------------------------------------------- */

#preferencesContent {
	position   : relative;
	width      : 850px;
	margin     : 0;
	padding    : 0;
	}
	#preferencesBody {
		position   : relative;
		width      : 810px;
		height     : 530px;
		margin     : 0;
		padding    : 15px 25px 25px 15px;
		background : url(/images/frontend/pc/common/colorbox/base.background.shadowed.png) no-repeat 0 0;
		}
		#preferencesBody .innerBlock {
			position   : relative;
			width      : 800px;
			height     : 520px;
			padding    : 5px;
			background : url(/images/frontend/pc/common/colorbox/innerBlock.background.white.png) no-repeat 0 0;
			}
			#preferencesBody .innerBlock .additionalBackground {
				position   : relative;
				width      : 800px;
				height     : 520px;
				background : url(/images/frontend/pc/common/preferences/additionalBackground.png) no-repeat 0 0;
				}
			#preferencesBody .innerBlock p.title {
				position      : absolute;
				top           : 60px;
				left          : 60px;
				color         : #ed4063;
				font-size     : 26px;
				font-weight   : bold;
				}
			#preferencesBody .innerBlock .body {
				position   : absolute;
				top        : 100px;
				left       : 80px;
				clear      : both;
				width      : 480px;
				height     : 170px;
				padding    : 20px;
				}
				#preferencesBody .innerBlock .body dl {
					margin-top     : 10px;
					padding        : 0 10px 5px 10px;
					border-bottom  : 1px #30709c dotted;
					}
					#preferencesBody .innerBlock .body dl dt {
						float        : left;
						width        : 100px;
						padding-left : 14px;
						font-size    : 16px;
						line-height  : 25px;
						background   : url("/images/frontend/pc/common/arrow/normal.blue.png") no-repeat 0 40%;
						}
					#preferencesBody .innerBlock .body dl dd {
						float : right;
						width : 160px;
						}
					#preferencesBody .innerBlock .body dl .formBody {
						display : none;
						}
					#preferencesBody .innerBlock .body dl .formAlt {
						}
						#preferencesBody .innerBlock .body dl a {
							display             : block;
							float               : left;
							width               : 80px;
							height              : 25px;
							text-indent         : -9999px;
							font-size           : 0;
							}
						#preferencesBody .innerBlock .body dl .btn_radio_true {
							background-image    : url("/images/frontend/pc/ja/preferences/button.radio.true.gif");
							background-repeat   : no-repeat;
							background-position : 0 0;
							}
						#preferencesBody .innerBlock .body dl .btn_radio_false {
							background-image    : url("/images/frontend/pc/ja/preferences/button.radio.false.gif");
							background-repeat   : no-repeat;
							background-position : 0 0;
							}
						#preferencesBody .innerBlock .body dl a:hover {
							background-position : 0 -25px;
							}
						#preferencesBody .innerBlock .body dl a.checked:hover {
							background-position : 0 -50px;
							}
						#preferencesBody .innerBlock .body dl .checked {
							background-position : 0 -50px;
							}
	#submit_preferences {
		display    : block;
		clear      : both;
		position   : relative;
		width      : 110px;
		height     : 40px;
		margin     : 20px auto 0 auto;
		padding    : 0;
		}

/* -----------------------------------------------------------------------------
	82.signDetail
----------------------------------------------------------------------------- */

#signDetailContent {
	position   : relative;
	width      : 850px;
	margin     : 0;
	padding    : 0;
	}
	#signDetailBody {
		position   : relative;
		width      : 810px;
		height     : 530px;
		margin     : 0;
		padding    : 15px 25px 25px 15px;
		background : url(/images/frontend/pc/common/colorbox/base.background.shadowed.png) no-repeat 0 0;
		}
		#signDetailBody .innerBlock {
			position   : relative;
			width      : 740px;
			height     : 460px;
			padding    : 65px 5px 5px 65px;
			background : url(/images/frontend/pc/common/colorbox/innerBlock.background.white.png) no-repeat 0 0;
			}
			#signDetailBody .innerBlock .col1 {
				width : 200px;
				}
				#signDetailBody .innerBlock .col1 .image {
					position   : relative;
					width      : 180px;
					height     : 180px;
					padding    : 6px 14px 14px 6px;
					background : url("/images/frontend/pc/common/sign/image.background.png");
					}
			#signDetailBody .innerBlock .col2 {
				width : 520px;
				}
				#signDetailBody .innerBlock p {
					margin-top    : 1em;
					color         : #000000;
					font-size     : 18px;
					line-height   : 2;
					}
				#signDetailBody .innerBlock p.title {
					margin        : 0;
					color         : #ed4063;
					font-size     : 32px;
					font-weight   : bold;
					line-height   : 1.3;
					}
				#signDetailBody .innerBlock p.category {
					margin        : 0.1em 0 0 0;
					padding       : 0 0 10px 0;
					color         : #0047a8;
					font-weight   : bold;
					line-height   : 1.3;
					border-bottom : 1px #999999 solid;
					}

/* -----------------------------------------------------------------------------
	83.errorsOnColorbox
----------------------------------------------------------------------------- */

#errorsOnColorbox {
	position   : relative;
	width      : 685px;
	margin     : 0;
	padding    : 0;
	}
	#errorsOnColorboxBody {
		position   : relative;
		width      : 540px;
		height     : 300px;
		margin     : 0;
		padding    : 65px 70px 75px 75px;
		background : url(/images/frontend/pc/common/colorbox/errorsOnColorbox.background.png) no-repeat 0 0;
		}
		#errorsOnColorboxBody .error_list {
			margin-top   : 1em;
			}
			#errorsOnColorboxBody .error_list li {
				margin-top   : 0.3em;
				margin-left  : 1em;
				padding-left : 12px;
				color        : #d4145a;
				font-size    : 20px;
				font-weight  : bold;
				background   : url(/images/frontend/pc/common/arrow/normal.blue.png) no-repeat 0 45%;
				}
		#errorsOnColorboxBody #btn_close {
			position : absolute;
			left     : 275px;
			bottom   : 115px;
			width    : 130px;
			height   : 35px;
			}

/* -----------------------------------------------------------------------------
	84.resultConfirmOnColorbox
----------------------------------------------------------------------------- */

#resultConfirmOnColorbox {
	position   : relative;
	width      : 685px;
	margin     : 0;
	padding    : 0;
	}
	#resultConfirmOnColorboxBody {
		position   : relative;
		width      : 540px;
		height     : 300px;
		margin     : 0;
		padding    : 65px 70px 75px 75px;
		background : url(/images/frontend/pc/common/colorbox/resultConfirmOnColorbox.background.png) no-repeat 0 0;
		}
		#resultConfirmOnColorboxBody p {
			padding    : 80px 0 0 0;
			color      : #d4145a;
			font-size  : 32px;
			text-align : center;
			}
		#resultConfirmOnColorboxBody p.unanswered {
			padding    : 60px 0 0 0;
			}
		#resultConfirmOnColorboxBody p.unanswered {
			padding    : 60px 0 0 0;
			}
		#resultConfirmOnColorboxBody .buttons {
			position   : absolute;
			left       : 75px;
			bottom     : 115px;
			width      : 540px;
			height     : 35px;
			text-align : center;
			}

/* -----------------------------------------------------------------------------
	85.termDetailContent
----------------------------------------------------------------------------- */

#termDetailContent {
	position   : relative;
	width      : 850px;
	margin     : 0;
	padding    : 0;
	}
	#termDetailBody {
		position   : relative;
		width      : 810px;
		height     : 530px;
		margin     : 0;
		padding    : 15px 25px 25px 15px;
		background : url(/images/frontend/pc/common/colorbox/base.background.shadowed.png) no-repeat 0 0;
		}
		#termDetailBody .innerBlock {
			position   : relative;
			width      : 740px;
			height     : 460px;
			padding    : 65px 5px 5px 65px;
			background : url(/images/frontend/pc/common/colorbox/innerBlock.background.white.png) no-repeat 0 0;
			}
			#termDetailBody .innerBlock p.title {
				padding       : 0 10px 14px 0px;
				color         : #ed4063;
				font-size     : 32px;
				font-weight   : bold;
				border-bottom : 1px #999999 solid;
				}
			#termDetailBody .innerBlock .body {
				position   : relative;
				clear      : both;
				width      : 680px;
				height     : 350px;
				}
				#termDetailBody .innerBlock .body p {
					margin-top  : 1em;
					color       : #000000;
					font-size   : 18px;
					line-height : 2;
					}
				#termDetailBody .innerBlock .body p.image {
					position   : absolute;
					right      : 0px;
					bottom     : 0px;
					width      : 288px;
					height     : 216px;
					margin-top : 0px;
					}

/* -----------------------------------------------------------------------------
	86.endConfirmOnColorbox
----------------------------------------------------------------------------- */

#endConfirmOnColorbox {
	position   : relative;
	width      : 685px;
	margin     : 0;
	padding    : 0;
	}
	#endConfirmOnColorboxBody {
		position   : relative;
		width      : 540px;
		height     : 300px;
		margin     : 0;
		padding    : 65px 70px 75px 75px;
		background : url(/images/frontend/pc/common/colorbox/resultConfirmOnColorbox.background.png) no-repeat 0 0;
		}
		#endConfirmOnColorboxBody p {
			padding    : 80px 0 0 0;
			color      : #d4145a;
			font-size  : 32px;
			text-align : center;
			}
		#endConfirmOnColorboxBody p.unanswered {
			padding    : 60px 0 0 0;
			}
		#endConfirmOnColorboxBody p.unanswered {
			padding    : 60px 0 0 0;
			}
		#endConfirmOnColorboxBody .buttons {
			position   : absolute;
			left       : 75px;
			bottom     : 115px;
			width      : 540px;
			height     : 35px;
			text-align : center;
			}

/* -----------------------------------------------------------------------------
    87.rangeConfirmOnColorbox
----------------------------------------------------------------------------- */

#rangeConfirmOnColorbox {
    position   : relative;
    width      : 685px;
    margin     : 65px 70px 75px 75px;
    padding    : 0;
    }
    #rangeConfirmOnColorboxBody {
        position   : relative;
        width      : 540px;
        height     : 300px;
        margin     : 0;
        padding    : 65px 70px 75px 75px;
        background : url(/images/frontend/pc/common/colorbox/resultConfirmOnColorbox.background.png) no-repeat 0 0;
        }
        #rangeConfirmOnColorboxBody p {
            padding    : 60px 0 0 0;
            color      : #d4145a;
            font-size  : 28px;
            text-align : center;
            }
        #rangeConfirmOnColorboxBody .buttons {
            position   : absolute;
            left       : 75px;
            bottom     : 115px;
            width      : 540px;
            height     : 35px;
            text-align : center;
            }

/* -----------------------------------------------------------------------------
	90.answerbook
----------------------------------------------------------------------------- */

#answerbookOnColorbox {
	position   : relative;
	width      : 850px;
	margin     : 0 auto;
	padding    : 0;
	}
	#answerbook {
		position    : relative;
		width       : 810px;
		height      : 530px;
		margin      : 0 auto;
		padding     : 15px 25px 25px 15px;
		background  : url(/images/frontend/pc/common/colorbox/base.background.shadowed.png) no-repeat 0 0;
		}
		#answerbook .innerBlock {
			position   : relative;
			width      : 760px;
			height     : 480px;
			margin     : 0 auto;
			padding    : 25px;
			background : url(/images/frontend/pc/common/colorbox/innerBlock.background.white.png) no-repeat 0 0;
			}
			#answerbook .innerBlock .col1 {
				width : 680px;
				}
				#atbHead {
					position         : relative;
					width            : 650px;
					height           : 50px;
					margin           : 0;
					}
					#atbHead img {
						position : absolute;
						width    : 107px;
						height   : 50px;
						top      : 0px;
						right    : 0px;
						z-index  : 999;
						}
					#atbHead dl {
						position      : relative;
						width         : 648px;
						height        : 32px;
						top           : 17px;
						border        : 1px #b5ceed solid;
						border-bottom : none;
						background    : #4c94de;
						}
						#atbHead dl dt {
							float        : left;
							width        : 40px;
							margin-right : 10px;
							color        : #ffffff;
							font-size    : 14px;
							line-height  : 32px;
							text-align   : center;
							text-shadow  : rgba(0, 0, 0, 0.2) 0 -1px 0;
							background   : url(/images/frontend/pc/common/answerbook/atbHead.background.png) no-repeat 0 0;
							}
						#atbHead dl dd {
							float       : left;
							width       : 490px;
							color       : #ffffff;
							font-size   : 16px;
							line-height : 32px;
							text-shadow : rgba(0, 0, 0, 0.2) 0 -1px 0;
							}
				#atbBody {
					position         : relative;
					width            : 680px;
					height           : 430px;
					margin           : 0;
					}
					#atbBody .customScrollBox {
						position : relative;
						}
						#atbBody .customScrollBox .container {
							width      : 650px;
							}
							#atbBody .customScrollBox .container .content {}

						#atbBody .customScrollBox .dragger_container {
							height   : 390px;
							}
							#atbBody .customScrollBox .dragger_container .dragger,
							#atbBody .customScrollBox .dragger_container .dragger_pressed {
								color      : #949494;
								background : #949494;
								}
					#atbBody .scrollUpBtn {
						top    : 0;
						right  : 2px;
						}
					#atbBody .scrollDownBtn {
						bottom : 0;
						right  : 2px;
						}
					#atbBody .backgrounds {
						position   : absolute;
						top        : 0px;
						width      : 648px;
						height     : 429px;
						border     : 1px #b5ceed solid;
						border-top : none;
						background : #ffffff;
						}

			#answerbook .innerBlock .col2 {
				width : 60px;
				}
				#answerbook #chapters {
					}
					#answerbook #chapters li {
						clear         : both;
						margin-bottom : 2px;
						}
						#answerbook #chapters li a {
							display             : block;
							width               : 60px;
							height              : 25px;
							color               : #000000;
							font-size           : 12px;
							line-height         : 25px;
							text-align          : center;
							text-shadow         : rgba(255, 255, 255, 0.4) 0 1px 0;
							background-image    : url(/images/frontend/pc/common/others/chapters.answerbook.background.png);
							background-repeat   : no-repeat;
							background-position : 0 0;
							}
						#answerbook #chapters li a.selected {
							color               : #ffffff;
							text-shadow         : rgba(0, 0, 0, 0.3) 0 -1px 0;
							background-position : 0 -25px;
							}
						#answerbook #chapters li a:hover {
							color               : #ffffff;
							text-shadow         : rgba(0, 0, 0, 0.3) 0 -1px 0;
							background-position : 0 -25px;
							}

/* -----------------------------------------------------------------------------
	91.answerbookContents
----------------------------------------------------------------------------- */

#atbMainContents {
	position    : relative;
	width       : 610px;
	margin      : 0;
	padding     : 20px;
	color       : #333;
	font-size   : 16px;
	line-height : 20px;
	}
	/*
	 * 見出し
	 */
	#atbMainContents .caption {
		height       : 24px;
		padding-left : 10px;
		color        : #275498;
		font-size    : 16px;
		font-weight  : bold;
		line-height  : 24px;
		border-left  : 5px #b6d4ee solid;
		}
	/*
	 * 要点ボックス
	 */
	.point {
		position              : relative;
		margin-bottom         : 15px;
		background            : #e9f3ff;
		-moz-border-radius    : 5px;
		-khtml-border-radius  : 5px;
		-webkit-border-radius : 5px;
		border-radius         : 5px;
		}
		.point .head {
			position              : relative;
			color                 : #1e55a9;
			font-size             : 14px;
			font-weight           : bold;
			line-height           : 27px;
			text-align            : center;
			background            : #bad0f0;
			-moz-border-radius    : 5px 5px 0 0;
			-khtml-border-radius  : 5px 5px 0 0;
			-webkit-border-radius : 5px 5px 0 0;
			border-radius         : 5px 5px 0 0;
			}
		.point .body {
			padding               : 10px 20px 20px;
			}

/* font */
#atbMainContents .small   { font-size:14px;  line-height:20px;}
#atbMainContents .x-small { font-size: 12px; line-height:18px;}
#atbMainContents .blue    { color:#1e55a9;}
#atbMainContents .green   { color:#18b3c3;}
#atbMainContents .orange  { color:#e4781e;}
#atbMainContents .red     { color:#d03839;}

/* h */
#atbMainContents h2 {
	border-left: 5px solid #b5d3f1;
	color: #1e55a9;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 15px;
	padding-left: 8px;
}
#atbMainContents h3 {
	color: #1e55a9;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 15px;
}

/* image */
#atbMainContents p.imageA {
	border: 1px solid #b5d0f0;
	margin-bottom: 15px;
}
/* marker */
#atbMainContents .markerA {
	background: url(/images/frontend/pc/common/answerbook/marker01.png) 0 6px no-repeat;
	display: block;
	padding-left: 12px;
}
html.ie7 body #atbMainContents .markerA,
html.ie8 body #atbMainContents .markerA {
	background-position: 0 4px;
}
#atbMainContents .markerB {
	background: url(/images/frontend/pc/common/answerbook/marker02.png) 0 0 no-repeat;
	display: block;
	margin-top: -4px;
	padding-left: 49px;
	padding-top: 4px;
}
#atbMainContents .markerC {
	background: url(/images/frontend/pc/common/answerbook/marker02.png) 0 0 no-repeat;
	display: block;
	line-height: 18px;
	padding-left: 49px;
	padding-top: 4px;
}

/* table */
#atbMainContents table.tableA {
	border-left: 1px solid #b5d0f0;
	border-top: 1px solid #b5d0f0;
	border-collapse: collapse;
	margin-bottom: 15px;
}
#atbMainContents table.tableA th,
#atbMainContents table.tableA td {
	border-bottom: 1px solid #b5d0f0;
	border-right: 1px solid #b5d0f0;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px 7px;
}
#atbMainContents table.tableA th.center,
#atbMainContents table.tableA td.center {
	text-align: center;
}
#atbMainContents table.tableA th {
	background-color: #e9f3ff;
	color: #1e55a9;
}
#atbMainContents table.tableA tr.important td {
	background-color: #fef8d4;
	color: #1e55a9;
}

/* text */
#atbMainContents p.textA {
	margin-bottom: 15px;
}
#atbMainContents p.textB {
	margin-bottom: 15px;
}

/* columns */
#atbMainContents div.two-columns,
#atbMainContents div.three-columns,
#atbMainContents div.four-columns,
#atbMainContents div.five-columns {
	_height: 1%;
	*zoom: 1;
}
#atbMainContents div.two-columns:after,
#atbMainContents div.three-columns:after,
#atbMainContents div.four-columns:after,
#atbMainContents div.five-columns:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#atbMainContents div.two-columns div.colA {
	float: left;
	margin-right: 20px;
	width: 295px;
}
#atbMainContents div.two-columns div.colB {
	float: left;
	width: 295px;
}
#atbMainContents div.three-columns div.colA {
	float: left;
	margin-right: 17px;
	width: 192px;
}
#atbMainContents div.three-columns div.colB {
	float: left;
	width: 192px;
}
#atbMainContents div.three-columns div.colC {
	float: left;
	margin-right: 17px;
	width: 401px;
}
#atbMainContents div.three-columns div.colD {
	float: left;
	width: 401px;
}
#atbMainContents div.four-columns div.colA {
	float: left;
	margin-right: 14px;
	width: 142px;
}
#atbMainContents div.four-columns div.colB {
	float: left;
	width: 142px;
}
#atbMainContents div.four-columns div.colC {
	float: left;
	margin-right: 14px;
	width: 298px;
}
#atbMainContents div.four-columns div.colD {
	float: left;
	width: 298px;
}
#atbMainContents div.five-columns div.colA {
	float: left;
	margin-right: 10px;
	width: 114px;
}
#atbMainContents div.five-columns div.colB {
	float: left;
	width: 114px;
}
#atbMainContents div.five-columns div.colC {
	float: left;
	margin-right: 10px;
	width: 238px;
}
#atbMainContents div.five-columns div.colD {
	float: left;
	width: 238px;
}

/* div.blockA */
#atbMainContents div.blockA {
	_height: 1%;
	margin-bottom: 15px;
	*zoom: 1;
}
#atbMainContents div.blockA:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#atbMainContents div.blockA div.image {
	float: left;
	width: 142px;
}
#atbMainContents div.blockA div.text {
	float: right;
	width: 142px;
}
#atbMainContents div.blockA div.text p {
	margin-bottom: 10px;
}
#atbMainContents div.blockA img {
/*	border: 1px solid #b5d0f0;*/
}

/* div.blockB */
#atbMainContents div.blockB {
	_height: 1%;
	margin-bottom: 15px;
	*zoom: 1;
}
#atbMainContents div.blockB:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#atbMainContents div.blockB div.image {
	float: left;
	width: 72px;
}
#atbMainContents div.blockB div.text {
	float: right;
	width: 212px;
}
#atbMainContents div.blockB div.text p {
	margin-bottom: 10px;
}
#atbMainContents div.blockB img {
/*	border: 1px solid #b5d0f0;*/
}

/* div.blockC */
#atbMainContents div.blockC {
	_height: 1%;
	margin-top: 10px;
	*zoom: 1;
}
#atbMainContents div.blockC:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#atbMainContents div.blockC div.image {
	float: left;
	width: 192px;
}
#atbMainContents div.blockC div.text {
	float: right;
	width: 169px;
}
#atbMainContents div.blockC div.text p {
	margin-bottom: 10px;
}
#atbMainContents div.blockC img {
/*	border: 1px solid #b5d0f0;*/
}

/* div.blockD */
#atbMainContents div.blockD {
	_height: 1%;
	margin-top: 10px;
	*zoom: 1;
}
#atbMainContents div.blockD:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#atbMainContents div.blockD div.image {
	float: right;
	width: 192px;
}
#atbMainContents div.blockD div.text {
	float: left;
	width: 169px;
}
#atbMainContents div.blockD div.text p {
	margin-bottom: 10px;
}
#atbMainContents div.blockD img {
/*	border: 1px solid #b5d0f0;*/
}

/* div.cassete.Head */
#atbMainContents p.casseteHeadA {
	background-color: #1bc629;
	margin-bottom: 8px;
	text-align: center;
}

/* div.difference.Head */
#atbMainContents p.differenceHeadA {
	background-color: #1b9bc6;
	margin-bottom: 8px;
	text-align: center;
}

/* div.casseteA */
#atbMainContents div.casseteA {
	border: 1px solid #b5d0f0;
	margin-bottom: 15px;
}
#atbMainContents div.casseteA p.head {
	border-top: 2px solid #4b93de;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 6px 5px;
	text-align: center;
}
#atbMainContents div.casseteA p.body {
	border-top: 1px solid #b5d0f0;
}

/* div.casseteB */
#atbMainContents div.casseteB {
	border: 1px solid #b5d0f0;
	margin-bottom: 15px;
}
#atbMainContents div.casseteB p.head {
	border-top: 2px solid #1bc629;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 10px 5px;
	text-align: center;
}
#atbMainContents div.casseteB p.body {
	border-top: 1px solid #b5d0f0;
}
#atbMainContents div.casseteB p.text {
	border-top: 1px solid #b5d0f0;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 10px 5px;
}

/* div.casseteC */
#atbMainContents div.casseteC {
	border: 1px solid #b5d0f0;
	margin-bottom: 15px;
}
#atbMainContents div.casseteC p.head {
	border-top: 2px solid #d645c4;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 10px 5px;
	text-align: center;
}
#atbMainContents div.casseteC p.body {
	border-top: 1px solid #b5d0f0;
}

/* div.cautionA */
#atbMainContents div.cautionA {
	margin-bottom: 15px;
}
#atbMainContents div.cautionA p.head {
	background-color: #ff0000;
	text-align: center;
	zoom: 1;
}
#atbMainContents div.cautionA p.body {
	background-color: #ffe5e5;
	color: #ff0000;
	font-size: 14px;
	line-height: 18px;
	padding: 12px 15px 11px;
}

/* div.wordA */
#atbMainContents div.wordA {
	margin-bottom: 15px;
}
#atbMainContents div.wordA p.head {
	background-color: #a38133;
	text-align: center;
	zoom: 1;
}
#atbMainContents div.wordA p.body {
	background-color: #f6edd7;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	padding: 12px 15px 11px;
}

/* div.exceptionA */
#atbMainContents div.exceptionA {
	margin-bottom: 15px;
}
#atbMainContents div.exceptionA p.head {
	color: #d645c4;
	font-size: 14px;
	line-height: 18px;
}
#atbMainContents div.exceptionA p.body {
	background-color: #fbecf9;
	border: 1px solid #d645c4;
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
	padding: 10px 10px 9px;
}
#atbMainContents div.exceptionA div.body {
	background-color: #fbecf9;
	border: 1px solid #d645c4;
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
	padding: 0px 10px 9px;
}

/* div.exceptionB */
#atbMainContents div.exceptionB {
	margin-bottom: 5px;
}
#atbMainContents div.exceptionB p.head {
	color: #d645c4;
	font-size: 14px;
	line-height: 18px;
}

/* div.mistakePointA */
#atbMainContents div.mistakePointA {
	background: url(/images/frontend/pc/common/answerbook/mistakePoint.background01.png) 100% 100% no-repeat;
	margin-bottom: 15px;
	padding: 12px 15px 11px;
}
#atbMainContents div.mistakePointA p.head {
}
#atbMainContents div.mistakePointA p.body {
	color: #e4781e;
	font-size: 14px;
	line-height: 18px;
	margin-top: 10px;
}

/* div.memoryA */
#atbMainContents div.memoryA {
	margin-top: 16px;
	position: relative;
	zoom: 1;
}
#atbMainContents div.memoryA p.head {
	position: absolute;
	right: 0;
	top: -16px;
}
#atbMainContents div.memoryA p.body {
	border: 1px solid #fe2c7c;
	background-color: #fef8d4;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	padding: 12px 15px 11px;
}

/* div.memoryB */
#atbMainContents div.memoryB {
	margin-top: 16px;
	position: relative;
	zoom: 1;
}
#atbMainContents div.memoryB p.head {
	position: absolute;
	right: 0;
	top: -16px;
}
#atbMainContents div.memoryB p.body {
	border: 1px solid #fe2c7c;
	background-color: #fef8d4;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	padding: 12px 15px 11px;
}

/* div.memoryC */
#atbMainContents div.memoryC {
	margin-top: 31px;
	position: relative;
	zoom: 1;
}
#atbMainContents div.memoryC p.head {
	position: absolute;
	right: 0;
	top: -16px;
}
#atbMainContents div.memoryC p.body {
	border: 1px solid #fe2c7c;
	background-color: #fef8d4;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	padding: 12px 15px 11px;
}

/* div.noteA */
#atbMainContents div.noteA {
	border: 1px solid #b5d0f0;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	padding: 10px 10px 9px;
}

/* div.noteB */
#atbMainContents div.noteB {
	background-color: #fef8d4;
	border: 1px solid #b5d0f0;
	font-size: 12px;
	margin-bottom: 15px;
	line-height: 18px;
	padding: 10px 10px 9px;
}

/* div.point */
#atbMainContents div.point p {
	margin-top: 10px;
}
#atbMainContents div.point dl {
	_height: 1%;
	*zoom: 1;
}
#atbMainContents div.point dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#atbMainContents div.point dl dt {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	padding-right: 25px;
}
#atbMainContents div.point dl dt span {background-color: #e9f3ff;}
#atbMainContents div.point dl dd {
	float: left;
	margin-top: 10px;
}
#atbMainContents div.point dl.pointListA dt,
#atbMainContents div.point dl.pointListB dt {
	background: url(/images/frontend/pc/common/answerbook/point.arrow01.png) 100% 8px no-repeat;
	padding-top: 5px;
}
#atbMainContents div.point dl.pointListC dt,
#atbMainContents div.point dl.pointListD dt {
	background: url(/images/frontend/pc/common/answerbook/point.arrow01.png) 100% 3px no-repeat;
}
#atbMainContents div.point dl dd.resultA,
#atbMainContents div.point dl dd.resultB {
	background: url(/images/frontend/pc/common/answerbook/point.background01.png) 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
	position: relative;
	text-align: center;
	-moz-border-radius    : 3px;
	-khtml-border-radius  : 3px;
	-webkit-border-radius : 3pxx;
	border-radius         : 3px;
}
#atbMainContents div.point dl dd.resultA {background-color: #d03839;}
#atbMainContents div.point dl dd.resultB {background-color: #18b3c3;}
#atbMainContents div.point dl dd.resultA span,
#atbMainContents div.point dl dd.resultB span {background: url(/images/frontend/pc/common/answerbook/point.background02.png) 100% 100% no-repeat;display: block;padding: 5px;}
#atbMainContents div.point dl.pointListA dt {width: 260px;}
#atbMainContents div.point dl.pointListA dd {width: 275px}
#atbMainContents div.point dl.pointListA dd.pt5{width: 275px;padding-top: 5px;}
#atbMainContents div.point dl.pointListB dt {width: 360px;}
#atbMainContents div.point dl.pointListB dd.pt5{width: 175px;padding-top: 5px}
#atbMainContents div.point dl.pointListB dd {width: 175px;}
#atbMainContents div.point dl.pointListC dt {width: 160px;}
#atbMainContents div.point dl.pointListC dd {width: 375px;}
#atbMainContents div.point dl.pointListD dt {width: 60px;}
#atbMainContents div.point dl.pointListD dd {width: 475px;}
#atbMainContents div.point ul li {margin-top: 10px;}
.ul {text-decoration:underline;}

/* -----------------------------------------------------------------------------
	92.movie
	Colorbox用のスタイル。
----------------------------------------------------------------------------- */

#movieOnColorbox {
	position   : relative;
	width      : 850px;
	margin     : 0;
	padding    : 0;
	}
	#movieSet {
		position    : relative;
		width       : 810px;
		height      : 540px;
		margin      : 0 auto;
		padding     : 10px 25px 25px 10px;
		background  : url(/images/frontend/pc/common/colorbox/base.background.shadowed.png) no-repeat 0 0;
		}
		#movieSet .innerBlock {
			position   	: relative;
			width       : 790px;
			height      : 510px;
			margin      : 0 auto;
			padding     : 15px;
			background  : url("/images/frontend/pc/common/others/background.black.70.png") repeat 0 0;
			}

			#movie {
				position   : absolute;
				left       : 88px;
				width      : 640px;
				height     : 480px;
				}
				div.jp-video-digitalTextbook {
					width : 640px;
					}
					div.jp-jplayer {
						width            : 640px;
						height           : 480px;
						z-index          : 1;
						background-color : #000000;
						}
					div.jp-interface ul.jp-controls li a {
						position    : absolute;
						overflow    : hidden;
						text-indent : -9999px;
						}
					/**
					 * 再生ボタン
					 */
					a.digitalTextbook_PLAY {
						top                 : 485px;
						left                : 100px;
						width               : 50px;
						height              : 33px;
						z-index             : 1;
						background-image    : url("/images/frontend/pc/ja/digitalTextbook/jplayer.skin.digitalTextbook.png");
						background-repeat   : no-repeat;
						background-position : 0 0;
						}
					a.digitalTextbook_PLAY:hover {
						background-position : -50px 0;
						}
					/**
					 * 一時停止ボタン
					 */
					a.digitalTextbook_PAUSE {
						display             : none;
						top                 : 485px;
						left                : 100px;
						width               : 50px;
						height              : 33px;
						z-index             : 1;
						background-image    : url("/images/frontend/pc/ja/digitalTextbook/jplayer.skin.digitalTextbook.png");
						background-repeat   : no-repeat;
						background-position : 0 -33px;
						}
					a.digitalTextbook_PAUSE:hover {
						background-position : -50px -33px;
						}
					/**
					 * ミュートボタン
					 */
					a.digitalTextbook_MUTE {
						top                 : 485px;
						right               : 0px;
						width               : 70px;
						height              : 33px;
						background-image    : url("/images/frontend/pc/ja/digitalTextbook/jplayer.skin.digitalTextbook.png");
						background-repeat   : no-repeat;
						background-position : 0 -66px;
						}
					a.digitalTextbook_MUTE:hover {
						background-position : -70px -66px;
						}
					/**
					 * アンミュートボタン
					 */
					a.digitalTextbook_UNMUTE {
						display             : none;
						top                 : 485px;
						right               : 0px;
						width               : 70px;
						height              : 33px;
						background-image    : url("/images/frontend/pc/ja/digitalTextbook/jplayer.skin.digitalTextbook.png");
						background-repeat   : no-repeat;
						background-position : 0 -99px;
						}
					a.digitalTextbook_UNMUTE:hover {
						background-position : -70px -99px;
						}
					/**
					 * 前の問題ボタン
					 */
					#btn_prevMovie {
						display  : block;
						position : absolute;
						top      : 485px;
						left     : 0px;
						width    : 90px;
						height   : 33px;
						}
					/**
					 * 次の問題ボタン
					 */
					#btn_nextMovie {
						display  : block;
						position : absolute;
						top      : 485px;
						left     : 160px;
						width    : 90px;
						height   : 33px;
						}
					/**
					 * 再生プログレスバー
					 */
					div.digitalTextbook_PROGRESS {
						position         : absolute;
						top              : 495px;
						left             : 270px;
						width            : 280px;
						height           : 8px;
						border           : 1px #7191b1 solid;
						overflow         : hidden;
						background-color : #040e19;
						}
						div.digitalTextbook_SEEK-BAR {
							width      : 0px;
							height     : 100%;
							cursor     : pointer;
							background : url("/images/frontend/pc/ja/digitalTextbook/jplayer.skin.digitalTextbook.png") 0 -132px repeat-x;
							}
						div.digitalTextbook_PLAY-BAR {
							width      : 0px;
							height     : 100%;
							background : url("/images/frontend/pc/ja/digitalTextbook/jplayer.skin.digitalTextbook.png") 0 -142px repeat-x ;
							}

			#movieSet #chapters {
				position   : absolute;
				right      : 14px;
				width      : 60px;
				}
				#movieSet #chapters li {
					clear         : both;
					margin-bottom : 2px;
					}
					#movieSet #chapters li a {
						display             : block;
						width               : 60px;
						height              : 25px;
						color               : #ffffff;
						font-size           : 12px;
						line-height         : 25px;
						text-align          : center;
						text-shadow         : rgba(0, 0, 0, 0.3) 0 -1px 0;
						background-image    : url(/images/frontend/pc/common/others/chapters.movie.background.png);
						background-repeat   : no-repeat;
						background-position : 0 0;
						}
					#movieSet #chapters li a.selected {
						color               : #ffffff;
						text-shadow         : rgba(0, 0, 0, 0.3) 0 -1px 0;
						background-position : 0 -25px;
						}
					#movieSet #chapters li a:hover {
						color               : #ffffff;
						text-shadow         : rgba(0, 0, 0, 0.3) 0 -1px 0;
						background-position : 0 -25px;
						}


/* -----------------------------------------------------------------------------
	93.iPad scroll caption
----------------------------------------------------------------------------- */
.iPadScrollCaption {
	height      : 20px;
	color       : #FFFFFF;
	font-size   : 10px;
	text-align  : right;
	line-height : 20px;
	display     : none;
	margin      : 0 auto;
	}
	.iscDigitalTextbookAnswerbook, .iscDigitalTextbookQuestionAnswerbook {
		color       : #000000;
		text-shadow : 0 1px 0 rgba(255, 255, 255, 0.4);
		}
	.iscDigitalTextbookTop, .iscDigitalTextbookIndex, .iscSignName, .iscTermIndex {
		width  : 860px;
		}
	.iscReviewSearch {
		width  : 920px;
		}
	.iscsignImageSearch {
		width  : 980px;
		}

/* -----------------------------------------------------------------------------
	99.clearfix
----------------------------------------------------------------------------- */

.clearfix:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
.clearfix { display : inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */