@charset "utf-8";

/*=================================================================
	
	デジハリ・オンラインスクール / コース案内CSS
	・Customize: 2011.05/09

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


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/




#course.p-01 #ancor-list {
	margin-left:80px;
}
#course.p-01 #ancor-list li {
	width:245px;
	float:left;
}
#course.p-01 h2,
#course.p-28 h2 {
	border-left:none;
	font-size:100%;
	font-weight:bold;
	border-bottom:1px dotted #999999;
	margin-bottom:15px;
	padding-bottom:3px;
}

#course h2.c-name {
	border:none;
	font-size:100%;
	padding:0;
}


#course.p-01 h3,
#course.p-28 h3 {
	margin:0;
	border-left:5px solid #FF6600;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:3px;
	margin-bottom:10px;
}
#course.p-01 h4,
#course.p-28 h4 {
	font-size:80%;
	font-weight:bold;
}
#course.p-01 .course-box,
#course.p-28 .course-box {
	width:320px;
	float:left;
	border:1px solid #DDDDDD;
	padding:5px;
	background-color:#FFFFFF;
}

#course.p-01 .course-box03,
#course.p-28 .course-box03  {
	width:320px;
	float:right;
	border:1px solid #DDDDDD;
	padding:5px;
	background-color:#FFFFFF;
}

#course.p-01 .course-box .txt-box,
#course.p-01 .course-box03 .txt-box,
#course.p-28 .course-box .txt-box,
#course.p-28 .course-box03 .txt-box {
	width:200px;
	float:right;
}
#course.p-01 .course-box .txt-box2,
#course.p-01 .course-box03 .txt-box2,
#course.p-28 .course-box .txt-box2,
#course.p-28 .course-box03 .txt-box2 {
	width:215px;
	float:right;
}


#course.p-01 .course-box02 .icon-list,
#course.p-28 .course-box02 .icon-list {
	width:230px;
	float:left;
}

/*#course.p-01 .course-box02 .icon-list,
#course.p-01 .course-box03 .icon-list {
	float:left;
}*/

#course.p-01 #tabbody0 .catch {
	color:#ff6600;
	font-size:70%;
}
#course.p-01 #tabbody1 .catch {
	color:#00A3FF;
	font-size:70%;
}
#course.p-01 #tabbody2 .catch {
	color:#81C01C;
	font-size:70%;
}
#course.p-01 #course-lite .catch {
	color:#FF6977;
	font-size:70%;
}
#course.p-01 #course-smart .catch {
	color:#21cafd;
	font-size:70%;
}


#course.p-01 .icon-b {
background:url(../../course/img/icon_wakaba.gif) 0 0 no-repeat;
padding:4px 0 2px 20px;

}


#course.p-01 #course-web {
	background-color:#FFF3E6;
	padding:10px;
}
#course.p-01 #course-movie {
	background-color:#ECF3FF;
	padding:10px;
}
#course.p-01 #course-pro {
	background-color:#EDF8E0;
	padding:10px;
}
#course.p-01 #course-lite {
	background-color:#FFEEEF;
	padding:10px;
}
#course.p-01 #course-smart {
	background-color:#e0f2f7;
	padding:10px;
}


#course h2 {
	border-left:6px solid #F08200;
	padding-left:10px;
	font-size:100%;
	font-weight:bold;
}

#course .left-box {
	width:180px;
	float:left;
}
#course .right-box {
	width:470px;
	float:right;
}
#course table.ttb_detail {
	width:470px;
	font-size:75%;
	line-height:175%;
}

#course table.ttb_detail th {
	width:9.5em;
	/*background:url(../img/th_bg.gif);*/
	text-align:left;
}


#course table.ttb_detail td {
	border-top:1px dotted #999;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-collapse:collapse;
	padding:5px 10px;
}

#course table.ttb_detail th {
	border-top:1px solid #999;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-collapse:collapse;
	padding:5px 10px;
}


