body{
	position:relative;
	background-repeat:repeat-x;
	margin:0px;
}
/*全体の上に掛かれる領域*/
#over_area{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:100;
}
/*文字通り一番上の上段部*/
#top_area{
	position:absolute;
	width:100%;
	height:50px;
	z-index:10;
	top:0px;
}
/*コンテンツを表示する中央部*/
#middle_area{
	position:relative;
	width:100%;
	height:100%;
	top:50px;
	z-index:10;
}
/*フッターなどを表示する下段部*/
#bottom_area{
	position:relative;
	bottom:0px;
	height:150px;
	padding-top:20px;
	z-index:10;
}
/*フッターの表示部分*/
#footer_area{
	position:absolute;
	width:100%;
	height:70px;
	margin:0px;
	bottom:0px;
	z-index:10;
}
/*リストエリア*/
#center_area{
	position:absolute;
	float:left;
	display:none;
	z-index:11;
}
/*メニューエリア*/
#left_area{
	position:absolute;
	float:left;
	width:220px;
	display:none;
	z-index:13;
}
/*メニューエリア*/
#right_area{
	position:absolute;
	float:left;
	width:300px;
	display:none;
	z-index:12;
}

/*動画リストのサムネイル*/
#thumb_area{
	position:relative;
	width:250px;
	height:190px;
	background-color:#000000;
	float:left;
	margin-top:5px;
	margin-left:5px;
}
#thumb_img{
	margin:5px;
}
/******************************/
/*フッターエリア---開始*/
/******************************/
/*フッターのデフォルト背景色*/
#footer_back_color{
	position:absolute;
	background-color:#000000;
	width:100%;
}
/**/
dl.footer_text{
	position:relative;
	color:#FFFFFF;
	height:40px;
	top:0px;
}
.footer_menu{
	position:relative;
	color:#999900;
	font-size:12px;
	line-height:2;

}
.footer_menu th{
	text-align:left;
	width:150px;
} 
.footer_menu th a{
	color:#999900;
	text-decoration:none;
}
.footer_menu td{
	color:#BBBBBB;
	font-size:12px;

}
.footer_menu td a{
	color:#BBBBBB;
	text-decoration:none;
}
/*フッター上段サービス名*/
dl.footer_text dt{
	font-size:12px;
}
/*フッター下段Powerdby会社名*/
dl.footer_text dd{
	margin-top:10px;
	font-size:12px;
}
dl.footer_text dd a{
	color:#FFFFFF;
	text-decoration: none;
}
.footer_uptext{
	font-size:12px;
}
.footer_undertext{
	margin-top:5px;
	font-size:12px;
}
.footer_undertext a{
	text-decoration: none;
}
/*フッターエリア---終了*/


/*シャドウ１*/
.shadow1{
	box-shadow: 0px px 4px -6px #777;
		-webkit-box-shadow:0px 7px 4px -6px #777;
		-moz-box-shadow:0px 7px 4px -6px #777;
}
.shadow2{
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

/*videoリスト*/
.video_list{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:10px;
	cursor:pointer;
}
/*動画リストのテキストバック*/
.video_list_title_area{
	position:absolute;
	background-color:#000000;
	width:300px;
	height:25px;
	bottom:0px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;

}

/*動画リストのテキスト*/
.video_list_title{
	color:#FFFFFF;
	position:relative;
	font-size:12px;
	line-height:25px;
	text-indent:5px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;

}

/*メイン動画の表示領域*/
.mainmovie{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000000;

}
/*メイン動画の開設*/
.mainmovie_info{
	position:relative;
	right:0px;
	bottom:0px;
	margin:0 auto 0 auto;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	padding-left:20px;
	margin-bottom:20px;
	line-height:2;
	padding-right:20px;
}

.facebook_iine{
	padding:10px;
	background-color:#FFFFFF;
	width:350px;
	height:40px;
	margin-left:20px;
}

.allRadi5{
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	border-width:1px;
}
.allRadi4{
	border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	border-width:1px;
}
.allRadi3{
	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	border-width:1px;
}
.allRadi2{
	border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	border-width:1px;
}

.main_body{
	font-size:12px;
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	width:750px;
	margin:10px;
}
.main_body table{
	font-size:12px;

}

/*HPが4の時に表示されるログインフォーム*/
.login_table{
	font-size:12px;
}

input#login_btn{
	width:130px;
	height:50px;
}

