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



.stripe-grn {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #386709;
    border-bottom: 2px solid #386709;
    background-color: #6ba22d;
    background-image: -webkit-linear-gradient(-45deg, #548e20 25%, transparent 25%, transparent 50%, #548e20 50%, #548e20 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #548e20 25%, transparent 25%, transparent 50%, #548e20 50%, #548e20 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
}

.stripe-ble {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #133E68;
    border-bottom: 2px solid #133E68;
    background-color: #4173B2;
    background-image: -webkit-linear-gradient(-45deg, #214D8C 25%, transparent 25%, transparent 50%, #214D8C 50%, #214D8C 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #214D8C 25%, transparent 25%, transparent 50%, #214D8C 50%, #214D8C 75%, transparent 75%, transparent);
    background-size: 10px 10px;
    color: #ffffff;
	font-weight:bold;
}

.stripe-ppl {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #56100B;
    border-bottom: 2px solid #56100B;
    background-color: #A11447;
    background-image: -webkit-linear-gradient(-45deg, #781130 25%, transparent 25%, transparent 50%, #781130 50%, #781130 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #781130 25%, transparent 25%, transparent 50%, #781130 50%, #781130 75%, transparent 75%, transparent);
    background-size: 10px 10px;
    color: #ffffff;
	font-weight:bold;
}
.stripe-org {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #F33A2D;
    border-bottom: 2px solid #F33A2D;
    background-color: #d64119;
    background-image: -webkit-linear-gradient(-45deg, #bb3011 25%, transparent 25%, transparent 50%, #bb3011 50%, #bb3011 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #bb3011 25%, transparent 25%, transparent 50%, #bb3011 50%, #bb3011 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
}


.stripe-other {
	margin: 0;
	padding: 0 10px !important;
	border-top: 2px solid #320000;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(-45deg, #eaeaea 25%, transparent 25%, transparent 50%, #214D8C 50%, #eaeaea 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #eaeaea 25%, transparent 25%, transparent 50%, #eaeaea 50%, #eaeaea 75%, transparent 75%, transparent);
	background-size: 5px 5px;
	color: #68302f !important;
	font-size: 24px !important;
	background-position: right 0%;
}


div.stripe-other h2,div.stripe-other2 h2 { color:#68302F !important;
font-size:24px !important;
padding:30px 0;}

div.stripe-other h2.srch {background: no-repeat right center url(../cmn/img/icon_01.png);
}

div.stripe-other h2.jyo {background: no-repeat right center url(../cmn/img/icon_01.png);
}

div.stripe-other h2.jyo {background: no-repeat right center url(../cmn/img/icon_01.png);
}
div.stripe-other h2.kza {background: no-repeat right center url(../cmn/img/icon_04.png);
}
div.stripe-other h2.vir {background: no-repeat right center url(../cmn/img/icon_09.png);
}
div.stripe-other2 h2.kdm {
	background-repeat: no-repeat;
	background-position: right center ;
	background-image: url(../cmn/img/icon_10.png);
}
div.stripe-other h2.corp {
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../cmn/img/icon_03.png);
}
div.stripe-other h2.repo {
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../cmn/img/icon_06.png);
}


.stripe-other2 {
    margin: 0;
    padding: 0 10px !important;
    border-top: 2px solid #FA9BA1;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(-45deg, #eaeaea 25%, transparent 25%, transparent 50%, #214D8C 50%, #eaeaea 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #eaeaea 25%, transparent 25%, transparent 50%, #eaeaea 50%, #eaeaea 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #68302f !important;
	font-size:24px !important;
}

.stripe-mblue {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #086374;
    border-bottom: 2px solid #086374;
    background-color: #3AB7CD;
    background-image: -webkit-linear-gradient(-45deg, #31A6A3 25%, transparent 25%, transparent 50%, #31A6A3 50%, #31A6A3 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #31A6A3 25%, transparent 25%, transparent 50%, #31A6A3 50%, #31A6A3 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
}

.stripe-mblue2 {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #1271a7;
    border-bottom: 2px solid #1271a7;
    background-color: #6ebfed;
    background-image: -webkit-linear-gradient(-45deg, #5f90a8 25%, transparent 25%, transparent 50%, #5f90a8 50%, #5f90a8 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #5f90a8 25%, transparent 25%, transparent 50%, #5f90a8 50%, #5f90a8 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
}

.stripe-ble2 {
    margin: 0;
    padding: 8px 10px;
    border-top: 2px solid #2A798D;
    border-bottom: 2px solid #2A798D;
    background-color: #71A2AF;
    background-image: -webkit-linear-gradient(-45deg, #4E8173 25%, transparent 25%, transparent 50%, #4E8173 50%, #4E8173 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #4E8173 25%, transparent 25%, transparent 50%, #4E8173 50%, #4E8173 75%, transparent 75%, transparent);
    background-size: 10px 10px;
    color: #ffffff;
	font-weight:bold;
}

.stripe-pink {
    margin: 0;
    padding: 8px 10px;
    background-color: #EC4163;
    background-image: -webkit-linear-gradient(-45deg, #F16882 25%, transparent 25%, transparent 50%, #F16882 50%, #F16882 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #F16882 25%, transparent 25%, transparent 50%, #F16882 50%, #F16882 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
}



a.button-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #676767;
	padding: 10px 0;
	background:  -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#edeeed 50%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #edeeed),
		to(#ffffff));
		
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #999999;
	display:block;
	width:95%;
	margin:auto;
	font-weight:bold;
	text-decoration:none;

}

a.button-sub span {background:url(../school/course/img/excel/s_c_e_25.png) no-repeat left center;
padding-left:15px;
margin-left:10px;}

a.button-sub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #676767;
	padding: 10px 0;
	background:  -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#edeeed 50%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #edeeed),
		to(#ffffff));
		
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #999999;
	display:block;
	width:95%;
	margin:auto;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	line-height:1.4em;
	

}
a.button-sub2 div.mos {
background:url(../school/course/img/excel/s_c_e_25_03.jpg) no-repeat 5px center;padding: 5px 5px 5px 35px;
}

a.button-sub2 div.src {
background:url(../school/course/img/excel/s_c_e_25_06.jpg) no-repeat 5px center;
padding: 5px 5px 5px 35px;
}

a.button-sub2 div.leftnavi01 {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(../images/btn_leftnavi01.jpg);
	padding: 5px 5px 5px 40px;
	font-size:16px;
	text-align:left
}

a.button-sub2 div.leftnavi02 {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(../images/btn_leftnavi02.jpg);
	padding: 5px 5px 5px 40px;
	font-size:16px;
	text-align:left;
}

a.button-sub2 div.leftnavi03 {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(../images/btn_leftnavi03.jpg);
	padding: 5px 5px 5px 40px;
	font-size:16px;
	text-align:left;
}

a.button-sub2 div.leftnavi04 {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(../images/btn_leftnavi04.jpg);
	padding: 10px 5px 10px 40px;
	font-size:16px;
	text-align:left;
	line-height:0.5em;
}

.leftnavi04 span {font-size:8px;}

a.button-sub2 div.leftnavi05 {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(../images/btn_leftnavi05.jpg);
	padding: 10px 5px 10px 40px;
	font-size:16px;
	text-align:left;
	line-height:0.5em;
}
.leftnavi05 span {font-size:8px;}


.article-header h2 {
    margin: 0;
    padding: 6px 0 6px 5px;
    /padding: 5px 0 8px 10px;
    color: #FFFFFF;
    font-size: 0.9em;
}

/*エクセルスタイルここから*/
.e-2 {
	border-left:#75B636 solid 25px;
	background-clip:border-box;
	position:relative;
	margin-bottom:2em;
	
}

.e-2 p {
	padding-top:15px;margin-left:15px;}

.e-2-1,.e-2-2,.e-2-3  {
	font-size:16px !important;
	font-weight:600;
	color:#297308;
	padding:3px 0 7px 30px !important;
	position:absolute;
	left:-20px;
	top:-20px;
	text-indent:-35px;
}

.e-3-h3 {background:url(../school/course/img/excel/s_c_e_33.png) no-repeat 10px center #297308;
padding-left:30px;
color:#FFF;
}

.e-3-h3 h3 {font-size:16px;
float:left;
display:block;
padding:8px 0;
margin-top:0;}
.e-3-h3 p {font-size:12px;
float:right;
display:block;
color:#FFF;
padding:7px 7px 0 0;
margin:0;}

.e-3 h4 {font-size:18px;
margin:0.5em 0;
color:#205301;
border:none;
line-height:1.7em;
}

.e-3 h4 span {font-size:14px;
color:#5F6160;}

.e-3 h2 {border-left:#2A7308 solid 25px;
font-size:18px;
color:#2A7308;
margin:0 0 20px;
padding:5px;
font-weight:600;
text-align:left;}

.e-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.e-4 h4{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(15,95,5,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #0B5A0C;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}
	
.e-4 h4.e-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.e-fltr:first-letter {background-color:#2b7208; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.box-exl h5 {
color:#347d02;
}

.box-exl { background:#eeeeee;
border-bottom:1px solid #cccccc;
padding:15px;
margin-bottom:20px;}

.box-exl h5 {margin:0;
padding:0;
color:#347d02;
border-left:none;
}

.box-exl .Contents02InnerR h6 span{
	padding:2px;
background:#387619;
border-radius:4px;
}


/*エクセルスタイルここまで*/
/*Wordスタイルここから*/
.w-2 {
	border-left:#80B5F9 solid 25px;
	background-clip:border-box;
	position:relative;
	margin-bottom:2em;
	
}

.w-2 p {
	padding-top:15px;margin-left:15px;}

.w-2-1,.w-2-2,.w-2-3  {
	font-size:16px !important;
	font-weight:600;
	color:#004F93;
	padding:3px 0 7px 30px !important;
	position:absolute;
	left:-55px;
	top:-20px;
}

.w-3-h3 {background:url(../school/course/img/excel/s_c_e_33.png) no-repeat 10px center #004F93;
padding-left:30px;
color:#FFF;
}

.w-3-h3 h3 {font-size:16px;
float:left;
display:block;
padding:8px 0;
margin-top:0;}
.w-3-h3 p {font-size:12px;
float:right;
display:block;
color:#FFF;
padding:7px 7px 0 0;
margin:0;}

.w-3 h4 {font-size:18px;
margin:0.5em 0;
color:#004F93;
border:none;
linw-height:1.7em;
}

.w-3 h4 span {font-size:14px;
color:#5F6160;}

.w-3 h2 {border-left:#004F93 solid 25px;
font-size:18px;
color:#004F93;
margin:0 0 20px;
padding:5px;
font-weight:600;
text-align:left;}

.w-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.w-4 h4{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,79,147,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #004F93;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}
	
.w-4 h4.w-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.w-fltr:first-letter {background-color:#113F95; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.tw th { width:40%;}


.box-wd h5 {
color:#004f93;
}

.box-wd { background:#eeeeee;
border-bottom:1px solid #cccccc;
padding:15px;
margin-bottom:20px;}

.box-wd h5 {margin:0;
padding:0;
color:#004f93;
border-left:none;
}

.box-wd .Contents02InnerR h6 span{
	padding:2px;
background:#004f93;
border-radius:4px;
}

.att-w { padding:0 0 0 160px;
margin-bottom:30px;
background:url(../school/course/img/word/img_wake01.jpg) no-repeat left center;}


.att-w h3 {margin:0 0 10px 0;padding:0;
color:#104095;
font-weight:600;}

.att-w ol { list-style:none; margin:0; padding:0;}

.att-w ol li { padding-left:35px}

.att-w ol li.no1 {background:url(../school/course/img/word/img_wake_no1.jpg) no-repeat left center;}

.att-w ol li.no2 {background:url(../school/course/img/word/img_wake_no2.jpg) no-repeat left center;}

.att-w ol li.no3 {background:url(../school/course/img/word/img_wake_no3.jpg) no-repeat left center;}



/*Wordスタイルここまで*/

/*ACCESSスタイルここから*/
.ac-2 {
	border-left: 25px solid #E1A0B6;
	background-clip: border-box;
	position: relative;
	margin-bottom: 2em;	
}

.ac-2 p {
	padding-top:15px;margin-left:15px;}

.ac-2-1,.ac-2-2,.ac-2-3  {
	font-size: 16px !important;
	font-weight: 600;
	color: #9A1542;
	padding: 3px 0 7px 30px !important;
	position: absolute;
	left: -55px;
	top: -20px;
	width: 453px;
}

.ac-3-h3 {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../school/course/img/excel/s_c_e_33.png);
	background-color: #9B1441;
	padding-left: 30px;
	color: #FFF;
}

.ac-3-h3 h3 {font-size:16px;
float:left;
display:block;
padding:8px 0;
margin-top:0;}
.ac-3-h3 p {font-size:12px;
float:right;
display:block;
color:#FFF;
padding:7px 7px 0 0;
margin:0;}

.ac-3 h4 {
	font-size: 18px;
	margin: 0.5em 0;
	color: #9B1441;
	border: none;
	linw-height: 1.7em;
}

.ac-3 h4 span {font-size:14px;
color:#5F6160;}

.ac-3 h2 {
	border-left: 25px solid #9B1441;
	font-size: 18px;
	color: #9B1441;
	margin: 0 0 20px;
	padding: 5px;
	font-weight: 600;
	text-align: left;
}

.ac-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.ac-4 h4{
	margin: 0;
	padding: 8px 10px;
	border-left: 10px solid rgba(155,20,65,0.7);
	background-color: #CBCCCE;
	background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
	background-size: 5px 5px;
	color: #b62b59;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;
}
	
.ac-4 h4.ac-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.ac-fltr:first-letter {background-color:#9b1441; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.box-ac h5 {
color:#004f93;
}

.box-ac { background:#eeeeee;
border-bottom:1px solid #cccccc;
padding:15px;
margin-bottom:20px;}

.box-ac h5 {margin:0;
padding:0;
color:#004f93;
border-left:none;
}

.box-ac .Contents02InnerR h6 span{
	padding:2px;
background:#004f93;
border-radius:4px;
}

.ac-4 h4.e-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

.m13-t {margin-top:13px;}

/*ACCESSスタイルここまで*/
/*Powrpointスタイルここから*/
.pp-2 {
	border-left: 25px solid #f1b66a;
	background-clip: border-box;
	position: relative;
	margin-bottom: 2em;	
}

.pp-2 p {
	padding-top:15px;margin-left:15px;}

.pp-2-1,.pp-2-2,.pp-2-3  {
	font-size: 16px !important;
	font-weight: 600;
	color: #c13e22;
	padding: 3px 0 7px 30px !important;
	position: absolute;
	left: -55px;
	top: -20px;
	width: 498px;
}

.pp-3-h3 {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../school/course/img/excel/s_c_e_33.png);
	background-color: #c13e22;
	padding-left: 30px;
	color: #FFF;
}

.pp-3-h3 h3 {font-size:16px;
float:left;
display:block;
padding:8px 0;
margin-top:0;}
.pp-3-h3 p {font-size:12px;
float:right;
display:block;
color:#FFF;
padding:7px 7px 0 0;
margin:0;}

.pp-3 h4 {
	font-size: 18px;
	margin: 0.5em 0;
	color: #931a00;
	border: none;
	linw-height: 1.7em;
}

.pp-3 h4 span {font-size:14px;
color:#5F6160;}

.pp-3 h2 {
	border-left: 25px solid #c13e22;
	font-size: 18px;
	color: #c23e25;
	margin: 0 0 20px;
	padding: 5px;
	font-weight: 600;
	text-align: left;
}

.pp-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.pp-4 h4{
	margin: 0;
	padding: 8px 10px;
	border-left: 10px solid rgba(211,72,39,0.7);
	background-color: #CBCCCE;
	background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
	background-size: 5px 5px;
	color: #931a00;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;
}
	
.pp-4 h4.pp-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.pp-fltr:first-letter {background-color:#c13e22; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.box-ppt h5 {
color:#004f93;
}

.box-ppt { background:#eeeeee;
border-bottom:1px solid #cccccc;
padding:15px;
margin-bottom:20px;}

.box-ppt h5 {
	margin: 0;
	padding: 0;
	color: #d24627;
	border-left: none;
}

.box-ppt .Contents02InnerR h6 span{
	padding: 2px;
	background-color: #cc4b12;
	border-radius: 4px;
}

.att-p {
	padding: 0 0 0 160px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/ppt/img_wake01.jpg);
}

.att-p a {color:#c13d24;}

.att-p h3 {margin:0 0 10px 0;padding:0;
color:#c13d24;
font-weight:600;}

.att-p ol { list-style:none; margin:0; padding:0;}

.att-p ol li { padding-left:35px}

.att-p ol li.no1 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/ppt/img_wake_no1.jpg);
}

.att-p ol li.no2 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/ppt/img_wake_no2.jpg);
}

.att-p ol li.no3 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/ppt/img_wake_no3.jpg);
}

.pp-4 h4.e-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}


/*Powerpointスタイルここまで*/
/*cloudスタイルここから*/
.c-2 {
	border-left:#A9F6FE solid 25px;
	background-clip:border-box;
	position:relative;
	margin-bottom:2em;
	
}

.c-2 p {
	padding-top:15px;margin-left:15px;}

.c-2-1,.c-2-2,.c-2-3  {
	font-size: 16px !important;
	font-weight: 600;
	color: #15A2B4;
	padding: 3px 0 7px 30px !important;
	position: absolute;
	left: -55px;
	top: -20px;
	width: 505px;
}

.c-3-h3 {background:url(../school/course/img/excel/s_c_e_33.png) no-repeat 10px center #15A2B4;
padding-left:30px;
color:#FFF;
}

.c-3-h3 h3 {font-size:16px;
float:left;
display:block;
padding:8px 0;
margin-top:0;}
.c-3-h3 p {font-size:12px;
float:right;
display:block;
color:#FFF;
padding:7px 7px 0 0;
margin:0;}

.c-3 h4 {font-size:18px;
margin:0.5em 0;
color:#15A2B4;
border:none;
linw-height:1.7em;
}

.c-3 h4 span {font-size:14px;
color:#5F6160;}

.c-3 h2 {border-left:#004F93 solid 25px;
font-size:18px;
color:#004F93;
margin:0 0 20px;
padding:5px;
font-weight:600;
text-align:left;}

.c-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.c-4 h4{
	    margin: 0;
    padding: 8px 10px !important;
    border-left: 10px solid rgba(59,185,199,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #2d8088;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}
	
.c-4 h4.c-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.c-fltr:first-letter {background-color:#13A2B3; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.box-cd h5 {
color:#004f93;
}

.box-cd { background:#eeeeee;
border-bottom:1px solid #cccccc;
padding:15px;
margin-bottom:20px;}

.box-cd h5 {margin:0;
padding:0;
color:#148694;
border-left:none;
}

.box-cd .Contents02InnerR h6 span{
	padding:2px;
background:#148694;
border-radius:4px;
}

.att-c {
	padding: 0 0 0 160px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/cloud/img_wake01.jpg);
}


.att-c h3 {margin:0 0 10px 0;padding:0;
color:#13A2B2;
font-weight:600;}

.att-c ol { list-style:none; margin:0; padding:0;}

.att-c ol li { padding-left:35px}

.att-c ol li.no1 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/cloud/img_wake_no1.jpg);
}

.att-c ol li.no2 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/cloud/img_wake_no2.jpg);
}

.att-c ol li.no3 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/cloud/img_wake_no3.jpg);
}

.cloud-box { border:#49A6B1 solid 1px;
padding:20px;
background:#F1F8F9; margin-bottom:20px;}

.cloud-box2 { border:#de7106 solid 1px;
padding:20px;
background:#fff7f0; margin-bottom:20px;}

.cloud-box2 h4{border:none;
color:#de7106}

.cd h4 {margin:0;padding:0}
 
h4.cloud-ex-1 { background:url(../school/course/img/cloud/ttl_ex01.gif) no-repeat left center;
border:none !important;
background-color:transparent;
padding-left:50px !important;
padding-top:10px!important;
padding-bottom:10px!important;
color:#de7106 !important;
line-height:1.4em;}

h4.cloud-ex-2 { background:url(../school/course/img/cloud/ttl_ex02.gif) no-repeat left center;
border:none !important;
background-color:transparent;
padding-left:50px !important;
padding-top:10px!important;
padding-bottom:10px!important;
color:#de7106 !important;
line-height:1.4em;}

h4.cloud-ex-3 { background:url(../school/course/img/cloud/ttl_ex03.gif) no-repeat left center;
border:none !important;
background-color:transparent;
padding-left:50px !important;
padding-top:10px!important;
padding-bottom:10px!important;
color:#de7106 !important;
line-height:1.4em;}

/*cloudスタイルここまで*/

/*homepageスタイルここから*/
.hp-2 {
	border-left:#56C3FC solid 25px;
	background-clip:border-box;
	position:relative;
	margin-bottom:2em;
	
}

.hp-2 p {
	padding-top:15px;margin-left:15px;}

.hp-2-1,.hp-2-2,.hp-2-3  {
	font-size: 16px !important;
	font-weight: 600;
	color: #05427B;
	padding: 3px 0 7px 30px !important;
	position: absolute;
	left: -55px;
	top: -20px;
	width: 505px;
}

h3.hp-3-h3 {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../school/course/img/excel/s_c_e_33.png);
	background-color: #31A2E4;
	padding-left: 30px;
	color: #FFF;
font-size:16px;
padding:5px 0 8px 30px;
margin-top:0;}

.hp-3 h4 {font-size:18px;
margin:0.5em 0;
color:#05427B;
border:none;
linw-height:1.7em;
}

.hp-3 h4 span {font-size:14px;
color:#05427B;}

.hp-3 h2 {border-left:#004F93 solid 25px;
font-size:18px;
color:#05427B;
margin:0 0 20px;
padding:5px;
font-weight:600;
text-align:left;}

.hp-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.hp-4 h4{
	    margin: 0;
    padding: 8px 10px !important;
    border-left: 10px solid rgba(59,185,199,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #2d8088;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}
	
.hp-4 h4.hp-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.hp-fltr:first-letter {background-color:#0E71AC; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.box-hp h5 {
color:#004f93;
}

.box-hp { background:#E9F8FD;
padding:15px;
margin-bottom:40px;}

.box-hp h3,.box-hp h4 {margin:0;
padding:0;
color:#2D95CC;
border:none;
}

.box-hp .Contents02InnerR h6 span{
	padding:2px;
background:#148694;
border-radius:4px;
}



.hp-box { border:#49A6B1 solid 1px;
padding:20px;
background:#F1F8F9; margin-bottom:20px;}

.hp-box2 {
	border: 1px solid #ABABAB;
	padding: 0;
	margin-bottom: 40px;
	background-color: #EBF7FD;
}

.hp-box2 h4{border:none;
argin:0;padding:0;
color:#00B0F3}

.cd h4 {margin:0;padding:0}
 
h4.hp-ex-1 { background:url(../school/course/img/cloud/ttl_ex01.gif) no-repeat left center;
border:none !important;
background-color:transparent;
padding-left:50px !important;
color:#de7106 !important;
line-height:1.4em;}

h4.hp-ex-2 { background:url(../school/course/img/cloud/ttl_ex02.gif) no-repeat left center;
border:none !important;
background-color:transparent;
padding-left:50px !important;
color:#de7106 !important;
line-height:1.4em;}

h4.hp-ex-3 { background:url(../school/course/img/cloud/ttl_ex03.gif) no-repeat left center;
border:none !important;
background-color:transparent;
padding-left:50px !important;
color:#de7106 !important;
}

.hp-box2-in1 {
padding:10px}

.hp-box2-in2 {background:#fff ;
padding:10px}

.hp-box2-in3 {
padding:10px}

.hp-box2-in4 {background:#fff;
padding:10px}

.hp-no1{background:url(../school/course/img/hp/img_no01.jpg) no-repeat 10px 10px;
}
.hp-no2{background:url(../school/course/img/hp/img_no02.jpg) no-repeat 10px 10px;
}
.hp-no3{background:url(../school/course/img/hp/img_no03.jpg) no-repeat 10px 10px;
}
.hp-no4{background:url(../school/course/img/hp/img_no04.jpg) no-repeat 10px 10px;
}
.hp-no1 h4,.hp-no1 p,.hp-no2 h4,.hp-no2 p,.hp-no3 h4,.hp-no3 p,.hp-no4 h4,.hp-no4 p {padding-left:65px;}

.hp-no1 h4,.hp-no2 h4,.hp-no3 h4,.hp-no4 h4 {line-height:1.4em;}






.hp-table {border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #ddd solid; /* テーブル全体の枠線（太さ・色・スタイル） */
background-color: #FFFFFF; /* 背景色 */
}

.hp-table th{
	padding:0;
	margin:0;
	width:15%;
	border: 1px #ddd solid;
	background:#CCFFFF;
	color:#666;
	vertical-align:central;
	white-space: nowrap;
	text-align:center;
}

.hp-table th.sph {height:70px;}
	
.hp-table td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:8px 0 1px 6px;
	line-height:1.4;
	vertical-align:top;
	width:80%;
}




.hp-arrow_box {
	position: relative;
	background: #fff;
	border: 2px solid #C0C0C0;
	border-radius:10px;
	width:90%;
	padding:10px;
}
.hp-arrow_box:after, .hp-arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.hp-arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 30px;
	margin-top: -30px;
}
.hp-arrow_box:before {
	border-color: rgba(192, 192, 192, 0);
	border-left-color: #C0C0C0;
	border-width: 34px;
	margin-top: -34px;
}

.hp-bold {color:#04427B !important;
font-weight:bold;}


table.search{
	border-collapse:collapse;border-spacing:0px;
	width:93%;
	margin:0 0 2em 20px;
	clear:both;
	border:1px solid #ccc;
	font-size:96%;
}
table.search th{
	padding:5px 5px 5px 8px;
	border:1px solid #ddd;
	text-align:left;
	font-weight:lighter;
	width:15%;
}
table.s01 th{background:#EFE3E2;}
table.s02 th{background:#E2EAEF;}
table.s03 th{background:#efebe2;}

table.search td{padding:5px 5px 5px 8px;border:1px solid #ddd;line-height:1.4;text-align:center;}

.hp-list {margin:20px;}

.hp-list h4 {
color:#2D96CD;
margin-left:35px;
}

.hp-list ul {list-style:none !important; margin-bottom:20px;}
.hp-list ul li { background:url(../school/course/img/hp/point5_check.gif) no-repeat left center !important;
padding-left:30px;}

.sho-box ul {list-style:none !important; }
.sho-box li.hp-5-1 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/hp/point5_btn_point_01.jpg);
	padding-left: 40px;
}
.sho-box li.hp-5-2 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/hp/point5_btn_point_04.jpg);
	padding-left: 40px;
}

.sho-box li.hp-5-3 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/hp/point5_btn_point_06.jpg);
	padding-left: 40px;
}

.sho-box li.hp-5-4 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/hp/point5_btn_point_08.jpg);
	padding-left: 40px;
}
.sho-box li.hp-5-5 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/hp/point5_btn_point_10.jpg);
	padding-left: 40px;
}