#course table.ttb_soft th {
	width:35%;
}
#course table.ttb_soft td {
	width:65%;
}
#course .icon-list li {
	float:left;
	margin-right:1px;
}
#course .entry_form {
	width:200px;
	float:right;
}

#course h3 {
	font-size:90%;
	font-weight:bold;
}
#course .gray-box h4,
#course .gray-line h4,
#course #soufu-box h4,
#course #kankyo-box h4,
#course #goukaku-box h4,
#course #literacy-box h4,
#course #standard-box h4{
	font-size:80%;
	font-weight:bold;
	border-left:4px solid #cccccc;
	padding-left:8px;
	line-height:130%;
}
#course .left-box02 {
	width:310px !important;
	width:330px;
	float:left;
	padding:10px;
	background-color:#F0F0F0;
}
*:first-child+html #course .left-box02 {
	width:310px;
	float:left;
	padding:10px;
	background-color:#F0F0F0;
}

#course #right-box02 {
	width:330px;
	float:right;
}
#course .right-box02 {
	padding:10px;
	background-color:#F0F0F0;
}
#course .left-box02 dl dt,
#course .right-box02 dl dt {
	font-size:80%;
	font-weight:bold;
}
#course .left-box02 dl dd,
#course .right-box02 dl dd {
	font-size:75%;
	line-height:175%;
}
#course .kyouzai-box {
	width:326px !important;
	width:330px;
	border:2px solid #FF6600;
	float:left;
}
#course #movie-box,
#course #movie-box02 {
	background-color:#f2f9e7;
}
#course #live-box {
	background-color:#fbf8e5;
}
#course #text-box {
	background-color:#e7f4fc;
}
#course #support-box {
	background-color:#fdf2ec;
}

#course #ticket-box {
	background-color:#f1f4fb;
}

#course #soufu-box ul li,
#course #study-box ul li,
#course #literacy-box ul li{
	font-size:75%;
	line-height:175%;
}
#course .right-box03 {
	width:540px;
	float:right;
}

#course table.ttb_kyouzai {
	width:100%;
	font-size:75%;
	line-height:175%;
}
#course table.ttb_kyouzai th {
	width:100px;
	background:url(../img/th_bg.gif);
}

#course table.ttb_kyouzai th,td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:5px 10px;
	text-align:left;
}
#course table.ttb_kyouzai th {
	width:50%;
}
#course table.ttb_kyouzai td {
	width:50%;
}

#course table.ttb_system {
	width:100%;
	font-size:75%;
	line-height:175%;
}
#course table.ttb_system th {
	width:100px;
	background:url(../img/th_bg.gif);
}

#course table.ttb_system th,td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:5px 10px;
	text-align:left;
}
#course table.ttb_system th {
	width:20%;
}
#course table.ttb_system .win,
#course table.ttb_system .mac {
	width:40%;
}
#course table td.bg_gray {
	background-color:#B6B6B6;	
	font-weight:bold;
	text-align:center;
}
#course table td.bg_vage {
	background-color:#fdf3e5;	
	text-align:left;
}
#course .movie-box {
	width:330px;
	float:left;
}
#course .h3-box {
	font-size:90%;
	font-weight:bold;
	border-bottom:2px solid #ff6600;
	padding-bottom:5px;
}
#course .h3-box h3 {
	width:230px;
	float:left;
}

#course .h3-box h3.txt {
	width:300px;
	float:left;
}

#course .movie-box .catch {
	color:#666666;
	font-size:75%;
	font-weight:bold;
	width:200px;
	float:left;
}
#course .movie-box .txt-box {
	width:180px;
	float:right;
}
#course .movie-box .txt-box2 {
	width:230px;
	float:right;
}
#course #zemi-box .left-box {
	width:330px;
	float:left;
}
#course #zemi-box .right-box {
	width:330px;
	float:right;
}
#course #zemi-box h4 {
	font-size:80%;
	font-weight:bold;
}
#course.p-04 h4,
#course.p-13 h4 {
	font-size:90%;
	font-weight:bold;
}
#course #study-box .h3-box h4 {
	width:230px;
	float:left;
}
#course .icon_new {
	background:url(../../course/img/icon_new.gif) top right no-repeat;
	padding-right:45px;
}
#course #study-box .right-box {
	width:270px;
	float:right;
}
#course #text-box .right-box,
#course #otext-box .right-box {
	width:180px;
	float:right;
	margin-right:5px;
}

