@charset "utf-8";
/* CSS Document */

/* 初期化 */
* {
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
	color:#000000;
	font-family:Arial,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	list-style:none;
}




/* 書き換えver */
#box_right {
	visibility:hidden;
	position:absolute;
	left:753px;
	top:83px;
	width:235px;
	height:417px;
	background:url(../img/bg_right_logoff.gif) left top no-repeat;
}
.logoff {
	background:url(../img/bg_right_logoff.gif) left top no-repeat !important;
}
.logpage {
	background:url(../img/bg_right_logpage.gif) left top no-repeat !important;
}
.login {
	background:url(../img/bg_right_login.gif) left top no-repeat !important;
}




/* 右側ログオフ
--------------------------------------------*/

/* ログインボタン */
#btn_r_login {
	position:absolute;
	left:136px;
	top:4px;
	width:95px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/btn_r_login.gif);
}
#btn_r_login:hover {
	background-position:0px -22px;
}
#btn_r_login span {
	visibility:hidden;
}

/* 「ご利用方法はこちら」ボタン */
#btn_r1 {
	position:absolute;
	left:12px;
	top:361px;
	width:119px;
	height:45px;
	overflow:hidden;
	background-image:url(../img/btn_r1.gif);
}
#btn_r1:hover {
	background-position:0px -45px;
}
#btn_r1 span {
	visibility:hidden;
}

/* 「ご利用料金はこちら」ボタン */
#btn_r2 {
	position:absolute;
	left:133px;
	top:361px;
	width:90px;
	height:45px;
	overflow:hidden;
	background-image:url(../img/btn_r2.gif);
}
#btn_r2:hover {
	background-position:0px -45px;
}
#btn_r2 span {
	visibility:hidden;
}

/* 文言 */
#p_r_logoff {
	visibility:hidden;
	position:absolute;
	left:10px;
	top:40px;
	width:214px;
	font-size:12px;
	line-height:14px;
	color:#EEEEEE;
	font-family:'ＭＳ Ｐゴシック', Osaka, Arial, sans-serif;
}

/* PRバナー */
#banner_pr_A,
#banner_pr_B,
#banner_pr_C,
#banner_pr_D {
	position:absolute;
	left:12px;
}
#banner_pr_A {
	top:78px;
}
#banner_pr_B {
	top:147px;
}
#banner_pr_C {
	top:216px;
}
#banner_pr_D {
	top:285px;
}


/* 右側ログインページ
--------------------------------------------*/

/* 入力フォーム */
#f_l1 {
	position:absolute;
	left:13px;
	top:45px;
	font-size:13px;
	color:#FFFFFF;
}
#f_f1 {
	position:absolute;
	left:13px;
	top:63px;
	width:209px;
	font-size:13px;
	background-color:#FFFFFF;
}

#f_l2 {
	position:absolute;
	left:13px;
	top:100px;
	font-size:13px;
	color:#FFFFFF;
}
#f_f2_1 {
	position:absolute;
	left:13px;
	top:118px;
	width:110px;
	font-size:13px;
	background-color:#FFFFFF;
}
#f_f2_2 {
	position:absolute;
	left:137px;
	top:118px;
	width:85px;
	font-size:13px;
	background-color:#FFFFFF;
}
#f_p2_0 {
	position:absolute;
	left:127px;
	top:120px;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	line-height:12px;
	color:#B3B3B7;
}
#f_p2_1 {
	position:absolute;
	left:13px;
	top:138px;
	width:110px;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	line-height:12px;
	color:#B3B3B7;
}
#f_p2_2 {
	position:absolute;
	left:137px;
	top:138px;
	width:85px;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	line-height:12px;
	color:#B3B3B7;
}
#f_l3 {
	position:absolute;
	left:38px;
	top:180px;
	font-size:13px;
	color:#FFFFFF;
}
#f_f3 {
	color:#999999;
}
#f_b1 {
	position:absolute;
	left:70px;
	top:208px;
	width:95px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/btn_r_login.gif);
}
#f_b1:hover {
	background-position:0px -22px;
}
#f_b1 span {
	visibility:hidden;
}

/* エラー文言 */
#f_result {
	position:absolute;
	left:35px;
	top:3px;
	width:195px;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	color:#FABF01;
}