.sho-arrow {
	margin:10px 20px 10px 70px;
	position: relative;
	background: #fcfbf0;
	border: 2px solid #EAA42B;
	border-radius:10px;
	padding:10px;
}
.sho-arrow:after, .sho-arrow:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sho-arrow:after {
	border-color: rgba(252, 251, 240, 0);
	border-bottom-color: #fcfbf0;
	border-width: 20px;
	margin-left: -20px;
}
.sho-arrow:before {
	border-color: rgba(234, 164, 43, 0);
	border-bottom-color: #EAA42B;
	border-width: 22px;
	margin-left: -22px;
}

.sho-box {border:#2D96CD solid 2px;
padding:10px;
margin-bottom:20px;}

.sho-box2 {border-bottom:dotted #000 1px;
margin-bottom:20px;}

.sho-box2 h3,.sho-box2 p {margin:0 0 10px 70px;
padding:0;}
.sho-box2 h3{color:#0E71AB;}

.sho-1 {background:url(../school/course/img/hp/point5_pt1.jpg) no-repeat left top;}

.sho-2 {background:url(../school/course/img/hp/point5_pt2.jpg) no-repeat left top;}

.sho-3 {background:url(../school/course/img/hp/point5_pt3.jpg) no-repeat left top;}

.sho-4 {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../school/course/img/hp/point5_pt4.jpg);
}

.sho-5 {background:url(../school/course/img/hp/point5_pt5.jpg) no-repeat left top;
position:relative;}

.sho-5 img {
	position: absolute;
	right: 0;
	bottom: 1px;
}

.sho-box3 { border:2px #D8C092 solid;
background-color:#FDF8E4;
padding:10px;
margin-bottom:20px;}

.sho-box3 h3 {padding:0;color:#E33B0C;
margin-bottom:20px;}


