@charset "UTF-8";
/*---------------------------------
system styleSheet
----------------------------------*/
#main h2 {
	margin-bottom:0;
}
h3.classTitle {
	padding: 0;
	margin-top: 0;
	font-size:18px;
	font-size:1.8rem;
}
h3.classTitle span {
	display:block;
	margin-bottom:0.5em;
}
h3.classTitle i{
	color:#FDC44F;
}
section.classArea {
	margin: 1.5em 0 2.5em;
	padding: 1em;
	background-image:url(../../img/back01.gif);
	background-repeat:repeat;
}
.systemInfo img {
	display:block;
	margin:0 auto;
}
.loginArea {
	margin-top:2em;
}
.loginArea h3 {
	font-size:16px;
	font-size:1.6rem;
	border-bottom:1px dotted  #999;
	text-align:center;
	color:#666;
	margin-top:1em;
}
.loginArea img{
	display:block;
	margin:2em auto 0;
}
.loginArea p.mobileInfo {
	border:1px dotted #CCC;
	padding:1em;
}
h3.systemTitle {
	padding:0 0.6em;
	margin:0;
	border-bottom:1px dotted #CCC;
	border-left:5px solid #FDC44F;
}
ol {
	padding:0;
	margin:0;
}
ol li {
	margin:0 0 1em;
	padding:0.8em;
	border:1px dotted #CCC;
}
ol li.last {
	margin:0;
}
ol li span {
	display:block;
	color:#F30;
	font-weight:bold;
}
section.classArea img {
}
article#systemArea {
}
.more{
  text-align: center;
  padding:0.2em 0;
  }
/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 31.25em) {  /*500px*/
  section.classArea {
  padding: 2em;
  }
  h3.classTitle {
	font-size:24px;
	font-size:2.4rem;
	border-bottom: 1px dotted #666;
	box-shadow: 0px 1px 0px 0px #FFF;
  }
  h3.classTitle span {
	display: inline;
	margin-bottom:0;
  }
  p#clublife_info {
	padding: 2em;
}
}

@media only screen and (min-width: 41.875em) {  /*670px*/
  /*old IE*/
  .ie8 #systemArea section{
    margin: 0 0.8547%;
    /*10px/1170px*/
  }
  .ie7 #systemArea section{
    margin: 0 0.7800%;
    width: 31.5542%;
  }
  /*lesson*/
  article .inner{
    display: block;
  }
  .systemGuide .inner .loginArea { 
    float: right;
    width: 45.9770%;
    /*570px(6column)/1170px*/
	background-image: url(../../img/back03.gif);
	background-repeat:repeat;
  }
  .systemGuide .systemInfo {
    float: left;
    width: 45.9770%;
    /*570px(6column)/1170px*/
  }
  .loginArea {
	margin-top:0;
  }
  .loginArea h3 {
	border-bottom: none;
  }
  .loginArea p.mobileInfo {
	border: none;
	padding:1em;
  }
  .more{
  padding:0.7em 0;
  }
}

@media only screen and (min-width: 56.25em) {  /*900px*/
  h3.classTitle  {
  padding: 0;
   }
  .systemGuide .inner .loginArea {
    float: right;
    width: 47.1264%;
    /*410px/870px*/
  }
  .systemGuide .systemInfo {
    float: left;
    width: 47.1264%;
    /*410px/870px*/
  }
  section.classArea {
  }
  ol li span {
	display: inline-block;
	margin-right:1em;
  }
  h3.systemTitle {
	margin:0;
  }
}