@charset "utf-8";


/*
html初期化
*/


/*フォント*/
body {
	font-size: 73%; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0;
    margin: 0;
    padding: 0;
}
#wrap {
	font-size: 100%;
	color: #2E302E;
}
table {
	font-size:inherit;
	font:100%;
}
table th {
    margin: 0;
    padding: 0;
}
table td {
    margin: 0;
    padding: 0;
}
table th {
    margin: 0;
    padding: 0;
}
table td {
    margin: 0;
    padding: 0;
}
/*フォントサイズ*/



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*共通*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
a {
	color: #0A4F90;
}
a:hover {
	text-decoration: none;
}
a img {
	vertical-align: text-bottom;
}
a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

input:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}


ul#speed_ul li a img {
	vertical-align: top;
}


ul#speed_ul {
	position: absolute;
}

ul#speed_ul li {   
	float: left;
	margin-top:3px;
	height:14px;
}


.clearfix:after {
	content: " "; 
	display: block;
	height: 0.1px; 
	font-size: 0.1em; 
	clear: both;
	visibility: hidden;
}


*+html .clearfix{
  height:1%;
}
* html .clearfix{
   height: 1%;
}
.clear {
	clear: both;
}
.pd10 {
	padding: 10px;
}
.fl_r {
	float: right;
}
.fl_l {
	float: left;
}
.tx_ac {
	text-align: center;
}
.tx_lc {
	text-align: center;
    width:40px;
}
.tx_dr {
	text-align: center;
    width:90px;
}
.tx_ar {
	text-align: right;	
}

.right_btn a {
	padding: 10px 10px 10px 20px;
	background: url("../img/arrow_red.gif") no-repeat left center;
}
.inr {
	padding: 10px;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
	background: #ffffff;
}
#ht_partial
{
    padding: 10px;
    border: 1px dotted #c1c1c1;
    margin-bottom: 10px;
    background: #ffffff;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター固定用css*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/*
html,body{
	height:100%;
	margin:0;
	padding:0;
	overflow: auto;


}

#wrap {
	position: relative;
	height: 100%;
	min-height: 100%;

}

body > #wrap {
	height: auto;
}

#contener {
	padding-bottom:150px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;

}
*/

div#content {

	margin: 0 auto;
	background:#ffffff;
}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ヘッダー*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#header {
	position: relative;
	height: 44px;
	background: url("../img/hd_bg.gif") repeat-x left top;
}
#header h1 {
	width: 274px;
	height: 32px;
	position: absolute;
	top: 11px;
	left: 0px;
}
#header h1 div {
	width: 274px;
	height: 32px;
	text-indent: -10000px;
	display: block;
	background: url("../img/logo.gif") no-repeat left top;
}

#header ul.hed_nav {
	position: absolute;
	right: 0;
	top: 15px;
	width: 315px;
	height: 25px;
	background: url("../img/hed_nav.gif") no-repeat left top;
}
#header ul.hed_nav li {
	width: 105px;
	height: 25px;
	float: left;
}
#header ul.hed_nav li a {
	width: 105px;
	height: 25px;
	text-indent: -10000px;
	display: block;
	overflow: hidden;
}
#header ul.hed_nav li#h_menu1 a:hover {
	background: url("../img/hed_nav_o.gif") no-repeat left top;
}
#header ul.hed_nav li#h_menu2 a:hover {
	background: url("../img/hed_nav_o.gif") no-repeat -105px top;
}
#header ul.hed_nav li#h_menu3 a:hover {
	background: url("../img/hed_nav_o.gif") no-repeat -210px top;
}

/*-----------------------------------------------------*/
/*---------------------------記事周り---------------------------*/
/*-----------------------------------------------------*/

/*記事一覧*/
dl.list_dl {
	padding: 5px;
}
dl.list_dl dt {
	float: left;
	clear: both;
	width: 10em;
	padding-left: 10px;
	background: url("../img/icon_circle.gif") no-repeat left 6px;
	margin-bottom: 5px;
}
dl.list_dl dd {
	padding-left: 40px;
	margin: 0 0 5px 8em;

}
dl.list_dl dd.new {
	background: url("../img/icon_new.gif") no-repeat left top;
}

