@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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.0;
	vertical-align: baseline;
}
td input {
 	margin: 0;
	padding: 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(/1/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(/1/image/btgrad_m.png) repeat-x top #FFC300; /* 背景色：会員登録 */
	border: 1px solid #E8AF00;
	text-align: center;
}
#head_menu .bt_registration:hover {
	background: url(/1/image/btgrad_m.png) repeat-x top #FFCC21; /* 背景色：オンマウス：会員登録 */
}
#head_menu .bt_mypage {
	float: left;
	width: 168px;
	height: 28px;
	background: url(/1/image/btgrad_m.png) repeat-x top #0074DE; /* 背景色：マイページ */
	border: 1px solid #0069CB;
	text-align: center;
}
#head_menu .bt_mypage:hover {
	background: url(/1/image/btgrad_m.png) repeat-x top #2E8CE6; /* 背景色：オンマウス：マイページ */
}
#head_menu .bt_login {
	float: right;
	width: 168px;
	height: 28px;
	background: url(/1/image/btgrad_m.png) repeat-x top #DCDCDC; /* 背景色：ログイン */
	border: 1px solid #C6C6C6;
	text-align: center;
}
#head_menu .bt_login:hover {
	background: url(/1/image/btgrad_m.png) repeat-x top #E1E1E1; /* 背景色：オンマウス：ログイン */
}
#head_menu .bt_logout {
	float: right;
	width: 168px;
	height: 28px;
	background: url(/1/image/btgrad_m.png) repeat-x top #535353; /* 背景色：ログアウト */
	border: 1px solid #4B4B4B;
	text-align: center;
}
#head_menu .bt_logout:hover {
	background: url(/1/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(/1/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_type{
	float: left;
	padding: 1px 0 0 0;
	margin: 0;
}
#head_search .search_type_form{
	font-size: 12px;
	color: #999;
}
#head_search li.search_txt{
	float: left;
	padding: 1px 0 0 0;
	margin: 0;
}
#head_search .search_txt_form{/* ヘッダー：検索：入力エリア */
	width: 126px;
	height: 1em;
	font-size: 12px;
	color: #999;
}
#head_search li.search_bt{
	float: left;
	padding: 0 0 0 4px;
}
#head_search .search_bt_form{/* ヘッダー：検索：ボタン */
	width: 44px;
	height: 20px;
}
#tag_menu{
	text-align: left;
	padding: 10px 0 0 10px;
}
#tag_menu li{
	display: inline-block;
	font-size: 12px;
	line-height: 140%;
}
#tag_menu li.tag_reco_head {
	background-color: #FFEAF1;
}
#tag_menu li.tag_reco_data {
	text-decoration: underline;
}
#tag_menu li.tag_group_head {
	background-color: #ECF4FF;
}
#tag_menu li.tag_group_data {
	text-decoration: underline;
}

/* メインエリア */
#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;
	word-wrap: break-word;
}
#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(/1/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(/1/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(/1/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(/1/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(/1/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(/1/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(/1/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(/1/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_block_list {
	width: 292px;
	margin: 0 auto;
	text-align: right;
}
.info_link {
	padding: 0;
	font-size: 12px;
	word-wrap: break-word;
}
.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;
	word-wrap: break-word;
}
#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_tag li{
	display: inline-block;
}
#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;
	word-wrap: break-word;
}
.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 #detail_list_wrap{
	clear: both;
}
#group_detail .detailL_listph{  /* 120718 */
	float: left;
	width: 145px;
}
#group_detail .detailM_list{  /* 120718 */
	float: left;
	width: 435px;
	padding: 0 0 0 5px;
}
#group_detail .detailML_list{  /* 120718 */
	float: left;
	width: 310px;
	padding: 0;
}
#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(/1/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: #999;*/
}
#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 #detail_list_wrap{  /* 120718 */
	clear: both;
}
#composition .detailL_listph{  /* 120718 */
	float: left;
	width: 145px;
}
#composition .detailM_list{  /* 120718 */
	float: left;
	width: 452px;
	padding: 0 0 0 5px;
}
#composition .detailML_list{  /* 120718 */
	float: left;
	width: 320px;
	padding: 0;
}
#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;
	word-break: break-all;
}
#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: 80px;
}
#history_list table td.select {
	width: 80px;
}
#history_list table td.program {
	width: 216px;
	text-align: left;
}
#history_list table td.price {
	width: 70px;
}

#history_list table td.coupon {
	width: 80px;
}