/*homepageスタイルここまで*/
.text-1 {
    margin: 0;
    padding: 0 0 1px 0;
    background-color: #BF8C28;
    background-image: -webkit-linear-gradient(-45deg, #CDA54A 25%, transparent 25%, transparent 50%, #CDA54A 50%, #CDA54A 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #CDA54A 25%, transparent 25%, transparent 50%, #CDA54A 50%, #CDA54A 75%, transparent 75%, transparent);
    background-size: 5px 5px;
	position:relative;
	margin-bottom:2em;
}

.text-1 h3 img {
	position: absolute;
	top: -6px;
	left: 12px;
}

.text-1 h3 {color:#FFF;
font-size:18px;
margin:0 !important;
padding:10px 0 10px 80px;
text-shadow: 0 2px 0 #9B7523, 2px 0 0 #9B7523, 0 -2px 0 #9B7523, -2px 0 0 #9B7523, -2px -2px 0 #9B7523, 2px -2px 0 #9B7523, -2px 2px 0 #9B7523, 2px 2px 0 #9B7523;
}


.text-1 h3 span { font-size:12px;}

.text-2 h3 span { font-size:10px;}


.text-1-in {background:#FBF8EF;
margin:4px !important;
padding:1.5em;}

.text-1-in p {width:380px}

.text-1-in-r {
	position: absolute;
	width: 210px;
	left: 430px;
	top: 30px;
}


.text-2 {
    margin: 0;
    padding: 1px 0 1px 0;
    background-color: #ABAAA8;
    background-image: -webkit-linear-gradient(-45deg, #B9BAB5 25%, transparent 25%, transparent 50%, #B9BAB5 50%, #B9BAB5 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #B9BAB5 25%, transparent 25%, transparent 50%, #B9BAB5 50%, #B9BAB5 75%, transparent 75%, transparent);
    background-size: 5px 5px;
	position:relative;
	margin-bottom:2em;
}

.text-2 h3 {color:#FFF;
font-size:16px;
margin:3px 3px 0 3px !important;
padding:10px 0 10px 70px;
background-color: rgba(0,0,0,0.3);

}

.text-2 h3.cloud {
padding:10px 0 10px 20px;

}

.text-2 h3 img {
	position: absolute;
	top: -10px;
	left: 12px;
}

.text-2 h3.cloud img {
	position: absolute;
	top: -20px;
	left: 584px;
}

.text-2-in {background:#FFF;
margin:0 4px 4px 4px!important;
padding:1.5em;}

.text-2-in h4 {
	margin: 0 0 10px 0 !important;
	border-bottom: solid #9AB295 2px;
	color: #315101;
}

.text-2-in h4.ac-h4 {
	margin: 0 0 10px 0 !important;
	border-bottom: solid #E1A0B6 2px;
	color: #9C1442;
}

.text-2-in h4.ppt-h4 {
	margin: 0 0 10px 0 !important;
	border-bottom: solid #e7a290 2px !important;
	color: #d24627 !important;
}

.text-2-in h4.cloud-h4 {
	margin: 0 0 10px 0 !important;
	border-bottom: solid #89D0D9 2px;
	color: #097380;
}


.text-2-in span.color1{
color:#B03358;
}

.text-3 {
    margin: 0;
    padding: 0 0 1px 0;
    background-color: #797875;
    background-image: -webkit-linear-gradient(-45deg, #91928C 25%, transparent 25%, transparent 50%, #91928C 50%, #91928C 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #91928C 25%, transparent 25%, transparent 50%, #91928C 50%, #91928C 75%, transparent 75%, transparent);
    background-size: 5px 5px;
	position:relative;
	margin-bottom:2em;
}

.text-3 h3 img {
	position: absolute;
	top: -6px;
	left: 12px;
}

.text-3 h3 {color:#FFF;
font-size:18px;
margin:0 !important;
padding:10px 0 10px 80px;
text-shadow: 0 2px 0 #5E5D5B, 2px 0 0 #5E5D5B, 0 -2px 0 #5E5D5B, -2px 0 0 #5E5D5B, -2px -2px 0 #5E5D5B, 2px -2px 0 #5E5D5B, -2px 2px 0 #5E5D5B, 2px 2px 0 #5E5D5B;
}


.text-3 h3 span { font-size:12px;}

.text-3-in-r {
	position: absolute;
	width: 210px;
	left: 418px;
	top: 90px;
}



/*text-4*/
.text-4 {
    margin: 0;
    padding: 0 0 1px 0;
    background-color: #1cabd5;
	position:relative;
	margin-bottom:2em;
}

.text-4 h3 img {
	position: absolute;
	top: -11px;
	left: 12px;
}

.text-4 h3 {color:#FFF;
font-size:18px;
margin:0 !important;
padding:10px 0 10px 80px;

}

.text-4 h3 span { font-size:12px;}



.text-4-in {background:#FBF8EF;
margin:4px !important;
padding:1.5em;}

.text-4-in p {width:380px}

.text-4-in-r {
	position: absolute;
	width: 210px;
	left: 430px;
	top: 30px;
}
/*text-4*/




.border-t2 {border-top:#CCCCCC 1px solid;
margin-bottom:1em;}

.border-b2 {border-bottom:#CCCCCC 1px solid;
margin-bottom:1em;}

.border-b3 {border-bottom:#727272 1px dotted;
margin-bottom:1em;}



.e-photo {margin-top:15px;}

.sub-voice-t {margin-left:130px;}

.sub-voice-t2 {margin-left:130px;}

.table-bordered th { background-color:#EEF0F5;}

.table-bordered th a.grn {color:#175E28 ;}

.table-bordered th a.org {color:#931a00 ;}

div.btnSchool {
    width: 100%;
    margin: 0 0 2em 0;
    clear: both;
}
div.btnSchool a {
    display: block;
    width: 627px;
    height: 112px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
div.btnSchool a:hover img {
    position: relative;
    top: -112px;
	opacity: 1;
}


.Contents02InnerL {
    width: 310px;
    margin: 0;
    padding: 0;
    float: left;
}
.Contents02InnerR { 
    width: 260px;
    margin: 0;
    padding: 0;
    float: right;	
}

.Contents02InnerR h6 {padding:0;
margin:0 0 10px 0;
font-size:12px;
color:#FFF;
font-weight:normal;
}



.Contents02InnerR-in {
	padding:0.5em;
	background-color:#FFF;
	
}

.box-x { background:#e5f5fd;
border-bottom:1px solid #cccccc;
padding:15px;
margin-bottom:20px;}

.box-x h5 {margin:0;
padding:0;
color:#0048a5;
border-left:none;
border-bottom:#91b5dd solid 1px;
}



/*movingここから*/
.moving h3,.moving h4 {color:#50b44c !important;}

.moving h4 { border-left:5px solid #50b44c;
border-bottom:none;
line-height:1.4em;
padding:10px 10px 10px 20px;
margin:15px 0;}

.moving h4.kuro { border-left:5px solid #000;
border-bottom:none;
line-height:1.4em;
padding:10px 10px 10px 20px;
margin:15px 0;
color:#000 !important;}



div.renew div.kouzaBox {
    width: 600px;
    clear: both;
    margin: 20px 0 45px 0px;
    clear: both;
    padding-bottom: 5px;
}

ul.selectMo{margin:0;width:600px;}
ul.selectMo li{display:inline; float:left; margin-bottom:0 !important;}
ul.selectMo li a{display : block;outline:none;text-indent:-9999px;overflow:hidden;height:57px;}

	ul.selectMo li a.mov01{
	width: 160px;
	background-repeat: no-repeat;
	background-position: 0 0 no-repeat;
	background-image: url(../school/course/img/mo_btn000.jpg);
}
	ul.selectMo li a:hover.mov01{background-position:0 -57px;}
	ul.selectMo li#btn_m1 a.active{background-position:0 -57px;}

	ul.selectMo li a.mov02{
	width: 163px;
	background-repeat: no-repeat;
	background-position: -160px 0 ;
	background-image: url(../school/course/img/mo_btn000.jpg);
}
	ul.selectMo li a:hover.mov02{background-position:-160px -57px;}
	ul.selectMo li#btn_m2 a.active{background-position:-160px -57px;}

	ul.selectMo li a.mov03{
	width: 163px;
	background-repeat: no-repeat;
	background-position: -323px 0 ;
	background-image: url(../school/course/img/mo_btn000.jpg);
}
	ul.selectMo li a:hover.mov03{background-position:-323px -57px;}
	ul.selectMo li#btn_m3 a.active{background-position:-323px -57px;}

	ul.selectMo li a.mov04{
	width: 161px;
	background-repeat: no-repeat;
	background-position: -486px 0 ;
	background-image: url(../school/course/img/mo_btn000.jpg);
}
	ul.selectMo li a:hover.mov04{background-position:-486px -57px;}
	ul.selectMo li#btn_m4 a.active{background-position:-486px -57px;}



/*--タブ ボックス--*/
div.movBox{
	width:643px;
	_width:647px;
	margin:0;
	padding:0;
	border-width:2px;
	border-top-width:6px;
	border-style:solid;
}
*+html body div.movBox{width:400px;}	/* for win IE7 */


	div#movMail div.movBox{border-color:#f39950;}
	div#movFile div.movBox{border-color:#f09199;}
	div#movFavorit div.movBox{border-color:#39a1db;}
	div#movIpod div.movBox{border-color:#b18abd;}
    div#movPrac div.movBox{border-color:#f39950;}

/*--タブ タイトル--*/
div.movConttl{width:100%;padding:8px 0;}
div.movConttl img{margin:0 0 0 10px;}
	div#movMail div.movConttl{background:#fdeee1;}
	div#movFile div.movConttl{background:#fcecee;}
	div#movFavorit div.movConttl{background:#deeff9;}
	div#movIpod div.movConttl{background:#f2ebf4;}
　　div#movPrac div.movConttl{background:#fdeee1;}


/*--タブ コンテンツ--*/
div.movBox-inner{width:410px;margin:0 0 0px 10px;}
div.movContents{
	width:100%;
	padding-bottom:15px;
	margin:15px 0 0 0;
}
div.lineDot{margin-bottom:25px;min-height:170px;}
div#movMail div.lineDot{background:url(../img/mo_dot001.gif) 0 bottom repeat-x;}
div#movFile div.lineDot{background:url(../img/mo_dot002.gif) 0 bottom repeat-x;}
div#movFavorit div.lineDot{background:url(../img/mo_dot003.gif) 0 bottom repeat-x;}
div#movIpod div.lineDot{background:url(../img/mo_dot004.gif) 0 bottom repeat-x;}
div#movPrac div.lineDot{background:url(../img/mo_dot001.gif) 0 bottom repeat-x;}


div#movMail div.movContents ul,
div#movFavorit div.movContents ul,
div#movIpod div.movContents ul{
	width:415px;
	float:right;
	margin:0;
	font-size:110%;
	list-style:none;
}

div#movPrac div.movContents ul{
	width:415px;
	float:right;
	margin:0;
	font-size:110%;
	list-style:none;
}

div#movFile div.movContents ul {list-style:none;
margin:0;
	font-size:110%;
}

div.movContents ul li{margin:0 0 8px 0;padding:0 0 0 20px;}
	div#movMail div.movContents ul li{background:url(../school/course/img/mo_q001.gif) 0 8px no-repeat;}
	div#movFile div.movContents ul li{background:url(../school/course/img/mo_q002.gif) 0 8px no-repeat;}
	div#movFavorit div.movContents ul li{background:url(../school/course/img/mo_q003.gif) 0 8px no-repeat;}
	div#movIpod div.movContents ul li{background:url(../school/course/img/mo_q004.gif) 0 8px no-repeat;}
　　div#movPrac div.movContents ul li{background:url(../school/course/img/mo_q001.gif) 0 8px no-repeat;}

div.answerBox{
	width:410px;
	font-size:110%;
	line-height:1.5;
}
div.answerBox p{margin:10px 0 0 0;}
img.imgGo{cleat:both;margin:10px 0 0 10px;}

div.recipeBox{
	width:410px;
	font-size:100%;
	line-height:1.5;
}
div.recipeBox p{margin:10px 0 0 0;}
img.imgGo{cleat:both;margin:20px 0 0 40px;}


.movBox h5 {border-left:none;
margin:0 0 0 20px;
padding:0 0 0 0 ;
}

.movBox h5.m1 {
	color:#ef7d20;
}

.movBox h5.m2 {
	color:#e66e78;
}

.movBox h5.m3 {
	color:#38a1db;
}


.movBox h5.m4 {
	color:#a067b4;
}

.mesh1 {margin:1em 5%;
padding:10px 5%;
    background-image: -webkit-linear-gradient(-45deg, #fad5b7 25%, transparent 25%, transparent 50%, #548e20 50%, #fad5b7 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #fad5b7 25%, transparent 25%, transparent 50%, #fad5b7 50%, #fad5b7 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #db4b03;
	font-size:26px;
	font-weight:600;
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

.mesh2 {margin:1em 5%;
padding:10px 5%;
    background-image: -webkit-linear-gradient(-45deg, #f9d2d5 25%, transparent 25%, transparent 50%, #548e20 50%, #f9d2d5 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #f9d2d5 25%, transparent 25%, transparent 50%, #f9d2d5 50%, #f9d2d5 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #cf1927;
	font-size:26px;
	font-weight:600;
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

.mesh3 {margin:1em 5%;
padding:10px 5%;
    background-image: -webkit-linear-gradient(-45deg, #d3e9f6 25%, transparent 25%, transparent 50%, #548e20 50%, #d3e9f6 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #d3e9f6 25%, transparent 25%, transparent 50%, #d3e9f6 50%, #d3e9f6 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #0f80be;
	font-size:26px;
	font-weight:600;
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

.mesh4 {margin:1em 5%;
padding:10px 5%;
    background-image: -webkit-linear-gradient(-45deg, #dfcfe4 25%, transparent 25%, transparent 50%, #548e20 50%, #dfcfe4 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #dfcfe4 25%, transparent 25%, transparent 50%, #dfcfe4 50%, #dfcfe4 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #8c539e;
	font-size:26px;
	font-weight:600;
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

.lineDot {border-bottom:dotted 1px #F7BF91;}

.lineDot2 {border-bottom:dotted 1px #F6BABF;}

.lineDot3 {border-bottom:dotted 1px #82C4E8;}

.lineDot4 {border-bottom:dotted 1px #F6BABF;}

.lesson-btn a {
width: 271px;
height: 95px;
}


/*movingここまで*/
/*campaign*/
.rerative {position:relative;}
.dot2 {border: dotted 3px #2E7E23;
border-radius:5px;
margin:40px 10px 10px 10px;
padding:30px 0 20px 0 
}

.t-20 {
	position: absolute;
	top: -35px;
	left: 118px;
}


h3.camp-h3 {background:url(../school/campaign/img/lp/camp-h3.gif);
margin:0 !important;
padding:10px;
color:#FFF;}

.camp-my {border-bottom:solid 1px #CCCCCC;}

.camp-my h4 {color:#FF8004;
font-size:24px;
font-weight:600;
padding:3px 0 0 40px;
margin:0;
border-bottom:none;
}

h4.camp-h4a { border:none;}

h4.camp-h4a span { border-bottom: #F59191 dotted 2px;
padding: 10px 20px 10px 10px;
color:#3C3B39;}

h4.camp-h4a span.q1 {border:4px solid #F49291;
background:#E41414;
color:#FFF;
padding:8px;
text-shadow: 0 1px 0 #99393D, 1px 0 0 #99393D, 0 -1px 0 #99393D, -1px 0 0 #99393D, -1px -1px 0 #99393D, 1px -1px 0 #99393D, -1px 1px 0 #99393D, 1px 1px 0 #99393D;
} 

h4.camp-h4b { border:none;}

h4.camp-h4b span { border-bottom: #9DDD6F dotted 2px;
padding: 10px 20px 10px 10px;
color:#3C3B39;}

h4.camp-h4b span.q1 {border:4px solid #9EDC6F;
background:#387F15;
color:#FFF;
padding:8px;
text-shadow: 0 1px 0 #3A621B, 1px 0 0 #3A621B, 0 -1px 0 #3A621B, -1px 0 0 #3A621B, -1px -1px 0 #3A621B, 1px -1px 0 #3A621B, -1px 1px 0 #3A621B, 1px 1px 0 #3A621B;} 


.camp-my h4.no1 { background:url(../school/campaign/img/lp/mttl_001.png) no-repeat left center;
}

.camp-my h4.no2 { background:url(../school/campaign/img/lp/mttl_002.png) no-repeat left center;
}

.camp-my h4.no3 { background:url(../school/campaign/img/lp/mttl_003.png) no-repeat left center;
}

.camp-my h4.no4 { background:url(../school/campaign/img/lp/mttl_004.png) no-repeat left center;
}

.camp-my h4.no5 { background:url(../school/campaign/img/lp/mttl_005.png) no-repeat left center;
}

.camp-my h4.no6 { background:url(../school/campaign/img/lp/mttl_006.png) no-repeat left center;
}

.camp-my h4.no7 { background:url(../school/campaign/img/lp/mttl_007.png) no-repeat left center;
}


.boxBg {border: #E7E2DC solid 5px;
position:relative;}
.boxBg .photo { float:right;}

.boxBg h4 {border-bottom:solid 1px #500F0F;
padding-left:20px;}

.boxBg h4.cmp { margin:50px 0 40px 0}

div.txtArea {
    width: 608px;
    background: #fff;
    margin: 0 0 0 6px;
    height: 230px;
}

div.txtArea dl dd {
    padding: 6px 5px 7px 12em;
    margin: -3.3em 0 1em 0;
    line-height: 1.4em;
    border-bottom: 1px solid #eee;
}

div.txtArea dl dt.ao {
	background-repeat: no-repeat;
	background-position:10px 0;
	background-image: url(../school/campaign/img/lp/voice_ico_ao.png);
}

div.txtArea ul {margin-left:20px;}

div.txtArea dl dt {
    margin: 0;
    padding: 6px 0 5px 5px;
    display: block;
    text-indent: -9999px;
    width: 131px;
    height: 28px;
}
div.txtArea dl dt.aka {
    background: url(../school/campaign/img/lp/voice_ico_aka.png) 10px 0 no-repeat;
}
div.txtArea dl dt {
    margin: 0;
    padding: 6px 0 5px 5px;
    display: block;
    text-indent: -9999px;
    width: 131px;
    height: 28px;
}

.boxBg h3 { font-weight:600;
color:#372E2B;
position:absolute;
display:block;
top:-30px;} 

.boxBg h3 span.c1 {border:4px solid #F8C166;
background:#F39700;
color:#FFF;
padding:2px;
margin-right:5px;
font-size:32px;
vertical-align: 10px;
} 

.boxBg h3 span.c2 {border:4px solid #F2D766;
background:#EABD00;
color:#FFF;
padding:2px;
margin-right:5px;
vertical-align: 10px;
font-size:32px;
} 

.d-table {display:table;}

.t-cell {display:table-cell;}

.md1 { 
background-color:#F29700;
color:#FFF;
border:2px solid #FAC16A;
padding:5px;
height:75px;
}

.md2 { 
background-color:#FEE7B3;
padding:5px;
min-height:79px;
overflow:hidden;
}

.right2,.attR {text-align:right;}

.mess img {border: #CCCCCC solid 1px; margin-bottom:10px;}

.mess p {margin:0 10px;
text-align:left;
height:200px;}

.name { background:#F28900; color:#FFF;
padding:10px;
margin:0 10px 30px 0;}

.camp-flow {border:#EA9612 solid 2px;
border-radius:4px;
margin:20px 20px 0 20px ;
position:relative;
min-height:100px;
padding:80px 10px 10px 10px;}

.camp-flow img {
	position: absolute;
	top: -18px;
	left: -18px;
}



.camInner {border:#EA9612 solid 2px;
border-radius:4px;
margin:20px 20px 0 20px ;
padding:0;position:relative;}

div#lookHead{
	
}

div#lookHead img{
	position: absolute;
	top: -14px;
	left: 4px;
}

div#lookHead h3 {margin:0;
padding:10px 10px 10px 120px;
background:#FF7639;
color:#FFF;}

div#lookHead h4 {margin:0 0 30px 0;
padding:10px 10px 10px 120px;
background:#FFB43B;
border-bottom:none;}


div#lookBody{
	
	padding-bottom:30px;
	font-size:1.2em;
	
}

#mapBox {border-right:dotted 2px #333;
box-sizing:border-box;}


div#lookBody table{
	border-collapse:collapse;border-spacing:0px;
	clear:both;
	margin:1em 0 0 0;
	clear:both;
}
div#lookBody table tr{display: block;}
div#lookBody table th{
	padding:0 0 0 1em;
	margin:0;
	width:20%;
}
div#lookBody table td{
	padding:1px 0 1px 6px;
	line-height:1.4;
	vertical-align:top;
}
div#lookBody table td.blankH{padding-bottom:1em;}
div#lookBody table ul{width:98%; list-style:none;
margin-left:10px;}
div#lookBody table ul li{float:left;margin:0 15px 0 0;font-size:0.8em;}




 /*--CLEAR--*/
	div#flow:after,
	div.camInner:after,
	div#lookBody:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}
/*campaign*/
/**contest*/

.stripe-yel {
    margin: 0;
    background-color: #F9D00E;
    background-image: -webkit-linear-gradient(45deg, #F9D00E 25%, transparent 25%, transparent 50%, #F9D00E 50%, #F9D00E 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #F9D00E 25%, transparent 25%, transparent 50%, #F9D00E 50%, #F9D00E 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
}

.contest-1 h3,.contest-2 h3 {text-align:center;
padding:5px;
margin:20px 0;}
 
.contest-1 h4 {border-bottom:1px dotted #70BF44;
font-weight:900;
padding: 10px 10px 10px 50px;
margin:10px 0}

.contest-2 h4 {border-bottom:1px dotted #36ACE3;
font-weight:900;
padding: 10px 10px 10px 50px;
margin:10px 0}


.contest-1 h5,.contest-2 h5  {
font-size:16px;
padding: 0 0 0 60px !important;
margin:0;
border-left:none;
font-weight:normal;
}
.contest-1 h5.jyu {
background:url(../school/contest/nenga2015/img/ico_01_a01.jpg) no-repeat left center;
line-height:1em;
margin-bottom:10px;
}

.contest-2 h5.jyu {
background:url(../school/contest/nenga2015/img/ico_02_a01.jpg) no-repeat left center;
line-height:1em;
margin-bottom:10px;
}


.contest-1 h5.sho {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/contest/nenga2015/img/ico_01_a02.jpg);
	line-height:1em;
	margin-bottom:10px;
}

.contest-2 h5.sho {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/contest/nenga2015/img/ico_02_a02.jpg);
	line-height:1em;
	margin-bottom:10px;
}

.contest-1 h5.kan {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/contest/nenga2015/img/ico_01_b03.gif);
	line-height: 1em;
	margin-bottom: 10px;
}
.contest-2 h5.kan {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/contest/nenga2015/img/ico_02_b03.gif);
	line-height: 1em;
	margin-bottom: 10px;
}

.contest-1 span,.contest-2 span {color:#989898;
font-size:70%;}

.gl {background:url(../school/contest/nenga2015/img/icon1.jpg) no-repeat left center;
line-height:1em;
}

.sv {background:url(../school/contest/nenga2015/img/icon2.jpg) no-repeat left center;
line-height:1em;
}

.bz {background:url(../school/contest/nenga2015/img/icon3.jpg) no-repeat left center;
line-height:1em;
}

.tea {background:url(../school/contest/nenga2015/img/fuki_02_d.gif) no-repeat left top;}
.arrow_box {
	position: relative;
	background: #F4F1E4;
	border: 1px solid #D2CCB5;
	border-radius:4px;
	margin-left:80px;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
	
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(244, 241, 228, 0);
	border-right-color: #F4F1E4;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box:before {
	border-color: rgba(210, 204, 181, 0);
	border-right-color: #D2CCB5;
	border-width: 21px;
	margin-top: -21px;
}

/*ipad*/
.ipad {
	color:#2C2A2B;
	margin-bottom:5px !important; padding-bottom:0 !important;
	font-weight:bold;
}

.box-ipad {
	border:solid 1px #D1D1D1;
	border-radius:4px;
	margin:5px;
	padding:10px;
	background:#F8F8F8;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	height:480px;
}

.box-ipad h4 {
	border-bottom:none;
	margin:5px 0;
	padding:0;
	text-align:left;
}
.box-ipad p {text-align:left;}

a.unhover img {opacity: 0.5;}
a.unhover img:hover {opacity: 1;}

.box-ipad2,.box-ipad4 {
	border:solid 1px #D1D1D1;
	border-radius:4px;
	margin:5px;
	padding:10px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.box-ipad2 {
	background:#F8F8F8 url(../school/course/ipad/cmn/img/ph04.jpg) no-repeat right bottom;
	margin-bottom:40px;
	margin-top:40px;
}

.box-ipad2 h3,.box-ipad4 h3 {font-weight: bold;}
.box-ipad2 h4 {font-weight: nomal;}

.box-ipad4 {
	background:#F8F8F8 url(../school/course/ipad/cmn/img/ph06.jpg) no-repeat right bottom;
	margin-bottom:40px;
	margin-top:40px;
}

.box-ipad2 h3, .box-ipad4 h3 {padding-left:10px;}
.box-ipad2 h4,.box-ipad4 h4 {
	padding-left:0;
	margin:0 0 10px 0;
	border:none;
}

.box-ipad2 p,.box-ipad4 p {margin-left:10px;}

.box-ipad2 span.zen,.box-ipad4 span.zen {
	font-size:12px;
	background:#9F9D9D;
	padding:3px 5px; 
	color:#FFF;
	vertical-align: top;
	margin-left:10px;
	font-weight:normal;
}

.box-ipad3 h4 {
	border:none;
	margin-left:20px;
}

.box-ipad3 table{
	border-collapse:collapse;border-spacing:0px;
	clear:both;
	width:460px;
	margin:1em 0 0 20px;
	clear:both;
}
.box-ipad3 table {
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #ddd solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	background-color: #FFFFFF; /* 背景色 */
}

.box-ipad3 table th{
	padding:0 0 0 1em;
	margin:0;
	width:10px;
	border: 1px #ddd solid;
	background:#666666;
	color:#fff;
	vertical-align:central;
	white-space: nowrap;
}

	
.box-ipad3 table td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:1px 0 1px 6px;
	line-height:1.4;
	vertical-align:top;
	width:200px;
}

.ipad-search {
	width:900px;
	background: #C00000 url(../school/course/ipad/cmn/img/img_search2.jpg) no-repeat left center;
	padding:10px 0;
	margin-bottom:40px;
}

.ipad-search h4 {display:none; }

.ipad-search table{
	border-collapse:collapse;border-spacing:0px;
	margin:0 0 0 340px;
	border:1px solid #bf0000;
	font-size:0.9em;
}

.ipad-search table {width:550px;}

.ipad-search table th{
	padding:5px;
	border:1px solid #bf0000;
	text-align:center;
	background:#e89b9b;
	font-weight:lighter;
	color:#FFFFFF;
	
}
.ipad-search table td{
	padding:5px 5px 5px 8px;
	border:1px solid #bf0000;
	text-align:center;
	line-height:1.4;
	background:#FFFFFF;
	width:50px;
}


/*android 170720 ///////////////////////////////////// */
.android {
	color:#2C2A2B;
	margin-bottom:5px !important; padding-bottom:0 !important;
	font-weight:bold;
}
.box-android {
	border:solid 1px #D1D1D1;
	border-radius:4px;
	margin:5px;
	padding:10px;
	background:#F8F8F8;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	height:480px;
}

.box-android h4 {border-bottom:none;
	margin:5px 0;
	padding:0;
	text-align:left;
}

.box-android p {text-align:left;}

a.unhover img {opacity: 0.5;}
a.unhover img:hover {opacity: 1;}

.box-android2, .box-android4 {
	border:solid 1px #D1D1D1;
	border-radius:4px;
	margin:5px;
	padding:10px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.box-android2 {
	background:#F8F8F8 url(../school/course/android/cmn/img/img_003.png) no-repeat right bottom;
	margin-bottom:40px;
	margin-top:40px;
}
.box-android2 h3, .box-android4 h3 {font-weight: bold;}
.box-android2 h4 {font-weight: nomal;}

.box-android4 {
	background:#F8F8F8 url(../school/course/android/cmn/img/img_004.png) no-repeat 93% 90%;
	margin-bottom:40px;
	margin-top:40px;
	padding:10px 0 20px;
}

.box-android2 h3, .box-android4 h3 {padding-left:10px;}
.box-android2 h4, .box-android4 h4 {
	padding-left:0;
	margin:0 0 10px 0;
	border:none;
}


.box-android2 p, .box-android4 p {margin-left:10px;}

.box-android2 span.zen,.box-android4 span.zen {font-size:12px;
background:#9F9D9D;
padding:3px 5px; 
color:#FFF;
vertical-align: top;
margin-left:10px;
font-weight:normal;
}

.box-android3 h4 {border:none;
margin-left:20px;}

.box-android3 table{
	border-collapse:collapse;border-spacing:0px;
	clear:both;
	width:460px;
	margin:1em 0 0 20px;
	clear:both;
}
.box-android3 table {
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #ddd solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	background-color: #FFFFFF; /* 背景色 */
}

.box-android3 table th{
	padding:0 0 0 1em;
	margin:0;
	width:10px;
	border: 1px #ddd solid;
	background:#666666;
	color:#fff;
	vertical-align:central;
	white-space: nowrap;
}

	
.box-android3 table td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:1px 0 1px 6px;
	line-height:1.4;
	vertical-align:top;
	width:200px;
}

.android-search { width:900px;
background: #C00000 url(../school/course/android/cmn/img/img_search2.jpg) no-repeat left center;
padding:10px 0;
margin-bottom:40px;}

.android-search h4 {display:none; }

.android-search table{
	border-collapse:collapse;border-spacing:0px;
	margin:0 0 0 340px;
	border:1px solid #bf0000;
	font-size:0.9em;
}

.android-search table {width:550px;}

.android-search table th{
	padding:5px;
	border:1px solid #bf0000;
	text-align:center;
	background:#e89b9b;
	font-weight:lighter;
	color:#FFFFFF;
	
}
.android-search table td{
	padding:5px 5px 5px 8px;
	border:1px solid #bf0000;
	text-align:center;
	line-height:1.4;
	background:#FFFFFF;
	width:50px;
	
}
.androidSub {margin:0}
.androidSub span {
	font-size:0.8em;
	color:#fff;
	background:#666;
	padding:5px 10px;
	margin-left:1em;
}

.listBtn {
	margin:0 0 0 30px;padding:0;
	text-align:left;
}
.listBtn li {
	list-style:none;
	display:inline-block;
	margin:0 5px 15px 5px;
}





/*shukatsu*/

.syu-3pt {border-bottom: dotted 3px #E84F03;
border-top: dotted 3px #E84F03;
padding:5px 0;}
.syu-3pt-in {background: linear-gradient(#DE2E05, #DC4703) ;
border-radius:4px;
height:300px;
}

.att {background:url(../school/course/img/lps/img_menu1_03.png) top left no-repeat;}

.syu-3pt h3 {color:#FFF;
text-align:center;
font-weight:600;
margin-left:30px;
margin-top:0;
font-size:34px;
padding:30px 0 20px 0;
text-shadow: 0 2px 0 #D63626,  2px 0 0 #D63626,  0 -2px 0 #D63626,  -2px 0 0 #D63626,  -2px -2px 0 #D63626,  2px -2px 0 #D63626,  -2px 2px 0 #D63626,  2px 2px 0 #D63626;}

.syu-3pt ol { list-style:none;
text-align:left;
padding:0;
margin:20px 0 0 250px;
color:#FAF4AE;
font-size:28px;
font-weight:600;}

.syu-3pt li.pt1 {padding-left:60px;
background:url(../school/course/img/lps/img_menu_1.png) no-repeat left center;}

.syu-3pt li.pt2 {padding-left:60px;
background:url(../school/course/img/lps/img_menu_2.png) no-repeat left center;}

.syu-3pt li.pt3 {padding-left:60px;
background:url(../school/course/img/lps/img_menu_3.png) no-repeat left center;}

.shu-jyun h3{ color:#148283;
font-weight:600;
}

.shu-box {border:#148283 solid 5px;
border-radius:10px;
margin-bottom:10px;
background:url(../school/course/img/lps/shu_back.gif) repeat-y;}

.shu-box h4 {margin:0;
padding:10px 0 0 100px;
border:none;
color:#26ACAD;
font-weight:600;
}
.shu-box p {padding:0 10px 0 100px;}
.shu-box-in1 { background:url(../school/course/img/lps/con1_no1.jpg) no-repeat 1px center;}

.shu-box-in2 { background:url(../school/course/img/lps/con1_no2.jpg) no-repeat 1px center;}

.shu-box-in3 { background:url(../school/course/img/lps/con1_no3.jpg) no-repeat 1px center;}

.shu-ho h3{  color: #CA5505;
  font-weight:600;
  text-shadow: 0 4px 0 #fff,  4px 0 0 #fff,  0 -4px 0 #fff,  -4px 0 0 #fff,  -4px -4px 0 #fff,  4px -4px 0 #fff,  -4px 4px 0 #fff,  4px 4px 4px #E9BB9A;
}
.shu-ho h4 { border:none;
color:#DF7017;
padding:10px 0 0 20px;;
margin:0;}

.shu-ho p {margin-left:20px;}

.stripe-org2 {
    margin: 0;
    padding: 8px 10px;
    background-color: #F47E02;
    background-image: -webkit-linear-gradient(-45deg, #FCAA46 25%, transparent 25%, transparent 50%, #FCAA46 50%, #FCAA46 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #FCAA46 25%, transparent 25%, transparent 50%, #FCAA46 50%, #FCAA46 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #ffffff;
	font-weight:bold;
	font-size:1.2em !important;

}


.back-shu {background:#EFD79B;}

.back-shu a {color:#AE3900;
text-decoration:none;}

.back-shu a:hover {color:#AE3900;
text-decoration: underline;}

.back-shu ul {list-style:none;
margin:20px 10px 10px;
padding:0;
}

.back-shu ul li {background:url(../school/course/img/lps/z_arrow.jpg) left center no-repeat;
padding-left:20px;}


.border-b4 {border-bottom: dotted 3px #CE8948;}

.shu-corce {margin:20px;}

.shu-corce h3{ color:#00A7BA;
margin:20px 0 10px 0;
padding:0 0 5px 0;
font-weight:600;
border-bottom:3px dotted #00A7BA;}


.shu-cz {border:#D55E04 solid 3px;
border-radius:10px;
background:#FFF7EC;
margin:10px;
position:relative;
padding:15px;
height:420px;
}

.shu-cz h3 {
	position: absolute;
	color: #D72F02;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-shadow: 0 3px 0 #fff,  3px 0 0 #fff,  0 -3px 0 #fff,  -3px 0 0 #fff,  -3px -3px 0 #fff,  3px -3px 0 #fff,  -3px 3px 0 #fff,  3px 3px 3px #666;
	left: 15px;
	top: -13px;
}

.shu-cz img {
	position: absolute;
	right: 10px;
	top: -31px;
}

.shu-cz h4 {color:#A86A05;
border:none;
padding-top:30px;
margin:0;}

.shu-cz p.gd {color:#A86A05;
font-weight:bold}

.pt1 {background:#F39801;
margin:5px;
border-radius:10px;
padding:10px;}

.pt1 h5{margin:0; padding:0; border:none;
color:#FFF;}

.syu-end {border:#F39801 3px solid;
border-radius:10px;
margin:20px 50p;
padding:5px;}

.syu-end-in { background:#F39C0E url(../school/course/img/lps/img_skill.jpg) no-repeat left bottom;
border-radius:10px;}

.syu-end h3 { text-align:center;
margin:0;
padding:10px;
color:#FDF25C;
font-weight:600;
text-shadow: 0 2px 0 #43230A,  2px 0 0 #43230A,  0 -2px 0 #43230A,  -2px 0 0 #43230A,  -2px -2px 0 #43230A,  2px -2px 0 #43230A,  -2px 2px 0 #43230A,  2px 2px 0px #43230A;}

.syu-end h4,.syu-end p  {margin:0;
padding:20px 0 0 250px;
border:none;
color:#fff;}


/*iPhone*/

.ip-nav {width:auto;}

.ip-l {margin-left:25px;}

.back-ip {background:url(../school/course/iphone/cmn/img/bg_contop.jpg);
padding:30px;}

.back-ip h2 {margin:0; padding:0; color:#4D4D4D; background:none;
font-weight:600;}

.back-ip2 {background:#fff;
box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	border:1px solid #ccc;
	}
.m5-l-pc {margin-left:5px;}

.ip-con {padding-top:20px;}

.ip-con h3 {margin:0;
padding:0;}

.ip-con-in {margin-left:60px;
margin-right:60px;
margin-top:30px;}

.ip-con-in2 {margin-left:50px;
margin-right:50px;
margin-top:30px;}


.box-iphone {border:solid 1px #D1D1D1;
border-radius:4px;
margin:10px;
padding:0 10px 10px;
background:#FEFEFE;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
height:310px;}

.box-iphone h4.t1,.box-iphone h4.t2 {border-bottom:solid 1px #787878;
margin:5px 0;
padding:20px 10px 15px 50px;
text-align:left;
color:#4D4D4D;
font-weight:600;
}
.box-iphone h4.t1 {
background:url(../school/course/iphone/cmn/img/con01_box_top1.jpg) no-repeat left center;}

.box-iphone h4.t2 {
background:url(../school/course/iphone/cmn/img/con01_box_top2.jpg) no-repeat left center;}


.box-iphone p {
text-align:left;}


.box-iphone2 {border:solid 1px #D1D1D1;
border-radius:4px;
margin:10px 60px;
padding:0;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.box-iphone2 h3 {margin:0 0 20px 0;
padding:15px 15px 15px 70px;
background: #EBEAE5 url(../school/course/iphone/cmn/img/voice_waku1.jpg) no-repeat 10px center;
font-weight:600;
color:#4C4C4C;
border-bottom:#BFC0BF solid 1px;
}

.box-iphone2 h4 { border:none;
margin:0;
padding:0;
font-weight:600;
color:#4C4C4C;
}

.box-iphone3 { border:1px solid #E75A24;
margin:20px 60px 0 60px;
padding:20px;
text-align:center;
color:#4D4D4D;}

.box-iphone3 h4{ margin:5px;
padding:0px;
border:none;
font-size:30px}

.box-iphone3 h4 span {
-webkit-text-emphasis: filled circle #E85B23;
   text-emphasis: filled circle #E85B23;}


.box-iphone3 p { font-weight:600px;}

.box-iphone3 p span {font-size:26px;}



.box-iphone4 { border:2px dotted #ABABAD;
border-radius:4px;
margin:50px 60px 0 60px;
padding:20px;
text-align:center;
position:relative;}

.box-iphone4 h4{
	margin: 5px;
	padding: 0px;
	border: none;
	font-size: 30px;
	display: block;
	background: #fff;
	color: #4D4D4D;
	position: absolute;
	top: -25px;
	left: 155px;
}



.box-iphone4 p { font-weight:600px;
color:#E55924;
margin-top:20px;
font-size:28px;
font-weight:600;
text-shadow: 0 1px 3px #F7F8E6, 1px 0 3px #F7F8E6, 0 -1px 3px #F7F8E6, -1px 0 3px #F7F8E6, -1px -1px 3px #F7F8E6, 1px -1px 3px #F7F8E6, -1px 1px 3px #F7F8E6, 1px 1px 3px #F7F8E6;}

.box-iphone9 {margin:10px 40px;}

.box-iphone5 h3,.box-iphone9 h3{
	background: linear-gradient(#FF7000, #FF5B02);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	text-align:center;
	font-weight:600;
	color:#fff;
	margin:30px;
	padding:10px;}

.box-iphone5 h3,.box-iphone9 h3{ padding:0;
margin:0 0 0 40px;
color:#EE5D26;
border:none;}

.box-iphone9 h3.iphone2 {
margin:20px 0;
color:#fff;
padding:10px;}

.box-iphone9 h4 {color:#EE5D26;
margin-left:40px;}

.box-iphone5 p,.box-iphone9 p {margin-left:40px;}

.box-iphone5 table{
	border-collapse:collapse;border-spacing:0px;
	clear:both;
	margin:0;
	clear:both;
}
.box-iphone9 table{
	border-collapse:collapse;border-spacing:0px;
	clear:both;
	margin:0;
	clear:both;
}



.box-iphone5 table,.box-iphone9 table {border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #ddd solid; /* テーブル全体の枠線（太さ・色・スタイル） */
background-color: #FFFFFF; /* 背景色 */
}

.box-iphone5 table th{
	padding:0;
	margin:0;
	width:10%;
	border: 1px #ddd solid;
	background:#F5F5F5;
	color:#333333;
	vertical-align:central;
	white-space: nowrap;
	text-align:center;
}

.box-iphone5 table th.sp1{
	height:150px;
}
.box-iphone9 table th.sp1{
	height:123px;
}

.box-iphone5 table th.sp2{
	height:90px;
}
.box-iphone9 table th.sp2{
	height:45px;
}

.box-iphone5 table th.sp3{
	height:47px;
}
.box-iphone9 table th.sp3{
	height:45px;
}

.box-iphone5 table th.sp4{
	height:46px;
}
.box-iphone9 table th.sp4{
	height:45px;
}

.box-iphone5 table th.sp5{
	height:109px;
}

.box-iphone9 table th{
	padding:5px;
	margin:0;
	width:15%;
	border: 1px #ddd solid;
	background:#F5F5F5;
	color:#333333;
	vertical-align:central;
	white-space: nowrap;
	text-align:center;
}

	
.box-iphone5 table td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:1px 0 1px 6px;
	line-height:1.4;
	vertical-align:top;
	width:75%;
}

.box-iphone9 table td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:5px;
	line-height:1.4;
	vertical-align:top;
	width:80%;
}


.iphone-search, .android-search {
	width:860px;
	background:url(../school/course/iphone/cmn/img/scsearch_bg.png) no-repeat left center;
	padding:40px 0;
	margin-bottom:40px;
	margin-left:40px
}

h4.iphone-search-h4,
h4.android-search-h4 {
	margin:0; padding:0;
	border:none;
	color:#4D4D4D;
	margin-left:60px;
}

.iphone-search table,
.android-search table {
	border-collapse:collapse;border-spacing:0px;
	margin:0 0 0 410px;
	border:1px solid #bf0000;
	font-size:0.9em;
}

.iphone-search table, .android-search table {width:420px;}

.iphone-search table th,
.android-search table th {
	padding:2px;
	border:1px solid #bf0000;
	text-align:center;
	background:#e89b9b;
	font-weight:lighter;
	color:#FFFFFF;
}
.iphone-search table td,
.android-search table td{
	padding:2px;
	border:1px solid #bf0000;
	text-align:center;
	line-height:1.4;
	background:#FFFFFF;
	width:35px;
}

.ip-r {text-align:right;
margin-right:60px;}

.ip-side { background:url(../school/course/iphone/cmn/img/cmn_navi_left_gr_05.png) repeat-y;}


.iphone-basic h2 {color:#333;
font-size:28px;
font-weight:600;}

.iphone-basic h2 span {
font-size:10px;
}


.iphone-basic h3 { background:url(../school/course/iphone/cmn/img/ttl_basic02.jpg) no-repeat left center;
border-bottom:1px solid #333;
padding:5px 0 5px 40px;}

.iphone-basic p {margin:10px 0 10px 40px;}

.iphone-basic ul {list-style:none; margin-left:0;}

.iphone-basic ul li a { background:url(../school/course/iphone/cmn/img/ico_arrow_blue.gif) right center no-repeat;
padding-right:10px;}

.box-iphone6 {margin:20px 0 20px 100px }

.box-iphone7 { background:#EFCAD6;
border:1px #CCCCCC solid;
	margin:20px 0 20px 50px }
	
.box-iphone7 p,.box-iphone8 p  {margin:10px;}

.box-iphone8 { background:#F7F7F7;
border:1px #CCCCCC solid;
	margin:20px }
	

.iphone-basic h4.big3 {line-height:1.4em; font-size:120% !important;
margin:10px 0 }

.iphone-basic #slider {margin-left:0 !important}

.iphone-basic h3.bh {background:none;
margin:0 0 40px 0;
padding:0;}
/*course*/

h2.course-h2 { color:#68302F;
font-size:30px;}

.course #pageNav  a{
	
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #f58a00;
	display: block;
	border-right: 3px solid #fff;
}
.course #pageNav a:hover{
	color: #fff;
	background: #f56800;
}
.course #pageNav a:before{
	content: "";
	width: 7px;
	height: 7px;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	border-radius: 2px;
	margin: -7px 0 0 0;
	position: absolute;
	left: 15px;
	top: 50%;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.course h4{
	min-height: 19px;
	margin: 7px 0 5px 0;
	padding: 0 0 0 23px;
	font-weight: bold;
	color: #294d52;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../school/course/assets/img/icon-clip.png);
	border:none;
}


ul#course-office  {list-style:none !important;
margin:0 8px 5px 5px   !important;}

#course-office li a{
	margin: 2px 0 0 0;
	padding: 14px 0 14px 52px;
	display: block;
	color: #594c4c;
	background: #9bdaec 10px 50% no-repeat;
	font-size: 1.1em;
	line-height: 1.1;
	text-decoration: none;
	border-radius: 5px;
	position: relative;
}

#course-office li a:hover{
	color: #fff;
}
#course-office li.excel a{
	background-image: url(../school/course/assets/img/icon32-excel.png);
}
#course-office li.excel a:hover{
	background: #2c9f57 10px 50% no-repeat;
	background-image: url(../school/course/assets/img/icon32-excel-white.png);
}

#course-office li.word a{
	background-image: url(../school/course/assets/img/icon32-word.png);
}

#course-office li.word a:hover{
	background: #2777d1 10px 50% no-repeat;
	background-image: url(../school/course/assets/img/icon32-word-white.png);
}

#course-office li.ppt a{
	background-image: url(../school/course/assets/img/icon32-ppt.png);
}
#course-office li.ppt a:hover{
	background: #e78b32 10px 50% no-repeat;
	background-image: url(../school/course/assets/img/icon32-ppt-white.png);
}
#course-office li.access a{
	background-image: url(../school/course/assets/img/icon32-access.png);
}
#course-office li.access a:hover{
	background: #e14949 10px 50% no-repeat;
	background-image: url(../school/course/assets/img/icon32-access-white.png);
}



.course #mobile { margin-top:40px;text-align:center;}

.course #mobile .iphone,.course #mobile .ipad {
    width: 128px;
    height: 108px;
    background: #d1d1d1;
    position: relative;
}

.course #mobile .iphone,.course #mobile .ipad{
	margin: auto;
}
.course #mobile .iphone a,.course #mobile .ipad a{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 134px;
	display: block;
	overflow: visible;
}
.course #mobile .iphone span,.course #mobile .ipad span{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 4px 0;
	color: #fff;
	background: #8b8b8b;
	display: block;
	text-align: center;
	transition-property: all;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
.course #mobile .iphone:hover span,.course #mobile .ipad:hover span{
	background: #e85353;
}
.course #mobile img {
	z-index: 20;
}
.course #mobile .iphone a:hover img,.course #mobile .ipad a:hover img{
	margin-top: -5px;
}



/*0520 ビジネスメール講座追加*/
#businessmail {
	padding: 48px 0 0 0;
	background-repeat: no-repeat;
	background-position: 330px 0;
	background-image: url(../school/course/assets/img/bg-business.png);
	background-color: transparent;
	position:relative;
}

#businessmail h3 {
	position: absolute;
	top: 13px;
	left: 49px;
	margin: 0;
	padding: 0
}

#businessmail .businessmail-box {
    padding: 30px;
    border: 5px solid #d9d9d9;
    border-radius: 15px;
}


#businessmail h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}


#businessmail h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-business-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}


#businessmail h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail h4 a:hover, #businessmail h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}





#businessmail #drive h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#businessmail #drive h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-drive-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#businessmail #drive h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail #drive h4 a:hover, #businessmail #drive h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail #drive h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}






#businessmail #spreadsheet h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#businessmail #spreadsheet h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon49-spreadsheet-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#businessmail #spreadsheet h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail #spreadsheet h4 a:hover, #businessmail #spreadsheet h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail #spreadsheet h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}


#ai {
	padding: 48px 0 0 0;
	background-repeat: no-repeat;
	background-position: 330px 0;
	background-image: url(../school/course/assets/img/bg-ai.png);
	background-color: transparent;
	position:relative;
}


#ai h3 {
	position: absolute;
	top: 13px;
	left: 49px;
	margin: 0;
	padding: 0
}