/*動作確認ボタン*/
dl.btn_move_check {
	border:solid;
	border-color:#FFFFFF;
	width:420px;
	height:70px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:30px;
	text-align:center;
	background: url("../img/btn_Check.png") no-repeat;
}

/*記事詳細*/
p.file {
    margin-top: 5px;
	padding-top: 3px;
	padding-left: 20px;
	background: url("../img/icon_file.gif") no-repeat left center;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ナビ*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#g_navi {
	background: url("../img/nav_shadow.gif") repeat-x left bottom;
	height: 34px;
	margin-bottom: 8px;
}
#g_navi ul {
	height: 26px;
	margin-bottom: 10px;
	background: url("../img/nav_bg.gif") repeat-x left bottom;
	border: 1px solid #C6C6C6;

}
#g_navi ul li {
	width: 140px;
	height: 31px;
	float: left;
}
#g_navi ul li a {
	width: 140px;
	height: 31px;
	display: block;
	text-align: center;
	overflow: hidden;
	text-indent: -10000px;
}

#g_navi ul li#menu0 {
	background: url("../img/menu0.gif") no-repeat left top;
}
#g_navi ul li#menu0 a:hover {
	background: url("../img/menu0_o.gif") no-repeat left top;
}
#g_navi ul li#menu1 {
	background: url("../img/menu1.gif") no-repeat left top;
}
#g_navi ul li#menu1 a:hover {
	background: url("../img/menu1_o.gif") no-repeat left top;
}
#g_navi ul li#menu2 {
	background: url("../img/menu2.gif") no-repeat left top;
}
#g_navi ul li#menu2 a:hover {
	background: url("../img/menu2_o.gif") no-repeat left top;
}
#g_navi ul li#menu3 {
	background: url("../img/menu3.gif") no-repeat left top;
}
#g_navi ul li#menu3 a:hover {
	background: url("../img/menu3_o.gif") no-repeat left top;
}
#g_navi ul li#menu4 {
	background: url("../img/menu4.gif") no-repeat left top;
}
#g_navi ul li#menu4 a:hover {
	background: url("../img/menu4_o.gif") no-repeat left top;
}
#g_navi ul li#menu5 {
	background: url("../img/menu5.gif") no-repeat left top;
}
#g_navi ul li#menu5 a:hover {
	background: url("../img/menu5_o.gif") no-repeat left top;
}
#g_navi ul li#menu8 {
	background: url("../img/menu8.gif") no-repeat left top;
}
#g_navi ul li#menu8 a:hover {
	background: url("../img/menu8_o.gif") no-repeat left top;
}
#g_navi ul li#menu9 {
	background: url("../img/menu9.gif") no-repeat left top;
}
#g_navi ul li#menu9 a:hover {
	background: url("../img/menu9_o.gif") no-repeat left top;
}
#g_navi ul li#menu10 {
	background: url("../img/btn_h_back_score.gif") no-repeat left top;
}
#g_navi ul li#menu10 a:hover {
	background: url("../img/btn_h_back_score_on.gif") no-repeat left top;
}
#g_navi ul li#menuPs {
	background: url("../img/menu_ps.gif") no-repeat left top;
}
#g_navi ul li#menuPs a:hover {
	background: url("../img/menu_ps_o.gif") no-repeat left top;
}
#g_navi ul li#menuPs2 {
	background: url("../img/menu_ps2.gif") no-repeat left top;
}
#g_navi ul li#menuPs2 a:hover {
	background: url("../img/menu_ps2_o.gif") no-repeat left top;
}
#g_navi ul li#menuPs3 {
	background: url("../img/menu_ps3.gif") no-repeat left top;
}
#g_navi ul li#menuPs3 a:hover {
	background: url("../img/menu_ps3_o.gif") no-repeat left top;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#footer {
	margin-top: 8px;
	height: 57px;
	background: url("../img/ft_bg.gif") repeat-x left top;
}
.footer_inr {
	margin: 0 auto;
	height: 57px;
	position: relative;
}
.footer_inr small {
	display: block;
	width: 316px;
	height: 14px;
	background: url("../img/small.png") no-repeat left top;
	text-indent: -10000px;
	position: absolute;
	top: 6px;
	left: 10px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*テーブル周り*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

table.tbl_sty1 {
	width: 100%;
	margin-bottom: 10px;
    margin-top: 10px;
}
table.tbl_sty1 th,table.tbl_sty1 td {
	font-size: 12px;
	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
}
table.tbl_sty1 th.b_none,table.tbl_sty1 td.b_none {
	border-left: none;
	border-right: none;
}


table.tbl_sty1 th {
	background: url("../img/nav_bg.gif") repeat-x left bottom;
}
table.tbl_sty1 td {
}

/*幅固定*/
.w_title {
	width: 200px;
}
.w_icon {
	width: 200px;
}
.w_kikan {
	width: 100px;
}
.w_day {
	width: 80px;
}
.w_mini {
	width: 50px;
}
.w_mid {
	width: 100px;
}

.w_big {
	width: 300px;
}

/*table2*/

table.tbl_sty2 {
	width: 600px;
	margin-bottom: 20px;

}
table.tbl_sty2 th,table.tbl_sty2 td {

	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
}
table.tbl_sty2 th.b_none,table.tbl_sty2 td.b_none {
	border-left: none;
	border-right: none;
}


table.tbl_sty2 th {
	background: url("../img/nav_bg.gif") repeat-x left bottom;
}
table.tbl_sty2 td {
}

/*table3*/

table.tbl_sty3 {
	width: 900px;
	margin-bottom: 20px;
}
table.tbl_sty3 th,table.tbl_sty3 td {

	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
}
table.tbl_sty3 th.b_none,table.tbl_sty3 td.b_none {
	border-left: none;
	border-right: none;
}


table.tbl_sty3 th {
	background: url("../img/nav_bg.gif") repeat-x left bottom;
}
table.tbl_sty3 td.title{
	background: url("../img/nav_bg.gif") repeat-x left bottom;
    padding-left:10px;
    font-weight:bold;
    text-align:left;
}
table.tbl_sty3 td.title2{
	background-color:#FFD700;
    padding-left:10px;
    font-weight:bold;
    text-align:left;
}
table.tbl_sty3 td {
	padding-right:10px;
}

/*table4*/

table.tbl_sty4 {
	width: 900px;
	margin-bottom: 20px;
}
table.tbl_sty4 th,table.tbl_sty4 td {

	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
    text-align:center;
}
table.tbl_sty4 table.tbl_sty4 {
	border-left: none;
	border-right: none;
}


table.tbl_sty4 th {
	background: url("../img/nav_bg.gif") repeat-x left bottom;
}

/*table5*/

table.tbl_sty5 {
}
table.tbl_sty5 th,table.tbl_sty5 td {

	border: 0px solid;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 5px;
    text-align:center;
}
table.tbl_sty5 table.tbl_sty5 {
	border-left: none;
	border-right: none;
}


table.tbl_sty5 th {
}
table.tbl_sty5 td {
    text-align:left;
}

table.tbl_sty6 {
	width: 100%;
	margin-bottom: 20px;

}
table.tbl_sty6 th,table.tbl_sty6 td {

	border: 1px solid #C2C1BF;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 8px;
}
table.tbl_sty6 th.b_none,table.tbl_sty6 td.b_none {
	border-left: none;
	border-right: none;
}


table.tbl_sty6 th {
    width: 300px;
	background: url("../img/nav_bg_3.gif") repeat-x left bottom;
}
table.tbl_sty6 td {
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*見出し*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.h2_tex {
	margin-bottom: 10px;
	background: url("../img/nav_bg.gif") repeat-x left bottom;
}
.h2_tex h2 {
	padding: 8px 8px 8px 30px;
	border: 1px solid #c1c1c1;
	background: url("../img/tip.gif") no-repeat 10px center;
}

.h2_tex_2 {
	margin-bottom: 10px;
	background: url("../img/nav_bg_2.gif") no-repeat left bottom;
}
.h2_tex_2 h2
{
    border-color: #0350be #c1c1c1 #c1c1c1 #c1c1c1;
    border-style: solid dotted dotted dotted;
    border-width: 2px 1px 1px 1px;
    padding: 8px 8px 8px 30px;
    background: url("../img/tip_2.gif") no-repeat 10px center;
}


/*.h3_tex {
	padding: 10px;
	border: 1px solid #ACACAC;
	margin-bottom: 10px;
	background: url("../img/nav_bg.gif") repeat-x left bottom #ffffff;
}*/

h3.h3_tex {
	padding: 7px 7px 7px 30px;
	margin-bottom: 10px;
	background: url("../img/arrow_blue.gif") no-repeat 10px center;
	border: 1px dotted #c1c1c1;
}
h3.selected  {
	padding: 8px 8px 8px 30px;
	background: url("../img/arrow_down.gif") no-repeat 10px center !important;
}

h3.h3_tex_ar {
	cursor:pointer;
	padding: 7px 7px 7px 30px;
	margin-bottom: 10px;
	background: url("../img/arrow.gif") no-repeat 10px center;
	border: 1px dotted #c1c1c1;
}
h3.ar.selected  {
	cursor:pointer;
	padding: 8px 8px 8px 30px;
	background: url("../img/arrow_down.gif") no-repeat 10px center !important;
}


.h4_tex {
	padding: 5px;
	border-bottom: 2px solid #0350be;
	margin-bottom: 15px;
}

.h5_tex {
	margin-bottom: 10px;
	background: url("../img/nav_bg.gif") repeat-x left bottom;
}
.h5_tex h5 {
	padding: 8px 8px 8px 30px;
	border: 1px solid #c1c1c1;
	background: url("../img/arrow_red.gif") no-repeat 10px center;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*動画コンテンツ*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

div.main_width {
	width: 1050px;
}

div.movie_n {
	width:  964px;
}

div.movie480 {
	width: 854px;
}
div.movie640 {
	width: 964px;
}
div.movie800 {
	width: 1124px;
}
div.movie1024 {
	width: 1355px;
}

div.movie480 div#main_movie {
	width: 530px;
}
div.movie640 div#main_movie {
	width: 640px;
}
div.movie800 div#main_movie {
	width: 800px;
}
div.movie1024 div#main_movie {
	width: 1024px;
}