/* 各文言 */
#f_p4 {
	position:absolute;
	left:12px;
	top:271px;
	width:211px;
	font-size:12px;
	line-height:15px;
	color:#EEEEEE;
}
#f_p5 {
	position:absolute;
	left:11px;
	top:322px;
	width:213px;
	height:86px;
	overflow:hidden;
	background-image:url(../img/p_logpage.gif);
}
#f_p5 span {
	visibility:hidden;
}
#f_a1 {
	position:absolute;
	left:23px;
	top:247px;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	color:#EEEEEE;
	background:url(../img/icon_arrow2.gif) no-repeat 0px 2px;
	padding:0 0 0 10px;
}

/* QRコード swfバナー */
#banner_qr_logoff {
	position:absolute;
	/*
	left:80px;
	top:244px;
	*/
	left:55px;
	top:218px;
	
}
#banner_qr_logpage {
	position:absolute;
	left:148px;
	top:332px;
}


/* 右側ログイン ヘッダー部分
--------------------------------------------*/

/* ログオフボタン */
#btn_r_logoff {
	position:absolute;
	left:136px;
	top:4px;
	width:95px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/btn_r_logoff.gif);
}
#btn_r_logoff:hover {
	background-position:0px -22px;
}
#btn_r_logoff span {
	visibility:hidden;
}

/* コンテンツ切り替えボタン */
#btn_r_book {
	left:3px;
	top:33px;
	background-image:url(../img/btn_r_book.gif);
}
#btn_r_period {
	left:80px;
	top:33px;
	background-image:url(../img/btn_r_period.gif);
}
#btn_r_history {
	left:157px;
	top:33px;
	background-image:url(../img/btn_r_history.gif);
}
#btn_r_book,
#btn_r_period,
#btn_r_history {
	position:absolute;
	width:75px;
	height:31px;
	overflow:hidden;
}
#btn_r_book span,
#btn_r_period span,
#btn_r_history span {
	visibility:hidden;
}
#box_right ul li a:hover {
	background-position:0px -31px;
}
#box_right ul li a.select {
	background-position:0px -62px;
}
#box_right ul li a.select:hover {
	background-position:0px -62px;
}



/* 購入履歴絞込み */
#btn_r_history0,
#btn_r_history1,
#btn_r_history2,
#btn_r_history3 {
	position:absolute;
	width:56px;
	height:28px;
	overflow:hidden;
}
#btn_r_history0 {
	left:3px;
	top:0px;
	background-image:url(../img/btn_r_history0.gif);
}
#btn_r_history1 {
	left:61px;
	top:0px;
	background-image:url(../img/btn_r_history1.gif);
}
#btn_r_history2 {
	left:119px;
	top:0px;
	background-image:url(../img/btn_r_history2.gif);
}
#btn_r_history3 {
	left:177px;
	top:0px;
	width:55px;
	background-image:url(../img/btn_r_history3.gif);
}
#btn_r_history0 span,
#btn_r_history1 span,
#btn_r_history2 span,
#btn_r_history3 span {
	visibility:hidden;
}
ul#history_menu li a:hover {
	background-position:0px -28px;
}
ul#history_menu li a.select {
	background-position:0px -56px;
}
ul#history_menu li a.select:hover {
	background-position:0px -56px;
}

#history_menu {
	position:absolute;
	left:0px;
	top:89px;
	display:block;
	width:235px;
	height:29px;
	overflow:hidden;
	background-image:url(../img/bg_history_menu.gif);
}


/* ユーザーID、削除しました表示、ページ数、視聴期間注意書き */
#p_userid {
	position:absolute;
	left:6px;
	top:69px;
	font-size:12px;
	color:#EEEEEE;
}
#p_result {
	position:absolute;
	left:6px;
	top:87px;
	font-size:12px;
	font-weight:bold;
	color:#FABF01;
}
#p_page {
	position:absolute;
	left:115px;
	top:87px;
	width:80px;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
}
#p_available {
	position:absolute;
	left:6px;
	top:89px;
	font-size:10px;
	_font-size:9px;
	color:#EEEEEE;
}
*:first-child+html #p_available {
	font-size:9px;
}


/* ページ送りボタン */
#div_next {
	left:217px;
	top:87px;
	background-image:url(../img/btn_next_g.gif);
}
#div_back {
	left:201px;
	top:87px;
	background-image:url(../img/btn_back_g.gif);
}
#div_next,
#div_back {
	position:absolute;
	width:15px;
	height:15px;
	overflow:hidden;
}
#btn_next {
	background-image:url(../img/btn_next.gif);
}
#btn_back {
	background-image:url(../img/btn_back.gif);
}
#btn_back,
#btn_next {
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:15px;
	overflow:hidden;
}
#btn_back:hover,
#btn_next:hover {
	background-position:0px -15px;
}
#btn_next span,
#btn_back span {
	visibility:hidden;
}