#ai .ai-box {
    padding: 30px;
    border: 5px solid #d9d9d9;
    border-radius: 15px;
}


#ai h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}


#ai h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#ai h4 a:hover, #ai h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#ai h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}

#ai #chatgpt h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#ai #chatgpt h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon50-chatgpt-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#ai #chatgpt h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#ai #chatgpt h4 a:hover, #bi #chatgpt h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#ai #chatgpt h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}




/*ChatGPTビジネス活用編*/

#ai #chatgpt_bus h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#ai #chatgpt_bus h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon51-chatgpt-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#ai #chatgpt_bus h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#ai #chatgpt_bus h4 a:hover, #ai #chatgpt_bus h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#ai #chatgpt_bus h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}





/*ChatGPTSNS編*/

#ai #chatgpt_sns h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#ai #chatgpt_sns h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon52-chatgpt-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#ai #chatgpt_sns h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#ai #chatgpt_sns h4 a:hover, #ai #chatgpt_sns h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#ai #chatgpt_sns h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}





/*ChatGPTブログ編*/

#ai #chatgpt_blog h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#ai #chatgpt_blog h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon50-chatgptblog-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#ai #chatgpt_blog h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#ai #chatgpt_sns h4 a:hover, #ai #chatgpt_blog h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#ai #chatgpt_blog h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}







/*SNSリスク対策講座*/

#ai #sns_risk h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#ai #sns_risk h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon53-snsrisk-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#ai #sns_risk h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#ai #sns_risk h4 a:hover, #ai #sns_risk h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#ai #sns_risk h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}




/*Canva講座*/

#businessmail #canva h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#businessmail #canva h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon54-canva-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#businessmail #canva h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail #canva h4 a:hover, #businessmail #canva h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail #canva h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}






/*情報セキュリティ対策講座*/

#businessmail #security h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#businessmail #security h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon55-security-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#businessmail #security h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail #security h4 a:hover, #businessmail #security h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail #security h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}



/*Adobe Express講座*/

#businessmail #adobe_ex h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#businessmail #adobe_ex h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon56-adobe-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#businessmail #adobe_ex h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail #adobe_ex h4 a:hover, #businessmail #adobe_ex h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail #adobe_ex h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}




/*illustratorクリエイター能力認定試験対策講座*/

#businessmail #ill_shiken h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}

#businessmail #ill_shiken h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon57-ill-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47;
}

#businessmail #ill_shiken h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#businessmail #ill_shiken h4 a:hover, #businessmail #ill_shiken h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#businessmail #ill_shiken h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}


/*シニア起業・副業基礎講座*/
#businessmail #senior h4 a {
	background-image: url(../school/course/assets/img/icon46-senior-white.png);
}




/*仕事力としてのExcelデータ分析超入門講座*/
#businessmail #bunseki h4 a {
	background-image: url(../school/course/assets/img/icon59-bunseki-white.png);
}






/*動画編集スキルを基礎から学ぶ入門講座（Premiere Pro入門）講座*/
#businessmail #premierepro h4 a {
	background-image: url(../school/course/assets/img/icon59-premierepro-white.png);
}







/*0319 プログラミング講座追加*/

#programing {
	padding: 48px 0 0 0;
	background-repeat: no-repeat;
	background-position: 330px 0;
	background-image: url(../school/course/assets/img/bg-programing.png);
	background-color: transparent;
	position:relative;
}

#programing h3 {
	position: absolute;
	top: 13px;
	left: 49px;
	margin: 0;
	padding: 0
}

#programing .programing-box {
    padding: 30px;
    border: 5px solid #d9d9d9;
    border-radius: 15px;
}


#programing h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}


#programing h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-programig-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47
}

#programing h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#programing h4 a:hover, #programing h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#programing h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}



#programing #python h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-python-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47
}

#programing #python h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#programing #python h4 a:hover, #programing h4 aa:active {
    top: 3px;
    box-shadow: none;
}




#programing #python_kiso h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-pythonkiso-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47
}

#programing #python_kiso h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#programing #python_kiso h4 a:hover, #programing h4 aa:active {
    top: 3px;
    box-shadow: none;
}




#programing #python_web h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon47-pythonweb-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47
}

#programing #python_web h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#programing #python_web h4 a:hover, #programing h4 aa:active {
    top: 3px;
    box-shadow: none;
}



#programing #python_excel h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon48-pythonexcel-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47
}

#programing #python_excel h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#programing #python_excel h4 a:hover, #programing h4 aa:active {
    top: 3px;
    box-shadow: none;
}





#programing #python_web h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon47-pythonweb-white.png);
	background-color: #1A3B62;
	box-shadow: 0 3px 0 #122A47
}

#programing #python_web h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#programing #python_web h4 a:hover, #programing h4 aa:active {
    top: 3px;
    box-shadow: none;
}









#enjoy {
	padding: 48px 0 0 0;
	background-repeat: no-repeat;

	background-position: 330px 0;
	background-image: url(../school/course/assets/img/bg-enjoy.png);
	background-color: transparent;
	position:relative;
}

#enjoy h3 {
	position: absolute;
	top: 13px;
	left: 49px;
	margin: 0;
	padding: 0
}

#enjoy .enjoy-box {
    padding: 30px;
    border: 5px solid #d9d9d9;
    border-radius: 15px;
}


#enjoy h4 {
    margin: 0 auto 20px auto;
    padding: 0;
    line-height: 1;
	border-bottom:none;
}


#enjoy h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-word-white.png);
	background-color: #2777d1;
	box-shadow: 0 3px 0 #1760b2;
}
#enjoy h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#enjoy h4 a:hover, #enjoy h4 aa:active {
    top: 3px;
    box-shadow: none;
}

#enjoy #excel h4 a {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-image: url(../school/course/assets/img/icon46-excel-white.png);
	background-color: #1ab866;
	box-shadow: 0 3px 0 #08954c;
}
#enjoy #excel h4 a {
    width: 150px;
    margin: 3px 0 0 0;
    padding: 25px 15px 25px 70px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
}

#enjoy #excel h4 a:hover, #enjoy #excel h4 a:active {
    top: 3px;
    box-shadow: none;
}

#enjoy h5 {margin:0; padding:0;
border-left:none;
color:#F34123;
line-height:1.4em;}

.cm3 {margin:10px 5px 0 5px;
text-align:center;}

.cm3 p,.cm3 ul {text-align:left;}

.cm3 h3 {
    margin: 0 0 20px 0;
    padding: 5px 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #f58a00;
    position: relative;
}

h3.course-red {
    background: #e85353;
}

h3.course-green {
    background: #5DBC67;
}

h3.course-blue {
    background: #1499CE;
}


.cm3 h3::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #f58a00 transparent transparent transparent;
}

h3.course-red::after {
    border-color: #e85353 transparent transparent transparent;
}

h3.course-green::after {
    border-color: #5DBC67 transparent transparent transparent;
}