#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;  /* 背景色：フォーム関係タイトル */
	word-wrap: break-word;
}
#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;
	word-wrap: break-word;
}
.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;
	word-wrap: break-word;
}
#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(/1/image/btgrad_m.png) repeat-x top #434343; /* 背景色：入力内容を確認 */
}
#form_input #bt_send:hover {
	background: url(/1/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(/1/image/btgrad_l.png) repeat-x top #EEEEEE; /* 背景色：もどる */
	text-align: center;
}
#form_input #bt_back:hover {
	background: url(/1/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;
	word-break: break-all;
}
#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(/1/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(/1/image/btgrad_l.png) repeat-x top #FFCC21; /* 背景色：オンマウス：購入 */
}
#form_input_bt .bt_back {
	float: left;
	width: 158px;
	height: 48px;
	background: url(/1/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(/1/image/btgrad_l.png) repeat-x top #F1F1F1; /* 背景色：オンマウス：もどる */
}
#form_input_bt .bt_backs {
	width: 118px;
	height: 28px;
	background: url(/1/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(/1/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(/1/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(/1/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(/1/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(/1/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;
}
#form_input_add {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}
#form_input_add .bt_coupon_entry {
	float: right;
	width: 170px;
	height: 36px;
	background: url(/1/image/btgrad_l.png) repeat-x top #BCE2AA; /* 背景色：クーポン番号の入力 */
	border: 1px solid #99cc99;
	text-align: center;
	margin: 0 10px;
}
#form_input_add .bt_coupon_entry:hover {
	background: url(/1/image/btgrad_l.png) repeat-x top #CAE3BF; /* 背景色：オンマウス：クーポン番号の入力 */
}
#form_input_add a {
	line-height: 36px;
	font-size: 12px;
	display: block;
}

.allow_buy_way_icon img{
	height:22px;
	margin-top:5px;
}

.streaming_download_icon img {
	height:22px;
	margin-top:5px;
}

/* アイコン */
.ttl_icon_top {
	float: left;
	width: 6px;
	height: 21px;
	background: url(/1/image/pointgrad.png) top repeat-x #434343;
	border: 1px solid #434343;
}
.ttl_icon_s {
	float: left;
	width: 4px;
	height: 13px;
	background: url(/1/image/pointgrad.png) top repeat-x #434343;
	border: 1px solid #434343;
}
.ttl_icon_program {
	float: left;
	width: 4px;
	height: 17px;
	background: url(/1/image/pointgrad.png) top repeat-x #E74709;
	border: 1px solid #E84908;
	margin: 0 0 0 2px;
}
.icon_box {
	float: left;
	width: 58px;
	background: url(/1/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(/1/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(/1/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;
}
.thumb_img_large{
	padding: 0;
	margin: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 610px;
	height: 344px;
}
.thumb_img_medium{
	padding: 0;
	margin: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 300px;
	height: 169px;
}
.thumb_img_small{
	padding: 0;
	margin: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 145px;
	height: 82px;
}
.info_txt{
	clear: both;
	padding: 4px 0 0 0;
	margin: 0;
	word-wrap: break-word;
}
.thumb_txt{
	clear: both;
	padding: 4px 2px 0 2px;
	margin: 0;
}
.read_txt{
	padding: 10px 2px 0 2px;
	margin: 0;
	word-wrap: break-word;
}
.thumb_large{
	/*width: 610px;
	height: 344px;*/
}
.thumb_medium{
	/*width: 300px;
	height: 169px;*/
}
.thumb_small{
	/*width: 145px;
	height: 82px;*/
}
.thumb_tag_group{
}
.thumb_tag{
}

/* テキスト */
.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;
	word-wrap: break-word;
}
#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;
	word-wrap: break-word;
}
.rogram_ttl_txt {
	font-size: 14px;
	padding: 4px 0 0 14px;
}

/* ソーシャルボタン */
#sns {
	padding: 6px 0px 4px 0px;
}
#twitter {
	float:left;
	width: 130px;
}
#facebook {
	float:left;
	width: 130px;
}

/* ボタン */
#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(/1/image/btgrad_ss.png) repeat-x top #535353; /* 背景色：小ボタン：オン */
	border: 1px solid #525252;
	text-align: center;
}
.bt_small {
	width: 58px;
	background: url(/1/image/btgrad_ss.png) repeat-x top #ABABAB; /* 背景色：小ボタン */
	border: 1px solid #ABABAB;
	text-align: center;
}
.bt_small:hover {
	background: url(/1/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(/1/image/btgrad_l.png) repeat-x top #FFC000; /* 背景色：購入する */
	border: 1px solid #EDB200;
	text-align: center;
}
.bt_buy_L:hover {
	background: url(/1/image/btgrad_l.png) repeat-x top #FFCB2D; /* 背景色：オンマウス：購入する */
}
.bt_view_L {
	width: 158px;
	height: 48px;
	background: url(/1/image/btgrad_l.png) repeat-x top #FE90C1; /* 背景色：購入済み */
	border: 1px solid #EB84B3;
	text-align: center;
}
.bt_view_L:hover {
	background: url(/1/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_Sbox img{ /* 12/07/17 */
	width: 120px;
	height: 40px;
}
/* ボタン：購入する */
#bt_product{ /* 12/07/17 */
	clear: both;
	text-align: left;
	padding: 5px 0;
	margin: 0 auto;
}
#bt_product img{ /* 12/07/17 */
	width: 120px;
	height: 40px;
	margin: 0;
}

/* ボタン：視聴する */
#bt_program{
	text-align: left;
	padding: 5px 0;
	margin: 0 auto;
}
#bt_program img{ /* 12/07/17 */
	width: 120px;
	height: 40px;
	margin: 0 auto;
}
/* ボタン：番組詳細 */
#bt_detail_box{
	padding: 5px 0;
}
#bt_detail_box img{ /* 12/07/17 */
	width: 120px;
	height: 40px;
}

