@charset "utf-8";
/*******************************************************
reset
*******************************************************/
html, body, address, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	clear: both;
}

/* customize css */
/* initial */
html{
    height:100%;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    height:100%;
}
#container {
	width: 100%;
	background: #FFFFFF; /* 背景色：全体 */
	position: relative;
	height: 100%;
	min-height: 100%;
}
body > #container {
	height: auto;
}
#contents {
	width: 100%;
	padding-bottom: 90px;
	text-align: center;
}

/* フッター */
#footer {
	width: 100%;
	background: url(../image/foot_bg.jpg) repeat-x;
	position: absolute;
	bottom: 0;
	height: 90px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}
#footer_inner {
	width: 960px;
	margin: 15px auto 0 auto;
	text-align: center;
}
.footer_ilink {
	padding: 5px;
}
#footer a {
	padding: 0 5px;
}
#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
address {
	text-align: center;
	padding: 15px 0 0 0;
}

/* ヘッダー */
#header {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF;  /* 背景色：ヘッダー */
}
#header_inner {
	width: 960px;
	height: 89px;
	margin: 0 auto;
	border-bottom: 3px solid #EEEEEE; /* ラインカラー：ヘッダー */
}
#logo {
	float: left;
	padding: 10px 0 0 0;
}
#logo img {
	width: 600px;
	height: 70px;
}
#head_menu {
	float: right;
	padding: 10px 0 0 0;
	width: 350px;
}

/* ヘッダー：ボタン */
#head_menu .bt_registration {
	float: left;
	width: 168px;
	height: 28px;
	background: url(../image/btgrad_m.png) repeat-x top #FFC300; /* 背景色：会員登録 */
	border: 1px solid #E8AF00;
	text-align: center;
}
#head_menu .bt_registration:hover {
	background: url(../image/btgrad_m.png) repeat-x top #FFCC21; /* 背景色：オンマウス：会員登録 */
}
#head_menu .bt_mypage {
	float: left;
	width: 168px;
	height: 28px;
	background: url(../image/btgrad_m.png) repeat-x top #0074DE; /* 背景色：マイページ */
	border: 1px solid #0069CB;
	text-align: center;
}
#head_menu .bt_mypage:hover {
	background: url(../image/btgrad_m.png) repeat-x top #2E8CE6; /* 背景色：オンマウス：マイページ */
}
#head_menu .bt_login {
	float: right;
	width: 168px;
	height: 28px;
	background: url(../image/btgrad_m.png) repeat-x top #DCDCDC; /* 背景色：ログイン */
	border: 1px solid #C6C6C6;
	text-align: center;
}
#head_menu .bt_login:hover {
	background: url(../image/btgrad_m.png) repeat-x top #E1E1E1; /* 背景色：オンマウス：ログイン */
}
#head_menu .bt_logout {
	float: right;
	width: 168px;
	height: 28px;
	background: url(../image/btgrad_m.png) repeat-x top #535353; /* 背景色：ログアウト */
	border: 1px solid #4B4B4B;
	text-align: center;
}
#head_menu .bt_logout:hover {
	background: url(../image/btgrad_m.png) repeat-x top #7A7A7A; /* 背景色：オンマウス：ログアウト */
}
#head_menu .bt_registration a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}
#head_menu .bt_mypage a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}
#head_menu .bt_login a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}
#head_menu .bt_logout a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}

/* ヘッダー：検索 */
#head_search {
	clear: both;
	padding: 10px 0 0 0;
	width: 350px;
	height: 30px;
	background: url(../image/search_base.jpg) no-repeat bottom;
	line-height: 0;
	font-size: 0;
}
#head_search ul.search_otp{
	list-style: none;
	padding: 5px 0 0 65px;
	margin: 0;
}
#head_search li.search_txt{
	float: left;
	padding: 1px 0 0 0;
	margin: 0;
}
#head_search .search_txt_form{/* ヘッダー：検索：入力エリア */
	width: 226px;
	height: 1em;
	font-size: 12px;
	color: #ADADAD;
}
#head_search li.search_bt{
	float: left;
	padding: 0 0 0 4px;
}
#head_search .search_bt_form{/* ヘッダー：検索：ボタン */
	width: 44px;
	height: 20px;
}

/* メインエリア */
#main {
	width: 980px;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	background: #FFFFFF;  /* 背景色：メインエリア */

	color: #323232;　/* テキスト色：基本カラー */
}
#main_inner {
	width: 960px;
	margin: 0 auto;
}
/* パンくず */
#breadcrumbs {
	clear: both;
	text-align: left;
	font-size: 10px;
	padding: 0 0 5px 0;
}
#breadcrumbs a:link {
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:visited {
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:active {
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:hover {
	font-size: 10px;
	color: #FFB900;
	text-decoration: underline;
}
/* 大カラム */
#columnL {
	float: left;
	width: 630px;
}
/* 小カラム */
#columnS {
	float: right;
	width: 320px;
}
/* センターカラム */
#columnM {
	width: 624px;
	margin: 0 auto;
	border: 3px solid #EEEEEE;
}