/*トップページの検索テキストBOX*/
.main_search{
	width:250px;
	height:35px;
	font-size:15px;
	padding:5px;
	margin-top:100px;

}


/*******************************/
/*トップページの左ログイン関連部分*/

/*ログインメッセージのようこそ！表示部分*/
#welcom_area{
	position:relative;
	padding:10px;
}
#welcom{
	position:relative;
	margin-bottom:10px;
	line-height:1.5;
}
/*インプットのデザイン*/
.login_input{
	position:relative;
	padding:3px;
	font-size:13px;
	width:90%;
}

/*新規登録ボタン*/
#entry_btn{
	margin-top:50px;
}
/*ログインフォーム*/
#student_id{
	max-width:230px;
	height:30px;
}
/*パスワードフォーム*/
#student_pw{
	max-width:170px;
	height:30px;
}
#ikotoba_btn{
	margin-top:2px;
}

/*******************************/
/*トップページの左カテゴリー関連部分*/

#category_area{
	padding:10px;
	text-align:1.5;
	overflow:hidden;
	margin-top:10px;
	
}
dl.category dt{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
}
dl.category dd {
	margin-bottom:4px;
	-webkit-margin-start:10px;
	-moz-margin-start:10px;
	-o-margin-start:10px;
	-ms-margin-start:10px;
	font-size:14px;
	text-align:1.5;
	
}
/*******************************/
/*トップページの右会社情報関連部分*/
#company_area{
	padding:10px;
	text-align:1.5;
	overflow:hidden;
	color:#FFFFFF;
	font-size:12px;
}
dl.left_company_info dt{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
}
dl.left_company_info dd{
	-webkit-margin-start:10px;
	-moz-margin-start:10px;
	-o-margin-start:10px;
	-ms-margin-start:10px;
	font-size:14px;
	text-align:1.5;
	font-weight:normal;
}

/*メインイメージの領域*/
#header_image_area{
	width:100%;
}
/*leftトップイメージ*/
.left_top_image{
	width:100%;
}

/*レフトサイドのメインメニュー*/
.main_menu{
	position:relative;
	height:50px;
	width:100%;
	line-height:50px;
	color:#FFFFFF;
	text-align:left;
	text-indent:10px;
	margin-bottom:1px;
	font-size:15px;
	cursor:pointer;
}

/*レフトサイドのメインメニュー*/
.cart_menu{
	position:relative;
	height:50px;
	width:100%;
	line-height:50px;
	color:#FFFFFF;
	text-align:left;
	text-indent:10px;
	margin-bottom:1px;
	font-size:15px;
	cursor:pointer;
}

/*レフトサイドのサブメニュー*/
.main_menu2{
	position:relative;
	height:50px;
	width:100%;
	line-height:50px;
	color:#FFFFFF;
	text-align:left;
	text-indent:10px;
	margin-bottom:1px;
	font-size:15px;
	cursor:pointer;
}

/*新規会員登録の規約*/
.entry_agreement{
	margin:20px;
	padding:10px;
	background-color:#FFFFFF;
	max-width:500px;
	overflow:scroll;
	color:#555555;
	line-height:1.5;
	font-size:12px;
	height:150px;
}
/*新規会員登録の登録ボタン*/
.pointer{
	cursor:pointer;
}
/*トップメニューボタンはPC版では初期表示しない*/
#top_menu_btn{
	display:none;
	cursor:pointer;
}
#top_home_btn{
	display:none;
	cursor:pointer;
}
/*動画リストのスタイル*/
ul.movie_list{
	position:relative;
	list-style-type:none;
	-webkit-padding-start:0px;
	-moz-padding-start:10px;
	-o-padding-start:10px;
	-ms-padding-start:10px;
}
ul.movie_list li{
	position:relative;
	display:inline-block;
	width:320px;
	height:230px;
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
}
ul.movie_list div.title{
	position:absolute;
	bottom:0px;
	font-size:16px;
	line-height:30px;
	text-align:center;
	color:#FFFFFF;
	width:100%;
	padding-bottom:10px;
	cursor:pointer;
}
.movie_list div.thumb{
	position:absolute;
	cursor:pointer;
}

/**/
.movie_list div.product_detail{
	position:absolute;
	font-size:17px;
	padding:10px;
	width:300px;
}