div.movie_n1 {
	width:  972px;
}

div.movie_n2 {
	width:  1178px;
}

div.movie_n3 {
	width:  1391px;
}

.movie_n2 div#main_movie {
	width: 854px;
}

div#movie_content {
	background: url("../img/st.gif") repeat left top;
	padding: 8px;
}

div#side_nav {
	width: 300px;
}

div.dplay_s
{
    color: #ffffff;width:480px; height: 360px;padding-left:24px;
}
div.dplay_n
{
    color: #ffffff;width:640px; height: 480px;
}
div.dplay_l
{
    color: #ffffff;width:800px; height: 600px;
}

div.dplay_n1
{
    color: #ffffff;width:648px; height: 360px;
}

div.dplay_n2
{
    color: #ffffff;width:854px; height: 480px;
}

div.dplay_n3
{
    color: #ffffff;width:1067px; height: 600px;
}

/*動画コントロールパネル*/
div.control_p {
	margin-top: 8px;
	height: 82px;
	background: url("../img/control_p_bg.gif") repeat-x left bottom #CDCDCD;
	border: 1px solid #919191;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
div.control_p_s {
	margin-top: 8px;
	height: 110px;
	background: url("../img/control_p_bg.gif") repeat-x left bottom #CDCDCD;
	border: 1px solid #919191;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/*シークバー*/
div#seek_box {
	background: url("../img/line.gif") repeat-x left bottom;
	position: relative;
	height: 22px;
}
div#seek_back {
	position: absolute;
	left: 0px;
}
div#seek_forward {
	position: absolute;
	right: 0px;
}
div.seek_bar {
	position: absolute;
	left: 4px;
	margin: 0 70px;
	width: 480px;
	height: 16px;
	background: url("../img/seek_bar_mid.gif") no-repeat left center;
}
div.seek_bar_s {
	position: absolute;
	left: 4px;
	margin: 0 70px;
	width: 370px;
	height: 16px;
	background: url("../img/seek_bar_mid.gif") no-repeat left center;
}
div.seek_bar_l {
	position: absolute;
	left: 4px;
	margin: 0 70px;
	width: 637px;
	height: 16px;
	background: url("../img/seek_bar_big.gif") no-repeat left center;
}
div.seek_progress {
	margin-top:-16px;
	top:10px;
	left: 1px;
	width: 0px;
	height: 16px;
	background: url("../img/seek_bar_p.gif") repeat-x left center;
}
div.seek_seekable {
	margin-top:-12px;
	top:10px;
	left: 1px;
	width: 0px;
	height: 16px;
	background: url("../img/seek_bar_sk.gif") repeat-x left center;
}