h3.course-blue::after {
    border-color: #1499CE transparent transparent transparent;
}



.cm3 ul {list-style:none;
margin:0;
padding:0}

.cm3 ul li a,#course-list a {
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	background-image: url(../images/arrow_4.gif);
	background-color: transparent;
}

.course-btn {
    margin: 20px;
    padding: 12px 20px 12px 30px;
    font-size: 1.2em;
    line-height: 1;
    color: #fff;
    border-radius: 10px;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
    background: #ef6363;
    box-shadow: 0 3px 0 #e65151;
}

.course-btn::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    border-radius: 2px;
    margin: -5px 0 0 0;
    position: absolute;
    left: 15px;
    top: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.course-btn:hover,
#content .btn:active{
	top: 3px;
	box-shadow: none;
	color: #fff;
	background: #2aacd3;
}

#course-list {
    margin: 40px 0;
    padding: 0 20px 10px 20px;
    border: 4px solid #d9d9d9;
    font-size: 0.9em;
}

#course-list h3 {
	margin: 0 0 20px 0;
	padding: 14px 0 10px 60px;
	font-size: 1.3em;
	font-weight: bold;
	color: #623a16;
	background-repeat: no-repeat;
	background-position: 0 12px;
	background-image: url(../school/course/assets/img/icon-list.png);
	background-color: transparent;
	border-bottom: 2px solid #d9d9d9;
}

#course-list ul {list-style:none;
margin-left:0;
padding-left:0}

/*feature*/
.feature-1 {border-top:solid 2px #dc0000;
background:#f1eae2;
}

.feature-1 h2 {margin:0; padding:0}

.feature-1 p {padding:0 10px !important;
line-height:1.4em;
font-size:14px;}


.feature-2 {border-bottom:solid 1px #CCCCCC;}

.feature-2 h4 {color:#d00906;
font-size:24px;
font-weight:600;
padding:5px 0 5px 40px;
margin:0;
border-bottom:none;
line-height:1.4em;
}



.feature-2 h4.no1 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_001.jpg);
}

.feature-2 h4.no2 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_002.jpg);
	font-size:1.3em;
}

.feature-2 h4.no3 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_003.jpg);
}

.feature-2 h4.no4 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_004.jpg);
}

.feature-2 h4.no5 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_005.jpg);
}

.feature-2 h4.no6 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_006.jpg);
}

.feature-2 h4.no7 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/feature/img/mttl_007.jpg);
}

/*twitter*/

.ttr h3 {color:#606060;
font-weight:400;}

.ttr h3 span {color:#D30D2E;}


.ttr h4 {color:#65C8FA !important;}

.ttr h4 { border-left:5px solid #65C8FA;
border-bottom:none;
line-height:1.4em;
padding:10px 10px 10px 20px;
margin:15px 0;}

.ttr h5 { border:none;
line-height:1.4em;
padding:10px 10px 10px 20px;
margin:15px 0;}

.ttr p { margin-left:20px;} 

.ttr .sch_btn p {
	margin-left:0px;
}
.ttr .sch_btn p.sch_4 {
	margin-left:2px;
}

.ttr ul {list-style: none;margin:0;padding:0 0 0 10px;}

.ttr ul li {margin:0;padding:0 0 10px 30px;
background:url(../school/course/img/tw_ico01.gif)  no-repeat left 5px;
line-height:1.4em}

.ttr ul.ttr-point li {
	margin: 0;
	padding: 0 0 10px 20px;

	background-repeat: no-repeat;
	background-position: left 8px;
	background-image: url(../school/course/img/z_mark_bl.gif);
	line-height: 1.4em
}


.box-ttr {width: 584px;
margin-left:30px;}

.box-ttr p {margin:0; padding:0;
line-height:1.4em;}

.box-ttr-in { background:#65C8FA;
border-radius:10px;
padding:10px;
color:#fff !important;}

.box-ttr-in p { 
color:#fff !important;}

.ttr-ac{
	position: relative;
	border: 2px solid #50C1F9;
	width:400px;
	margin-left:110px;
	border-radius:10px;
	padding:10px;
	text-align:center;
	margin-top:20px;
}

.ttr-ac:after, .ttr-ac:before {
	bottom: 100%;
	left:20%;
	border: solid transparent;
	
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ttr-ac:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.ttr-ac:before {
	border-color: rgba(80, 193, 249, 0);
	border-bottom-color: #50C1F9;
	border-width: 18px;
	margin-left: -18px;
}


/*ipad_excel*/
#ipad-excel #mainImg {
	margin: 0 0 20px 0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #cae2f3), color-stop(100%, #ddebf6));
	background:-webkit-linear-gradient(top, #cae2f3, #ddebf6);
	background:   -moz-linear-gradient(top, #cae2f3, #ddebf6);
	background:     -o-linear-gradient(top, #cae2f3, #ddebf6);
	background:        linear-gradient(to right, #cae2f3, #ddebf6);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae2f3', endColorstr='#ddebf6', GradientType=1)";
	border-bottom: 27px solid #00a875;
}
#ipad-excel #mainImg h2{
	margin: 0 auto;
	width: 960px;
	height: 389px;
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/bg-main.png);
	background-color: transparent;
	position: relative;
}
#mainImg h2 img{
	position: absolute;
	left: 85px;
	top: 50px;
}
@media(max-width:768px){
	#mainImg{
	background: #d1e7f6;
	}
	#mainImg h2{
		max-width: 100%;
	}
	#mainImg h2 img{
		left: 5px;
		top: 15px;
	}
}
@media(max-width:640px){
#ipad-excel #mainImg h2{
	height: 340px !important;
	max-height: 250px;
	padding: 0 0 50px 0;
	background-repeat: no-repeat;
	background-position: 70% 0;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/bg-main.png);
	background-color: transparent;
	}
	#mainImg h2 img{
		width: 60%;
	}
}
@media(max-width:480px){
	#ipad-excel #mainImg h2{
	height: 170px;
	background-repeat: no-repeat;
	background-position: 69% -12px no-repeat;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/bg-main.png);
	background-color: transparent;
	}
	#mainImg h2 img{
		width: 64%;
		top: 12%;
	}
}


.shadowBox {
    width: 670px;
    margin: 0 auto 25px;
    padding: 10px;
    font-weight: bold;
    position: relative;
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
}

.shadowBox .insideBox {
    margin: 0 auto;
    padding: 15px 10px 10px 20px;
    background: #fff;
    border: 1px solid #cbcbcb;
}

.whiteBg{
	margin: 0 0 80px 0;
	padding: 40px 0;
	background: #fff;
	position: relative;
}
.whiteBg:after{
	content: "";
	position: absolute;
	bottom: -45px;
	margin-left: -50px;
	left: 50%;
	border-style: solid;
	border-width: 45px 50px 0 50px;
	border-color: #fff transparent transparent transparent;
}

#ipad-excel .left,#ipad-excel .right {margin:0}

/*============================================
 #section01
============================================*/
#section01{
	padding: 0 0 60px 0;
	    
}
#section01 h3.whiteBg{
	background-repeat: no-repeat;
	background-position: center 50%;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/h3_bg.png);
	background-color: #fff;
	text-align:center;
}




#section01 .shadowBox img.example{
	position: absolute;
	left: -15px;
	top: 5px;
}
#section01 .shadowBox h4{
	margin: 15px 10px 15px 135px;
	font-size: 2em;
	line-height: 1.2;
	color: #ff7b91;
}
#section01 .shadowBox .insideBox .left-ipad{
	width: 440px;
	color:#4D4D4D;
	float:left;
}
#section01 .shadowBox .insideBox .left-ipad p:first-child{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px dashed #00839e;
}
#section01 .shadowBox .insideBox .right{
	text-align: center;
	color:#4D4D4D;
}
#section01 .shadowBox .insideBox .right img{
	margin: 0 0 10px 0;
	display: block;
}
@media(max-width:768px){
	#section01 h3.whiteBg{
		background: #fff;
	}
	#section01 .shadowBox .insideBox .left{
		width: auto;
		max-width: 100%;
	}
	#section01 .shadowBox .insideBox .right img{
		margin: 0 auto;
		margin-top: 10px;
	}
}
@media(max-width:640px){
	#section01 .shadowBox h4{
		font-size: 1.8em;
		margin: 55px 15px 10px 15px;
	}
}

/*============================================
 #section02
============================================*/
#section02 h3{
	padding: 0 0 40px;
	text-align:center;
}
#section02 .notice{
	margin: 0 auto;
	font-weight: 700;
}

#section02 em,#section04 em {
    color: #ff7b91;
	font-style:normal;
}



#section02 .notice p{
	width: 560px;
	margin: 0 auto;
	font-size: 1.1em;
	color:#4D4D4D;
}
#section02 .notice h4{
	font-size: 1.1em;
	text-align: center;
	color:#4D4D4D;
}
#section02 .notice h4 strong{
	font-size: 1.1em;
	font-weight: bolder;
	margin: 10px auto 30px;
	color: #009175;
	display: block;
	background-repeat: no-repeat;
	background-position: center top ;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/sec02-notice_bg.png);
}


#section02 .shadowBox{
	margin-top: 100px;
	color:#4D4D4D;
}
#section02 .shadowBox h4{
	width: 692px;
	height: 62px;
	padding: 8px 0 0 30px;
	position: absolute;
	left: -11px;
	top: -60px;
	font-size: 2.4em;
	font-weight: 900;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0 no-repeat;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/sec02-h4_bg.png);
	border-bottom:none;
}
#section02 .shadowBox h4 span{
	margin-left: 5px;
	font-size: 80%;
}
#section02 .shadowBox .insideBox{
	padding: 50px 40px 0 30px;
}
#section02 .shadowBox .insideBox p{
	margin: 0 0 15px 0;
}
@media(max-width:768px){
	#section02 h3{
		padding: 15px 0 40px;
	}
	#section02 .notice{
		width: auto;
		max-width: 92%;
	}
	#section02 .notice p{
	width: auto;
	padding: 0 10px;
	font-style: normal;
	}
	#section02 .shadowBox h4{
		max-width: 98%;
	}
}
@media(max-width:640px){
	#section02 .notice h4{
		margin: 0 10px;
		font-size: 1.1em;
		text-align: left;
	}
	#section02 .notice h4 strong{
		padding: 10px;
		font-size: 1.12em;
		line-height: 1.4;
		background: #fcf98e;
	}
	#section02 .shadowBox h4{
		max-width: 98%;
		padding: 8px 0 0 20px;
		font-size: 2em;
	}
}

/*============================================
 #section03
============================================*/
#section03{
	padding: 0 0 60px 0;
}
#section03 .whiteBg{
	padding: 50px 0;
}
#section03 .whiteBg img{
	margin: 0 auto;
	display: block;
}
#section03 .whiteBg h3{
	margin: 0 auto 20px;
	background-repeat: no-repeat;
	background-position: center 50% ;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/h3_bg.png);
	background-color: #fff;
}


#section03 ul{
	list-style:none;
}
#section03 section{
	width: 730px;
	margin: 0 auto;
	padding: 0 100px;
}
#section03 .iPad{
	background-repeat: no-repeat;
	background-position: 770px 120px ;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/sec03-bg-ipad.png);
	background-color: transparent;
}
#section03 .excel{
	background-repeat: no-repeat;
	background-position: 0 140px;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/sec03-bg-excel.png);
	background-color: transparent;
}
#section03 .borderBox{
	margin: 0 auto 80px;
	padding: 25px 0 20px 0;
	position: relative;
	border: 2px solid #00839e;
	background: #fff;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-ms-box-shadow: 0 0 5px #666;
	-o-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	z-index: 5;
}
#section03 .borderBox h4{
	width: 200px;
	margin: 0;
	padding: 20px;
	position: absolute;
	left: -15px;
	top: 30px;
	text-align: center;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	background: #ff7b91;
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	-ms-box-shadow: 0 0 3px #666;
	-o-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
	z-index: 10;
}
#section03 .borderBox h4 span{
	display: block;
}
#section03 .borderBox h4:after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	border-style: solid;
	border-width: 0 13px 15px 0;
	border-color: transparent #e25169 transparent transparent;
	z-index: 0;
}
#section03 .excel .borderBox h4{
	position: absolute;
	left: 503px;
	top: 30px;
}
#section03 .excel .borderBox h4:after{
	left: 225px;
	border-width: 15px 13px 0 0;
	border-color: #e25169 transparent transparent transparent;
	z-index: -1 !important;
}
#section03 .borderBox ul{
	width: 220px;
	margin: 0 0 0 270px;
	list-style: square;
	position: relative;
	font-size: 1.15em;
}
#section03 .borderBox ul li{
	margin: 0 0 7px 0;
	padding-left: 5px;
	color: #00839e;
	font-weight: bold;
	line-height: 1.2;
}
#section03 .borderBox ul li.etc{
	margin: 0;
	position: absolute;
	color: #4d4d4d;
	list-style: none;
	text-align: right;
	right: 0;
	bottom: 0;
}
#section03 .borderBox .teacher{
	position: relative;
}
#section03 .borderBox .photo{
	position: absolute;
	z-index: 20;
}
#section03 .iPad img.photo{
	right: -50px;
	top: -238px;
}
#section03 .excel img.photo{
	left: -50px;
	top: -215px;
}
#section03 .borderBox p{
	margin: 21px 20px 0 20px;
	padding: 10px 0 0 0;
	border-top: 2px solid #00839e;
	font-weight: bold;
}
#section03 #excelLinks{
	width: 786px;
	margin: 0 auto;
	padding: 2px 2px 20px 2px;
	background: #fff;
	border: 2px dashed #00839e;
	position: relative;
	border-radius: 10px;
}
#section03 #excelLinks h5{
	margin: 2px 2px 20px 2px;
	padding: 5px 0 3px 0;
	text-align: center;
	font-size: 1.6em;
	font-weight: 700;
	color: #fff;
	background: #00839e;
	border-radius: 8px;
}
#section03 #excelLinks ul{
	margin: 25px 5px 0 20px;
}
#section03 #excelLinks ul li{
	float: left;
	margin: 0 15px 0 0;
}
@media(max-width:768px){
	#section03 section{
		width: auto;
		max-width: 100%;
		padding: 0;
	}
	#section03 .whiteBg h3{
		background: none;
	}
	#section03 .iPad,
	#section03 .excel{
		background: none;
	}
	#section03 .borderBox{
		max-width: 95%;
		padding: 0 0 20px 0;
	}
	#section03 .borderBox h4,
	#section03 .excel .borderBox h4{
		width: 280px;
		padding: 10px 10px 10px 30px;
		position: relative !important;
		top: 5px;
		left: -15px;
		text-align: left;
		font-size: 1.4em;
	}
	#section03 .iPad .borderBox h4 span{
		display: inline;
	}
	#section03 .excel .borderBox h4:after{
		left: 0;
		border-width: 0 13px 15px 0;
		border-color: transparent #e25169 transparent transparent;
	}
	#section03 .borderBox ul{
		margin: 20px 20px 0 40px;
		font-size: 1.1em;
	}
	#section03 .iPad img.photo{
		left: 335px;
	}
	#section03 .excel img.photo{
		left: 280px;
	}
	#section03 #excelLinks{
		width: auto;
		max-width: 95%;
	}
	#section03 #excelLinks h5{
		font-size: 1.3em;
	}
}
@media(max-width:640px){
	#section03 .borderBox h4,
	#section03 .excel .borderBox h4{
		width: auto;
		padding: 15px 10px 15px 20px;
		top: 0;
		left: 0;
		box-shadow: none;
	}
	#section03 .borderBox h4:after,
	#section03 .excel .borderBox h4:after{
		margin-left: -7px;
		bottom: -12px;
		left: 50%;
		border-width: 13px 13px 0 13px;
		border-color: #ff7b91 transparent transparent transparent;
		z-index: 0;
	}
	#section03 .borderBox h4 span{
		display: inline;
	}
	#section03 .borderBox ul{
		margin: 40px 20px 0 40px;
		width: auto;
		max-width: 80%;
	}
	#section03 .iPad img.photo,
	#section03 .excel img.photo{
		position: relative !important;
		left: 0;
		top: 0;
		margin: 0 auto;
		display: block;
	}
	#section03 .borderBox .teacher{
		margin: 15px 0 0 0;
	}
	#section03 .borderBox .teacher p{
		margin: 0 20px;
		text-align: left;
	}
	#section03 #excelLinks h5{
		font-size: 1.12em;
	}
	#section03 #excelLinks ul{
		width: 264px;
		max-width: 95%;
		margin: 0 auto;
	}
	#section03 #excelLinks ul li{
		float: none;
		margin: 0 0 5px 0;
	}
}
/*============================================
 #section04
============================================*/
#section04 h3{
	padding: 50px 0 0 0;
	background: #fff;
	margin:0;
	color:#4D4D4D;
}
#section04 .whiteBg{
	margin: 0;
	padding: 20px 0 40px 0;
	z-index: 20
}
#section04 .container{
	font-weight: bold;
}
#section04 .container .left-ipad{
	width: 540px;
	font-size: 1.06em;
	margin:0;
	color:#4D4D4D;
	float:left;
}
#section04 .container .left-ipad h4{
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 1.22em;
	border: 1px solid #ff7b91;
}
#section04 .container .right{
	width: 202px;
}
#section04 .container .right a img{
	margin: 10px 0 0 0;
}
#section04 .container .right a:hover img{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#section04 .books h4{
	padding: 60px 0 30px 0;
	background-repeat: repeat;
	background-position: 20px 0;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/bg-books.png);
	background-color: transparent;
	margin:0;
}
#section04 .bookText{
	padding: 30px 0;
	background: #fff;
}
#section04 .bookText p{
	width: 640px;
	margin: 0 auto;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	color:#4D4D4D;
}
#section04 .books ul{
	width: 735px;
	margin: 0 auto;
	padding: 70px 0 70px 50px;
	text-align: center;
	list-style:none;
}
#section04 .books ul li{
	float: left;
	margin: 0 50px 0 0;
}
#section04 .books ul li img{
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-ms-box-shadow: 0 0 5px #666;
	-o-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
}
@media(max-width:768px){
	#section04 .container .left{
		width: auto;
		max-width: 90%;
		margin: 0 auto 30px;
		display: block;
	}
	#section04 .container .right{
		width: 420px;
		height: 200px;
		margin: 0 auto;
		position: relative;
	}
	#section04 .container .right img{
		margin: 0 0 0 10px;
		vertical-align: middle;
	}
	#section04 .bookText p{
		width: auto;
		margin: 0 auto;
		max-width: 90%;
		font-size: 1.1em;
		text-align: left;
	}
	#section04 .books ul{
		width: 540px;
		max-width: 95%;
		padding: 70px 0;
		margin: 0 auto;
	}
	#section04 .books ul li{
		margin: 0 30px 0 0;
	}
	#section04 .books ul li:last-child{
		margin: 0;
	}
	#section04 .books ul li img{
		width: 160px;
	}
}
@media(max-width:640px){
	#section04 h3{
	padding: 30px 0 0 0;
	}
	#section04 .container .left,
	#section04 .container .right{
		width: auto;
		max-width: 90%;
		margin: 0 auto;
		font-size: 1em;
	}
	#section04 .container .right{
		height: auto;
		margin: 0 auto;
		margin-top: 15px;
		text-align: center;
	}
	#section04 .container .right img{
		margin: 0 auto;
	}
	#section04 .books h4{
	padding: 60px 0 30px 0;
	background: transparent;
	}
	#section04 .bookText p{
		font-size: 1em;
	}
	#section04 .books ul{
		width: 380px;
		max-width: 95%;
		padding: 40px 0;
	}
	#section04 .books ul li{
		margin: 0 10px 0 0;
	}
	#section04 .books ul li:last-child{
		margin: 0;
	}
	#section04 .books ul li img{
		width: 120px;
	}
}
@media(max-width:480px){
	#section04 .books ul li{
		float: none;
		margin: 0 0 10px 0;
	}
}

/*============================================
 #section05
============================================*/
#section05 h3{
	margin: 0 0 30px 0;
}
#section05 .container{
	width: 720px;
}
#section05 .container .left{
	width: 413px;
}
#section05 .container .left img.photo{
	margin: 0 0 5px 5px;
}
@media(max-width:768px){
	#section05 .container, #section05 .container .left{
		width: auto;
		max-width: 100%;
		text-align: center;
	}
	#section05 .container .right{
		margin: 15px auto;
	}
}
@media(max-width:640px){
	#section05 .container .right{
		max-width: 90%;
	}
}

/*============================================
 #section06
============================================*/
#section06{
	padding: 40px 0;
	background: #fff;
}
#section06 h3{
	margin: 0 0 20px 0;
}
#section06 .shadowBox{
	width: 820px;
	padding: 20px;
	position: relative;
}
#section06 .shadowBox img.pc{
	position: absolute;
	left: -15px;
	top: 18px;
}
#section06 table{
	table-layout: fixed;
	width: 440px;
	margin-left: 380px;
	border: 1px solid #ff7b91;
	line-height: 1.4;
}
#section06 table tbody th{
	width: 25%;
	color: #fff;
	background: #ff7b91;
	border-top: 1px solid #fff;
}
#section06 table th.firstChild{
	border-top: none;
}
#section06 table td{
	background: #fff;
	border: 1px solid #ff7b91;
}
#section06 table th,
#section06 table td{
	padding: 5px 3px;
	font-weight: normal;
	text-align: center;
}
@media(max-width:768px){
	#section06 .shadowBox{
		width: auto;
		max-width: 100%;
		padding: 10px 0;
		background: none;
		box-shadow: none;
	}
	#section06 table{
		width: 92%;
		max-width: 92%;
		margin: 0 auto;
	}
	#section06 img.pc{
		display: none;
	}
}

