@charset "utf-8";

/*=================================================================
	
	デジハリ・オンラインスクールサイト / コース案内カテゴリ用CSS
	・Customize: 2012.1.27

=================================================================*/


/*-----------------------------------------------------------------
		コース案内TOP
-----------------------------------------------------------------*/
#course #left-inner {
	width:650px;
}

#course .btn_hanrei {
	display:block;
	float:right;
}
#course .course-box {
	width:620px;
	padding:15px;
	border:1px solid #e6e6e6;
	margin-top:20px;
}
#course .course-intro {
	position:relative;
}
#course .course-intro .course-detail {
	position:absolute;
	right:0;
	bottom:0;
}
#course h3 img {
	vertical-align:middle;
}

#course .txt-box {
	width:435px;
	float:right;
}
#course .txt-box02 {
	width:380px;
	float:right;
}


#course .icon-box li {
	float:left;
	margin:0 10px 2px 0;
}
#course .icon-box li.end {
	float:left;
	margin:0 0 2px 0;
}
#course .ttb_course {
	width:620px;
	border:1px solid #fcd1af;
}
#course.detail .ttb_course {
	width:650px;
	border:1px solid #fcd1af;
}
#course.detail .entry-box .ttb_course {
	width:570px;
	border:1px solid #fcd1af;
}

#course .ttb_course th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:145px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course .ttb_course td {
	padding:5px 10px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course .ttb_course .dot-border-bottom {
	border-bottom:1px dashed #feb174;
}
#course .ttb_course .course_name {
	font-weight:bold;
}
#course .ttb_course .skil-box li {
	float:left;
	margin-right:8px;
}
#course .ttb_course .skil-box li.end {
	float:left;
	margin-right:0;
}
#course .link-box li {
	float:right;
}
#course .module-2column {
	width:305px;
}
#course .check-list li {
	background:url(../../course/img/icon_check.gif) 0 3px no-repeat;
	padding-left:20px;
}
#course .check-attention {
	font-size:10px;
	line-height:10px;
	text-indent:-1em;
	padding-left:30px;
}
#course .ttb_course td.bg-red {
	color:#fe7000;
	background-color:#ffe8d5;
}
#course .ttb_course td.bg-orange {
	color:#fe7000;
	background-color:#fff3e9;
}
#course .social-box li {
	float:right;
}
#course .entry-box {
	width:570px;
	margin:0 auto;
	padding:15px;
	border:5px solid #e7e6e5;
}
#course .entry-box .btn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#course .bottom_line {
	background:url(../../course/img/bottom_line.gif) left bottom no-repeat;
	padding-bottom:20px;
}
#course #tooltip .bottom_line {
	background:url(../../course/img/bottom_line.gif) left bottom no-repeat;
	padding-bottom:10px;
}
#course .tabSet {
	width:636px;
}
#course .tabSet #tabNav {
	width:636px;
	border-top:5px solid #e8e7e6;
	border-left:5px solid #e8e7e6;
	border-right:5px solid #e8e7e6;
}
#course .tabSet .select-box {
	width:606px;
	border-bottom:5px solid #e8e7e6;
	border-left:5px solid #e8e7e6;
	border-right:5px solid #e8e7e6;
	padding:15px;
}
#course .tabSet #tabNav li {
	float:left;
}

#course ul#tabNav li {
	float:left;
	list-style-type:none;
}
#course div.tabSet div.content {
	display:none;
}
#course #tabNav li img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#course .ttb_select {
	width:610px;
	border:1px solid #fcd1af;
	font-size:90%;
}
#course .ttb_select th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:60px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course .ttb_select td {
	padding:5px 0;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course .ttb_select .ttb_select_inner td {
	width:175px;
	border:none;
	padding:3px 0 0 0;
}
#course .ttb_select ul li {
	width:120px;
	float:left;
}
/*-----------------------------------------------------------------
		講座一覧
-----------------------------------------------------------------*/
#course.list ul#ancor-box {
	width:650px;
}
#course.list ul#ancor-box li {
	float:left;
}
#course.list .ttb_course_list {
	width:650px;
	border:1px solid #fcd1af;
	font-size:90%;
}
#course.list .ttb_course_list th {
	background-color:#fff3e9;
	padding:5px;
	color:#fe7000;
	font-weight:normal;
	width:220px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.list .ttb_course_list td {
	padding:5px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.list .ttb_course_list td.bg-red {
	color:#fe7000;
	background-color:#ffe8d5;
	padding:5px 0;
}
#course.list .ttb_course_list td.bg-orange {
	color:#fe7000;
	background-color:#fff3e9;
}
#popup dl {
	margin-left:30px;
}
#popup dl dt {
	width:120px;
	float:left;
	backgorund-color:#ccccff;
}
#popup dl dd {
	width:400px;
	float:left;
	backgorund-color:#00cccc;
	padding-top:15px;
}
#popup dl dd.skill {
	width:400px;
	float:left;
	backgorund-color:#00cccc;
	padding-top:3px;
}
#course.list .dot-border-bottom {
	border-bottom:1px dashed #feb174;
	padding-bottom:20px;
}