/* ボタン：解約手続き */
#bt_cancell_box{
	padding: 0;
	margin: 0 auto;
}

.bt_cancel {
	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_cancel:hover {
	background: url(/1/image/btgrad_ss.png) repeat-x top #808080; /* 背景色：オンマウス：解約手続き */
}
#bt_cancel_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(/1/image/btgrad_s.png) repeat-x top #EEEEEE; /* 背景色：閉じる */
	border: 1px solid #DCDCDC;
	text-align: center;
}
#player .bt_close:hover {
	background: url(/1/image/btgrad_s.png) repeat-x top #F7F7F7; /* 背景色：オンマウス：閉じる */
}
#player #bt_close_box a{
	line-height: 28px;
	font-size: 12px;
	display: block;
}

/* コピーライト */
div.copyright {
	text-align: left;
}

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

/* news */
#news_list{
	padding: 0 10px 5px 10px;
	text-align: left;
}
#news_list .date{
	color: #0073E2;
	font-size: 12px;
	line-height: 120%;
	padding: 0 0 0 12px;
	margin: 4px 0;
	background: url(/1/image/arw_black.png) no-repeat;
}
#news_list .txt{
	color: #555555;
	font-size: 12px;
	line-height: 160%;
	padding: 2px 4px;
}
#news_list ul{
	list-style: none;
	padding: 4px 0;
}
#news_list li{
	background: url(/1/image/info_point.jpg) 0 1px no-repeat;
	font-size: 12px;
	line-height: 120%;
	padding: 0 0 5px 15px;
	margin: 0 0 2px 0;
	display: block;
	border-bottom: 2px solid #EEEEEE;
	word-wrap: break-word;
}
#news_list a:link {
	font-size: 12px;
	line-height: 120%;
	text-decoration: underline;
}
#news_list a:visited {
	font-size: 12px;
	line-height: 120%;
	text-decoration: underline;
}
#news_list a:active {
	font-size: 12px;
	line-height: 120%;
	color: #F55A00;
	text-decoration: none;
}
#news_list a:hover {
	font-size: 12px;
	line-height: 120%;
	color: #FFB900;
	text-decoration: underline;
}
.info_link a:link {
	font-size: 12px;
	line-height: 120%;
	text-decoration: underline;
}
.info_link a:visited {
	font-size: 12px;
	line-height: 120%;
	text-decoration: underline;
}
.info_link a:active {
	font-size: 12px;
	line-height: 120%;
	color: #F55A00;
	text-decoration: none;
}
.info_link a:hover {
	font-size: 12px;
	line-height: 120%;
	color: #FFB900;
	text-decoration: underline;
}
.info_link li {
	list-style: none;
}

/**
 * SlideJS CSS
 */
#slides {
	width: 610px;
	height: 380px;
	margin: 0 auto;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width: 610px;
	height: 344px;
	overflow:hidden;
	display:none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container a {
	width:610px;
	height:344px;
	display:block;
}
.slides_container a img {
	display:block;
}
.pagination {
	margin:10px auto 30px;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/image/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}

span.error {
	color: red;
}

span.suffix {
	color: #349064;
}

div#menu {
	width: 525px;
	height: 42.5px;
	margin: 0 auto;
	border-bottom: 3px solid #EEEEEE;
}
ui#menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu li {
	width: 100px;
	float: left;
	padding: 0;
	margin: 2.5px;
	text-align: center;
}
#menu li a {
	width: auto;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
	text-decoration: none;
	display: block;
	background: #666;
}
#menu li a:hover {
	background: #555;
}

div#live_on_air {
	border: 1px solid #666161;
	background: #FF4545;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 119px;
	padding: 4px 0;
	text-align: center;
	font-size: 80%;
	line-height: 130%;
	color: #FFF;;
}

div#live_future{
	border: 1px solid #666161;
	background: #45C8FF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 119px;
	padding: 4px 0;
	text-align: center;
	font-size: 80%;
	line-height: 130%;
	color: #FFF;
}