div.scroll_box_n1 {
	overflow: auto;
	background-color: #FFF;
	height: 79px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
}

div.scroll_box_n2 {
	overflow: auto;
	background-color: #FFF;
	height: 171px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
}

div.scroll_box_n3 {
	overflow: auto;
	background-color: #FFF;
	height: 291px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
}

div.seek_bar_n1 {
	position: absolute;
	left: 4px;
	margin: 0 70px;
	width: 488px;
	height: 16px;
	background: url("../img/seek_bar_mid169.gif") repeat-x left center;
}

div.seek_bar_n2 {
	position: absolute;
	left: 4px;
	margin: 0px 70px;
	width: 694px;
	height: 16px;
	background: url("../img/seek_bar_mid169.gif") repeat-x left center; 

}
div.seek_bar_n3 {
	position: absolute;
	left: 4px;
	margin: 0 70px;
	width: 907px;
	height: 16px;
	background: url("../img/seek_bar_big169.gif") repeat-x left center;
}


/*最大幅の時 幅を拾げる*/
div.movie1024 p#seek_bar {
	width: 856px;
	background: url("../img/seek_bar_big.gif") no-repeat left center;
}

/*再生スピード*/
div#speed_box {
	position: absolute;
	top: 30px;
}
div#speed_box p {
	margin-bottom: 3px;
}
div#speed_box ul {
	border: 1px solid #ffffff;
	background: url("../img/gray_bg.gif") repeat-x left bottom #8D8C8C;
	width: 320px;
	overflow: hidden;
	margin-right: -2px;
	zoom: 1;
	padding: 0px 0 2px 3px;
}
div#speed_box ul li {
	float: left;
	margin-right: 3px;
}