/*============================================
 #bottom-entry
============================================*/
#ipad-excel .btnOnly{
	height: 300px;
	margin: 30px auto 0 auto !important;
	text-align:center;
	padding-bottom:60px;
	
}
#ipad-excel .btnOnly img{
	margin-left:112px;
	position: relative;
}
#ipad-excel .btnOnly img.btn{
	margin: 20px 0 0 0;
}

#ipad-excel h3 img,#ipad-excel h4 img {
    margin: 0 auto;
}

#ipad-excel {
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	background-repeat: repeat;
	background-position: 0 0;
	background-image: url(../school/course/ipad/ipad_excel/assets/img/bg-html.png);
	background-color: #fff;
}

#ipad-excel .entry {
    width: 845px;
    height: 179px;
    margin: 0 auto 80px;
    position: relative;
}


#ipad-excel .entry-btm {padding:40px;}

#ipad-excel img.btn {
    bottom: 0;
    left: 0;
    z-index: 1;
	background:none !important;
	border:none;
	box-shadow: none !important;
}
#ipad-excel .entry img, .entry p {
    position: absolute;
}
#ipad-excel h2 img,#ipad-excel h3 img,#ipad-excel h4 img,#ipad-excel .entry img,#ipad-excel .btnOnly img {
    display: block;
}

#ipad-excel .entry img.pc {
    bottom: 12px;
    left: 20px;
    z-index: 20;
}

#ipad-excel .entry p {
    bottom: 120px;
    left: 200px;
    font-size: 1.4em;
    font-weight: 700;
    color: #f7681d;
    z-index: 20;
    line-height: 1.4;
}
#ipad-excel .entry img,#ipad-excel .entry p {
    position: absolute;
}

.color_green {
    color: #009175;
}

@media(max-width:768px){
	#ipad-excel .whiteBg{
		margin: 0 0 60px 0;
		padding: 20px 0;
	}
	#ipad-excel .shadowBox{
		max-width: 96%;
		padding: 10px 0;
		
	}
	#ipad-excel .shadowBox .insideBox{
		margin: 0 10px;
		padding: 40px 10px 20px 10px;
	}
	#ipad-excel .container{
		width: auto;
		max-width: 100%;
	}
	#ipad-excel .left,#ipad-excel .right{
		float: none;
		clear: both;
	}
	#ipad-excel .left{
		
		
	}
	#ipad-excel .entry{
		max-width: 95%;
		height: auto;
		margin: 0 auto 40px;
	}
	#ipad-excel .entry p,
	#ipad-excel img.btn{
		position: relative;
		text-align: center;
		top: 0;
		left: 0;
	}
	#ipad-excel .entry .pc{
		display: none;
	}
}
/*ipad-excel*/
/*enjoy*/
h2.enjoy-h2 { 
    margin: 0 0 20px 0;
    padding: 8px 0 0 76px;
    min-height: 87px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    color: #95613a !important;
    background: transparent url(../school/course/assets/img/enjoy/word/h2-logo.png) 0 0 no-repeat;
    position: relative;
}


.enjoy h2 span {
    font-size: 0.8em;
    font-weight: normal;
}
.enjoye h2 strong {
    margin: 10px 0 0 0;
    padding: 15px 30px 13px 30px;
    display: block;
    color: #fff;
    background: #006400 url(../school/course/assets/img/enjoy/word/icon46-word-white.png) 510px 14px no-repeat;
    border-radius: 5px;
    position: relative;
}



.enjoy h2 strong::before {
    content: url(../img/common/dogear.png);
    margin: 0;
    padding: 0;
    width: 8px;
    height: 11px;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 30;
}




.enjoy h2 span {
    font-size: 0.8em;
    font-weight: normal;
}
.enjoye h2 strong {
    margin: 10px 0 0 0;
    padding: 15px 30px 13px 30px;
    display: block;
    color: #fff;
    background: #006400 url(../school/course/assets/img/enjoy/word/icon46-word-white.png) 510px 14px no-repeat;
    border-radius: 5px;
    position: relative;
}



.enjoy h2 strong::before {
    content: url(../img/common/dogear.png);
    margin: 0;
    padding: 0;
    width: 8px;
    height: 11px;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 30;
}

.enjoy h3,.enjoy h5,.enjoy h5,.enjoy h6 {margin:0;padding:0}


.enjoy .intro h4 {
    background: #cc9966;
    position: absolute;
    top: -20px;
    left: 20px;
	margin:0;padding:5px 10px;
	color:#fff;
	border-radius: 50px;
	font-size:95%
}

.enjoy .intro .notice {
    width: 593px;
    height: 287px;
    background: transparent url(../school/course/assets/img/enjoy/word/intro-mainimg.jpg) 0 0 no-repeat;
    position: relative;
    margin: 40px 0 10px 0;
    padding: 30px 25px 10px 25px;
    border: 2px solid #cc9966;
    position: relative;
}
.enjoy .notice ul {list-style:none;}

.enjoy .notice ul.circle li{
	position: absolute;
	z-index: 10;
}
.enjoy .notice ul.circle li.letter{
	top: 130px; left: 6px;
}
.enjoy  .notice ul.circle li.businesscard{
	top: 170px; left: 310px;
}
.enjoy  .notice ul.circle li.postcard{
	top: 6px; left: 434px;
}
.enjoy .notice ul.circle li.calendar{
	top: 205px; left: 525px;
	background:none;
}
.enjoy .notice ul.circle li a{
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=8);
}
.enjoy .notice ul.circle li a:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
	animation: updown 1s 1 alternate ease-in-out;
	-ms-animation: updown 1s 1 alternate ease-in-out;
	-webkit-animation: updown 1s 1 alternate ease-in-out;
	-moz-animation: updown 1s 1 alternate ease-in-out;
}
@keyframes updown {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -10px);}
	100% {transform:translate(0, 0);}
}
@-ms-keyframes updown {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}
@-webkit-keyframes updown {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes updown {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
.enjoy  .notice .note{
	position: absolute;
	bottom: -3em;
	left: 0;
}
.enjoy .notice .clearfix{
	margin: 0 0 20px 0;
}

.intro {margin-bottom:50px;}

.cont h3 {
    background: transparent url(../school/course/assets/img/enjoy/word/icon-voice.png) 0 0 no-repeat;
    margin: 0 0 10px 0;
    padding: 20px 0 20px 74px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    min-height: 18px;
    color: #4b453b;
}


.enjoy .cont h4 {
    margin: 0 0 20px 0;
    padding: 10px 30px;
    display: inline-block;
    font-size: 1.1em;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background: #43bacf;
    border-radius: 50px;
	
}

.enjoy.excel .cont h4 {
    background: #4cb56e;
}

.balloon {
    margin: 0;
    padding: 25px 25px 15px 25px;
    background: #e7e7e7;
    border-radius: 15px;
    position: relative;
}

.balloon::after {
    content: "";
    position: absolute;
    top: 74px;
    left: -15px;
    margin-top: -15px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #e7e7e7 transparent transparent;
}

.enjoy .notice2 {
    width: 593px;
    position: relative;
    margin: 40px 0 10px 0;
    padding: 30px 25px 10px 25px;
    border: 2px solid #cc9966;
}

.enjoy .notice2 h4 {
    background: #cc9966;
    position: absolute;
    top: -20px;
    left: 20px;
}

.enjoy .basic h4,.enjoy .practical h4 {
    padding: 12px 30px;
    display: block;
    border-radius: 0;
    z-index: 0;
    position: relative;
}

.enjoy .basic h4::after,.enjoy .practical h4::after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    margin-left: 0;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 15px 11px 0;
    border-color: transparent #2799ad transparent transparent;
    z-index: -1;
}

.enjoy .practical h4::after {
    border-color: transparent #c64364 transparent transparent;
}

.enjoy .basic h4 span {
    margin: 0 0 0 2em;
    font-size: 0.9em;
    font-weight: normal;
}

.enjoy .basic h5,.enjoy .practical h5  {
    padding: 6px 0 6px 20px;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    border-bottom: 5px solid #e5e5e5;
	border-left:none;
}

.enjoy .basic h5::before,.enjoy .practical h5::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 3px solid #43bacf;
    border-top: 3px solid #43bacf;
    border-radius: 2px;
    margin: -5px 0 0 0;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.enjoy .practical h5::before {
	    border-right: 3px solid #ED7090;
    border-top: 3px solid #ED7090;}


.enjoy .basic h6,.enjoy .practical h6 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #fe7921;
}


.enjoy.excel .basic h5::before,.enjoy.excel .practical h5::before {
    border-right: 3px solid #1ab866;
    border-top: 3px solid #1ab866;
}
.enjoy.excel .basic h6,.enjoy.excel .practical h6 {
    color: #f8b605;
}

.enjoy .practical h4 {
    background: #ed7090;
}

.bl-left {padding-top:60px;
text-align:left;}

/*specila*/
.special {text-align:center;
margin-bottom:20px;}

.special h4,.special p {text-align: left;}

.special .special-box { border:#CCC solid 1px; margin:0 18px 18px; padding:10px;}


.special h4 {margin:0 0 20px 0; padding:0;
border:none;} 



/*map-japan*/

.map-japan h3,.map-japan h4 { margin:0;padding:0; border:none;}

.map-japan div#lookBody {
    margin: 0 0 0 45px;
}
.map-japan div#lookHead {
	width: 565px;
	height: 40px;
	background: #EA9611;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#FFF;
	font-weight:600;
	text-align:center;
	margin-left:40px;
	font-size:24px
}

.map-japan div#lookBody {
	border:#EA9611 solid 2px;
    margin: 0 0 40px 40px;
    padding: 0;
    width: 561px;
    position: relative;
    padding-bottom: 30px;
    font-size: 1.2em;
}

.map-japan div#lookBody img.map00{float:right;margin:0.5em 3.5em 0 0;}
.map-japan div#lookBody img.ttlCammap{position:absolute;top:1em;left:4em;}
.map-japan div#lookBody img.fukidashi{position:absolute;top:5em;left:2.5em;}



.map-japan div#lookBody table{
	border-collapse:collapse;border-spacing:0px;
	clear:both;
	width:470px;
	margin:1.5em 0 0 3em;
	clear:both;
}


.map-japan div#lookBody table tr{display: block;}
.map-japan div#lookBody table th{
	padding:0 0 0 1em;
	margin:0;
	width:20%;
}
.map-japan div#lookBody table td{
	padding:10px 0 1px 6px;
	line-height:1.4;
	vertical-align:top;
}


.map-japan div#lookBody table td.blankH{padding-bottom:1em;}
.map-japan div#lookBody table ul{width:98%;}
.map-japan div#lookBody table ul li{float:left;margin:0 15px 0 0;font-size:0.8em;}


.map-japan .special-box2 {border:solid 1px #8A8A8A;
padding:0;
margin-bottom:20px;
position: relative;}

.map-japan .special-box2 .sp-voice {
	position: absolute;
	left: 9px;
	top: -13px;
}