/* トップページ：ピックアップ */
#pickup {
	width: 624px;
	border: 3px solid #EEEEEE;
	background: #FFE69B;
	text-align: center;
}
#pickup img{
	padding: 7px 0;
}

/* トップページ：新着 おすすめ */
#top_new_ttl {
	width: 624px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #FFEAF1; /* 背景色：新着動画一覧タイトル */
	text-align: left;
}
#top_recom_ttl {
	width: 624px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #ECF4FF; /* 背景色：おすすめ動画一覧タイトル */
	text-align: left;
}
#top_ttl_innner {
	padding: 5px;
}
.top_ttl_txt {
	font-size: 14px;
	padding: 5px 0 0 15px;
}
#top_list_box {
	width: 624px;
	border-left: 3px solid #EEEEEE;
	border-right: 3px solid #EEEEEE;
	border-bottom: 3px solid #EEEEEE;
	text-align: left;
	background: #FFFFFF;/* 背景色：新着 おすすめ動画一覧 */
}
#top_list_box_inner {
	padding: 7px 0 0 7px;
}
.top_mediumbox_first {/* 動画ボックス：中：ファースト */
	clear: both;
	float: left;
	width: 300px;
	height: 250px;
}
.top_mediumbox {/* 動画ボックス：中 */
	float: left;
	width: 300px;
	height: 250px;
	padding: 0 0 0 10px;
}
.top_smallbox_first {/* 動画ボックス：小：ファースト */
	clear: both;
	float: left;
	width: 145px;
	height: 130px;
}
.top_smallbox {/* 動画ボックス：小 */
	float: left;
	width: 145px;
	padding: 0 0 0 10px;
	height: 130px;
}

/* マイページ カテゴリリスト お知らせ */
#mypage_list {
	width: 314px;
	margin: 0 0 10px 0;
	border: 3px solid #EEEEEE;
	background: #EBF5FF;  /* 背景色：マイページ */
	text-align: left;
}
#mypage_list .mypage_id {
	padding: 1px;
	font-size: 12px;
}
#mypage_list a {/* カテゴリリスト：ボタン：矢印 */
	display: block;
	padding: 5px 0 4px 18px;
	background: url(../image/arw_gray.png) 0.3em 0.3em no-repeat;
	line-height: 120%;
}
#mypage_list a:link {
	color: #000000;
	text-decoration: none;
}
#mypage_list a:visited {
	color: #000000;
	text-decoration: none;
}
#mypage_list a:active {
	color: #000000;
	text-decoration: none;
}
#mypage_list a:hover {
	color: #000000;
	text-decoration: none;
}
#category_list {
	width: 314px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #FFEBCE;  /* 背景色：カテゴリリスト */
	text-align: center;
}
#columnS_inner {
	padding: 7px;
}
#columnS_ttl {/* カテゴリリスト お知らせ タイトル */
	width: 298px;
	height: 24px;
	background: url(../image/btgrad_m.png) repeat-x top #1B1B19;
	border: 1px solid #1B1B19;
	margin: 0 0 10px 0;
	text-align: left;
}
#columnS_bt {/* 背景色：カテゴリリスト：ボタン */
	width: 292px;
	background: url(../image/btgrad_s.png) repeat-x top #F5F5F5;
	border: 1px solid #D7D7D7;
	margin: 5px auto 0 auto;
	text-align: left;
}
#columnS_bt:hover{/* 背景色：カテゴリリスト：ボタン：オンマウス */
	width: 292px;
	background: url(../image/btgrad_s.png) repeat-x top #FCFCFC;
	border: 1px solid #D7D7D7;
	margin: 5px auto 0 auto;
	text-align: left;
}
#columnS_bt_mypage {/* 背景色：マイページ：ボタン：カレント */
	width: 292px;
	background: url(../image/btgrad_ss.png) repeat-x top #8CC9FF;
	border: 1px solid #7DB5E6;
	margin: 5px auto 0 auto;
	text-align: left;
}
#columnS_inner ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#columnS_inner li.arw_white{/* カテゴリリスト お知らせ タイトル：矢印 */
	color: #FFFFFF;
	font-size: 12px;
	line-height: 120%;
	background: url(../image/arw_white.png) no-repeat;
	margin: 4px 0 0 0;
	padding: 1px 0 0 16px;
}
#columnS_inner li.arw_black{/* お知らせ 日付：矢印 */
	color: #0073E2;
	font-size: 12px;
	line-height: 120%;
	background: url(../image/arw_black.png) no-repeat;
	margin: 4px 0;
	padding: 0 0 0 12px;
}
#category_list a {/* カテゴリリスト：ボタン：矢印 */
	display: block;
	padding: 5px 0 4px 18px;
	background: url(../image/arw_gray.png) 0.3em 0.3em no-repeat;
	line-height: 120%;
}
#category_list a:link {
	color: #FF4700;
	text-decoration: none;
}
#category_list a:visited {
	color: #FF4700;
	text-decoration: none;
}
#category_list a:active {
	color: #FF4700;
	text-decoration: none;
}
#category_list a:hover {
	color: #E85B23;
	text-decoration: none;
}