/*商品リストのスタイル*/
ul.product_list{
	position:relative;
	list-style-type:none;
	-webkit-padding-start:0px;
	-moz-padding-start:10px;
	-o-padding-start:10px;
	-ms-padding-start:10px;
	cursor:pointer;
}
ul.product_list li{
	position:relative;
	display:inline-block;
	width:320px;
	padding:5px;
	line-height:1.5;
	margin-bottom:10px;
	vertical-align:top;

}

ul.purchase_movie_list{
	position:relative;
	list-style-type:none;
	-webkit-padding-start:0px;
	-moz-padding-start:10px;
	-o-padding-start:10px;
	-ms-padding-start:10px;
}
ul.purchase_movie_list li{
	position:relative;
	display:inline-block;
	width:420px;
	color:#FFFFFF;
	line-height:1.5;
}

/*買い物かごの件数表示*/
#shop_count,#shop_count a{
	color:#FFFFFF;
	background-color:#FF0046;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;  
}

/*決済画面のリストデザイン*/
ul.checkout{
	position:relative;
	list-style-type:none;
	-webkit-padding-start:0px;
	-moz-padding-start:10px;
	-o-padding-start:10px;
	-ms-padding-start:10px;
}

ul.checkout li{
	position:relative;
	display:inline-block;
	max-width:450px;
	margin:5px;
	background-color:#000000;
	color:#FFFFFF;
	line-height:3;
	padding:10px;
}

/*決済画面*/
.checkout_form{
	padding:7px;
	margin:5px;
}

/*進捗を表示する番号*/
.circle_box_on{
	color:#FFFFFF;
	background-color:#FF0046;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	border-radius:20px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;  
}
.circle_box_off{
	color:#FFFFFF;
	background-color:#999999;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	border-radius:20px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;  
}

/*買い物かご一覧（/cart/）で表示される各商品の表示用デザイン*/
/*動画リストのスタイル*/
table.cart_list{
	background-color:#FFFFFF;
	color:#333333;
	border-collapse: collapse;
	margin:10px;
}
table.cart_list th{
	padding: 6px;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border:1px solid #b9b9b9;

}
table.cart_list td{
	padding: 6px;
	background-color: #fff;
	border:1px solid #b9b9b9;
}


/*テキストデコレーションをなくす*/
.deco_non{
	text-decoration:none;
}
/*コンテンツ部のタイトル部分*/
.contents_title{
	font-size:20px;
	font-weight:bold;
}

.movie_area{
	background-color:#f0f0f0;
	padding:10px;
}
.movie_player{
	
}
.movie_comment{
	padding:10px;
	text-align:left;
	background-color:#F9F9F9;
	overflow-y:hidden;
	overflow-x:hidden;
	/*
	max-width:780px;
	max-height:100px;
	overflow-y:scroll;
	overflow-x:hidden;
	vertical-align:middle;
	text-align:left;
	border:solid 1px #222222;margin:10px;
	*/
}

/*買い物かごに入れるボタン*/
.add_cart_btn{
	width:300px;
	height:50px;
	font-size:17px;
	font-weight:bold;
}
/**/
dl.company dt{
	max-width:600px;
	text-align:left;
    color:#fff;
    font-weight: bold;
	border-bottom: solid 1px #cccccc;
}
dl.company dd{
	color: #ffffff;
	padding:10px;
	margin-bottom:25px;
}

/*商品や動画一覧で利用するリストの画像CSS*/
.list_img{
	width:320px;
}
/*ヘッダーロゴイメージ*/
 .header_logo_image{
	max-height:30px;
 }
