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

/*=========================
	Flash枠
=========================*/
.mypage_movie_index_head{ height: 283px; width: 934px; padding-top: 37px; padding-right: 33px; padding-bottom: 14px; padding-left: 41px; display: block; background-image: url(../mypage/img/mypage_movie_index_01.gif); background-repeat: no-repeat; background-position: 9px top; margin-right: auto; margin-left: auto; }

/*=========================
	共通
=========================*/
.contents {	width: 982px; margin: 0 auto; background: #fff url(../img4/contents_bg.jpg); padding: 0 0 0 8px; min-height: 100%;}

/* ムービーインデックス */

mypage_movie_index{ }
.mypage_movie_index h2{ background-image: url(../mypage/img/mypage_movie_index_ttl.gif); background-repeat: no-repeat; text-indent: -9999px;
display: block; height: 79px; padding-bottom: 10px; margin-left: 20px; }
.mypage_movie_index p{ padding-right: 30px; padding-left: 30px; font-size: 12px; padding-bottom: 10px; color: #5C5C5C; }

.mypage_movie_index dl.movie_index_prof{ height: 288px; display: block; color: #5c5c5c; font-size: 12px; line-height: 18px; padding-bottom: 30px; }
.mypage_movie_index dl.movie_index_prof dt{ background-image: url(../mypage/img/mypage_movie_index_03.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 84px; }
.mypage_movie_index dl.movie_index_prof dd{ background-image: url(../mypage/img/mypage_movie_index_04.gif); background-repeat: no-repeat; height: 204px; display: block; position: relative; }
.mypage_movie_index dl.movie_index_prof dd .prof_01{ display: block; position: absolute; height: 144px; width: 467px; left: 44px; top: 6px;  }
.mypage_movie_index dl.movie_index_prof dd .prof_02{ display: block; position: absolute; height: 44px; width: 467px; left: 44px; top: 150px; color: #666666;
padding-top: 10px; } 

.mypage_movie_index dl.movie_index_arch{ display: block; color: #5c5c5c; font-size: 12px; line-height: 18px; float: left; width: 660px;
background-image: url(../mypage/img/mypage_movie_index_18_c.gif); padding-bottom: 10px; background-position: bottom; background-repeat: no-repeat; }
.mypage_movie_index dl.movie_index_arch dt{ background-image: url(../mypage/img/mypage_movie_index_18_a.gif); background-repeat: no-repeat;
background-position: top; height: 12px; width: 660px; }
.mypage_movie_index dl.movie_index_arch dd{ background-image: url(../mypage/img/mypage_movie_index_18_b.gif); width: 660px; background-repeat: repeat-y;
display: block; background-position: top; float: left; }




.mypage_movie_index .movie_index_arch dl{
	width: 312px;
	display: block;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../mypage/img/mypage_movie_index_12.gif);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	float: left;
}
.mypage_movie_index .movie_index_arch dt.arch120_ttl{
	background-image: url(../mypage/img/mypage_movie_index_14.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 312px;
}
.mypage_movie_index .movie_index_arch dt.arch100_ttl{
	background-image: url(../mypage/img/mypage_movie_index_13.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 312px;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox{
	background-image: url(../mypage/img/mypage_movie_index_16.gif);
	background-repeat: repeat-y;
	display: block;
	width: 312px;
	float: left;
}

.mypage_movie_index .movie_index_arch dd.arch_sbox span{
	width: 275px;
	display: block;
	padding-left: 20px;
	padding-bottom: 15px;
	color: #5c5c5c;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox .kajo_banner{
	display: block;
	padding-left: 19px;
	padding-bottom: 15px;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox .kajo_banner a.bn120{
	background-image: url(../mypage/img/mypage_movie_index_banner120.gif);
	background-repeat: no-repeat;
	height: 94px;
	width: 274px;
	display: block;
	text-indent: -9999px;
}
/* 仮 */
.mypage_movie_index .movie_index_arch dd.arch_sbox .kajo_banner a.bn120_02{
	background-image: url(../mypage/img/mypage_movie_index_banner12002.gif);
	background-repeat: no-repeat;
	height: 94px;
	width: 274px;
	display: block;
	text-indent: -9999px;
}

.mypage_movie_index .movie_index_arch dd.arch_sbox .kajo_banner a.bn100{
	background-image: url(../mypage/img/mypage_movie_index_banner100.gif);
	background-repeat: no-repeat;
	height: 94px;
	width: 274px;
	display: block;
	text-indent: -9999px;
}

.mypage_movie_index .movie_index_arch dd.arch_sbox dl.archbox{
	display: block;
	width: 278px;
	padding-left: 22px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-image: none;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox dt.archbox_ttl{
	background-image: url(../mypage/img/mypage_movie_index_11.gif);
	background-position: top;
	height: 48px;
	width: 268px;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox dd.archbox_ss{
	background-image: url(../mypage/img/mypage_movie_index_15.gif);
	background-repeat: repeat-y;
	width: 268px;
	display: block;
}

.mypage_movie_index .movie_index_arch dd.arch_sbox ul{
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	padding-bottom: 10px;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox ul li{
	background-image: url(../mypage/img/mypage_movie_index_08.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	padding-top: 12px;
	padding-bottom: 10px;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	padding-left: 8px;
}

.mypage_movie_index .movie_index_arch dd.arch_sbox ul li p.sstxt{ display: block; width: 209px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; font-size: 11px; line-height: 14px; 
}

.mypage_movie_index .movie_index_arch dd.arch_sbox ul li p.sstxt02{
	display: block;
	width: 239px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 14px;
}

.mypage_movie_index .movie_index_arch dd.arch_sbox ul li .index_arch_yymmdd{ font-weight: bold; display: block; font-size: 12px; padding-bottom: 4px; }
.mypage_movie_index .movie_index_arch dd.arch_sbox ul li a{
	font-size: 12px;
	color: #aa4d86;
	text-decoration: underline;
	line-height: normal;
	font-weight: bold;
	background-image: url(../mypage/img/mypage_movie_index_17.gif);
	display: block;
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 1px;
	margin-bottom: 4px;
}
.mypage_movie_index .movie_index_arch dd.arch_sbox ul li a.mikouka_arrow{
	font-size: 13px;
	color: #aa4d86;
	text-decoration: none;
	line-height: normal;
	font-weight: bold;
	display: block;
	background-position: 1px;
	margin-bottom: 4px;
	background-image: none;
	padding-left: 0px;
}
.mypage_movie_index .mypage_banner{
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.mypage_movie_index .banner_koumoku{
	padding-bottom: 5px;
}



/* 120ステップ01(メイン) */
.mypage_movie_120_head{ width: 982px; background-color:#fff; min-height: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding-right: 0; padding-bottom: 0; padding-left: 8px; padding-top: 8px; }
.mypage_movie_120_head h1{ background-image: url(../mypage/img/le120_step01_h1.jpg); background-repeat: no-repeat; height: 275px; width: 974px;
text-indent: -9999px; padding-top: 8px; }

/* 120ステップ01(左サイド) */
dl.mypage_movie_left{ width: 767px; float: left; background-color: #fff; background-image: url(../mypage/img/le120_step01_bg.gif);
background-repeat: repeat-y; }
dl.mypage_movie_left dt h2{
	background-image: url(../mypage/img/le120_step01_h2.gif);
	background-repeat: no-repeat;
	height: 86px;
	width: 767px;
	text-indent: -9999px;
	display: block;
}
dl.mypage_movie_left dd{
	background-image: url(../mypage/img/le120_step01_bg.gif);
	background-repeat: repeat-y;
	width: 767px;
	display: block;
	margin: 0px;
	padding: 0px;
}

dl.mypage_movie_left h4{ padding-top: 10px; display:block; }
dl.mypage_movie_left .lesson_address{ padding: 18px; font-size: 12px; }

dl.mypage_movie_left .grip01_ttl{ background-image: url(../mypage/img/le120_step01_glip_ttl.gif); height: 29px; width: 724px; text-indent: -9999px;
padding-bottom: 1px; }
dl.mypage_movie_left .lesson_grip01{}
dl.mypage_movie_left .lesson_grip01 .grip01_ir_ss{ background-image: url(../mypage/img/le120_step01_glip_pt01.jpg); float: left; height: 242px; width: 240px;
background-repeat: no-repeat; padding-right: 1px; }
dl.mypage_movie_left .lesson_grip01 .grip01_or_ss{ background-image: url(../mypage/img/le120_step01_glip_pt02.jpg); height: 242px; width: 241px;
padding-right: 1px; float: left; background-repeat: no-repeat; }
dl.mypage_movie_left .lesson_grip01 .grip01_tf_ss{ background-image: url(../mypage/img/le120_step01_glip_pt03.jpg); float: left; height: 242px; width: 240px;
background-repeat: no-repeat; }

dl.mypage_movie_left .lesson_grip01 p.grip_txt{ padding-top: 175px; font-size: 12px; display: block; padding-left: 5px; }

dl.mypage_movie_left ul{ clear: both; background-color: #e8e7e4; width: 677px; padding-top: 15px; padding-bottom: 15px; padding-left: 47px; 
margin-bottom: 15px; }
dl.mypage_movie_left li{}
dl.mypage_movie_left li a{ background-image: url(../mypage/img/le120_step01_lnk_three.gif); background-repeat: no-repeat; height: 60px; width: 624px;
display: block; }
dl.mypage_movie_left li a.lnk_or{ background-image: url(../mypage/img/le120_step01_lnk_over.gif); background-repeat: no-repeat; height: 60px; width: 624px;
display: block; }

dl.mypage_movie_left h5{ padding-top: 10px; }
dl.mypage_movie_left .grip_or_lbox{
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	padding-left: 5px;
	font-size: 11px;
	line-height: 14px;
}
dl.mypage_movie_left .grip_or_lbox p{ padding-top: 202px; width: 300px; padding-left: 40px; }
dl.mypage_movie_left .grip_or_left01{
	background-image: url(../mypage/img/le120_step01_over_p01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 263px;
	width: 348px;
	padding-right: 10px;
	display: inline-block;
}
dl.mypage_movie_left .grip_or_left02{
	background-image: url(../mypage/img/le120_step01_over_p03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 264px;
	width: 348px;
	padding-right: 10px;
	display: inline-block;
}
dl.mypage_movie_left .grip_or_left03{
	background-image: url(../mypage/img/le120_step01_over_p05.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 259px;
	width: 348px;
	padding-right: 10px;
	display: inline-block;
}
dl.mypage_movie_left .grip_or_right01{
	background-image: url(../mypage/img/le120_step01_over_p02.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 263px;
	width: 348px;
	display: inline-block;
}
dl.mypage_movie_left .grip_or_right02{
	background-image: url(../mypage/img/le120_step01_over_p04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 264px;
	width: 348px;
	display: inline-block;
}
dl.mypage_movie_left .grip_or_right03{
	background-image: url(../mypage/img/le120_step01_over_p06.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 259px;
	width: 348px;
	display: inline-block;
}

dl.mypage_movie_left .mypage_banner_ss{
	margin-bottom: 10px;
}
dl.mypage_movie_left .mypage_banner_ss .banner_koumoku_ss{
	padding-bottom: 5px;
}

dl.mypage_movie_left .lesson_topback{
	width: 767px;
	background-position: bottom;
}

/* 120ステップ01(右サイド) */
.mypage_movie_right{
	float:left;
	width: 203px;
	display: block;
	padding-left: 3px;
	background-color: #fff;
}
.mypage_movie_right .menu_ttl{
	background-image: url(../mypage/img/le120_step01_archive_dt.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 203px;
	text-indent: -9999px;
}
.mypage_movie_right .menu_sbox{}
.mypage_movie_right ul{
	width: 203px;
}
.mypage_movie_right li{}
.mypage_movie_right li.menu_st01{ background-image: url(../mypage/img/le120_step01_archive_01.gif); background-repeat: no-repeat; height: 98px; width: 203px; }
.mypage_movie_right li.menu_st02{ background-image: url(../mypage/img/le120_step01_archive_02.gif); background-repeat: no-repeat; height: 98px; width: 203px; }
.mypage_movie_right li.menu_st03{ background-image: url(../mypage/img/le120_step01_archive_04.gif); background-repeat: no-repeat; height: 98px; width: 203px; }
.mypage_movie_right li.menu_st04{ background-image: url(../mypage/img/le120_step01_archive_03.gif); background-repeat: no-repeat; height: 98px; width: 203px; }
.mypage_movie_right li.menu_st05{ background-image: url(../mypage/img/le120_step01_archive_05.gif); background-repeat: no-repeat; height: 98px; width: 203px; }
.mypage_movie_right li.menu_st06{ background-image: url(../mypage/img/le120_step01_archive_06.gif); background-repeat: no-repeat; height: 104px; width: 203px; }
.mypage_movie_right li a{ display: block; height: 98px; width: 203px; text-indent: -9999px; }

/*=========================
120メイン部分(左サイド)
共通フッタ
=========================*/
.topback{
	background-image: url(../mypage/img/back_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 27px;
	width: 640px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.topback .topback_ss02{
	display: block;
	margin: 0px;
	position: absolute;
	height: 22px;
	width: 138px;
	left: 495px;
}
.topback .topback_ss02 a{
	height: 22px;
	width: 138px;
	background-image: url(../mypage/img/back_lk02.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}