#info {
	width: 314px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #F7F5F6;  /* 背景色：お知らせ */
	text-align: left;
}
#info_block {
	width: 292px;
	margin: 0 auto;
	text-align: left;
}
.info_link {
	padding: 0;
	font-size: 12px;
}
.info_line {
	height: 1px;
	padding: 8px 0 5px 0;
	font-size: 0;
	line-height: 0;
}

#uliza_banner {
	margin: 10px 0 0 0;
}


/* カスタムエリア */
.custom_innner {/* カスタムエリア用：マージン：html内に記述が必要 */
	padding: 6px;
}
#custom01 {
	display: block;   /* 表示非表示：カスタムエリア-1 */
	width: 624px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #B5B5B5;  /* 背景色：カスタムエリア-1 */
	text-align: center;
}
#custom02 {
	display: block;   /* 表示非表示：カスタムエリア-2 */
	width: 624px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #B5B5B5;  /* 背景色：カスタムエリア-2 */
	text-align: center;
}
#custom03 {
	display: block;   /* 表示非表示：カスタムエリア-3 */
	width: 624px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #B5B5B5;  /* 背景色：カスタムエリア-3 */
	text-align: center;
}
#custom04 {
	display: block;   /* 表示非表示：カスタムエリア-4 */
	width: 314px;
	border: 3px solid #EEEEEE;
	background: #B5B5B5;  /* 背景色：カスタムエリア-4 */
	text-align: center;
}
#custom05 {
	display: block;   /* 表示非表示：カスタムエリア-5 */
	width: 314px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #B5B5B5;  /* 背景色：カスタムエリア-5 */
	text-align: center;
}
#custom06 {
	display: block;   /* 表示非表示：カスタムエリア-6 */
	width: 314px;
	margin: 10px 0 0 0;
	border: 3px solid #EEEEEE;
	background: #B5B5B5;  /* 背景色：カスタムエリア-7 */
	text-align: center;
}

/* 詳細ページ：カテゴリ */
#category {
	width: 624px;
	border: 3px solid #EEEEEE;
	background: #FFFFFF;
	text-align: center;
}
#category_inner {
	width: 610px;
	margin: 0 auto;
	padding: 7px 0;
	text-align: left;
}
#category_ttl {
	width: 604px;
	border: 3px solid #EEEEEE;
	background: #FFEBCE;
}
#category_ttl h1{
	color: #E74807;
	font-size: 12px;
	padding: 5px;
}
/* 詳細ページ：グループ */
#groupph {
	padding: 10px 0 0 0;
}
#group_info {
	width: 608px;
	border: 1px solid #EBEFF2;
	background: #F3F8FE;
	text-align: left;
	margin: 10px 0 0 0;
}
#group_tag {
	width: 608px;
	border: 1px solid #EBEFF2;
	background: #F3FEF3;
	text-align: left;
	margin: 10px 0 0 0;
}
#group_cast {
	width: 608px;
	border: 1px solid #EBEFF2;
	background: #FDFFE7;
	text-align: left;
	margin: 10px 0 0 0;
}
#group_staff {
	width: 608px;
	border: 1px solid #EBEFF2;
	background: #F6F6F6;
	text-align: left;
	margin: 10px 0 0 0;
}
#group_device {
	width: 608px;
	border: 1px solid #EBEFF2;
	background: #FFFFFF;
	text-align: left;
	margin: 10px 0 0 0;
}
#group_copy {
	width: 608px;
	text-align: left;
	margin: 0;
	color: #999999;
}
#group_device .device_icon{
	float: left;
	margin: 0 5px 0 0;
}
#group_box_innner {
	padding: 8px;
}
.group_ttl_txt {
	font-size: 12px;
	padding: 2px 0 0 10px;
}
#group_ttl {
	width: 604px;
	margin: 5px 0 0 0;
	border: 3px solid #EBEFF2;
	background: #F3F8FE; /* 背景色：グループ詳細タイトル */
	text-align: left;
}
#group_ttl h3{
	color: #0073DC;
	font-size: 12px;
	padding: 5px;
}
#episode_ttl {
	width: 604px;
	margin: 5px 0 0 0;
	border: 3px solid #EBEFF2;
	background: #FFF799; /* 背景色：エピソード一覧 */
	text-align: left;
}
#episode_ttl h3{
	color: #767211;
	font-size: 12px;
	padding: 5px;
}
#group_detail {
	width: 604px;
	margin: 0 0 10px 0;
	border-left: 3px solid #EBEFF2;
	border-right: 3px solid #EBEFF2;
	border-bottom: 3px solid #EBEFF2;
	background: #FFFFFF;
	text-align: left;
}
#group_detail_innner {
	padding: 5px 10px;
}
#group_detail h4{
	font-size: 12px;
	padding: 5px 0;
}
#group_detail .bt_small a{
	font-size: 10px;
	line-height: 16px;
	display: block;
	font-family: "ＭＳ ゴシック", 'ヒラギノ角ゴ Pro W3';
	padding: 0 0 2px 0;
}
#group_detail .detailL{
	float: left;
	width: 410px;
}
#group_detail .detailR{
	float: right;
	width: 160px;
}
#group_detail .detailL_list{
	float: left;
	width: 460px;
}
#group_detail .detailR_list{
	float: right;
	width: 120px;
}

