@charset "utf-8";

/*=================================================================
	
	デジハリ・オンラインスクールサイト / 学習方法紹介カテゴリ用CSS
	・Customize: 2012.1.25

=================================================================*/
body#e-learning #left-inner {
	width:650px;
}

/*-----------------------------------------------------------------
		TOP
-----------------------------------------------------------------*/
body.top #container {
	background:url(../img/container_bg_other.gif);
}
body.top h1 {
	width:444px;
	float:left;
	margin:0;
	padding:0;
}
body.top #right-box {
	width:480px;
	float:right;
}
body.top #right-box .module-l {
	width:210px;
	padding:10px;
	float:left;
	border:1px solid #e5e5e5;
	text-align:left;
}
body.top #right-box .module-r {
	width:210px;
	padding:10px;
	float:right;
	border:1px solid #e5e5e5;
	text-align:left;
}
body.top #right-box .module-l:hover,
body.top #right-box .module-r:hover {
	background-color:#fff3e9;
}
body.top #right-box h2 {
	height:15px;
	margin:0;
	padding:0;
}
body.top #right-box h2 img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:top;
}

/*-----------------------------------------------------------------
		オリジナルテキスト
-----------------------------------------------------------------*/
body.text .right-box {
	width:420px;
	float:right;
}
.ttb_detail {
	width:420px;
	border:1px solid #fcd1af;
}
.ttb_detail th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:150px;
}
.ttb_detail th,
.ttb_detail td {
	border:1px dashed #feb174;
	border-collapse:collapse;
}

.ttb_base {
	width:650px;
	border:1px solid #fcd1af;
}
.ttb_base th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
}

.ttb_base td,
.ttb_detail td {
	padding:5px 10px;
}

.ttb_base th,
.ttb_base td {
	border:1px dashed #feb174;
	border-collapse:collapse;
}

.ttb_base .bg_red {
	background-color:#ffe8d5;
}
.ttb_base .bg_orange {
	background-color:#fff3e9;
}

.txt-box {
	width:285px;
	float:left;
	border:1px solid #e5e5e5;
	padding:15px;
}
.txt-box .txt-right {
	width:150px;
	float:right;
}
.txt-box .txt-right .btn_detail01 {
	margin-top:50px;
}
.txt-box .txt-right .btn_detail02 {
	margin-top:50px;
}
.txt-box .txt-right .btn_detail03 {
	margin-top:30px;
}
.txt-box .txt-right .btn_detail04 {
	margin-top:150px;
}

/*-----------------------------------------------------------------
		動画学習
-----------------------------------------------------------------*/
.anime div.tabSet{
	width:609px;
	margin:0 auto;
	border:5px solid #e8e7e6;
}
.anime ul#tabNav{
	margin:0;
	padding:0;
	height:32px;
	background-color:#e8e7e6;
}
.anime ul#tabNav li{
	float:left;
	list-style-type:none;
}

.anime div.tabSet div.content {
	padding:10px;
}

.anime div.tabSet div.content {
	display:none;
}

.anime #tabNav li img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/*------- スライダー -----*/
.fl {
	float: left; display: inline;
}

.course-slider {
	position: relative; width: 600px; margin: 0 auto; text-align: left;
}
.course-slider .messaging {
	display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;
}
.course-slider .prev, .course-slider .next {
	position: absolute; top: 50%; display: none;
}
.course-slider .prev {
	left: -30px;
}
.course-slider .next {
	right: -16px;
}
.course-slider .container {
	position: relative;
	top:0;
	left:0;
	width: 100%;
	padding-left:8px;
}
.course-slider .news_items {
	position: relative;
	width: 580px;
	top: 0;
	overflow: hidden;
}

.course-slider .item {
	width: 272px;
	margin-right: 25px;
}

.view_all {
	display:none;
}

/*-----------------------------------------------------------------
		ライブ授業
-----------------------------------------------------------------*/
.comment-box {
	background:#fa9900 url(../../e-learning/live/img/comment_bg.gif) 0 0 no-repeat;
	color:#ffffff;
	padding:20px 10px 0 10px;
	width:264px;
}


/*-----------------------------------------------------------------
		私のスクールライフ
-----------------------------------------------------------------*/
.life div.tabSet {
	width:650px;
}
.life ul#tabNav {
	margin:0;
	padding:0;
	height:141px;
}
.life ul#tabNav li {
	float:left;
	list-style-type:none;
	margin-right:13px;
}
.life ul#tabNav li.end {
	margin-right:0;
}

.life div.tabSet div.content {
	display:none;
}
/*----
.life #tabNav li img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
-----*/
.life .left-box {
	width:216px;
	text-align:left;
	float:left;
}
.life .right-box {
	width:410px;
	text-align:left;
	float:right;
}
/*------- お得なセット受講とは　ツールチップ -----*/
#tooltip01,
#tooltip02,
#tooltip03,
#tooltip04,
#tooltip05,
#tooltip06 {
	width:500px;
	margin:0;
	color:#666;
	position:relative;
}
#tooltip-inner {
	border:5px solid #e7e6e5;
	background-color:#ffffff;
	padding:10px;
	text-align:left;
}
.fukidashi {
	position:absolute;
	left:-37px;
	bottom:10px;
	z-index:100;
}