div#live_end{
	border: 1px solid #666161;
	background: #B3B3B3;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 119px;
	padding: 4px 0;
	text-align: center;
	font-size: 80%;
	line-height: 130%;
	color: #FFF;
}

div#live_on_air a:link {
	color: #EEE;
}

div#live_on_air a:visited {
	color: #EEE;
}

div#live_on_air a:hover {
	color: #FFF;
}

div#live_on_air a:active {
	color: #FFF;
}

div#live_future a:link {
	color: #EEE;
}

div#live_future a:visited {
	color: #EEE;
}

div#live_future a:hover {
	color: #FFF;
}

div#live_future a:active {
	color: #FFF;
}

#preview_box {
	/*height:6px;*/
	/*display:none;*/
	/*position:fixed;*/
	/*right:16px;*/
	/*bottom:16px;*/
}

#preview_box form {
	margin:0;
	padding:0;
	text-align: center;
	background: rgba(215, 96, 96, 0.40);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	position:fixed;
	right:16px;
	top:16px;
	border-radius:5px;
	z-index: 1000;
}

#preview_box form:hover {
	background: rgba(215, 96, 96, 0.80);
	border-radius:5px;
}

.preview_inputarea {
	width: 108px !important;
}

#preview_form_input {
	color:#fff;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

#preview_form_input:hover {
	background: rgba(215, 129, 109, 0.8);
	border-radius:5px;
}

.preview_labels {
	font-size: 80%;
	padding: 4px;
}

.preview_input {
	text-align : center !important;
	width: 100px !important;
}

#preview_button {
	height: 20px !important;
	margin: 4px;
}

#preview_set {
	font-weight:bold;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	color:#fff;
	background-color: #d44765;
	border-radius:3px;
}

#preview_set:hover {
	background-color: #eda9b4;
}

#preview_end {
	font-weight:bold;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	color:#fff;
	background-color: #5d5d5d;
	border-radius:3px;
}

#preview_end:hover {
	background-color: #9f9f9f;
}

/* タグ一覧 */
#tag_group_detail li{
	display: inline-block;
	font-size: 12px;
	line-height: 140%;
}
#tag_group_detail li.tag_select {
	background-color: #ECF4FF;
}
#tag_group_detail li.tag_link {
	text-decoration: underline;
}
#tag_detail ul{
	padding: 5px;
}
#tag_detail li{
	display: inline-block;
	font-size: 12px;
	line-height: 140%;
}
#tag_detail li.tag_link {
	text-decoration: underline;
}
.player_container {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}
.player_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.player_area video {
    width: 100%;
    height: 100%;
}

.delivery_device_on {
    width: 100px;
    height: 15px;
    font-size: 11px;
    text-align: center;
    background: #494949;
    color: #ffffff;
    padding-top: 4px;
}

.delivery_device_off {
    width: 100px;
    height: 15px;
    font-size: 11px;
    text-align: center;
    background: #B8B8B8;
    color: #ffffff;
    padding-top: 4px;
}

#form_social_login{
	border-top: 3px #EEEEEE solid;
	margin: 10px 0;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#form_social_login button::before{
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 100%;
}

#form_social_login button{
	box-sizing: border-box;
	position: relative;
	width: 196px;
	height: 38px;
	margin: 0.2em;
	padding: 0 15px 0 46px;
	border: none;
	text-align: center;
	line-height: 34px;
	white-space: nowrap;
	border-radius: 0.2em;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

#form_social_login button.facebook::before{
	border-right: #364e92 1px solid;
	background: url('/12/image/icon_facebook.png') 6px 6px no-repeat;
}

#form_social_login button.facebook{
	background-color: #4C69BA;
	background-image: linear-gradient(#4C69BA, #3B55A0);
	text-shadow: 0 -1px 0 #354C8C;
}

#form_social_login button.google::before{
	border-right: #BB3F30 1px solid;
	background: url('/12/image/icon_google.png') 4px 8px no-repeat;
}

#form_social_login button.google{
	background: #DD4B39;
	margin: 20px 0px 0px 30px;
}

#form_social_login button.line::before{
	border-right: #00B300 1px solid;
	background: url('/12/image/icon_line.png') 1px 3px no-repeat;
}

#form_social_login button.line{
	background-color: #00C300;
}

#form_social_login button.twitter::before{
	border-right: #1da1f2 1px solid;
	background: url('/12/image/icon_twitter.png') 1px 3px no-repeat;
}

#form_social_login button.twitter{
	background-color: #1da1f2;
	margin: 20px 0px 0px 30px;
}

#form_social_login button.yahoo{
	padding: 0;
	border: none;
	background: transparent;
	position:relative;
	top: 15px;
}

#form_social_login button.yahoo img{
	margin: 0px 34px 0px 10px;
}