/* 検索 */
#search_ttl {
	width: 604px;
	border: 3px solid #EEEEEE;
	background: #F6F6F6;  /* 背景色：検索結果タイトル */
}
#search_ttl h1{
	font-size: 12px;
	padding: 5px;
}
#search_wrap {
	text-align: center;
	padding: 5px 0 20px 0;
}
#search {
	clear: both;
	padding: 10px 0 0 0;
	width: 350px;
	height: 30px;
	background: url(../image/search_base.jpg) no-repeat bottom;
	line-height: 0;
	font-size: 0;
	margin: 0 auto;
}
#search ul.search_otp{
	list-style: none;
	padding: 5px 0 0 65px;
	margin: 0;
}
#search li.search_txt{
	float: left;
	padding: 1px 0 0 0;
	margin: 0;
}
#search .search_txt_form{/* ヘッダー：検索：入力エリア */
	width: 226px;
	height: 1em;
	font-size: 12px;
	color: #ADADAD;
}
#search li.search_bt{
	float: left;
	padding: 0 0 0 4px;
}
#search .search_bt_form{/* ヘッダー：検索：ボタン */
	width: 44px;
	height: 20px;
}

/* 商品構成 */
#composition_ttl {
	clear: both;
	width: 604px;
	margin: 20px 0 0 0;
	border: 3px solid #EBEFF2;
	background: #F3F8FE; /* 背景色：グループ詳細タイトル */
	text-align: left;
}
#composition_ttl h3{
	color: #0073DC;
	font-size: 12px;
	padding: 5px;
}
#composition {
	width: 604px;
	margin: 10px 0;
	background: #FFFFFF;
	text-align: left;
}
#composition_list {
	clear: both;
	padding: 5px 0;
}
#composition h4{
	color: #E74807;
	font-size: 12px;
	line-height: 120%;
	padding: 0;
}
#composition .detailL_list{
	float: left;
	width: 470px;
	padding: 2px;
}
#composition .detailR_list{
	float: right;
	width: 120px;
}

/* 視聴可能コンテンツ */
#viewlist {
	text-align: left;
}
#viewlist table {
	width: 100%;
	border-collapse: collapse;
	border: 3px #EEEEEE solid;
	margin: 10px 0;
}
#viewlist table th {
	text-align: center;
	color: 000000;
	font-size: 12px;
	padding: 5px;
	background: #EFF8FF;
	border: 3px #EEEEEE solid;
	border-collapse: collapse;
}
#viewlist table td {
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-size: 12px;
	line-height: 120%;
	border: 3px #EEEEEE solid;
	padding: 0;
	margin: 0;
}
#viewlist table td.ph {
	width: 145px;
}
#viewlist table td.group {
	width: 175px;
	color: #E74807;
}
#viewlist table td.program {
	width: 175px;
}
#viewlist table td.date {
	width: 100px;
}
#viewlist table td.fin {
	width: 175px;
	color: #AFAFAF;
}
#viewlist table td.findate {
	width: 100px;
	color: #AFAFAF;
}
#viewlist table tr.even td {
	background: #FAFAFA;
}

/* 購入履歴 */
#history_list {
	clear: both;
	padding: 10px 0 0 0;
	text-align: left;
}
#history_list table {
	width: 100%;
	border-collapse: collapse;
	border: 3px #EEEEEE solid;
	margin: 5px 0 10px 0;
}
#history_list table th {
	text-align: center;
	color: 000000;
	font-size: 12px;
	padding: 5px;
	background: #EFF8FF;
	border: 3px #EEEEEE solid;
	border-collapse: collapse;
}
#history_list table td {
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-size: 12px;
	line-height: 120%;
	border: 3px #EEEEEE solid;
	padding: 4px 0;
	margin: 0;
}
#history_list table td.date {
	width: 92px;
}
#history_list table td.select {
	width: 80px;
}
#history_list table td.program {
	width: 286px;
	text-align: left;
}
#history_list table td.price {
	width: 70px;
}

#history_list table tr.even td {
	background: #FAFAFA;
}
#history_list .td_inner {
	padding: 2px;
}