/*-----------------------------------------------------------------
		講座詳細
-----------------------------------------------------------------*/

.course_ttl {
	width:916px;
	margin:0 auto;
	padding:30px 0;
	background-color:#FFFFFF;
}


#course.detail .movie-box {
	width:330px;
	float:right;
}
#course.detail .step30-box {
	width:460px;
	float:right;	
}
#course.detail .btn-box {
	width:244px;
	float:right;
}
#course.detail .material-box {
	width:285px;
	border:1px solid #eaeaea;
	padding:15px;
	text-align:left;	
}
#course.detail .soft-box {
	width:100%;
	border:1px solid #eaeaea;
	padding:10px;
}
#course.detail .soft-box .txt-box {
	width:540px;
	float:right;
	text-align:left;
}
#course.detail .attention-box {
	padding:10px;
	color:#ff0000;
	border:2px solid #e7e6e5;
}
#course.detail .item .sttl {
	color:#ff7000;
	font-weight:bold;
}
#course.detail .pc-set {
	width:190px;
	padding:10px 13px;
	border:2px solid #E7E6E5;
	margin:0 auto;
}
#course.detail .appli-txt {
	width:200px;
	float:right;
}
#course.detail.iphone .material-box {
	font-size:90%;
	line-height:150%;
	padding-bottom:15px;
}
#course.detail.iphone .material-box .point-box {
	padding:7px 10px;
	background-color:#fff3e9;
}
#course.detail.iphone .curr-left {
	width:250px;
	float:left;
}
#course.detail.iphone .curr-right {
	width:370px;
	float:right;
}
#course.detail #header {
	width:980px;
	text-align:left;
	margin:10px auto 0 auto;
}

/*------- スライダー -----*/
.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: -33px;
}
.course-slider .next {
	right: 0;
}
.course-slider .container {
	position: relative; top: 0; left: 0; width: 100%;
}
.course-slider .news_items {
	position: relative; width: 560px; top: 0; overflow: hidden;
}

.course-slider .item {
	width: 161px; margin-right: 35px;
}

.view_all {
	display:none;
}

/*------- 受講申し込みアコーディオン -----*/
.acordion,
.acordion01,
.acordion02,
.acordion03,
.acordion04,
.acordion05 {
	width:650px;
	height:36px;
	display:block;
	text-indent:-9999px;
	font-size:0;	
	background:url(../../course/img/btn_entry.gif) 0 0 no-repeat;
	cursor:pointer;
}
.over {
	width:650px;
	height:36px;
	display:block;
	text-indent:-9999px;
	font-size:0;	
	background:url(../../course/img/btn_entry.gif) 0 -36px no-repeat;
	cursor:pointer;
}
.selected {
	width:650px;
	height:36px;
	display:block;
	text-indent:-9999px;
	font-size:0;	
	background:url(../../course/img/btn_entry.gif) 0 -72px no-repeat;
	cursor:pointer;
}

/*------- お得なセット受講とは　ツールチップ -----*/
#tooltip{
	width:500px;
	margin:150px 0 0 -180px;
	padding:10px 0;
	color:#666;
	position:absolute;
	background:url(../../course/img/tips_top.gif) 0 0 no-repeat;
}
#tooltip-inner {
	border-left:5px solid #e7e6e5;
	border-right:5px solid #e7e6e5;
	border-bottom:5px solid #e7e6e5;
	background-color:#ffffff;
	padding:10px;
	text-align:left;
}


/*------- SOHO・在宅講座 -----*/
#course.detail .ttb_web {
	width:480px;
	border:1px solid #fcd1af;
}
#course.detail .ttb_learning {
	width:520px;
	border:1px solid #fcd1af;
}
#course.detail .ttb_learning2 {
	width:430px;
	border:1px solid #fcd1af;
	float:right;
}
#course.detail .ttb_learning3 {
	width:350px;
	border:1px solid #fcd1af;
	float:right;
}
#course.detail th {
	background-color:#fff3e9;
	padding:3px 5px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:150px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.detail td {
	padding:3px 5px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.detail .right-box {
	width:520px;
	float:right;
}

#course.detail .movie-box {
	width:270px;
	float:left;
}
#course.detail .txt-literacy {
	width:450px;
	float:left;
}
#course.detail .teacher-box {
	width:470px;
	float:right;
}
#course.detail .teacher-box2 {
	width:500px;
	float:right;
}
#course.detail .sample-box li {
	width:155px;
	float:left;
	font-size:80%;
}
#course.detail .cg-box {
	width:470px;
	float:left;
}
#course.detail .about-box {
	width:630px;
	padding:5px 10px;
	border:2px solid #feb174;
}
#course.detail .about-box h3 {
	font-size:100%;
	font-weight:bold;
	color:#ff7000;
}
#course.detail .w100p-box {
	width:620px;
	border:1px solid #eaeaea;
	padding:15px;
	text-align:left;	
}
#course.detail .anime-box {
	width:350px;
	float:left;
}
#course.detail .anime-list li {
	float:left;
}