#course table.ttb_literacy {
	width:100%;
	font-size:75%;
	line-height:175%;
}
#course table.ttb_literacy th {
	width:100px;
	background:url(../img/th_bg.gif);
}

#course table.ttb_literacy th,td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:5px 10px;
	text-align:left;
}
#course table.ttb_literacy th {
	width:20%;
}
#course table.ttb_literacy td {
	width:80%;
}

#course table.ttb_standard {
	width:100%;
	font-size:75%;
	line-height:175%;
}
#course table.ttb_standard th {
	width:100px;
	background:url(../img/th_bg.gif);
}

#course table.ttb_standard th,td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:5px 10px;
	text-align:left;
}
#course table.ttb_standard td {
	text-align:center;
}
#course table.ttb_standard th {
	width:40%;
}
#course table.ttb_standard td1 {
	width:20%;
}
#course table.ttb_standard td2 {
	width:40%;
}
#course table.ttb_list {
	width:680px !important;
}
#course table.ttb_list th,
#course table.ttb_list td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:5px 10px;
	text-align:center;
	font-size:58%;
	line-height:130%;
}
#course table.ttb_list th {
	background-color:#EEEEEE;
	font-weight:normal;

}
#course table.ttb_list td.bg_orange01 {
	background-color:#FA9E27;
	color:#ffffff;
	font-weight:bold;
	font-size:80%;
}
#course table.ttb_list td.bg_orange02 {
	background-color:#F9E3C7;
}
#course table.ttb_list td.bg_green01 {
	background-color:#77C82E;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:80%;
}
#course table.ttb_list td.bg_green02 {
	background-color:#CEE8B6;
}
#course table.ttb_list td.bg_gray {
	background-color:#E7E7E7;
	font-weight:bold;
	font-size:80%;
}

#course.p-14 .right-box2 {
	width:540px;
	float:right;
}


#course.p-99 #sample-box {
	padding-left:10px;
}
#course.p-99 #sample-box li {
	float:left;
	width:180px;
}

#course.p-99 .course-box {
	width:313px;
	float:left;
	border:1px solid #DDDDDD;
	padding:5px;
	background-color:#FFFFFF;
}
#course.p-99 .course-box .txt-box {
	width:200px;
	float:right;
}
#course.p-99 .course-box .txt-box2 {
	width:215px;
	float:right;
}
#course.p-99 .course-box .icon-list li {
	float:right;
}

#course.p-99 #ancor-list {
	margin-left:80px;
}
#course.p-99 #ancor-list li {
	width:245px;
	float:left;
}

#course.p-99 .course-box {
	width:313px;
	float:left;
	border:1px solid #DDDDDD;
	padding:5px;
	background-color:#FFFFFF;
}
#course.p-99 .course-box .txt-box {
	width:200px;
	float:right;
}
#course.p-99 .course-box .txt-box2 {
	width:215px;
	float:right;
}
#course.p-99 .course-box .icon-list li {
	float:right;
}
#course.p-99 #course-web .catch {
	color:#ff6600;
	font-size:70%;
}
#course.p-99 #course-movie .catch {
	color:#0066FF;
	font-size:70%;
}
#course.p-99 #course-pro .catch {
	color:#81C01C;
	font-size:70%;
}
#course.p-99 #course-lite .catch {
	color:#FF6977;
	font-size:70%;
}
#course.p-99 #course-smart .catch {
	color:#21cafd;
	font-size:70%;
}

