.ClearFix:after, .areaSNS:after, .areaMenu ul:after, .areaCourse .oneCourse .title:after, .areaCourse .oneCourse .detail:after, .areaCourse .oneCourse .detail li:after, .areaCourse .oneCourse .detail .other:after, .areaCourse .oneCourse .visit:after, .areaCourse .oneCourse .plan ul:after, .areaCourse .oneCourse .plan ul li:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
.ie6 .ClearFix, .ie6 .areaSNS, .ie6 .areaMenu ul, .areaMenu .ie6 ul, .ie6 .areaCourse .oneCourse .title, .areaCourse .oneCourse .ie6 .title, .ie6 .areaCourse .oneCourse .detail, .areaCourse .oneCourse .ie6 .detail, .ie6 .areaCourse .oneCourse .detail li, .areaCourse .oneCourse .detail .ie6 li, .ie6 .areaCourse .oneCourse .detail .other, .areaCourse .oneCourse .detail .ie6 .other, .ie6 .areaCourse .oneCourse .visit, .areaCourse .oneCourse .ie6 .visit, .ie6 .areaCourse .oneCourse .plan ul, .areaCourse .oneCourse .plan .ie6 ul, .ie6 .areaCourse .oneCourse .plan ul li, .areaCourse .oneCourse .plan ul .ie6 li {
	zoom:1
}
.ie7 .ClearFix, .ie7 .areaSNS, .ie7 .areaMenu ul, .areaMenu .ie7 ul, .ie7 .areaCourse .oneCourse .title, .areaCourse .oneCourse .ie7 .title, .ie7 .areaCourse .oneCourse .detail, .areaCourse .oneCourse .ie7 .detail, .ie7 .areaCourse .oneCourse .detail li, .areaCourse .oneCourse .detail .ie7 li, .ie7 .areaCourse .oneCourse .detail .other, .areaCourse .oneCourse .detail .ie7 .other, .ie7 .areaCourse .oneCourse .visit, .areaCourse .oneCourse .ie7 .visit, .ie7 .areaCourse .oneCourse .plan ul, .areaCourse .oneCourse .plan .ie7 ul, .ie7 .areaCourse .oneCourse .plan ul li, .areaCourse .oneCourse .plan ul .ie7 li {
	zoom:1
}
.CtsMrBox {
	-webkit-text-size-adjust:none
}
@media screen and (min-width: 960px) {
.CtsMrBox {
	width:960px;
	margin:0 auto 30px;
}
}
.areaTitle img {
	max-width:100%
}
.areaSNS {
	margin:10px;
	margin:1rem
}
@media screen and (min-width: 960px) {
.areaSNS {
	margin:10px 0;
	margin:1rem 0
}
}
.areaSNS .snsSet {
	float:right
}
.areaSNS .sns {
	float:left;
	margin-left:15px;
	margin-left:1.5rem
}
#___plusone_0 {
	width:60px !important
}
.areaMenu {
	margin:10px 10px 30px 10px;
	margin:1rem 1rem 3rem 1rem;
	position:relative
}
.areaMenu h2 {
	text-align:center
}
.areaMenu h2 img {
	max-width:100%
}
.areaMenu ul {
	margin:15px 15px 0 15px;
	margin:1.5rem 1.5rem 0 1.5rem;
	position:relative
}
.areaMenu ul li {
	float:left;
	margin:0px 2px 5px 2px;
	margin:0rem 0.2rem 0.5rem 0.2rem
}
.areaMenu ul li a {
	border:1px solid #d7dada; /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ font-family:arial, helvetica, sans-serif; padding: 5px; font-weight:bold; text-align: left; color: #0066CC; background-color: #f4f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f5f5), color-stop(100%, #dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(top, #f4f5f5, #dfdddd);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
 /*	border-top:1px solid #EEE;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #EEE;
	background-color:#EEE;
*/	
	position:relative;
	display:block;
	white-space:nowrap
}
.areaMenu ul li a:hover {
	border:1px solid #bfc4c4; background-color: #d9dddd;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dddd), color-stop(100%, #c6c3c3));
	background-image: -webkit-linear-gradient(top, #fff, #ffffff);
	background-image: -moz-linear-gradient(top, #ffffcc, #ffffff);
	background-image: -ms-linear-gradient(top, #ffffcc, #ffffff);
	background-image: -o-linear-gradient(top, #ffffcc, #ffffff);
	background-image: linear-gradient(top, #ffffcc, #ffffff);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
	/*	background-color:#FFE;
*/}
.areaMenu .destSet {
	margin-top:20px;
	margin-top:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	background:url(../images/dot.gif);
}
.areaMenu .destSet a {
	padding-right:15px;
	padding-right:1.5rem;
	font-size:10px;
	font-size:1rem
}
.areaMenu .destSet a img {
	height:45px;
	padding-right:8px;
	padding-right:0.8rem;
	display:inline-block;
	vertical-align:middle;
*zoom:1;
*display:inline
}
.areaMenu .destSet a .course {
	display:inline-block;
	vertical-align:middle;
*zoom:1;
*display:inline
}
.areaMenu .destSet a .course:after {
	content:' ▼';
	display:inline
}
.areaCourse {
	margin:0px 10px 50px 10px;
	margin:0rem 1rem 5rem 1rem
}
.areaCourse .oneCourse {
	border:1px solid #CCC;
	margin-bottom:20px;
	margin-bottom:2rem;
	position:relative
}
.areaCourse .oneCourse .title {
	padding:5px;
	padding:0.5rem;
	margin-bottom:10px;
	margin-bottom:1rem;
	background-color:#EEE;
	/*border-bottom:1px dotted #CCC*/
}
.areaCourse .oneCourse .title .cID {
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	border:1px solid #FFF;
	background-color:#FFF;
	color:#4C4C4C;
	padding:5px;
	padding:0.5rem;
	margin:0px 5px 5px 0;
	margin:0rem 0.5rem 0.5rem 0;
	display:block;
	float:left
}
.areaCourse .oneCourse .title .cName {
	font-size:16px;
	font-size:1.6rem;
	line-height:120%;
	display:block;
	float:left;
	margin:5px 5px 5px 10px;
	margin:0.5rem 0.5rem 0.5rem 1rem;
	font-weight:bold
}
.areaCourse .oneCourse .detail {
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	margin-bottom:1rem
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .detail {
	position:relative;
	min-height:160px
}
}
.areaCourse .oneCourse .detail li {
	margin:0px 10px 10px 10px;
	margin:0rem 1rem 1rem 1rem
}
.areaCourse .oneCourse .detail li span {
	display:block
}
.areaCourse .oneCourse .detail li .icn {
	text-align:center;
	width:70px;
	width:7rem;
	padding:3px;
	padding:0.3rem;
	float:left
}
.areaCourse .oneCourse .detail li .str {
	margin-left:85px;
	margin-left:8.5rem;
	padding:3px;
	padding:0.3rem
}
.areaCourse .oneCourse .detail li .str strong {
	color:#F00
}
.areaCourse .oneCourse .detail .photo {
	margin:0px 0 20px 10px;
	margin:0rem 0 2rem 1rem;
}
/*.areaCourse .oneCourse .detail .photo img{ max-width:200px; max-height:150px;}*/
.areaCourse .oneCourse .detail .photo img{ width:200px; height:150px;}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .detail .photo {
	position:absolute;
	top:0;
	left:0
}
/*.areaCourse .oneCourse .detail .photo img{ max-width:200px; max-height:150px;}*/
.areaCourse .oneCourse .detail .photo img{ width:200px; height:150px;}
}
.areaCourse .oneCourse .detail .point {
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	margin-bottom:1rem
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .detail .point {
	margin-left:210px
}
}
.areaCourse .oneCourse .detail .point .icn {
	border-top:1px solid #ff7373;
	border-left:1px solid #ff7373;
	border-bottom:1px solid #b32d2d;
	border-right:1px solid #b32d2d;
	background-color:#FF4040;
	color:#fff100
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .detail .other {
	margin-left:210px;
	float:right
}
.areaCourse .oneCourse .detail .other li {
	float:left
}
}
.areaCourse .oneCourse .detail .other .icn {
	border:1px solid #CCC;
	background-color:#EEE
}
.areaCourse .oneCourse .visit {
	padding:0px 10px 10px 10px;
	padding:0rem 1rem 1rem 1rem;
	border-bottom:3px double #CCC
}
.areaCourse .oneCourse .visit span {
	display:block;
	padding:3px;
	padding:0.3rem;
	float:left
}
.areaCourse .oneCourse .visit .icn {
	background-color: #ffc000;
    border-top: 1px solid #ffd24d;
    border-right: 1px solid #d9ad2b;
    border-bottom: 1px solid #d9ad2b;
    border-left: 1px solid #ffd24d;
	color:#fff;
	margin-right:8px;
	margin-right:0.8rem
}
.areaCourse .oneCourse .plan {
	font-size:16px;
	font-size:1.6rem;
	padding-top:2rem;
	background-color:#f2f2f2;
}
.areaCourse .oneCourse .plan ul {
	margin:0px 10px 10px 10px;
	margin:0rem 1rem 1rem 1rem
}
.areaCourse .oneCourse .plan ul li {
	margin-bottom:15px;
	margin-bottom:1.5rem
}
.areaCourse .oneCourse .plan ul li p {
	margin-bottom:8px;
	margin-bottom:0.8rem
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .plan ul li p {
	margin-left:15px
}
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .plan ul li {
	float:right;
	clear:right;
	display:block;
}
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .plan ul {
	margin:0px 10px 0 10px;
	margin:0rem 1rem 0 1rem
}
}
.areaCourse .oneCourse .plan .cTitle {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ffc61a;
	padding:8px;
	padding:0.8rem
}


@media screen and (min-width: 610px) {
.areaCourse .oneCourse .plan .cTitle {
	float:left;
	white-space:nowrap;
}
}
.areaCourse .oneCourse .plan .cPrice {
	text-align:right;
	color:#F00;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold
}
@media screen and (min-width: 610px) {
.areaCourse .oneCourse .plan .cPrice {
	padding:8px;
	padding:0.8rem;
	float:left
}
}
.areaCourse .oneCourse .plan .cBtn {
	float: right;
	text-indent:-7777px
	}
.areaCourse .oneCourse .plan .cBtn a {
	background:url(../images/btn.png) no-repeat; 
	width:170px;
	height:35px;
	display:block;
}

.areaCourse .oneCourse .plan .cBtn a:hover {
	background:url(../images/btn.png) no-repeat 0 -35px; 
	width:170px;
	height:35px;
	display:block;
}

.areaCourse .oneCourse .plan .cBtn a:after {
	content:' ▶'
}
.areaCourse .oneCourse .noBuy {
	background-color:#CCC;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66CCCCCC, EndColorStr=#66CCCCCC);
	background-color:rgba(204,204,204,0.85)
}
.areaCourse .oneCourse .noBuy p {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-43px;
	margin-left:-107px;
	width:230px;
	height:70px;
	background:url(../images/kanbai.gif) no-repeat;
	text-indent:-9999px;
}
.mailmag img {
	max-width:100%;
}


.areaMenu .destSet ul li{width:100%;}
.areaMenu .destSet a{font-size: 17px;font-size: 1.7rem; text-align:center; padding:15px 10px;padding:1.5rem 1rem;}

@media screen and (min-width: 650px) {
	.areaMenu .destSet ul li{width:48.5%;}
	.areaMenu .destSet ul li#d2{float:right;}
}