/* 登録・フォーム類 */
#form_inner {
	padding: 7px;
	text-align: left;
}
#form_ttl {
	width: 604px;
	border: 3px solid #EEEEEE;
	background: #F6F6F6;  /* 背景色：フォーム関係タイトル */
}
#form_ttl h1{
	font-size: 12px;
	padding: 5px;
}
.form_margin {
	padding: 10px 0 0 0;
}
#form_txt_box {
	width: 604px;
	border-left: 3px solid #EEEEEE;
	border-right: 3px solid #EEEEEE;
	border-bottom: 3px solid #EEEEEE;
}
#form_txt_box_inner {
	padding: 7px;
}
#form_section {
	padding: 10px 0;
}
#form_border {
	width: 604px;
	border: 3px solid #EEEEEE;
	text-align: center;
	padding: 10px 0;
}
.art_txt {
	color: #FF0000;
}

#form_input {
	padding: 25px 0 10px 0;
}
#form_input_inner {
	padding: 0 20px;
}
#form_input_article {
	border-top: 3px #EEEEEE solid;
	margin: 10px 0;
	padding: 10px 0 0 0;
}
#form_input_article_emphasis {
	padding: 10px 0;
	background: #EEEEEE;
}
#form_input_article_non {
	margin: 10px 0;
	padding: 5px 0 0 10px;
}
#form_input .labels {
	float: left;
	width: 150px;
	text-align: right;
	font-size: 12px;
	line-height: 120%;
	padding: 6px 10px 0 0;
}
#form_input .inputarea {
	float: left;
	width: 440px;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
}
#form_input .preview {
	float: left;
	width: 440px;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	padding: 6px 10px 6px 0;
}
#form_input .txt_form{
	width: 400px;
	color: #000000;
}
#form_input .txt_form_s{
	display: inline;
	width: 160px;
	color: #000000;
	margin: 0 12px 0 7px;
	vertical-align: text-bottom;
}
#form_input #form_bt_box {
	width: 290px;
	margin: 20px auto 0 auto;
	text-align: center;
}
#form_input #bt_send {
	float: left;
	width: 140px;
	height: 36px;
	text-align: center;
	padding: 0;
	margin: 0 0 0 10px;
	background: url(../image/btgrad_m.png) repeat-x top #434343; /* 背景色：入力内容を確認 */
}
#form_input #bt_send:hover {
	background: url(../image/btgrad_m.png) repeat-x top #5E5E5E; /* 背景色：オンマウス：入力内容を確認 */
}
#form_input #bt_send a{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 36px;
	display: block;
	text-decoration: none;
}
#form_input #bt_back {
	float: left;
	width: 140px;
	height: 36px;
	text-align: center;
	padding: 0;
	margin: 0;
	background: url(../image/btgrad_l.png) repeat-x top #EEEEEE; /* 背景色：もどる */
	text-align: center;
}
#form_input #bt_back:hover {
	background: url(../image/btgrad_l.png) repeat-x top #F1F1F1; /* 背景色：オンマウス：もどる */
}
#form_input #bt_back a{
	color: #000000;
	font-size: 12px;
	line-height: 36px;
	display: block;
	text-decoration: none;
}

#form_input_tablebox {
	width: 570px;
	margin: 5px auto;
	text-align: center;
}
#form_input_tablebox table {
	width: 100%;
	border-collapse: collapse;
	border: 3px #EEEEEE solid;
	margin: 5px 0 10px 0;
}
#form_input_tablebox table th {
	width: 120px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 12px;
	padding: 10px;
	background: #FFFBCC;
	border: 3px #EEEEEE solid;
	border-collapse: collapse;
}
#form_input_tablebox table td {
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-size: 12px;
	line-height: 120%;
	border: 3px #EEEEEE solid;
	padding: 10px;
	margin: 0;
}

/* 登録・フォーム類：ボタン：購入・もどる・サイン */
#form_input_bt{
	clear: both;
	width: 370px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}
#form_input_bt .bt_procedure {
	float: left;
	width: 158px;
	height: 48px;
	background: url(../image/btgrad_l.png) repeat-x top #FFC300; /* 背景色：購入 */
	border: 1px solid #E8AF00;
	text-align: center;
	margin: 0 10px;
}
#form_input_bt .bt_procedure:hover {
	background: url(../image/btgrad_l.png) repeat-x top #FFCC21; /* 背景色：オンマウス：購入 */
}
#form_input_bt .bt_back {
	float: left;
	width: 158px;
	height: 48px;
	background: url(../image/btgrad_l.png) repeat-x top #EEEEEE; /* 背景色：もどる */
	border: 1px solid #DCDCDC;
	text-align: center;
	margin: 0 10px;
}
#form_input_bt .bt_back:hover {
	background: url(../image/btgrad_l.png) repeat-x top #F1F1F1; /* 背景色：オンマウス：もどる */
}
#form_input_bt .bt_backs {
	width: 118px;
	height: 28px;
	background: url(../image/btgrad_s.png) repeat-x top #EEEEEE; /* 背景色：もどる小 */
	border: 1px solid #DCDCDC;
	text-align: center;
	margin: 0 auto;
}
#form_input_bt .bt_backs:hover {
	background: url(../image/btgrad_s.png) repeat-x top #F1F1F1; /* 背景色：オンマウス：もどる小 */
}
#form_input_bt a{
	line-height: 48px;
	font-size: 14px;
	display: block;
}
#form_input_bt .bt_backs a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}
#form_input_sign{
	clear: both;
	width: 570px;
	padding: 20px 0;
	margin: 0 auto;
}
#form_input_sign .sign_on {
	float: left;
	width: 158px;
	height: 48px;
	background: url(../image/btgrad_l.png) repeat-x top #FF6400; /* 背景色：オン */
	border: 1px solid #FF6400;
	text-align: center;
}
#form_input_sign .sign {
	float: left;
	width: 158px;
	height: 48px;
	background: url(../image/btgrad_l.png) repeat-x top #ABABAB; /* 背景色：オフ */
	border: 1px solid #ABABAB;
	text-align: center;
}
#form_input_sign p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 48px;
}
#form_input_sign .arrow{
	float: left;
	padding: 10px 5px;
	margin: 0 5px;
}