/*音量ボックス*/
div.volume_box {
	position: absolute;
	top: 48px;
	left: 341px;
}
div.volume_box_l {
	position: absolute;
	top: 48px;
	left: 495px;
}
div.volume_box_s {
	position: absolute;
	top: 70px;
	left: 10px;
}


div.volume_box_n3 {
	position: absolute;
	top: 50px;
	left: 340px;
}

div.volume_box_n3 dl {
}

div.volume_box_n3 dt {
	height: 28px;
	width: 28px;
	float: left;
}

div.volume_box_n3 dd {
	margin-left: 23px;
	width: 77px;
	height: 20px;
	background: url("../img/volume_bar_.gif") no-repeat left center;
}

/*最大幅の時、ボリュームボックス移動*/
div.movie1024 div.volume_box {
	top: 68px;
	left: 450px;
	
}
div.movie480 div.volume_box_s {
	top: 80px;
	left: 10px;
	
}
div.movie480 div.volume_box_l {
	top: 80px;
	left: 10px;
	
}

div.volume_box dl {
}
div.volume_box dt {
	height: 28px;
	width: 28px;
	float: left;
}
div.volume_box dd {
	margin-left: 23px;
	width: 77px;
	height: 20px;
	background: url("../img/volume_bar_.gif") no-repeat left center;
}

div.volume_box_s dl {
}
div.volume_box_s dt {
	height: 28px;
	width: 28px;
	float: left;
}
div.volume_box_s dd {
	margin-left: 23px;
	width: 77px;
	height: 20px;
	background: url("../img/volume_bar_.gif") no-repeat left center;
}

div.volume_box_l dl {
}
div.volume_box_l dt {
	height: 28px;
	width: 28px;
	float: left;
}
div.volume_box_l dd {
	margin-left: 23px;
	width: 77px;
	height: 20px;
	background: url("../img/volume_bar_.gif") no-repeat left center;
}



/*再生ボックス*/
div#rep_box {
	position: absolute;
	top: 29px;
	right: 10px;
	width: 181px;
	height: 58px;
	background-image: url(../img/rep_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}