/*-----------------------------------------------------------------
		教材ソフト一覧
-----------------------------------------------------------------*/
#course.adobe .partners-box {
	width:400px;
	float:right;
}
#course.adobe .ancor-box li {
	float:right;
}
#course.adobe .pack-box {
	width:620px;
	border:1px solid #eaeaea;
	padding:15px;
	text-align:left;	
}
#course.adobe .pack-box .ttb_course {
	font-size:90%;
}
#course.adobe .pack-right {
	width:500px;
	float:right;
}
#course.adobe .gray {
	color:#cccccc;
}
#course.adobe .ttb_pack {
	width:650px;
	border:1px solid #fcd1af;
	font-size:90%;
}
#course.adobe .ttb_pack th {
	background-color:#fff3e9;
	padding:5px 10px;
	font-weight:normal;
	width:145px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.adobe .ttb_pack td {
	padding:5px 10px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.adobe .ttb_pack td.bg-red {
	color:#fe7000;
	background-color:#ffe8d5;
}
#course.adobe .soft-box {
	width:295px;
	float:left;
	border:1px solid #e5e5e5;
	padding:10px;
	font-size:90%;
}


/*-----------------------------------------------------------------
		在校生・卒業生ページ
-----------------------------------------------------------------*/
#course.detail.alumni .tab-box li {
	float:left;
	margin-right:6px;
}
#course.detail.alumni .tab-box li.end {
	float:left;
	margin-right:0;
}
#course.detail.alumni .ttb_course {
	width:620px;
	border:1px solid #fcd1af;
}
#course.detail.alumni .ttb_detail {
	width:435px;
	border:1px solid #fcd1af;
}
#course.detail.alumni .ttb_detail th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:100px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#course.detail.alumni .ttb_detail td {
	padding:5px 10px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}

#course.detail.alumni .btn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#course.detail.alumni .kikan {
	font-size:115%;
	font-weight:bold;
}

#course .extension-box {
	width:550px;
	margin:0 auto;
	padding:15px;
	border:5px solid #e7e6e5;
}
#course .extension-box-inner {
	width:161px;
	float:left;
}
#course .proof-left {
	width:280px;
	border:1px solid #e5e5e5;
	float:left;
	padding:15px;
}
#course .proof-right {
	width:280px;
	border:1px solid #e5e5e5;
	float:right;
	padding:15px;
}

#course .icon-voice-man {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../course/img/icon_voice_man.gif) 0 0 no-repeat;
}
#course .icon-voice-woman {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../course/img/icon_voice_woman.gif) 0 0 no-repeat;
}


/*-----------------------------------------------------------------
		ポップアップ画面
-----------------------------------------------------------------*/
#popup .ttb_popup {
	width:305px;
	border:1px solid #fcd1af;
	font-size:90%;
}

#popup .ttb_popup th {
	background-color:#fff3e9;
	padding:5pxpx;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:80px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#popup .ttb_popup td {
	padding:5px;
	border:1px dashed #feb174;
	border-collapse:collapse;
}
#popup .ttb_popup .dot-border-bottom {
	border-bottom:1px dashed #feb174;
}


/*-----------------------------------------------------------------
		ポップアップ画面
-----------------------------------------------------------------*/
#course.ds ul#ancor-box {
	width:650px;
}
#course.ds ul#ancor-box li {
	float:left;
}
#course.ds .ttb_course {
	width:620px;
}
#course.ds .ttb_detail {
	width:435px;
}


/*-----------------------------------------------------------------
		HTML5入門講座
-----------------------------------------------------------------*/
body.html5 .movie-box {
	width:240px;
	float:left;
}
body.html5 .step-box {
	width:380px;
	float:right;
}
body.html5 .step-box .inner-box {
	border:1px solid #FF7000;
	padding:10px;
}
body.html5 .step-box .inner-box .module {
	border:1px solid #FED4B2;
	background-color:#FFF3E9;
	padding:7px 10px;
}
body.html5 .step-box .inner-box .module ul {
	margin:5px 5px 0 5px;
}