/*管理画面のサブメニュー*/
.sub_menu_area{
	position:absolute;
	display:none;
	float:right;
	left:220px;
	top:0px;
}
/*レフトサイドサブメニューには左ボーダー線を利用*/
.sub_menu_area div.sub_menu{
	border-left: inset 2px #999999;
	position:relative;
	height:50px;
	width:100%;
	line-height:50px;
	color:#FFFFFF;
	text-align:left;
	text-indent:10px;
	margin-bottom:1px;
	font-size:15px;
	cursor:pointer;
}
/*アップロードエリア*/
#drag_area{
	position:relative;
	width:420px;
	height:200px;
	background-color:#F0F0F0;
	background-image:url('/r/tpl/17/p/img/cloud_image.png');
	background-position:center center;
	background-repeat: no-repeat;
	color:#333333;
}
/*公開非公開選択ボタン*/
.public_btn{
	position:relative;
	background: -moz-linear-gradient(top,#FFFFFF 0%,#EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	border: 2px solid #FFF;
	color: #333333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width:100px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	padding:5px 0;
	text-align:center;
}
/*アップロードエリアのボタン*/
#new_upload_btn{
	position:relative;
	background: -moz-linear-gradient(top,#FFFFFF 0%,#EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	border: 2px solid #FFF;
	color: #333333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width:100px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	padding:5px 0;
	text-align:center;

}
/*アップロードエリアのボタン*/
#new_upload_btn input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
/**********************/
/*アップロードリストのデザイン*/
/**********************/
/*リスト全体*/
ul.upload_list{
	position:relative;
	list-style-type:none;
	-webkit-padding-start:0px;
	-moz-padding-start:10px;
	-o-padding-start:10px;
	-ms-padding-start:10px;
	z-index:20;
}
/*個々のリスト*/
ul.upload_list li{
	position:relative;
	display:inline-block;
	width:320px;
	height:230px;
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
	margin:5px;
	z-index:20;
}
/*トップ部分（ファイル名、閉じるボタン）*/
ul.upload_list .li_top{
	position:absolute;
	width:320px;
	height:30px;
	z-index:21;
}
/*サムネイル部分*/
ul.upload_list .li_thumb{
	position:absolute;
	z-index:20;

}
/*ファイル名下のプログレスバー部分*/
ul.upload_list .li_progres_bar{
	position:absolute;
	width:290px;
	height:30px;
	background-color:#FFFFFF;
	opacity:0.8;
	z-index:22;
	color:#333333;
	line-height:30px;
	text-indent:5px;
}
/*閉じるボタン*/
ul.upload_list .li_close_btn{
	position:absolute;
	width:30px;
	height:30px;
	background-color:#000000;
	float:right;
	right:0px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
	z-index:24;
}
/*閉じるボタン*/
ul.upload_list .li_detail_btn{
	position:absolute;
	width:30px;
	height:30px;
	background-color:#000000;
	float:left;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
	z-index:27;
}
/*詳細ボタン*/
ul.upload_list .li_detail{
	position:absolute;
	height:185px;
	width:300px;
	background-color:#000000;
	float:right;
	text-align:left;
	font-size:15px;
	line-height:2;
	cursor:pointer;
	z-index:23;
	bottom:0px;
	padding:10px;
	display:none;

}
/*ボタンデザイン*/
ul.upload_list input.li_upload_btn{
	position:absolute;
	width:310px;
	height:35px;
	margin-bottom:10px;
	bottom:0px;
	z-index:26;
	left:10px;
}
/**********************/

/*新規アップロードのテキスト入力*/
.upload_title{
	width:400px;
	height:20px;
	padding:10px;
	font-size:15px;
	margin-bottom:10px;
}
.upload_detail{
	width:400px;
	padding:10px;
	font-size:15px;
}
#send_btn{
	position:relative;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width:200px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	padding: 5px 0;
	text-align:center;
}

/*新規アップロードの公開レベルの設定ボタン*/
.blog_public_setting_btn{
	position:relative;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width:300px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	padding: 10px 0;
	bottom:10px;
	margin-top:20px;
}

/*新着コンテンツNEWマーク*/
.new_mark{
	position:absolute;
	color:#FFFFFF;
	background-color:#FF0046;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	z-index:21;
	font-size:12px;
	float:right;
}
.price_mark{
	position:absolute;
	right:5px;
	z-index:22;
	font-size:12px;
	background-color:#ff6600;
	padding:0px 10px 0px 10px;
	cursor:pointer;
}
.movie_detail{
	position:absolute;
	height:185px;
	width:300px;
	background-color:#000000;
	float:right;
	text-align:left;
	font-size:15px;
	line-height:2;
	cursor:pointer;
	z-index:20;
	top:0px;
	padding:10px;
	display:none;
}

/*透明度のクラス*/
/*90%*/
.alpha90{
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
/*80%*/
.alpha80{
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
/*50%*/
.alpha50{
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
/*30%*/
.alpha30{
	filter:alpha(opacity=30);
    -moz-opacity:0.3;
    opacity:0.3;
}

/**/
.socal_check{
	width:30px;
	height:30px;
}
/*個人向け：公開設定ボタンのテキスト*/
.public_text{
	font-size:15px;
	font-weight:normal;
	float:left;
	text-indent:10px;
	line-height:30px;
}
.blue_over{
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}
.gray_over{
	background: -moz-linear-gradient(top,#FFFFFF 0%,#EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	border: 2px solid #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}