/*再生ボックス-インナー*/
div#rep_box_inr {
	position: relative;
	width: 180px;
	height: 58px;
}
div#rep_box_inr p {
	margin: 0;
}

div#rep_box_inr p#btn_start {
	position: absolute;
	top: 11px;
	left: 72px;
}

ul#late_ul {
	left: 3px;
	top: 21px;
	font-size:0px;
}
ul#skip_ul {
	right: 2px;
	top: 21px;
	font-size:0px;
}

ul#late_ul, ul#skip_ul {
	position: absolute;
}

ul#late_ul li, ul#skip_ul li {   
	float: left;
}

/*再生科目*/
div#subject_sc {
	border: 1px solid #c1c1c1;
	padding-left: 8px;
	padding-right: 8px;
	background: url("../img/grad_bg3.gif") repeat-x left bottom #EFEFEF;
	margin-bottom: 8px;
	position: relative;
	font-size: 100%;
	font-weight: bold;
}

/*再生リスト*/
div#time_sc {
	border: 1px solid #c1c1c1;
	padding: 8px;
	background: url("../img/grad_bg.gif") repeat-x left bottom #EFEFEF;
	margin-bottom: 8px;
	position: relative;
}

div.scroll_box {
	overflow: auto;
	background-color: #FFF;
	height: 172px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
}
div.scroll_box_s {
	overflow: auto;
	background-color: #FFF;
	height: 79px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
}
div.scroll_box_l {
	overflow: auto;
	background-color: #FFF;
	height: 290px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
}

table.tbl_time_sc_hed  {
	width: 100%;
	background: url("../img/bg_bk.gif") repeat-x left bottom #393838;
	height: 22px;
	display: table;
}
table.tbl_time_sc_hed th {
	padding: 7px;
	border: 1px solid #1B1B1B;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
}

.w_time {
	width: 70px;
}

.w_time_a {
	font-size:95%;
    white-space: nowrap;
}

table.tbl_time_sc  {
	background: #ffffff;
	width: 100%;
}
table.tbl_time_sc th, table.tbl_time_sc td {
	padding: 3px;
	margin: 0px;
}
table.tbl_time_sc th {
	border: 1px solid #1B1B1B;
	text-align: left;
	color: #ffffff;
	background: url("../img/bg_bk.gif") repeat-x left bottom #393838;
}


/*ステータスボックス*/
div#status_box {
	background: #4B4B4B;
	border: 1px solid #151414;
	padding: 8px 8px 0 8px;
	color: #ffffff;
	margin-bottom: 8px;
}
div#status_box p {
	padding: 0px;
	margin: 3px;
}
div#status_box dl {
	height: 60px;
	border: 1px solid #151414;
	background: url("../img/status_bg.gif") repeat-x left top #393838;
	margin-bottom: 10px;
	overflow: hidden;
}
div#status_box dl dt {
	height: 68px;
	width: 80px;
	float: left;
	text-indent: -10000px;
}
div#status_box dl dd
{
    position: relative;
    padding: 7px 0px 10px 7px;
    margin-left: 80px;
}

/*再生時間*/
div#status_box dl#st_time dt {
	background: url("../img/st_time.gif") no-repeat left top;
}
/*続きから*/
div#status_box dl#st_continue dt {
	padding: 5px 10px 5px 5px;
	background: url("../img/st_continue.gif") no-repeat left top;
}
div#status_box dl#st_continue p {
	padding: 0px 3px 0px 0px;
	margin: 1px;
}
/*動画サイズ*/
div#status_box dl#st_size dt {
	background: url("../img/st_size.gif") no-repeat left top;
}
div#status_box dl#st_size p
{
    padding: 0px 3px 3px 3px;
    margin: -5px 1px 1px 1px;
}



/*閉じる*/
div#close_box {
	background: url("../img/control_p_bg.gif") repeat-x left bottom #CDCDCD;
	border: 1px solid #919191;
	padding: 8px;
	height: 27px;
}
div#close_box p {
	margin: 0;
	padding: 0;
	text-align: right;
}
/*-----------------------------------------------------*/
/*---------------------------FAQ---------------------------*/
/*-----------------------------------------------------*/
.faq_content {
	width: 1050px;
}
.faq_content div.fl_l {
	width: 300px;
}