#form_input_sign_s{ /* 12/07/17 */
	clear: both;
	width: 596px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#form_input_sign_s .sign_on { /* 12/07/17 */
	float: left;
	width: 108px;
	height: 40px;
	background: url(../image/btgrad_l.png) repeat-x top #FF6400; /* 背景色：オン */
	border: 1px solid #FF6400;
	text-align: center;
}
#form_input_sign_s .sign { /* 12/07/17 */
	float: left;
	width: 108px;
	height: 40px;
	background: url(../image/btgrad_l.png) repeat-x top #ABABAB; /* 背景色：オフ */
	border: 1px solid #ABABAB;
	text-align: center;
}
#form_input_sign_s p{ /* 12/07/17 */
	font-size: 12px;
	color: #FFFFFF;
	line-height: 40px;
}
#form_input_sign_s .arrow{ /* 12/07/17 */
	float: left;
	padding: 5px 0;
	margin: 0 15px;
}

/* アイコン */
.ttl_icon_top {
	float: left;
	width: 6px;
	height: 21px;
	background: url(../image/pointgrad.png) top repeat-x #434343;
	border: 1px solid #434343;
}
.ttl_icon_s {
	float: left;
	width: 4px;
	height: 13px;
	background: url(../image/pointgrad.png) top repeat-x #434343;
	border: 1px solid #434343;
}
.ttl_icon_program {
	float: left;
	width: 4px;
	height: 17px;
	background: url(../image/pointgrad.png) top repeat-x #E74709;
	border: 1px solid #E84908;
	margin: 0 0 0 2px;
}
.icon_box {
	float: left;
	width: 58px;
	background: url(../image/btgrad_ss.png) repeat-x top #333333; /* 背景色：小ボタン：オン */
	border: 1px solid #313131;
	text-align: center;
	margin: 10px 0;
}
.icon_boxin_txt{
	font-size: 10px;
	color: #FFFFFF;
	line-height: 16px;
	display: block;
	font-family: "ＭＳ ゴシック", 'ヒラギノ角ゴ Pro W3';
	padding: 0 0 2px 0;
}
.icon_box_txt{
	float: left;
	padding: 2px 15px 0 5px;
	margin: 10px 0;
}
.icon_box_detail {
	float: left;
	width: 58px;
	background: url(../image/btgrad_ss.png) repeat-x top #333333; /* 背景色：小ボタン：番組 */
	border: 1px solid #313131;
	text-align: center;
	margin: 0 0;
}
.icon_boxin_txt_detail{
	font-size: 10px;
	color: #FFFFFF;
	line-height: 16px;
	display: block;
	font-family: "ＭＳ ゴシック", 'ヒラギノ角ゴ Pro W3';
	padding: 0 0 2px 0;
}
.icon_box_txt_detail{
	float: left;
	padding: 2px 15px 0 5px;
	margin: 0 0;
}
.icon_box_list {
	float: left;
	width: 58px;
	background: url(../image/btgrad_ss.png) repeat-x top #333333; /* 背景色：小ボタン：オン */
	border: 1px solid #313131;
	text-align: center;
	margin: 4px 0;
}
.icon_box_txt_list{
	float: left;
	padding: 2px 15px 0 5px;
	margin: 4px 0;
}
.icon_listter {
	clear: both;
	padding: 0;
}

/* サムネールボックス・画像サイズ */
.thumb_img{
	padding: 0;
	margin: 0;
}
.info_txt{
	clear: both;
	padding: 4px 0 0 0;
	margin: 0;
}
.thumb_txt{
	clear: both;
	padding: 4px 2px 0 2px;
	margin: 0;
}
.read_txt{
	padding: 10px 2px 0 2px;
	margin: 0;
}
.thumb_large{
	width: 610px;
	height: 344px;
}
.thumb_medium{
	width: 300px;
	height: 169px;
}
.thumb_small{
	width: 145px;
	height: 82px;
}