.map-japan .special-box2 h3 {background:#F7DF57;
padding:10px 0 10px 80px;
font-size:20px;
color:#5B3507;}


.map-japan .special-box3 {border:solid 1px #8A8A8A;
padding:0;
margin-bottom:20px;
position: relative;}

.map-japan .special-box3 .sp-voice {
	position: absolute;
	left: 9px;
	top: -13px;
}

.map-japan .special-box3 h3 {background:#F9650F;
padding:10px 0 10px 80px;
font-size:20px;
color:#FFF;}


/*antivirus*/
.antivirus h3,.antivirus h4 {margin:0;padding:0;}

.antivirus h3 {background:url(../school/course/img_antivirus/ico_maru1.gif) no-repeat left center;
padding:5px 5px 5px 30px;
color:#5B3507;
border-bottom:dotted 1px #8a8a8a;}

.antivirus h4 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img_antivirus/midashi_02.jpg);
	padding: 5px 5px 5px 40px;
	color: #D7322C;
	border-bottom: dotted 1px #8a8a8a;
}
.antivirus h4.sp-blue {color:#689BC8;}

.antivirus-box { background:#F6F6F6;
padding:10px;}

.antivirus-box p { border-left:5px solid #B03C3C; padding-left:20px;
margin-left:5px;}

.antivirus ol {list-style:none;}


ul.bibou {list-style:none;margin-left:20px;}

ul.bibou li {background:url(../school/course/img/bi_ico001.gif) no-repeat left center;
padding-left:20px;
}

/*blog*/

.blog h2 {margin:0 0 10px 0;padding:5px !important; background:#009CFF;
color:#fff !important;}

.blog h3,.blog h4 {margin:0;padding:0; border:none;}


.blog h4 {background:url(../school/course/img/blog/blog_point001_ttl.jpg) left center no-repeat;
padding:12px 0 10px 60px;
color:#E9213D;
font-weight:600;}

.blog-box {background:url(../school/course/img/blog/z_line01.gif) bottom repeat-x;
margin-bottom:0;
padding:20px 0;}

.blog-box2 {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(../school/course/img/blog/img_movie.jpg);
	margin: 20px 0;
	padding: 10px 0 10px 0;
}

.blog-box p {margin-left:60px;}

.blog h3.blog2 { background:url(../school/course/img/blog/img_movie2.jpg) left bottom no-repeat;
padding:15px 0 5px 80px !important;
color:#681A18;
font-weight:600;}

.blog-box h4.blog-h1 {
	background-repeat: no-repeat;
	background-position: left center no-repeat;
	background-image: url(../school/course/img/blog/blog_point004_ttl.jpg);
	padding:12px 0 10px 80px;
	line-height:1.4em;
}

.blog-box h4.blog-h2 {
	background-repeat: no-repeat;
	background-position: left center no-repeat;
	background-image: url(../school/course/img/blog/blog_point005_ttl.jpg);
	padding: 12px 0 10px 80px;
	line-height:1.4em;
}

/*business*/
.business h3 { border-bottom:dashed 2px #3377BE;
color:#0055AE;
margin-bottom:20px}

.business p {margin:10px;}

.business .b-box { background:#E3E3E3; border:#D2D2D2 solod 1px; border-radius:5px;
position:relative;
padding:2px}



.business .b-box-in {padding:2px; border:#CCCCCC solid 1px;
background:#fff;
padding:100px 10px 0 10px;
border-radius:5px;
}

.business .b-box-in img.bz-h {
	position: absolute;
	left: -6px;
	top: -21px;
}

/*nega*/
.nenga h2 {margin:0 0 10px 0;padding:5px !important; background:#CC0033;
color:#fff !important;}

.nenga h3,.nenga h4 {margin:0;padding:0; border:none;}

.nenga .blog-box h4 {color:#A2430B;}

.blog-box h4.nenga-h1 {
	background-repeat: no-repeat;
	background-position: left center no-repeat;
	background-image: url(../school/course/img/nenga/nen_point001_ttl.jpg);
	padding: 12px 0 10px 80px;
	line-height: 1.4em;
}

.blog-box h4.nenga-h2 {
	background-repeat: no-repeat;
	background-position: left center no-repeat;
	background-image: url(../school/course/img/nenga/nen_point002_ttl.jpg);
	padding: 12px 0 10px 80px;
	line-height: 1.4em;
}

.blog-box h4.nenga-h3 {
	background-repeat: no-repeat;
	background-position: left center no-repeat;
	background-image: url(../school/course/img/nenga/nen_point003_ttl.jpg);
	padding: 12px 0 10px 80px;
	line-height: 1.4em;
}

/*rakuraku*/

h3.raku-h3 {
 background-image:-moz-linear-gradient(
      top
    , #B8B081 0%
    , #B8B081 49%
    , #C1B992 50%
    , #C1B992);
	margin: 10px 0 !important;
	padding: 10px;
	color: #FFF;
	border-radius: 5px;
	font-size:1.4em;
}

.raku-box {border:solid 1px #ccc;
margin:5px;
padding:5px;
text-align:center;
height:505px;}

.raku-box h3,.raku-box p {text-align:left; padding:5px}
.raku-box h3 { font-size:1.2em; font-weight:bold;
margin-bottom:
10px;}

.raku-box2 {border:solid 1px #CFCFCF;
background:#FAFAFA;
margin:40px;
padding:10px;
}

.raku-box2 h4 {margin-bottom:10px;}

.raku-box2 ul {list-style:none;
margin-left:0;}

.raku-box2 ul li { background: no-repeat left center url(../school/course/rakuraku/img/z_arrow.jpg);
padding-left:20px;}


table.raku {
   border-collapse: collapse;
   margin:20px;
   width:auto;
   
}
table.raku th,table.raku td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #ccc;   /* 線色：緑 */
   border-style: dotted;   /* 線種：実線 */
   padding: 0.3em;        /* セル内側の余白 */
}

table.raku th {width:30%;
text-indent:-30px;
margin-left:30px;
padding-left:30px}


table.raku2 {border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #ddd solid; /* テーブル全体の枠線（太さ・色・スタイル） */
background-color: #FFFFFF; /* 背景色 */
width:auto;
margin:10px;
}

table.raku2 th{
	padding:0 0 0 1em;
	margin:0;
	border: 1px #ddd solid;
	background:#EFE3E2;
	color:#666;
	vertical-align:central;
	white-space: nowrap;
	text-align:center;
	
}

	
table.raku2 td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:0.5em;
	line-height:1.4;
	vertical-align:top;
	white-space: nowrap;
	font-size:0.9em;
}

.win8 h4.win8-1  { line-height:1.4em; margin-bottom:20px;}

.win8 h4.win8-1 span {background:#F4E214;}

.win8 h3.win8-2 {background:#0198AB;
color:#fff;
padding:5px;}

.win8-3 { border:2px solid #172594;
background:#f6fdff;
padding:20px;
color:#172594}

.win8-3 ul{ margin:0; padding:0;
list-style:none;}

.win8-3 a {text-decoration:none;
color:#172594;
font-weight:600;}

.win8-3 a:hover{background-color: #f7fcff;
    background-image: -webkit-linear-gradient(-45deg, #78e5ae 25%, transparent 25%, transparent 50%, #78e5ae 50%, #78e5ae 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #78e5ae 25%, transparent 25%, transparent 50%, #78e5ae 50%, #78e5ae 75%, transparent 75%, transparent);
    background-size: 5px 5px;}
	
.win8-4 {background:url(../school/course/img/win8/w8ch_ttl01.jpg) no-repeat left center;
color:#1ca9d4;
padding:10px 0 10px 80px !important;
font-size:200% !important;
font-weight:600;
margin-bottom:40px !important;}


.win8-5 {background:url(../school/course/img/win8/w8ch_ttl02.jpg) no-repeat left center;
color:#1ca9d4;
padding:10px 0 10px 80px !important;
font-size:200% !important;
font-weight:600;
margin-bottom:40px !important;}

.win8-6 {background:url(../school/course/img/win8/w8ch_ttl03.jpg) no-repeat left center;
color:#1ca9d4;
padding:10px 0 10px 80px !important;
font-size:200% !important;
font-weight:600;
margin-bottom:40px !important;}

.win8-7 {padding:10px 50px 10px 50px;
color:#fff;
text-align:center;
line-height:1.4em;}

/*pref*/

.pref-map h3 { background:url(../school/map/img/ico_maru1.gif) no-repeat left center;
padding:5px 0 5px 20px;
color:#471717 !important;
border-bottom:#727272 dotted 1px;
margin-top:20px;}


.pref-map h4 { 
padding:5px 0 5px 20px;
color:#666666 !important;
border:none;
}

.pref-map ul {list-style:none; margin-left:10px}

.pref-map ul li { background: url(../school/map/img/arrow_aka1.gif) no-repeat left center;
margin-left:0;
padding-left:20px;}

.pref-map-side { border:#CCCCCC solid 1px;
padding:10px 5px 5px;
background:#F4F4F4;}

.pref-map-side h3 {font-size:16px;
margin:0 0 5px 0;
padding:0 0 5px 0;
color:#471717;
font-weight:bold;
border-bottom:solid 1px #CCCCCC;}

.pref-map-side h3 span {
font-weight: normal;
}

.pref-map-side ul {list-style:none; margin-left:5px}

.pref-map-side ul li {
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url(../school/map/img/arrow_cha1.gif);
	margin: 0 0 3px 0;
	padding-left: 20px;
	font-size:14px;
	}

/*
.school h2 {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.5em 0 0.5em 1.5em !important;
    font-size: 1.143em;
    font-weight: bold;
	background:#CB0303
}

.school h3 { padding:0;}
 
.school h2:before{
    content: "";
    position: absolute;
    background: #fff;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
*/

.school-1 {border:#EE7A0B solid 3px;
padding:10px 40px;
border-radius:4px;
background:#FFF7D3;
background-image: linear-gradient(
    -45deg,
    #FFF7D2 25%,
    #F2E59F 25%, #F2E59F 50%,
    #FFF7D2 50%, #FFF7D2 75%,
    #F2E59F 75%, #F2E59F
  );
    background-size: 4px 4px;
	font-weight:bold;
	font-size:18px;
	}

.school-1 p{color:#5A3E3A !important;}


.school-1 span{ font-size:24px;
color:#E95702;}

.school-1 span.s-red{ font-size:24px;
color:#CF3208;}

.school-1 em {font-size:12px; font-weight:normal;}

.school-2 img {border:1px #ccc solid;}

h4.school-3 {background:url(../school/map/img/sc_img_mt01.jpg) no-repeat left center;
border-bottom:dotted 1px #7E6006;
color:#CB4003;
padding-left:40px;
margin-bottom:10px;}

.school-4 {margin: 0 10px 20px 40px;}

h4.school-5 {background:url(../school/map/img/sc_img_mt02.jpg) no-repeat left center;
border-bottom:dotted 1px #7E6006;
color:#CB4003;
padding-left:40px;
margin-bottom:10px;}


/*
table.school-6 {border-collapse: collapse;
border: 1px #ddd solid;
background-color: #FFFFFF;
width:auto;
margin:10px 0 0 0;
}

table.school-6 th{
	padding:0.5em;
	margin:0;
	border: 1px #ddd solid;
	background:#AD4040;
	color:#fff;
	vertical-align:top;
	white-space: nowrap;
	text-align:left;
	
}

	
table.school-6 td{
	border: 1px #ddd solid;
	padding:0.5em;
	line-height:1.4;
	vertical-align:top;
	font-size:0.9em;
}
*/

h4.school-7 {background:url(../school/map/img/sc_img_mt03.jpg) no-repeat left center;
border-bottom:dotted 1px #7E6006;
color:#CB4003;
padding-left:40px;
margin-bottom:10px;}

h4.school-8 {background:url(../school/map/img/sc_img_mt04.jpg) no-repeat left center;
border-bottom:dotted 1px #7E6006;
color:#CB4003;
padding-left:40px;
margin-bottom:10px;}

.school-9 {border:#DE4218 2px solid;
margin:0;
padding:0;}

.school-9 h3 {color:#fff; margin:0; background:#EA7434; padding:5px;}

.school-9 h3 span {font-size:12px;}


.school-side {
background:#FBEAEA;}


/*
table.school-10 {border-collapse: collapse;
width:auto;
margin:10px 0 0;
}

table.school-10 th{
	padding:0.2em;
	margin:0;
	border-bottom: 1px #E8B0B0 solid;
	color:#fff;
	vertical-align:top;
	white-space: nowrap;
	text-align:left;
	font-weight:normal;
	
}

table.school-10 th span{
	font-size:10px;
	padding: 2px;
	background-color: #DF5D5D;
	border-radius: 4px;
}

	
table.school-10 td{
	border-bottom: 1px #E8B0B0 solid;
	padding:0.2em;
	line-height:1.4;
	vertical-align:top;
	font-size:0.9em;
}

div#newsInfo h4 {
    background: #c83641;
    padding: 5px;
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 6px 0;
}

div#newsInfo ul {list-style:none;
margin:0; padding:0;
text-align:left;}

div#newsInfo ul li {
	border-bottom:dotted 1px #5F4E31;
    padding-bottom: 5px;
    margin: 0;
    padding: 0 8px 5px 8px;
    line-height: 1.4;
	background:#fff;
	font-size:14px;}
div#newsInfo ul li span {
    display: block;
    color: #c83641;
    font-weight: bold;
}
div#newsInfo ul li a {text-decoration:none;}

div#newsInfo ul li a:hover {text-decoration: underline;}
*/

.s-voice h2 {border:solid 8px #E1D5C7;
text-align:center;
color:#3B3A38;
background: url(../school/voice/img/back1.gif);font-weight:600;
font-size:2em;
padding:10px 0;
margin-bottom:20px;
} 

.s-voice h2 span.c1 {border:4px solid #F8C166;
background:#F39700;
color:#FFF;
padding:2px;
margin-right:5px;
font-size:32px;
vertical-align: 10px;
} 

.s-voice h2 span.c2 {border:4px solid #F2D766;
background:#EABD00;
color:#FFF;
padding:2px;
margin-right:5px;
vertical-align: 10px;
font-size:32px;
} 


.s-voice h4 {border-left:none; text-align:left;
color:#3C3B39 !important;
padding-left:0 !important;
margin-bottom:20px;}

h4.s-voice-h4a { border-bottom: #F59191 dotted 2px;
padding: 10px 20px 10px 10px;
color:#3C3B39;}

h4.s-voice-h4a span.q1 {border:4px solid #F49291;
background:#E41414;
color:#FFF;
margin-right:10px;
padding:8px;
text-shadow: 0 1px 0 #99393D, 1px 0 0 #99393D, 0 -1px 0 #99393D, -1px 0 0 #99393D, -1px -1px 0 #99393D, 1px -1px 0 #99393D, -1px 1px 0 #99393D, 1px 1px 0 #99393D;
} 


h4.s-voice-h4b { border-bottom: #9DDD6F dotted 2px;
padding: 10px 20px 10px 10px;
color:#3C3B39;}

h4.s-voice-h4b span.q1 {border:4px solid #9EDC6F;
background:#387F15;
color:#FFF;
margin-right:10px;
padding:8px;
text-shadow: 0 1px 0 #3A621B, 1px 0 0 #3A621B, 0 -1px 0 #3A621B, -1px 0 0 #3A621B, -1px -1px 0 #3A621B, 1px -1px 0 #3A621B, -1px 1px 0 #3A621B, 1px 1px 0 #3A621B;} 

.s-voice h4.s-voice-1 { border-bottom:solid 1px #510F10;
background:url(../school/voice/img/icon1.jpg) left center no-repeat;
padding: 10px 0 10px 60px !important;}




.sv-box {border: #E7E2DC solid 5px;
position:relative;
}

.sv-box .photo { float:right;}

.sv-box h4 {border-bottom:solid 1px #500F0F;
padding-left:20px;
text-align:right;}

.sv-box h4 { margin:40px 0 10px 0}

div.sv-txt {
    width: 410px;
    background: #fff;
    margin: 0 0 0 6px;
}

div.sv-txt dl dd {
    padding: 6px 5px 7px 90px;
    margin: -5em 0 1em 0;
    line-height: 1.4em;
    border-bottom: 1px solid #eee;
	min-height:67px;
}

div.sv-txt dl dt.ao {
	background:#1029A7;
}
div.sv-txt dl dt.aka {
    background:#7B0002;}
div.sv-txt ul {margin-left:20px;}


div.sv-txt dl dt {
    margin: 0;
    padding: 12px 0 0 12px;
    display: block;
    width: 60px;
    height: 60px;
	color:#fff;
}

.sv-box h3 { font-weight:600;
color:#372E2B !important;
position:absolute;
display:block;
top:-30px;} 

.sv-box h3 span.c1 {border:4px solid #F8C166;
background:#F39700;
color:#FFF;
padding:2px;
margin-right:5px;
font-size:32px;
vertical-align: 10px;
} 

.sv-box h3 span.c2 {border:4px solid #F2D766;
background:#EABD00;
color:#FFF;
padding:2px;
margin-right:5px;
vertical-align: 10px;
font-size:32px;
} 

.sv-md1 span{ 
background-color:#F29700;
color:#FFF;
border:2px solid #FAC16A;
padding:5px;
}

.sv-md2 { 
background-color:#FEE7B3;
padding:5px;
height:79px;
overflow:hidden;
}

div#pageNav ul {
    margin: 0 0 2em;
    padding: 10px 10px 5px;
    text-align: center;
}
div#pageNav ul li {
    display: inline;
    margin: 0 2px;
    padding: 0;
}

div#pageNav ul li span,
div#pageNav ul li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

div#pageNav ul li span{
	background: #6c6a68;
	border-color: #6c6a68;
	color:#fff;
}

div#pageNav ul li a:hover {
	background: #efefee;
	border-color: #6c6a68;
	color:#6c6a68;
}

/*form
.list .form-area{
	padding:30px 30px 20px;
	margin-bottom:2em;
}
.list .form-title,.list .enquete-title{
	border-bottom:1px solid #dadada;
	padding:1em 0;
	margin:0 0 1.5em;
}
.list .form-title p,.list .form-title .left{
	margin-bottom:0!important;
}

.list .form-title .left,.list .enquete-title{
	font-size:1.625em;
	font-weight:bold;
	color:#EA7434;
}
.list .form-title p{
	padding:.5em 0 0;
}
.list .form-title p span{
	padding:0.2em 0.6em;
	background:#f27a0a;
	border-radius: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#FFF;
	margin:0 1em 0 0;
}
.list form .form-area dt{
	float:left;
	display:inline;
	width:28.7%;
	background:#EA7434;
	color:#FFF;
	clear:both;
	margin:0 0 1.5em;
	padding:1em;
	clear:both;
	position:relative;
}
.list form .form-area dd{
	float:right;
	display:inline;
	width:64.5%;
	margin:0;
	padding:1em 0;
	margin:0 0 1.5em;
}
.list form .form-area dt .left{
	margin-bottom:0!important;
	font-weight:bold;
}
.list form .form-area dt span{
	padding:0.2em 0.6em;
	background:#AE2422;
	border-radius: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#FFF;
	margin:0 1em 0 0;
	text-align:center;
	position:absolute;
	right:0px;
	top:15px;
	font-size:0.8em;
}
.list form .form-area dd span {
    padding-right: 10px;
}
.list form input.short {
	width: 100px;
	margin:0 1em 0 0;
}
.list form input.short2 {
	width: 50px;
}
.list form input.middium {
	width: 250px;
}
.list form .care{
	padding:1em 0 0;
}
.list form input.middium2 {
	width: 200px;
	margin:0 1em 0 1em;
}
.list form .schedule-input{
	margin:0 0 1em;
}
.input-description{
	clear:both;
	background:#FFF;
	margin:0 -1em -1em;
	border:2px solid #EA7434;
	padding:1em;
	color:#EA7434;
	font-size:1em;
	border-top:10px solid #EA7434;
}
.datepicker{
	background-repeat: no-repeat;
	background-position: 98% center;
	background-image: url(../school/map/img/icon-datepicker.png);
	min-height: 30px;
}
.list .mokuteki_list{
	float:left;
	display:inline;
	width:45%;
	margin:0 2% 1% 0;
}
.list .mokuteki_list input.short{
	margin:0 1em;
}
.list .kikkake{
	margin:1em 0 0;
}
.list .kikkake input{
	margin:0 1em;
}
.list form textarea{
	margin:1em 0 0;
	width:100%;
}
.list .flexslider,.list .list-data-table_sp{
	display:none;
}

form*/

/*win-8point*/

.win8-2 {
	border-left: 25px solid #FBDCC7;
	background-clip: border-box;
	position: relative;
	margin-bottom: 2em;	
}

.win8-2 p {
	padding-top:15px;margin-left:15px;}

.win8-2-1,.win8-2-2,.win8-2-3  {
	font-size: 16px !important;
	font-weight: 600;
	color: #FF6B00;
	padding: 3px 0 7px 30px !important;
	position: absolute;
	left: -55px;
	top: -20px;
	width: 498px;
}

.win8-3-h3 {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../school/course/img/excel/s_c_e_33.png);
	background-color: #31A2E4;
	padding-left: 30px;
	color: #FFF;
font-size:16px !important;
padding:5px 0 8px 30px !important;
margin-top:0;
}

.win8-3-h3 h3 {font-size:16px;
float:left;
display:block;
padding:8px 0;
margin-top:0;}
.win8-3-h3 p {font-size:12px;
float:right;
display:block;
color:#FFF;
padding:7px 7px 0 0;
margin:0;}

.win8-3 h4 {
	font-size: 18px;
	margin: 0.5em 0;
	color: #931a00;
	border: none;
	linw-height: 1.7em;
}

.win8-3 h4 span {font-size:14px;
color:#5F6160;}

.pp-3 h2 {
	border-left: 25px solid #c13e22;
	font-size: 18px;
	color: #c23e25;
	margin: 0 0 20px;
	padding: 5px;
	font-weight: 600;
	text-align: left;
}

.win8-4 h3{font-size:12px;
border:none;
font-weight:bold;

margin-bottom:10px;}

.win8-4 h4{
	margin: 0;
	padding: 8px 10px;
	border-left: 10px solid rgba(211,72,39,0.7);
	background-color: #CBCCCE;
	background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
	background-size: 5px 5px;
	color: #931a00;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;
}
	
.win8-4 h4.win8-blue{
	    margin: 0;
    padding: 8px 10px;
    border-left: 10px solid rgba(0,121,235,0.7);
    background-color: #CBCCCE;
    background-image: -webkit-linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #D2D2D2 25%, transparent 25%, transparent 50%, #D2D2D2 50%, #D2D2D2 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    color: #084DA7;
	text-shadow: 0 2px 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;}

h3.win8p-fltr:first-letter {background-color:#FF6D00; color:#ffffff; padding:4px 7px;
margin-right:10px;
}

.att-win8p {
	padding: 20px;
	margin: 20px 20px 40px 20px;
	border-top:#FF8A00 solid 1px;
	border-bottom:#FF8A00 solid 1px;
	background:#FFF6E5
}

.att-win8p a {color:#c13d24;}

.att-win8p a span {
color:#F15107;
font-weight:600;
font-size:26px;
line-height:1.4em}

.att-win8p ol { list-style:none; margin:0; padding:0;}

.att-win8p ol li { padding-left:35px}

.att-win8p ol li.no1 {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../school/course/img/win8/sp_win8._03.jpg);
}

.att-win8p ol li.no2 {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../school/course/img/win8/sp_win8._06.jpg);
}

.att-win8p ol li.no3 {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../school/course/img/win8/sp_win8._08.jpg);
}

div.set{width:564px;margin:0 0 0 40px;}
	div#memoTop{
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../school/course/img/win8/memo_top.jpg);
	width: 564px;
	height: 90px;
	}
	div#memoBody{
	width: 564px;
	background-repeat: no-repeat;
	background-position: 0 bottom ;
	background-image: url(../school/course/img/win8/memo_body.jpg);
	padding: 10px 0 50px 0;
	}

	div#memoBody ul{margin:0 0 0 25px; list-style:none;}
	div#memoBody ul li{
	background-repeat: no-repeat;
	background-position: 0 0px no-repeat;
	background-image: url(../school/course/img/win8/z_check.gif);
	padding: 5px 0 8px 25px;
	margin-bottom: 3px;
	font-size: 14px;
	}

table.win8-table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    margin: 0;
    clear: both;
    border: none;}
	
	
table.win8-table th {
    color: #04427b;
	padding: 8px;
    border: none;
    border-bottom: 1px dotted #333;
    text-align: left;
    background: #f1f8fc;
    vertical-align: middle;
}

table.win8-table td {
    padding: 8px 5px 8px 8px;
    border: none;
    border-bottom: 1px dotted #333;
    line-height: 1.4;
}
.win8p-box{ margin:10px 30px;
border:#00CCFF solid 1px;
background:#F5F7F7;
padding:20px;}

label {font-weight:normal;}


/*win8pointスタイルここまで*/


/*free*/
.free h2 {margin:0;padding:0;}

.free-box {margin:10px 10px 30px;
padding:40px 10px 10px;}

.free-box h3 span { font-size:2em;}

.free-box h3{padding:0;
margin-bottom:10px}

.free-box h4{padding:0;
margin-bottom:10px}

.free-box a {padding-left:20px;
background:url(../school/free/img/z_arow.gif) no-repeat left center;}

.free-1 {
border-bottom:solid 1px #E1698F;
background:#F9E3EA url(../school/free/img/bg_01_top.jpg) no-repeat top left;}

.free-1 h3 {color:#C05A78;
border-bottom:dotted 2px #E1698F;
padding-bottom:5px;}

.free-2 {
	border-bottom: solid 1px #65CC9D;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../school/free/img/bg_02_top.jpg);
	background-color: #E3F8EF;
}

.free-2 h3 {color:#1C764D ;
border-bottom:dotted 2px #64CD9D;
padding-bottom:5px;}

.free-3 {
border-bottom:solid 1px #E2903E;
background:#F9EFE3 url(../school/free/img/bg_03_top.jpg) no-repeat top left;}

.free-3 h3 {color:#AA430B;
border-bottom:dotted 2px #E28F3D;
padding-bottom:5px;}

.free h3.lesson {font-weight:400;
color:#A10304;
padding:0;
margin-bottom:10px;}


.free-box2 {background:#F8A70F;
border-radius:5px;
padding:121px 10px 10px 10px;
position:relative;}

.free-box2 img.free-ttl {
	position: absolute;
	left: 22px;
	top: -12px;
}

.free-box2 img.info-h-8 {
	position: absolute;
	left: 22px;
	top: 0px;
}

.free-box2-in {background:#fff;
padding:25px 0 10px 0;}


/*jyoseikin*/

.jsk h2 {padding:0; margin-bottom:20px;}

.jsk h3 {margin:0 0 20px 0;padding:0;}

.jsk h4.jsk-3 {margin:0 0 20px 0;padding:0;
color:#666666; border-left:#000 solid 5px;
padding-left:5px;}

.jsk-1 {border:1px solid #D4D2D2;
background:#F6F6F6;
padding:10px;
margin:10px;}

.jsk-1 h4 {padding:0;
margin-bottom:10px;
color:#894F1B;}

.jsk-2 {margin:10px 50px 30px;}


.jsk-2 a {background:url(../school/jyoseikin/img/icon_pdf.gif) left center no-repeat;
padding-left:20px;}

.jsk dt {color:#666666;
border-bottom:dotted #ccc 1px;
margin-bottom:10px;
margin-left:15px;
}

.jsk dd {margin-bottom:20px;}

.jsk ul {color:#999999;}
.jsk ul span{color:#000;}
.jsk-5 { border:solid 1px #959595;
 background: #E4E4E4;
 margin:5px;
 height:310px;
 overflow:hidden;}
 
.jsk-5 h5 {
	 color:#626262;
	 text-shadow: 0 2px 0 #fff,  2px 0 0 #fff,  0 -2px 0 #fff,  -2px 0 0 #fff,  -2px -2px 0 #fff,  2px -2px 0 #fff,  -2px 2px 0 #fff,  4px 2px 2px #fff;}


h5.jsk-6 {color:#009966;
background:url(../school/jyoseikin/img/list03.gif) left center no-repeat;
padding-left:20px;}

h5.jsk-7 {color:#135DA9;
background:url(../school/jyoseikin/img/list04.gif) left center no-repeat;
padding-left:20px;}

.jsk-6a {background:#5EBF9E;
color:#fff;
margin:0 0 20px 20px;
padding:0 0 0 10px;}

.jsk-7a {background:#6A99C9;
color:#fff;
margin:0 0 20px 20px;
padding:0 0 0 10px;}

p.jsk-8 {color:#894F1B; font-weight:bold;
text-align:center;}

h2.jsk-9 { padding:10px 5px 10px 5px;
margin-bottom:20px;
color:#7E5E33;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:26px;
font-weight:600;
	background-color: #F0EAE4;
	background-image: radial-gradient(#FFFFFF 10%, transparent 10%);
	background-size:5px 5px; }
	
h3.jsk-10 {color:#DE6B1A;
font-weight:600;}

h4.jsk-11 {border-top:#DE6B1A solid 1px;
padding:25px 0 0 0;
color:#666666;
margin-bottom:20px;}

h4.jsk-11 span { padding:30px 5px 3px 20px;
margin-right:5px;
background:#DE6B1A;
color:#fff;}

.jsk-12 {margin:0 0 30px 85px;}

.jsk-13 {background:#F6F5F3;
padding:5px;
margin-bottom:20px;}

.jsk-13 table th,.jsk-13 table td {border-bottom:dotted 1px #ccc;
padding:10px;}

.jsk-13 table th { color:#B29167;
font-weight:600;}

.jsk-13 table td span { color:#999999;
font-weight:600;}

table.info-h-5 input.wp1{
	width:280px;
}

table.info-h-5 input.wp2{
	width:100px;
	margin-right:.5em;
}

table.info-h-5 input.wp3{
	width:50px;
	margin-right:.5em;
}
table.info-h-5 #zip {
	margin-bottom:5px;
	margin-left:.5em;
}

table.info-h-5 input {
	height: 34px;
	padding: 4px 12px;
	margin: 0 ;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

table.info-h-5 select {
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	height: 34px;
	padding: 4px 12px;
	width:300px;
	margin-bottom:5px;
}
table.info-h-5 textarea {
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 10px 12px;
}

table.info-h-5 label {
	cursor: pointer;
    padding: 0 .7em ;
    display: inline-block;	
}
table.info-h-5 label:hover {
	background-color: #FFFFEE;
}
table.info-h-5 label span {
	line-height:1;
	vertical-align:middle;
	color:#333;
}
table.info-h-5 input[type=radio] {
	width: 18px;
    vertical-align: middle;
    height: 18px;
	margin-right:.6em;
}
table.info-h-5 input[type=checkbox] {
    width: 18px;
    vertical-align: middle;
    height: 18px;
	margin-right:.6em;
}

.kyufu h3 { background:#F5F3E7;
border-radius:4px;
border-left:5px solid #F0341B;
color:#4D2525;
padding:5px 10px;
margin-bottom:20px;}

.kyufu ul {list-style:none; margin:10px;} 

.kyufu ul li { background:url(../school/kyufu/img/z_arrow.gif) no-repeat left center;
padding-left:20px;} 


.kyufu-1 {background:url(../school/kyufu/img/img_bg_course.jpg) left bottom no-repeat;
padding:10px 10px 10px 180px;}

.kyufu-1 h4 {color:#EE351C;
font-size:16px;}

.kyufu-1 h4 span {color:#635E5D;
font-size:12px;}

.news h3 {border-left:5px solid #7E4318;
color:#7E4318;
padding:5px;
margin-bottom:20px;
margin-top:20px;}

.news h4 {margin-bottom:10px; margin-left:20px;}

.news h4 a{ text-decoration:none;}

.news p{ margin-left:20px;}


ul.news-arrow {list-style:none;
margin-left:20px;
margin-bottom:20px}

ul.news-arrow li {background:url(../school/news/img/arrow_aka1.gif) no-repeat left center;
padding-left:20px;
margin-left:0;}

ul.news-media {list-style:none;
margin-left:15px;
margin-bottom:20px}

ul.news-media li {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/news/img/ico_out2.gif);
	padding-left: 25px;
	margin-left: 0;
}


ul.bc7 {list-style:none;
margin-left:20px;
margin-bottom:20px}

ul.bc7 li {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img/w7b_ico001.gif);
	padding-left: 20px;
	margin-left: 0;
	display: block;
	width: 270px;
	float: left;
}

ul.win7 {list-style:none;
margin-left:20px;
margin-bottom:20px}

ul.win7 li {
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(../school/course/img/z_ico_hatena.gif);
	padding-left: 20px;
	margin-left: 0;
}



.news p.release  {margin-left:0;}

.news .release span {
		padding:2px;
background:#666666;
border-radius:4px;
color:#fff;
margin-right:10px;}

.rep h3 { border-bottom:1px #5F4E31 dotted !important;
color:#471717;
padding:5px 0 5px 20px;
margin-bottom:20px;
background:url(../cmn/img/ico_maru1.gif) no-repeat left center;}

.rep-1 {padding:0px;
margin:10px 10px 20px 10px;
border:solid 1px #EEE;
border-radius:5px;
background:#F4F4F4;}

.rep-1 h4 {color:#74360D;
border-bottom:dotted 1px #5F4E31;
margin-bottom:10px;}


.price h3 {background:#5D0F0F;
border-bottom:4px solid #EBDDDD;
color:#fff;
padding:3px 0 3px 5px;}

.price-1 {border:solid 3px #C9891B;
border-radius:20px;
padding:10px;
margin:10px 10px 20px 10px;
background:#FDFAF5;} 

.price dt{  
  border-bottom:dotted 2px #D1821B;        
  padding:10px;
  width : 170px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
}
 
.price dd{    
  border-bottom:dotted 2px #D1821B;
  padding:10px 0 10px 0;
  width : 400px;
/* dtの幅分の設定 */
  margin-left : 190px;
}
.price dd.ex{    
  padding:1px 0 1px 0;
}

.price dd.ex2{    
  padding:1px 0 0 0;
}
.price dd.ex3{    
  padding:10px 0 11px 0;
}

.price dd span {font-size:1.8em;
color:#cc0000;
font-weight:600;}

p.exp-1 {background:url(../school/price/img/exp-1.jpg) no-repeat left center;
padding-left:36px !important;
margin-left:0px;
margin-bottom:40px;
}

p.exp-1 span {font-weight:600px;
font-size:1.2em;}

.rec-k h3 { color:#A31716;
font-size:42px;
font-weight:600;
margin-bottom:10px;}

.rec-k h3 span { color:#A31716;
font-size:1.2em;}

.rec-k-1 {border:1px solid #333;
padding:20px 20px 0;
margin:10px 0;
border-radius:5px;}

.rec-k-1 h4 {margin-bottom:10px;
color:#B3040E;}

.rec-k-2 {color:#666666;
padding:10px 40px;}

.rec-k-3 {margin:20px 100px;}

.rec-k-3 h4 {
color:#B3040E;}

.rec-k-3 table th,.rec-k-3 table td {padding:10px;color:#666666;
}

.rec-k-3 table th {color:#00A1E9;}

.rec-k-4 {margin:30px;}

h3.rec-k-5 {background:#B3040E url(../school/recruit/kyoto/img/dekirukana.gif) no-repeat left center;
padding:10px 0 10px 60px;
margin: 10px 0;
color:#fff;
font-size:30px;}

.rec-k-6 {margin:10px 30px 20px 30px;}

.rec-k-6 iframe {margin-left:18px;}

.info-h-2 {background: #C5E0F1;
margin-bottom:20px;
text-align:center;}

.info-h h3{color:#8C1723;
margin-bottom:20px;
padding:0;}

.info-h-1 {border:#FBA0B1 solid 2px;
background: #F9F4EE;
border-radius:5px;
padding:20px;
margin:20px 40px}

.info-h-1 ul {list-style:none;}

.info-h-1 ul li { background:url(../info/img/z_mark_pnk.gif) no-repeat left center;
padding-left:20px;
color:#666666;}


h3.info-h-3 {
color:#333;
padding:10px 0 10px 40px;
position:relative;}

h3.info-h-3 img {
	position: absolute;
	left: 7px;
	top: -10px;
}

.info-h-4 {border:#FBA0B1 dotted 1px;
background: #FFFCFC;
padding:20px ;
margin:20px 40px 40px}

.info-h-4 h4 {color:#0A2ACC;
margin-bottom:20px;}


table.info-h-5 {border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #ddd solid; /* テーブル全体の枠線（太さ・色・スタイル） */
background-color: #FFFFFF; /* 背景色 */
margin:auto;
  width:100%;
}

.info-h-5 th{
	padding:1em;
	margin:0;
	border: 1px #ddd solid;
	background:#EDEDED;
	color:#666;
	vertical-align: top;
	
}

	
.info-h-5 td{
	border: 1px #ddd solid; /* セルの枠線（太さ・色・スタイル） */
	padding:1em;
	vertical-align:top;
}

h4.info-h-6 {border-top:#B5B5B5 dashed 2px;
border-bottom:#B5B5B5 dashed 2px;
padding:20px;
color:#5D5D73;
margin:20px 0 40px 0}

.info-h-7 {background: no-repeat left center #FEECC2;
margin:10px 0;
padding:10px;
text-align:center;
color:#7E1313;
}

.info-h-b {margin:30px;}

table.submitT td {
    text-align: center;
}

table.inqT td span {
    margin: 0 3px;
    color: #CE5018;
}

.info-h-5 span {margin: 0 3px;
color: #CE5018;}

.toi th { width:150px;}

.toi input {margin-top:10px;}

input.toi-1 {width:75%;}

.toi textarea {width:95%;}

.font-min {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.k20 {font-size:2em;}

.border-b5 {border-bottom:#F0AFB2 dotted 1px;}


/*taiken*/
.taiken-1 .school-9 {border:#AC2522 2px solid;
}

.school-9.taiken h3 {color:#fff; margin:0; background:#BC6563; padding:5px;}

.taiken .list form .form-area dt{
	background:#E8D9D9;
	color:#663333;

}
.input-description.taiken {
	clear:both;
	background:#FFF;
	margin:0 -1em -1em;
	border:2px solid #E8D9D9;
	padding:1em;
	color:#E41111;
	font-size:1em;
	border-top:10px solid #E8D9D9;
}

.taiken .enquete-title{
	color:#663333;
}

.selector.sel1 {width:300px; margin-bottom:5px; font-size:.9em;}


/*excel*/
/* 背景グラデーション(白-グレー) */
.back-wht-gry {
	padding: 0px;
	border: solid 1px #cccccc;
	background: linear-gradient(#ffffff 50%,#f4f4f4 50%,#fafafa);
	font-size:20px !important;
	font-weight:bold;
}

/* 2色見出しA(グリーン) */
.ttl-grn{
	position: relative;
	margin: 3px 4px;
	padding: 10px 5px 10px 14px;
	border-left: solid 6px #34cc71;
	color: #059f43;
	}
.ttl-grn::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	width: 6px;
	height: 50%;
	background-color: #10ad50;
	content: '';
}

/* 2色見出しB(オレンジ) */
.ttl-org{
	position: relative;
	margin: 3px 4px;
	padding: 10px 5px 10px 14px;
	border-left: solid 6px #ff9f2d;
	color: #f58400;
}
.ttl-org::before {
	position: absolute;

	left: -6px;
	bottom: 0;
	width: 6px;
	height: 50%;
	background-color: #f88301;
	content: '';
}

.biz-1 {border:#CCCCCC solid 1px;
border-radius:3px;
background: #F2F2F2;
padding:10px;
margin-bottom:40px;}

.biz-1 h3 {
	background: no-repeat left center url(../business/course/img/excel_topicbg.gif);
	color: #666666;
	font-size: 20px;
	padding: 10px 0 10px 20px;
	border-bottom: 6px solid #DDDDDD;
    border-bottom-image:url(../business/course/img/mesh-1.jpg) 10 10 round;
}

.biz-1.org h3 {
	background-image: url(../business/course/img/excel_topicbg2.gif);
}


.biz-1 h4 { color:#059F43;}

.biz-1.org h4 { color:#F58400;}

h4.biz-2 {background:#10AD50;
color:#fff; margin-bottom:20px;
padding-left:10px;}


h4.biz-3 {background:#F98704;
color:#fff; margin-bottom:20px;
padding-left:10px;}

.biz ul {list-style:none;
margin:0;
padding-left:10px;}

.biz ul li {background: no-repeat left center url(../business/course/img/mark_exl.jpg);
padding-left:20px;
float:left;
margin-right:20px;}

.biz ul.biz-4 li {
    background-image: url(../business/course/img/mark_ppt.jpg);
}

.koza-1 {background: #F1F3FB;
color:#53A9CE;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
padding:10px;
margin:20px 10px}

.koza-1 span { font-size:1.6em;}

h4.koza-2 {color:#2238BB;
border-bottom:#2238BB solid 2px;
margin-bottom:20px;
padding-left:20px;
}

h5.koza-3 {border-left:#CCCCCC solid 4px;
padding-left:10px;
color:#666666;
margin-bottom:10px;}


h4.koza-4 {color:#E56E1F;
border-bottom:#E56E1F solid 2px;
margin-bottom:20px;
padding-left:20px;
}

h4.koza-8-word {color:#2238BB;
margin-bottom:20px;
padding-left:0;
}
h4.koza-8-excel {color:#169030;
margin-bottom:20px;
padding-left:0;
}
h4.koza-8-ppt {color:#E56E1F;
margin-bottom:20px;
padding-left:0;
}
h4.koza-8-access {color:#7D4FAB;
margin-bottom:20px;
padding-left:0;
}




.koza img {border:#CCCCCC solid 5px}

.koza .border-b3 {margin-bottom:20px!important;
padding-bottom:20px;}

.koza-5 a {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/news/img/arrow_aka1.gif);
	padding-left:20px;
}

h4.koza-6 {color:#6555C2;
border-bottom:#6555C2 solid 2px;
margin-bottom:20px;
padding-left:20px;
}

ul#listmenu {list-style:none;}

ul#listmenu li { float:left;
margin-left:10px;}

ul#listmenu li a {color:#A41C1C;
text-decoration:none;}

.box-ipad5 {border:solid 1px #D1D1D1;
border-radius:4px;
margin:5px 5px 10px 5px;
padding:10px;
background:#F8F8F8;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.box-ipad5 ul {
	margin-left:10px;
}
.box-ipad5 ul {list-style:none;}

.box-ipad5 ul li {
    margin: 0 0 5px 0;
    display: block;
    text-align: left;
    width: 450px;
    float: left;
	font-size: 13px;
}

.box-ipad5 ul li a {
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-image: url(../school/course/ipad/cmn/img/z_arrow_blue.jpg);
	padding: 0 0 0 20px;
	font-size: 12px;
}

.iphone-comic h2 {background: no-repeat left center url(../school/course/iphone/cmn/img/comic/pttl12.jpg);
border-bottom:solid 1px #AEAEAE;
margin:20px 0 40px 0;
padding:20px 10px 20px 60px;
color:#333; 
font-weight:600;
font-size:1.4em;}

.comic-1 {border:#B0B0B0 solid 1px;
margin:0 0 40px 0;
padding:20px 0 20px 20px;}

.comic-1 h4,.comic-4 h4 { color:#D55453;
font-weight:600px;}

.comic-2 {background: #E2E2E2;
border-radius:4px;
padding:10px;
margin:10px 0;}

.comic-2 img {float:left;}

.comic-3 {margin-left:135px;}

.iphone-comic h3 {padding:0;}


.iphone-comic ul {list-style:none;
margin:0;}

.iphone-comic ul li {
    margin: 0 0 5px 0;
    display: block;
    text-align: left;
    width: 310px;
    float: left;
	font-size: 13px;
	padding:0;
}

.iphone-comic ul li a {
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-image: url(../school/course/iphone/cmn/img/comic/ico_arrow_blue.gif);
	padding: 0 0 0 12px;
	font-size: 12px;}
	
li.icoQ {background: no-repeat left 3px url(../school/course/iphone/cmn/img/faq_q.jpg);
padding-left:50px;}

li.icoA {background: no-repeat left 3px url(../school/course/iphone/cmn/img/faq_a.jpg);
padding-left:50px;}

.conBox ul {border-bottom:#CCCCCC solid 1px;
padding-bottom:20px;
margin-bottom:20px;}

.koza-7 { text-align:right;}

.koza-7 a{ border:#CDCDCD solid 1px;
font-size:12px;
padding:2px 2px 2px 15px;
background: no-repeat 5px center url(../school/news/img/arrow_aka1.gif);
display:block;
width:40px;
float:right;
text-decoration:none;}

.nuri-1 {background: #F1FBF3;
color:#11982F;
font-weight:bold;
padding:5px 10px;
margin:10px;}

.sui-1 {background: #FBF5F1;
color:#EE6912;
font-weight:bold;
padding:5px 10px;
margin:10px;}

.koza-9 a{ 
padding:2px 2px 2px 15px;
background: no-repeat 5px center url(../school/news/img/arrow_aka1.gif);
display:block;
float:right;
text-decoration:none;}

.pc-b7 h3 {color:#14A7AC;
padding-left:0;
margin-bottom:20px;}

.pc-b7 h4 {border-left:#0F6E72 solid 5px;
color:#0F6E72;
padding-left:10px}

h6.sui-2 {color:#7C4C4C;
margin:0 0 10px 0;
padding:0;}

.sui-3 {background: no-repeat left center url(../school/course/img_suisai/ico_comment.gif);
padding-left:50px;
min-height:50px}

.sui-4 {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../school/course/img_suisai/ico_comment2.gif);
	padding-left: 50px;
	min-height:50px;
}

h3.emer {border-top:#990000 solid 1px;
border-bottom:#990000 solid 1px;
color:#990000;
margin:10px 0;
padding:5px;}

.emer-2 {background: no-repeat left 5px url(../school/emergency/img/ico_arrow.gif);
padding-left:20px;
margin-bottom:10px;}

.mm-box {border:#9C6750 solid 1px;
background:#F7F7F7;
margin:10px;
color:666666 !important;
padding:10px;}

.mm-q h4 {background: no-repeat left 10px url(../cmn/img/q.gif);
padding-left:30px;
color:#59574F;}

.mm-q p { margin-left:30px;}


.sitemap ul {list-style:none;
padding:0; margin:0 10px 0 0;}

.sitemap ul li {background: no-repeat left 10px url(../cmn/img/arrow_green1.gif);
padding-left:20px;
margin-left:0;}

.sitemap ul li ul li {
	background-repeat: no-repeat;
	background-position: left 10px url(../cmn/img/arrow_green1.gif);
	background-image: url(../cmn/img/arrow_green2.gif);
	padding-left: 20px;
	margin-left: 0;
}

.privacy-1 {color:#471717;
border-bottom:#5F4E31 dotted 1px}


h3.jsk-14 {border-bottom:dotted 1px #5F4E31;
color:#471717;
padding-bottom:5px;
 position: relative;
 padding-left: 24px;}
 
 h3.jsk-14:before {
    position: absolute;
    top: 11px;
    left: 4px;
    width: 14px;
    height: 14px;
    background: #471717;
    content: "";
}

div.kiyakubox {
    overflow: auto;
    height: 130px;
    padding: 1em 1em;
    border: solid 3px #CCC;
    margin: 5px 5px;
}

input.btnSubmit {
    width: 200px;
    height: 50px;
    border: outset 3px #005;
    background-color: #005;
    color: #FFF;
    font-size: 16px;
}

#modal-content{
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:2;
	position:fixed;
	display: none ;
}

.modal-p{
	margin-top:1em;
}

.modal-p:first-child{
	margin-top:0;
}

.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	width:100%;
	height:120%;
	position:fixed;
	top:0;
	left:0;
}

.m10-l-pc {margin-left:10px;}

.m15-l-pc {margin-left:15px;}

h4.school-11 {border-bottom:#D52C65 dotted 2px;
color:#333;
padding:0 0 10px 5px;
margin-bottom:10px;
font-size:1.2em;
margin-top:20px;
}



.iphone-comic ul.bangai {
margin:15px 15px 10px 30px;
text-indent:-15px}

.iphone-comic ul.bangai li {
    margin: 0 0 5px 0;
    text-align: left;
    width: auto;
    float: none;
	font-size: 16px;
	padding:0;
}

.gray-l {border-left:#D5D5D5 solid 25px;
padding-left:15px;
margin-bottom:30px;}

.m10-r-pc {margin-right:10px;}

.m40-l-pc {margin-left:40px;}

.m40-r-pc {margin-right:40px;}

.m50-l-pc {margin-left:50px;}

.iphone-basic2  {margin-left:40px !important;}

.right-pc {text-align:right;}



/* 190911 MV */
.top-mv {background:#fbfbfb;position:relative;padding-bottom:20px;}
.mv-area .box-pho {float:left;width:455px;height:435px;}

.mv-area .box-txt {width:49%;float:right;margin:20px 15px 0 0;}
.mv-area .box-txt h2 {font-size:24px;font-weight:bold;line-height:1.4;color:#812505;padding:0;margin:15px 0;background:none;}
.mv-area .box-txt p {font-size:16px;line-height:1.8;}

.mv-area .top-mv-fuki {clear:both;background:#79b446;text-align:center;padding:15px 0;position: relative;}
.mv-area .top-mv-fuki p {color:#fff;font-size:24px;font-weight:bold;margin:0;line-height:24px;letter-spacing:0.05em;}
.mv-area .top-mv-fuki:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #79b446;
}
.mv-area .ad {background:#9c4d34;}
.mv-area .ad:before {border-bottom: 15px solid #9c4d34;}


.spv {display:none;}



/*adeccoアコーディオン 20221109*/

summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

.summary_inner{
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 24px;
  border: 1px solid #7ba6e3;
  font-weight: bold;
  color: #002255;
  background-color: #f2f8ff;    
  border-radius: 10px 10px 0 0;  
}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #145ABA;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}

/* --------summaryタグの疑似要素でアイコンを作る場合-------- */
.wrapper_pseudoElementsIcon .summary_inner::after {
  content: "";
  display: block;
  width: 25px;
  height: 16px;
  margin-left: 6px;
  flex-shrink: 0;
  background-image: url("icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: center 43%;


  /* アコーディオンが閉じる時にアイコンをアニメーションさせます */
  animation: 0.4s close-animation;
}

@keyframes close-animation {
  from {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(0deg);
  }
}

/* アコーディオンが開いた時にアイコンをアニメーションさせます */
details[open] .summary_inner::after {
  animation: 0.4s open-animation forwards;
}

@keyframes open-animation {
  from {
    transform: rotate(0deg);
  }

  to{
    transform: rotate(180deg);
  }
}

/* --------アコーディオンの中身のスタイル-------- */
.content {
  background-color: #ffffff;
  border: 1px solid #7ba6e3;
  padding: 15px 0px 10px 10px;
  display: flex;
  font-size: 12px;
  flex-direction: column;
  gap: 14px;
}

/* --------レイアウト用のスタイル-------- */
.wrapper {
  display: flex;
  margin: 0 auto;
}

.wrapper details {
  margin-bottom: 10px;
}

.wrapper details:last-child {
  margin-bottom: 0;
}

.wrapper_normalIcon, .wrapper_pseudoElementsIcon {
  width: 700px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1071px) {
  .wrapper_normalIcon {
    margin-right: 24px;
  }
}

@media (max-width: 1070px) {
  .wrapper {
    flex-direction: column;
  }

  .wrapper_normalIcon {
    margin-bottom: 24px;
  }
}

@media (max-width: 760px) {
  .wrapper_normalIcon, .wrapper_pseudoElementsIcon {
    width: 100%;
  }
}

.wrapper_title {
  font-size: 22px;
}