.faq_content div.fl_r {
	width: 740px;
}

/*FAQ回答*/
div.faq_box {
	border: 1px solid #c1c1c1;
	padding: 10px;
	margin-bottom: 10px;
}
div.faq_q h3 {
	background: url("../img/icon_q.gif") no-repeat left center;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px dotted #9B9B9B;
	margin-bottom: 10px;
}
div.faq_a
{
    background: url("../img/icon_a.gif") no-repeat left 10px;
    padding: 10px 10px 10px 25px;
    border-bottom: 1px dotted #9B9B9B;
    line-height: 175%;
    font-size: 13px;
}


/*検索ボックス*/
.search_box {
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
}

/*アコーディオン周り*/

h3.h3_tex_a {
	padding: 7px 7px 7px 30px;
	margin-bottom: 10px;
	background: url("../img/arrow.gif") no-repeat 10px center;
	border: 1px dotted #c1c1c1;
}
.accordion_head {
	cursor:pointer;
}

div#accordion_box {
	border: 1px solid #c1c1c1;
	padding: 10px;
	background: url("../img/grad_bg2.gif") repeat-x left top;
}


ul.accordion p.accordion_head {
	border: 1px solid #c1c1c1;
	margin: 0;
	padding: 10px;
	margin-bottom: 5px;
}

ul.inr {
	padding: 10px;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
	background: #ffffff;
	padding-left: 20px;
}
ul.inr_2 {
	padding: 10px;
	background: #ffffff;
	padding-left: 20px;
}
ul.inr_3 {
	background: #ffffff;
}

ul.accordion h4 {
	padding: 10px 10px 10px 20px;
	background: url("../img/arrow.gif") no-repeat left center;
	border-bottom: 1px dotted #c1c1c1;
}
ul.accordion h4.selected {
	background: url("../img/arrow_down.gif") no-repeat left center;	
}

.h3_tex {
	padding: 10px;
	border: 1px solid #ACACAC;
	margin-bottom: 10px;
	background: url("../img/nav_bg.gif") repeat-x left bottom #ffffff;
}
ul.list_last {
}
ul.list_last li {
	padding: 5px 5px 5px 15px;
	margin-bottom: 5px;
	background: url("../img/icon_circle.gif") no-repeat 5px 10px;
}

/* レベル２ */
ul.accordion h4.lv2 {
	cursor:pointer;
	padding: 10px 10px 10px 20px;
	background: url("../img/arrow.gif") no-repeat left center;
	border-bottom: 1px dotted #c1c1c1;
}
ul.accordion h4.lv2.selected {
	background: url("../img/arrow_down.gif") no-repeat left center;	
}

ul.accordion h4.lv2_e {
    cursor: pointer;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: url("../img/icon_circle.gif") no-repeat 5px 10px;
    border-bottom-width: 0px;
    font-weight: normal;
    color: #0A4F90;
    text-decoration: underline;
}
ul.accordion h4.lv2_e:hover {
	text-decoration: none;
}
ul.accordion h4.lv2_u {
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: url("../img/icon_circle.gif") no-repeat 5px 10px;
    border-bottom-width: 0px;
    font-weight: normal;
}
ul.accordion h4.lv2_u:hover {
	text-decoration: none;
}
/* レベル３ */
ul.accordion h4.lv3 {
	cursor:pointer;
	padding: 10px 10px 10px 20px;
	background: url("../img/arrow.gif") no-repeat left center;
	border-bottom: 1px dotted #c1c1c1;
}
ul.accordion h4.lv3.selected {
	background: url("../img/arrow_down.gif") no-repeat left center;	
}
ul.accordion h4.lv3_n {
	cursor:pointer;
	padding: 10px 10px 10px 20px;
	background: url("../img/arrow.gif") no-repeat left center;
	border-bottom: 1px dotted #c1c1c1;
    color: #0A4F90;
    text-decoration: underline;
    font-weight: normal;
}
ul.accordion h4.lv3_n:hover {
	text-decoration: none;
}
ul.accordion h4.lv3_n.selected {
	background: url("../img/arrow_down.gif") no-repeat left center;	
}
ul.accordion h4.lv3_e {
    cursor: pointer;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: url("../img/icon_circle.gif") no-repeat 5px 10px;
    border-bottom-width: 0px;
    font-weight: normal;
    color: #0A4F90;
    text-decoration: underline;
}
ul.accordion h4.lv3_e:hover {
	text-decoration: none;
}
ul.accordion h4.lv3_ee {
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: url("../img/icon_circle.gif") no-repeat 5px 10px;
    border-bottom-width: 0px;
    font-weight: normal;
}