#course.p-99 #course-web {
	background-color:#FFF3E6;
	padding:10px;
}
#course.p-99 #course-movie {
	background-color:#ECF3FF;
	padding:10px;
}
#course.p-99 #course-pro {
	background-color:#EDF8E0;
	padding:10px;
}
#course.p-99 #course-lite {
	background-color:#FFEEEF;
	padding:10px;
}
#course.p-99 #course-smart {
	background-color:#e0f2f7;
	padding:10px;
}
#course.p-99 #course-smart {
	background-color:#e0f2f7;
	padding:10px;
}
#course.p-99 h4 {
	font-size:80%;
	font-weight:bold;
}

/*11.07.11 tuika*/


#course #tabnav ul {
	height:110px;
	margin:0;
	padding:0;
}

#course #tabnav li {
	float:left;
	font-size:1%;/*for Firefox*/
}

#course #tabnav li a {
	display:block;
	width:170px;
	height:110px;
	text-indent:-1000em;
	overflow:hidden;/*for IE8*/
	text-decoration:none;
}

#course #tabnav li a.current {
	margin-top:0;
	margin-right:-1px;
	position:relative;/*for IE6*/
}

#tabnav li.last a {
}

#tabnav li#tabnav0 a {
	background:url(../../course/img/c_btn01.jpg) no-repeat;
}

#tabnav li#tabnav1 a {
	background:url(../../course/img/c_btn02.jpg) no-repeat;
}

#tabnav li#tabnav2 a {
	width:169px;
	background:url(../../course/img/c_btn03.jpg) no-repeat;
}

#tabnav li#tabnav3 a {
	background:url(../../course/img/c_btn04.jpg) no-repeat;
}

#tabnav li#tabnav4 a {
	background:url(../../course/img/c_btn04a.jpg) no-repeat;
}


#tabnav li#tabnav0 a.current,
#tabnav li#tabnav0 a:hover {
	background:url(../../course/img/c_btn01_on.jpg) no-repeat;
}

#tabnav li#tabnav1 a.current,
#tabnav li#tabnav1 a:hover {
	background:url(../../course/img/c_btn02_on.jpg) no-repeat;
}

#tabnav li#tabnav2 a.current,
#tabnav li#tabnav2 a:hover {
	background:url(../../course/img/c_btn03_on.jpg) no-repeat;
}

#tabnav li#tabnav4 a.current,
#tabnav li#tabnav4 a:hover {
	background:url(../../course/img/c_btn04a_on.jpg) no-repeat;
}


#tabbody .none {
	display:none;
}

#tabbody li {
margin-bottom:35px;
}


#course.p-01 .course-box02 {
	width:660px;
	border:1px solid #DDDDDD;
	padding:10px;
	background-color:#FFFFFF;
	margin-bottom:15px;
}


#course.p-01 .course-box02 .txt-box {
	width:485px;
	float:right;
}

#course.p-01 .course-box02 .txt-box p {
}


/*11.08.09　追加*/
.course-box04 {
	width:320px;
	float:left;
	/*border:1px solid #DDDDDD;
	padding:5px;*/
	background-color:#FFFFFF;
}

.course-box05 {
	width:320px;
	float:right;
	/*border:1px solid #DDDDDD;
	padding:5px;*/
	background-color:#FFFFFF;
}

.course-box04 .txt-box,
.course-box05 .txt-box {
	width:200px;
	float:right;
}

.course-box04 .txt-box2,
.course-box05 .txt-box2 {
	width:215px;
	float:right;
}

#course.p-13 .catch {
	color:#ff6600;
	/*font-size:70%;*/
}


#course.p-13 .work-link {
/*border:1px solid #ccc;*/
background:#E6E6E6;
padding:5px 12px 5px 8px;
margin-top:10px;
}



#course.p-99 .box-a {
width:290px;
float:left;
}

#course.p-99 .box-b {
width:380px;
float:right;
}


/*11.09.06 3dcg*/
#course.p-04 .sample {
margin:20px 0;
text-align:left;

}


#course.p-04 .sample ul li {
width:162px;
float:left;

}

#course.p-04 .sample ul li img {
margin-bottom:5px;
}


#course.p-04 .sample ul li p {
font-size:65%;
}