/* フッター */
#btn_r_footer1 {
	position:absolute;
	left:16px;
	top:397px;
	width:78px;
	height:14px;
	overflow:hidden;
	background-image:url(../img/btn_r_footer1.gif);
}
#btn_r_footer2 {
	position:absolute;
	left:111px;
	top:397px;
	width:108px;
	height:14px;
	overflow:hidden;
	background-image:url(../img/btn_r_footer2.gif);
}
#btn_r_footer1:hover,
#btn_r_footer2:hover {
	background-position:0px -14px;
}
#btn_r_footer1 span,
#btn_r_footer2 span {
	visibility:hidden;
}



/* 右側ログイン コンテンツ
--------------------------------------------*/

/* スクロールコンテンツ */
#Scroller-2 {
	position:absolute;
	left:3px;
	top:104px;
	width:209px;
	height:284px;
	overflow:hidden;
	color:#FFFFFF;
	font-size:13px;
	background:transparent;
}
#Scroller-2 .Scroller-Container {
	position:absolute;
	top:0px;
	left:0px;
	color:#FFFFFF;
	font-size:13px;
	background:transparent;
}

/* スクロールバー */
#Scrollbar-Container2 {
	visibility:hidden;
}
#Scrollbar-Container2 .Scrollbar-Track {
	width: 18px; height: 284px;
	position: absolute;
	top: 104px; left: 214px;
	background:url(../img/bg_Scrollbar-Track.gif) repeat-y;
}
#Scrollbar-Container2 .Scrollbar-Handle {
	position: absolute;
	top: 0px; left: 0px;
	width: 18px; height: 60px;
	background:url(../img/bg_Scrollbar-Handle.gif) no-repeat #53545D;
}

/* コンテンツテーブル */
#Scroller-2 table {
	border-top:1px solid #35363E;
	width:100%;
}
#Scroller-2 table.last {
	border-bottom:1px solid #35363E;
}
#Scroller-2 table td {
	font-size:12px;
	color:#FFFFFF;
}
#Scroller-2 .scr_history table {
	border-top:1px solid #717278;
}
#Scroller-2 .scr_history table.last {
	border-bottom:1px solid #717278;
}

/* サムネイル画像 */
.cbi,
.cpi {
	width:29px;
	height:38px;
	background:url(../img/noimage_s.gif) no-repeat 2px 2px;
}
.chi {
	width:29px;
	height:40px;
	background:url(../img/noimage_s.gif) no-repeat 2px 3px;
}
.cbi p,
.cpi p,
.chi p {
	display:block;
	width:23px;
	height:34px;
	margin:0 0 0 2px;
	overflow:hidden;
}
.cbi p span,
.cpi p span,
.chi p span {
	visibility:hidden;
}

/* タイトル */
.cbt,
.cbt a {
	font-size:12px;
	line-height:13px;
	color:#FFFFFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	word-break:break-all;
}
.cbt a:hover {
	font-weight:bold;
	text-decoration:underline;
}

#Scroller-2 .Scroller-Container .cbt span {
	font-size:8px;
	line-height:10px;
	color:#B9A873;
}

/*
#Scroller-2 table td.cds {
	font-size:10px;
	line-height:11px;
	color:#B9A873;
}
*/


/* 日付と削除ボタン */
.cbb {
	width:48px;
	text-align:center;
}
.cbb a {
	display:block;
	width:44px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/btn_r_delete.gif);
}
.cbb a:hover {
	background-position:0px -22px;
}
.cbb a span {
	visibility:hidden;
}

/* 購入履歴 */
.cbn {
	padding:1px 2px 6px 2px;
}
.cbn_1 {
	border:#35363E 1px solid;
}
.cbn_2 {
	float:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	font-size:10px;
	line-height:13px;
	color:#FFFFFF;
	padding-left:4px;
}
.cbn_3 {
	float:right;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	font-size:10px;
	line-height:13px;
	color:#FFFFFF;
	padding-right:4px;
}
.cbn_4 {
	clear:both;
}
.repay {
	color:#FE4D4D;
}
.cbn_5 {
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial ,sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:1;
	margin:5px 0 0 0;
}