/* テキスト */
.txt_small {
	font-size: 10px;
	line-height: 140%;
}
.txt_medium {
	font-size: 12px;
	line-height: 140%;
}
.txt_large {
	font-size: 14px;
	line-height: 140%;
}
.txt_xlarge {
	font-size: 16px;
	line-height: 140%;
}

/* common */
.line {
	width: 100%;
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 5px 0;
	border-top: 3px solid #EEEEEE;
}
#control {
	padding: 5px 0;
}

#numberbox {
	float: left;
}
#numberbox .current {
	padding: 2px;
	color: #E74807;
}
#numberbox .nouse {
	padding: 2px;
	color: #B5B5B5;
}
#numberbox a{
	font-size: 12px;
	line-height: 140%;
	padding: 2px;
}
#numberbox a:link {
	text-decoration: none;
}
#numberbox a:visited {
	text-decoration: none;
}
#numberbox a:active {
	text-decoration: none;
}
#numberbox a:hover {
	color: #FFB900;
	text-decoration: underline;
}
#numberinfo {
	float: right;
}

#program_box {
	padding: 5px 0;
}
#program_box .programL {
	float: left;
	width: 300px;
}
#program_box .programR {
	width: 300px;
	float: right;
}
#program_box .programL_detail {
	float: left;
	width: 145px;
}
#program_box .programR_detail {
	width: 450px;
	float: right;
}
#program_box .program_ph {
}
#program_box a{
	color: #E74807;
	font-size: 12px;
	line-height: 120%;
	padding: 2px;
}
#program_box a:link {
	text-decoration: underline;
}
#program_box a:visited {
	text-decoration: underline;
}
#program_box a:active {
	text-decoration: underline;
}
#program_box a:hover {
	color: #FFB900;
	text-decoration: underline;
}

#program_detail {
	padding: 10px 0 5px 0;
}
#program_detail .programL {
	float: left;
	width: 300px;
}
#program_detail .programR {
	width: 300px;
	float: right;
}
.rogram_ttl_txt {
	font-size: 14px;
	padding: 4px 0 0 14px;
}

#sns {
}

/* ボタン */
#bt_box {
	padding: 5px 0;
	text-align: left;
	font-size: 10px;
}
#bt_box .bt_float {
	float: left;
	margin: 0 5px 0 0;
}
#bt_box .txt_float {
	float: left;
	margin: 3px 10px 0 0;
}
.bt_small_on {
	width: 58px;
	background: url(../image/btgrad_ss.png) repeat-x top #535353; /* 背景色：小ボタン：オン */
	border: 1px solid #525252;
	text-align: center;
}
.bt_small {
	width: 58px;
	background: url(../image/btgrad_ss.png) repeat-x top #ABABAB; /* 背景色：小ボタン */
	border: 1px solid #ABABAB;
	text-align: center;
}
.bt_small:hover {
	background: url(../image/btgrad_ss.png) repeat-x top #535353; /* 背景色：オンマウス：小ボタン */
	border: 1px solid #525252;
}

#bt_box .bt_small_on a{
	font-size: 10px;
	line-height: 16px;
	display: block;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	padding: 0 0 2px 0;
}
#bt_box .bt_small a{
	font-size: 10px;
	line-height: 16px;
	display: block;
	font-family: "ＭＳ ゴシック", 'ヒラギノ角ゴ Pro W3';
	padding: 0 0 2px 0;
}

#bt_Lbox{
	padding: 10px 0;
}
.bt_buy_L {
	width: 158px;
	height: 48px;
	background: url(../image/btgrad_l.png) repeat-x top #FFC000; /* 背景色：購入する */
	border: 1px solid #EDB200;
	text-align: center;
}
.bt_buy_L:hover {
	background: url(../image/btgrad_l.png) repeat-x top #FFCB2D; /* 背景色：オンマウス：購入する */
}
.bt_view_L {
	width: 158px;
	height: 48px;
	background: url(../image/btgrad_l.png) repeat-x top #FE90C1; /* 背景色：購入済み */
	border: 1px solid #EB84B3;
	text-align: center;
}
.bt_view_L:hover {
	background: url(../image/btgrad_l.png) repeat-x top #FEA8CF; /* 背景色：オンマウス：購入済み */
}
#bt_Lbox a{
	line-height: 48px;
	font-size: 14px;
	display: block;
}

#bt_Sbox{
	padding: 10px 0;
}
.bt_buy_S {
	width: 118px;
	height: 38px;
	background: url(../image/btgrad_l.png) repeat-x top #FFC000; /* 背景色：購入する */
	border: 1px solid #EDB200;
	text-align: center;
}
.bt_buy_S:hover {
	background: url(../image/btgrad_l.png) repeat-x top #FFCB2D; /* 背景色：オンマウス：購入する */
}
.bt_view_S {
	width: 118px;
	height: 38px;
	background: url(../image/btgrad_l.png) repeat-x top #FE90C1; /* 背景色：購入済み */
	border: 1px solid #EB84B3;
	text-align: center;
}
.bt_view_S:hover {
	background: url(../image/btgrad_l.png) repeat-x top #FEA8CF; /* 背景色：オンマウス：購入済み */
}
#bt_Sbox a{
	line-height: 38px;
	font-size: 14px;
	display: block;
}