#course.p-04 .aboutCG {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-04 .aboutCG h4 {
color:#FF6600;
font-size:75%;
}

#course.p-10 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-10 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-03 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-03 .youtube h4 {
color:#FF6600;
font-size:75%;
}


#course.p-29 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-29 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-30 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-30 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-31 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-31 .youtube h4 {
color:#FF6600;
font-size:75%;
}


#course.p-32 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-32 .youtube h4 {
color:#FF6600;
font-size:75%;
}


#course.p-05 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-05 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-06 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-06 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-07 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-07 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-08 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-08 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-09 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-09 .youtube h4 {
color:#FF6600;
font-size:75%;
}

#course.p-21 .youtube {
border:2px solid #FFD699;
padding:10px;
margin:20px 0 10px 0;
}

#course.p-21 .youtube h4 {
color:#FF6600;
font-size:75%;
}



.logo_img {
float:right;
margin-left:10px;
}

#course h3 span.fontS {
font-size:75%;
font-weight:normal;
}



/*11.09.27*/
#course.p-28 h5 {
font-size:75%;
color:#82BD24;
margin-bottom:5px;
}

#course.p-28 .tbl01 {
margin-bottom:20px;
}

#course.p-28 .tbl01 th,
#course.p-28 .tbl01 td {
border:1px solid #999;
padding:5px 7px;
font-size:75%;
}

#course.p-28 .tbl01 th {
background:#F0F0F0;
text-align:left;
font-size:70%;
}

#course.p-28 .tbl01 table td {
border: none;
font-size:100%;
padding-left:0;
}

#course.p-28 p strong {
color:#666;
}


#course.p-28 ul.note {
font-size:65%;
margin:1.5em 0 2em 1em;
}


#course.p-28 ul.note li {
text-indent:-1em;
margin-bottom:5px;
}


#course.p-28 .price{
color:#FF0000;
}


/*2011.10.14　追加*/

#course.p-01 .course-box02 .waku_blue {
margin-bottom:10px;
background-color:#B9E4FF;
padding:10px;
width:640px;
}

.kouza {
background:#FFF;
border:2px solid #00A3FF;
padding:8px;
width:620px;
text-align:left;
}

*:first-child+html .kouza {
width:620px;
}

.kouza02 {
background:#FFF;
border:2px solid #00A3FF;
padding:8px;
width:190px;
text-align:left;
float:left;
}

.kouza03 {
background:#FFF;
border:2px solid #00A3FF;
padding:8px;
width:190px;
text-align:left;
float:right;
}


.right-5 {
margin-right:5px;

}

.kouza02-img {
margin-left:2px;
margin-bottom:10px;
}


#course.p-01 #3dcg-p .kouza .txt-box {
float:right;
}


.koko-icon {
margin-bottom:2px;
}



/*111025 追加*/
#course.p-01 .waku_green {
margin-bottom:10px;
background:#ECF5DC;
padding:10px;
width:660px;
margin-bottom:25px;
}

.g-kouza {
background:#FFF;
border:2px solid #7EBF17;
padding:8px;
width:640px;
text-align:left;
}

*:first-child+html .g-kouza {
width:640px;
}

.g-kouza02 {
background:#FFF;
border:2px solid #7EBF17;
padding:8px;
width:195px;
text-align:left;
float:left;
}

.g-kouza03 {
background:#FFF;
border:2px solid #7EBF17;
padding:8px;
width:195px;
text-align:left;
float:right;
}


.right-5 {
margin-right:5px;
}

.right-8 {
margin-right:8px;
}


.right-10 {
margin-right:10px;
}



.kouza02-img {
margin-left:2px;
margin-bottom:10px;
}


#course.p-01 #3dcg-p .kouza .txt-box {
float:right;
}


.koko-icon {
margin-bottom:2px;
}



/*11.10.27追記*/

ul.sum-anime {
margin-top:15px;
margin-left:20px;
}

ul.sum-anime li {
float:left;
margin-bottom:10px;
font-size:80%;
}



#course.p-01 .heightLine-10 {
height:9em;
}