@charset "utf-8";

/* **************************************************** 0 to 479px ******************* */
div.course-head{
	display:inline-block;
	width:100%;
	background: #F2B10F;
	background:-moz-linear-gradient(rgba(236,165,23,0.7), rgba(236,165,23,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(236,165,23,0.7)), to(rgba(236,165,23,0.9)));
	font-weight: normal;
	text-shadow:0 -1px 0 rgba(242,100,30,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	border:1px solid #F2B10F;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	padding:3px 0.5em;
	color:#FFFFFF;
}

div.course-box{
	padding:0.5em;
}

div.course-head2{
	display:inline-block;
	color: #FFFFFF;
	background: #966731;
	background:-moz-linear-gradient(rgba(150,103,49,0.7), rgba(150,103,49,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(150,103,49,0.7)), to(rgba(150,103,49,0.9)));
	font-weight: normal;
	text-shadow:0 -1px 0 rgba(106,58,13,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	border:1px solid #6A3A0D;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	padding:3px 0.5em;
	color:#FFFFFF;
	margin-bottom:0.3em;
}

table{
	font-size:90%;
	width:100%;
	max-width:600px;
	border-collapse:collapse;
}

table tr th{
	font-weight:normal;
	background: #966731;
	background:-moz-linear-gradient(rgba(150,103,49,0.7), rgba(150,103,49,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(150,103,49,0.7)), to(rgba(150,103,49,0.9)));
	font-weight: normal;
	text-shadow:0 -1px 0 rgba(106,58,13,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	border:1px solid #6A3A0D;
	color:#FFFFFF;
}

table tr td{
	text-align:center;
	border-right:1px solid #6A3A0D;
	border-bottom:1px solid #6A3A0D;

}

p.futai{
	font-size:90%;
	padding-left:0.5em;
}

span.course-att{
	font-size:90%;
	padding-left:1em;
}

p.course-att{
	padding-left:1.5em;
	text-indent:-0.5em;
}

p.course-att:before{
	content:"*";
}


@media only screen and (min-width: 600px) { /* *************************************** */

p{
	line-height:2;
	padding:0 0.5em;
}


/* ** */}

@media only screen and (min-width: 960px) { /* *************************************** */



/* ** */}