/* ボタン：視聴する */
#bt_program{
	padding: 5px 0;
}
.bt_player {
	width: 298px;
	height: 38px;
	background: url(../image/btgrad_l.png) repeat-x top #434343; /* 背景色：視聴する */
	border: 1px solid #3E3E3E;
	text-align: center;
}
.bt_player:hover {
	background: url(../image/btgrad_l.png) repeat-x top #808080; /* 背景色：オンマウス：視聴する */
}
#bt_program a{
	color: #FFFFFF;
	line-height: 38px;
	font-size: 16px;
	display: block;
}

/* ボタン：番組詳細 */
#bt_detail_box{
	padding: 5px 0;
}
.bt_detail {
	width: 118px;
	height: 38px;
	background: url(/1/image/btgrad_l.png) repeat-x top #434343; /* 背景色：番組詳細 */
	border: 1px solid #3E3E3E;
	text-align: center;
}
.bt_detail:hover {
	background: url(/1/image/btgrad_l.png) repeat-x top #808080; /* 背景色：オンマウス：番組詳細 */
}
#bt_detail_box a{
	line-height: 38px;
	font-size: 12px;
	display: block;
}
/* ボタン：解約手続き */
#bt_cancell_box{
	padding: 0;
	margin: 0 auto;
}
.bt_cancell {
	width: 46px;
	height: 28px;
	background: url(/1/image/btgrad_ss.png) repeat-x top #434343; /* 背景色：解約手続き */
	border: 1px solid #3E3E3E;
	text-align: center;
	margin: 0 auto;
}
.bt_cancell:hover {
	background: url(/1/image/btgrad_ss.png) repeat-x top #808080; /* 背景色：オンマウス：解約手続き */
}
#bt_cancell_box a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}

/* ページトップへ */
#gotop {
	text-align: left; /* 左メインカラム時 */
	padding: 20px 5px;
}
#gotop a{
	color: #000000;
	font-size: 12px;
	line-height: 120%;
	padding: 2px;
}
#gotop a:link {
	text-decoration: none;
}
#gotop a:visited {
	text-decoration: none;
}
#gotop a:active {
	text-decoration: none;
}
#gotop a:hover {
	color: #FFB900;
	text-decoration: underline;
}

/* リンク */
a:link {
	font-size: 12px;
	line-height: 140%;
	color: #323232;
	text-decoration: underline;
}
a:visited {
	font-size: 12px;
	line-height: 140%;
	color: #323232;
	text-decoration: underline;
}
a:active {
	font-size: 12px;
	line-height: 140%;
	color: #323232;
	text-decoration: underline;
}
a:hover {
	font-size: 12px;
	line-height: 140%;
	color: #FFB900;
	text-decoration: underline;
}

a.black:link {
	color: #000000;
	text-decoration: none;
}
a.black:visited {
	color: #000000;
	text-decoration: none;
}
a.black:active {
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	color: #000000;
	text-decoration: none;
}
a.white:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.blue:link {
	color: #0074E1;
	text-decoration: underline;
}
a.blue:visited {
	color: #0074E1;
	text-decoration: underline;
}
a.blue:active {
	color: #0074E1;
	text-decoration: underline;
}
a.blue:hover {
	color: #FEC000;
	text-decoration: underline;
}

/* 視聴ページ */
#player{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #000000;　/* 背景色：視聴ページ */
	text-align: center;
}

#player #player_container{
	width: 640px;
	margin: 10px auto;
}
#player #player_heade{
	width: 640px;
	height: 70px;
	text-align: left;
	background: #FFFFFF;/* 背景色：視聴ページヘッダー */
}
#player #player_area{
	padding: 10px 0;
}
#player #copy_area{
	width: 638px;
	border: 1px solid #303030;
	text-align: left;
}
#player #copy_area p{
	padding: 10px;
	color: #A0A0A0;
	font-size: 10px;
	line-height: 140%;
}
/* ボタン：閉じる */
#player #bt_close_box{
	text-align: right;
	padding: 10px 0 0 0;
}
#player .bt_close {
	float: right;
	width: 118px;
	height: 28px;
	background: url(../image/btgrad_s.png) repeat-x top #EEEEEE; /* 背景色：閉じる */
	border: 1px solid #DCDCDC;
	text-align: center;
}
#player .bt_close:hover {
	background: url(../image/btgrad_s.png) repeat-x top #F7F7F7; /* 背景色：オンマウス：閉じる */
}
#player #bt_close_box a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}
/* for ime */
input[type="text"].ime-active {
	ime-mode: active
}
input[type="text"].ime-inactive {
	ime-mode: inactive
}
input[type="text"].ime-disabled {
	ime-mode: disabled
}

span.error {
	color: red;
}