/*アコーディオン周り*/



/*パンくず*/
#pankuzu {

	padding: 10px;
	margin-bottom: 10px;
}
#pankuzu p {
	margin: 0;
}
#pankuzu p#back {
	padding-right: 20px;
	background: url("../img/arrow.gif") no-repeat right center;
}

/*回答*/
div.faq_q h3 {
	background: url("../img/icon_q.gif") no-repeat left center;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px dotted #9B9B9B;
	margin-bottom: 10px;
}
div.faq_a {
	background: url("../img/icon_a.gif") no-repeat left 10px;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px dotted #9B9B9B;
}


/*ログインページ*/
.grad_box {
	background: url("../img/grad_bg2.gif") repeat-x left top #ffffff;
	border: 1px solid #c1c1c1;
	margin-bottom: 15px;
    font-size:130%;
}
.list_ul {
	margin-bottom: 10px;
}
.list_ul li {
	background: url("../img/icon_circle.gif") no-repeat left center;
	padding: 5px 5px 5px 15px;
}
.list_ul2 {
}
.list_ul2 li {
	background: url("../img/icon_circle.gif") no-repeat left center;
	padding: 2px 5px 0px 10px;
}
.list_ul3 {
	margin-bottom:5px;
}
.list_ul3 li {
	background: url("../img/icon_circle.gif") no-repeat left top 6px;
	padding: 0px 2px 2px 15px;
	margin-top:2px;
}
.list_ul3 li span {
	 font-weight:bold;
}
.list_ul4 {
	margin-left:10px;margin-top:5px
}
.list_ul4 li {
	background: url("../img/icon_circle2.gif") no-repeat left top 6px;
	padding: 0px 2px 2px 15px;
	margin-top:2px;
}

#login {
	padding: 10px;
}
#login dl {
    padding: 10px 10px 10px 300px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c1c1c1;
}
#login dl dt {
	float: left;
	clear: both;
	width: 110px;
	padding: 5px 5px 5px 25px;
	background: url("../img/arrow_blue.gif") no-repeat left center;
}
#login dl dd
{
    padding: 5px;
}
#login span
{
    font-size: 12px;
    margin-left: 10px;
    color: #666666;
}
#login p
{
	text-align: center;
    font-size: 13px;
}


/*ページナビゲーション*/
.page_nav {
	padding: 5px;
}

.back_btn {
	padding-left: 20px;
	background: url("../img/arrow_back.gif") no-repeat left center;
	float: right;
}
.close_btn {
	padding-left: 20px;
	background: url("../img/arrow_close.gif") no-repeat left center;
	float: right;
}

#mpy_1tlt {
	width:280px;
	height:15px;
	border:#FFFFFF 2px solid;
	background-color: #1e1e1e;
	top:5px;
	padding:8px;
	position:absolute;
	z-index:99;
	text-align:center;
}

.login_notice,
.reserve_notice{
	width: 600px;
	margin: 20px auto;
	background-color: rgba(193,193,193,0.30);
	padding: 20px 0;
}
.login_notice p.ttl_notice,
.reserve_notice p.ttl_notice{
	text-align: center;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	width: 12em;
	margin: 0 auto;
	padding: 5px 0;
}
.login_notice p.utilization,
.reserve_notice p.utilization{
	text-align: center;
	border: 1px solid #c1c1c1;
	margin: 15px 15% 0 15%;
	padding: 10px 0;
	background-color:rgba(46,48,46,0.10);
}
.login_notice ul,
.reserve_notice ul{
	margin-top:10px;
	text-align: center;
}
.reserve_notice ul{
	text-align: left;
	padding: 0 10%;
}
.login_notice ul li,
.reserve_notice ul li{
	line-height: 1.5em;
	font-size: 13px;
}