﻿/*********************/
/* common 1000px以上 */
/*********************/

body {
	color:#646464;
	font-size:12px;
	letter-spacing:0.02em;
	line-height:1.6;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a:link, a:visited {
	color:#646464;
	text-decoration:none;
}
a:hover {
	color:#646464;
	text-decoration:underline;
}
.pc {
}
.sp {
	display:none;
}
.wrap {
	width:800px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
h2.base {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	border-bottom:1px solid #323232;
	margin:70px auto 25px;
	clear: both;
}
h2.base span {
	font-size:12px;
	text-align:left;
	float:right;
	margin-top:20px;
}
h2.base2 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	margin:70px auto 25px;
}
h2.entry-title{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	margin:20px auto 25px;  
  border-bottom: 1px dotted #666;
}
.page-header{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	margin:70px auto 25px;  
}
header .entry-header{
  border-bottom: none!important;
}
nav.navigation{
  display: none;
}
article{
  margin-bottom: 40px;
}
.entry-footer{
  padding: 5px;
  margin-top: 20px;
  background: #999;
}

.wp-pagenavi{
  margin-bottom: 50px;
}
.wp-pagenavi a,
.wp-pagenavi span{
  padding: 15px;
  font-size: 16px;
  border: 1px dotted #AAA;
}
.wp-pagenavi .current{
  background-color: #eaeaea;
}
.post-thumbnail{
  display: none;
}

/*********************/
/* header 1000px以上 */
/*********************/

header {
	overflow:hidden;
	clear:both;
	width:100%;
	border-bottom:1px solid #040000;
}
#headerIn {
	width:1000px;
	margin:0 auto;
}
h1 {
	float:left;
	width:390px;
	margin:20px;
}
#headerIn div {
	float:right;
	width:560px;
	margin:60px 10px 0 0;
}
#headerIn div p {
	text-align:right;
	margin-bottom:20px;
}
#headerIn div ul {
	text-align:right;
}
#headerIn div ul li {
	display:inline-block;
	padding:5px 0 5px 20px;
}
#headerIn div ul li a:hover,#headerIn div ul li span.now {
	color:#EE7C7C;
	text-decoration:none;
}

/********************/
/* mainv 1000px以上 */
/********************/

#mainv {
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #040000;
	min-width:1000px;
}

/******************/
/* top 1000px以上 */
/******************/

#lesson {
	width:800px;
	min-height:200px;
	margin:60px auto 70px;
	background:url(../img/top/lessonBg.png) no-repeat left top;
	overflow:hidden;
	clear:both;
	display: none;
}
.lesson1 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:17px;
	padding:100px 0 0 200px;
}
.lesson2 {
	padding:0 0 0 200px;
}
.lesson3 {
	font-size:13px;
	padding:0 0 0 200px;
}
#concept {
	width:370px;
	height:500px;
	margin:90px auto 0;
	padding:60px 0 0 430px;
	background:url(../img/top/conceptBg.png) no-repeat center top;
	overflow:hidden;
	clear:both;
}
#concept dt {
	font-size:25px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:10px
}
#concept dd {
	font-size:13px;
	padding-left:20px;
	margin-bottom:0 0 10px 0;
	
	
}
#info {
	width:800px;
	height:400px;
	margin:-20px auto 0;
	padding:50px 100px 0;
	background:url(../img/top/infoBg.jpg) no-repeat right top;
	overflow:hidden;
	clear:both;
}
#info h2 {
	height:50px;
	text-align:right;
	padding-top:50px;
	background:url(../img/top/ttlInfo.png) no-repeat left top;
}
#info .fb {
	width:130px;
	float:left;
	text-align:right;
	margin:150px 10px 0 0;
}
#info dl {
	float:left;
	margin-top:20px;
}
#info dt {
	width:80px;
	float:left;
	margin-top:5px;
}
#info dd {
	margin-top:5px;
}
#info strong {
  font-weight: bold;
}
#news {
	width:778px;
	margin:0 auto 70px;
	padding:10px;
	background:url(../img/top/ttlNews.png) no-repeat right bottom;
	border:1px solid #323232;
	overflow:hidden;
	clear:both;
}
#news p {
	float:left;
	text-align:center;
}
#news p img {
	width:100%;
}
#news dl {
	width:380px;
	margin-top:40px;
	float:right;
	text-align:center;
}
#news dt {
	font-size:25px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom:1px solid #323232;
}
#news dd.txt {
	font-size:11px;
	margin-bottom:40px;
}
#news dd.btn a {
	border:1px solid #323232;
	padding:5px 20px;
	display:inline-block;
}
#news dd.btn a:hover {
	color:#EE7C7C;
}
#item {
	padding:50px 0 0;
	margin-bottom:70px;
	background:#515050;
	overflow:hidden;
	clear:both;
	color:#FFFFFF;
	text-align:center;
	min-width:1000px;
}
#itemIn {
	width:800px;
	height:210px;
	margin:0 auto;
	background:url(../img/top/ttlItem.png) no-repeat left 15px;
}
#itemIn p {
	float:left;
	width:200px;
	margin-top:90px;
}
#itemIn li {
	float:left;
	width:160px;
	margin-left:25px;
}
#itemIn li img{
	margin-bottom:5px;
}
#facebook{
	width: 500px;
	height: 400px;
  margin: 50px auto;
}

/*******************/
/* sale 1000px以上 */
/*******************/
.noteSale {
	width:800px;
	margin:70px auto 0;
}
.noteSale dt {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	margin-bottom:25px;
}
.noteSale dd {
}
.itemList {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.itemList li {
	float:left;
	margin-right:20px;
}
.itemList li:nth-child(4n) {
	margin-right:0;
}
.itemList:last-child {
	margin-bottom:70px;
}
.itemdetail li{
  margin-bottom: 20px;
}



/**********************/
/* profile 1000px以上 */
/**********************/
p.profileImg {
	float:left;
	margin:0 30px 110px 0;
}
p.profileName {
	margin-bottom:25px;
}
.work {
	width:500px;
	margin-left:280px;
}
.workList {
	margin-bottom:20px;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
	font-size:12px;
}
.address {
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
}
.address dt {
	clear:both;
	width:20%;
	float:left;
	padding:5px 0;
	border-bottom:1px dotted #323232;
}
.address dd {
	width:80%;
	float:left;
	padding:5px 0;
	border-bottom:1px dotted #323232;
}
.gMap {
	margin-bottom:185px;
}
.gMap iframe {
	width:400px;
	height:400px;
}


.article header{
  border-bottom: none;
}

.profileTxt{
	font-size:14px;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/**********************/
/* class 1000px以上 */
/**********************/

.classTopRight {
	width:260px;
	float:right;
	margin:70px 0 0 0px;
}
.classTopRight li {
	margin-bottom:20px;
}
.classTopLeft {
	float:left;
	margin-top:70px;
        width:500px;
}
.classTopLeft dt {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	margin-bottom:15px;
}
.classTopLeft dd {
	margin-bottom:50px;
}
.classTopLeft ul.btn {
	margin-bottom:60px;
}
.classTopLeft ul.btn li a{
	display:block;
	margin-bottom:15px;
	width:400px;
	height:40px;
	line-height:40px;
	border:1px solid #EE7C7C;
	text-align:center;
	color:#EE7C7C;
	font-size:18px;
}
.classTopLeft ul.btn li a:hover {
	border:1px solid #EE7C7C;
	color:#FFFFFF;
	background:#EE7C7C;
	text-decoration:none;
}
.studentItemList {
	overflow:hidden;
	clear:both;
}
.studentItemList li {
	float:left;
	margin:0 20px 20px 0;
}
.studentItemList li:nth-child(4n) {
	margin-right:0;
}
.lectureList {
	overflow:hidden;
	float:left;
	margin:0 20px 30px 0;
	width:185px;
}
.lectureList:nth-child(4n+3) {
	margin-right:0;
}
.lectureList h3 {
	height:55px;
	border-left:6px solid #EE7C7C;
	padding-left:6px;
	margin-bottom:10px;
        font-size:90%;
}
.lectureList .lectureImg {
	margin-bottom:10px;
}
.lectureList .lectureBtn a {
	display:block;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
	border:1px solid #EE7C7C;
	text-align:center;
	color:#FFFFFF;
	background:#EE7C7C;
	font-size:15px;
}
.lectureList .lectureBtn a:hover {
	border:1px solid #EE7C7C;
	color:#EE7C7C;
	background:#FFFFFF;
	text-decoration:none;
}
.lectureClassList{
  height: 80px;
}
.lectureList .lectureClassList li.classA span {     /*山陽カルチャー本部教室*/
	color:#F29138;
}
.lectureList .lectureClassList li.classB span {     /*パティスリー ジュ・フォヴィアン*/
	color:#85B851;
}
.lectureList .lectureClassList li.classC span {     /*Masayo Creation瀬戸内市教室*/
	color:#72B7D3;
}
.lectureList .lectureClassList li.classD span {     /*CSカンパニー*/
	color:#727DBC;
}



/*************************/
/* class_mini 1000px以上 */
/*************************/
.lectureBox {
	padding:9px;
	margin-bottom:30px;
	overflow:hidden;
	clear:both;
}
.lectureBoxLeft {
	width:250px;
	float:left;
	margin-right:10px;
	margin-bottom:30px;
}
.lectureBoxRight {
	width:520px;
	float:right;
	margin-bottom:30px;
}
.lectureIconList {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	float:right;
}
.lectureIconList li {
	float:left;
	border:1px solid #646464;
	padding:0 5px;
	margin-left:5px;
}
.lectureIconList li.icon {
	background:url(../img/class_mini/icon.png) no-repeat 3px center;
	padding-left:15px;
}
.lectureInfo {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
	border-collapse:collapse;
	width:100%;
	border-bottom:1px dotted #646464;
}
.lectureInfo th {
	width:70px;
	padding:5px 0;
	text-align:center;
	border-top:1px dotted #646464;
}
.lectureInfo th span {
	color:#FFFFFF;
	width:60px;
	display:inline-block;
}
.lectureInfo td {
	height:20px;
	line-height:20px;
	padding:5px;
	border-top:1px dotted #646464;
}
.lectureInfo td span.btnMap a {
	width:80px;
	height:20px;
	display:inline-block;
	float:right;
}
.Btn01 a {
	clear:both;
	width:260px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:5px;
	display:inline-block;
	color:#FFFFFF;
	font-size:17px;
}
.Btn01 a:hover {
	text-decoration:none;
}


.boxA {
	border:1px solid #F29138;
}
.boxA .lectureInfo th span {
	background:#F29138;
}
.boxA .Btn01 a {
	border:1px solid #F29138;
	background:#F29138;
}
.boxA .Btn01 a:hover {
	background:#FFFFFF;
	color:#F29138;
}
.boxA .lectureInfo td span.btnMap a {
	background:url(../img/class_mini/btnMapA.png) no-repeat;
}

.boxB {
	border:1px solid #85B851;
}
.boxB .lectureInfo th span {
	background:#85B851;
}
.boxB .Btn01 a {
	border:1px solid #85B851;
	background:#85B851;
}
.boxB .Btn01 a:hover {
	background:#FFFFFF;
	color:#85B851;
}
.boxB .lectureInfo td span.btnMap a {
	background:url(../img/class_mini/btnMapB.png) no-repeat;
}

.boxC {
	border:1px solid #72B7D3;
}
.boxC .lectureInfo th span {
	background:#72B7D3;
}
.boxC .Btn01 a {
	border:1px solid #72B7D3;
	background:#72B7D3;
}
.boxC .Btn01 a:hover {
	background:#FFFFFF;
	color:#72B7D3;
}
.boxC .lectureInfo td span.btnMap a {
	background:url(../img/class_mini/btnMapC.png) no-repeat;
}

.boxD {
	border:1px solid #727DBC;
}
.boxD .lectureInfo th span {
	background:#727DBC;
}
.boxD .Btn01 a {
	border:1px solid #727DBC;
	background:#727DBC;
}
.boxD .Btn01 a:hover {
	background:#FFFFFF;
	color:#727DBC;
}
.boxD .lectureInfo td span.btnMap a {
	background:url(../img/class_mini/btnMapD.png) no-repeat;
}


/*********************/
/* footer 1000px以上 */
/*********************/

footer {
	background:#323232;
	color:#FFFFFF;
	min-width:1000px;
}
footer a:link,footer a:hover,footer a:visited {
	color:#FFFFFF;
}

#footerIn {
	width:400px;
	margin:0 auto;
	padding:35px 0;
	overflow:hidden;
	clear:both;
}
#footerIn p {
	float:left;
	margin-right:20px;
}
#footerIn dl {
	width:380px;
	margin:0 auto;
}
#copy {
	background:#FFFFFF;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#323232;
	font-size:11px;
}
.entry-content p{
	line-height:200%;
	font-size:16px;
}
.entry-content img{
	width:80%;
}
.entry-content .img {
    text-align: center;
}

@media (max-width: 768px) {

/********************/
/* common 768px以下 */
/********************/

body {
	color:#646464;
	font-size:90%;
	letter-spacing:0.02em;
	line-height:1.6;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a:link, a:visited {
	color:#646464;
	text-decoration:none;
}
a:hover {
	color:#646464;
	text-decoration:underline;
}
.pc {
	display:none;
}
.sp {
	display:inherit;
}
.wrap {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
h2.base {
	font-size:130%;
	margin:20px auto;
	text-align:center;
}
h2.base2 {
	font-size:130%;
	margin:20px auto;
	text-align:center;
}


/********************/
/* header 768px以下 */
/********************/

header {
	overflow:hidden;
	clear:both;
	min-width:inherit;
}
#headerIn {
	width:100%;
	margin:0 auto;
}
h1 {
	float:none;
	width:90%;
	margin:5%;
	text-align:center;
}
#headerIn div {
	float:none;
	width:90%;
	margin:0 auto 5%;
}
#headerIn div p {
	text-align:center;
	margin-bottom:20px;
}
#headerIn div ul {
	text-align:center;
	margin-bottom:20px;
	overflow:hidden;
}
#headerIn div ul li{
	display:block;
	float:left;
	width:46%;
	text-align:center;
	background:#EE7C7C;
	padding:0;
	margin:1% 2%;
}
#headerIn div ul li a{
	display:block;
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#EE7C7C;
	border:2px solid #EE7C7C;
}
#headerIn div ul li a:link,#headerIn div ul li a:visited {
	display:block;
	color:#FFFFFF;
}
#headerIn div ul li a:hover,#headerIn div ul li span.now {
	display:block;
	background:#FFFFFF;
	color:#EE7C7C;
}

/*******************/
/* mainv 768px以下 */
/*******************/

#mainv {
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #040000;
	min-width:inherit;
}

/*****************/
/* top 768px以下 */
/*****************/

#facebook{
	width: 100%;
	height: 400px;
  margin: 0 auto 50px;
}


#lesson {
	width:90%;
	height:auto;
	margin:20px auto 50px;
	background:url(../img/top/lessonBg.png) no-repeat center top;
	background-size:60%;
	overflow:hidden;
	clear:both;
}
.lesson1 {
	font-size:110%;
	padding:50% 0 0;
}
.lesson2 {
	padding:0 0 10px;
}
.lesson3 {
	font-size:110%;
	padding:0 0 10px;
}
#concept {
	width:90%;
	height:auto;
	padding:30% 0 105%;
	background:url(../img/top/ttlConceptSp.png) no-repeat center top,url(../img/top/conceptBgSp.jpg) no-repeat center bottom;
	background-size:contain,contain;
	margin:60px auto 50px;
}
#concept dt {
	font-size:120%;
}
#concept dd {
	font-size:100%;
}
#info {
	width:90%;
	height:auto;
	margin:0 auto 50px;
	padding:0 0 50%;
	background:url(../img/top/infoBg.jpg) no-repeat center bottom;
	background-size:contain;
}
#info h2 {
	height:auto;
	text-align:center;
	padding:30% 0 0;
	background:url(../img/top/ttlInfoSp.png) no-repeat center top;
	background-size:contain;
}
#info .fb {
	width:100%;
	float:none;
	text-align:center;
	margin:5px;
}
#info dl {
	width:100%;
	float:none;
	margin-top:20px;
	text-align:center;
}
#info dt {
	width:auto;
	float:none;
	margin-top:5px;
}
#info dd {
	margin-top:0;
}
#news {
	width:80%;
	margin:0 auto 50px;
	padding:25% 5% 5%;
	background:url(../img/top/ttlNewsSp.png) no-repeat center 10px;
	background-size:contain;
}
#news p {
	float:none;
}
#news dl {
	width:100%;
	margin-top:20px;
	float:none;
	text-align:center;
}
#news dt {
	font-size:130%;
}
#news dd.txt {
	font-size:90%;
	margin-bottom:20px;
}
#news dd.btn a {
	padding:5px;
	display:block;
	background:#EE7C7C;
;
}
#news dd.btn a:link,#news dd.btn a:visited {
	color:#FFFFFF;
	border:1px solid #EE7C7C;
}
#item {
	padding:20px 0;
	margin-bottom:0;
	background:#515050;
	overflow:hidden;
	clear:both;
	color:#FFFFFF;
	text-align:center;
	min-width:inherit;
}
#itemIn {
	width:90%;
	height:auto;
	margin:0 auto;
	padding:25% 5% 0;
	background:url(../img/top/ttlItemSp.png) no-repeat center top;
}
#itemIn p {
	float:none;
	width:100%;
	margin-top:0;
	margin-bottom:10px;
}
#itemIn li {
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:10px;
}
#itemIn li img{
	margin-bottom:5px;
}

/******************/
/* blog 768px以下 */
/******************/
article{
  width: 90%;
  margin: 30px auto;
}
article table,
article img{
  width: 100%;
}

/******************/
/* sale 768px以下 */
/******************/
.noteSale {
	width:96%;
	margin:30px auto;
}
.noteSale dt {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:130%;
	margin-bottom:25px;
}
.noteSale dd {
}
.itemList {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.itemList li {
	float:left;
	margin:1%;
	width:48%;
	text-align:center;
}
.itemList li:nth-child(4n) {
}
.itemList:last-child {
}



/*********************/
/* profile 768px以下 */
/*********************/
p.profileImg {
	float:none;
	margin:0 0 20px;
	text-align:center;
}
p.profileName {
	margin:0 5% 20px;
}
p.profileTxt {
	width:90%;
	margin:0 auto 20px;
}
.work {
	width:90%;
	margin:0 auto 30px;
}
.workList {
	margin-bottom:20px;
}
.address {
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
}
.address dt {
	clear:both;
	width:100%;
	float:none;
	padding:5px 0 0;
	border-bottom:1px dotted #323232;
}
.address dd {
	width:100%;
	float:none;
	padding:0 0 5px;
	border-bottom:none;
	font-size:80%;
}
.gMap {
	margin-bottom:30px;
}
.gMap iframe {
	width:100%;
	height:300px;
}


/*******************/
/* class 768px以下 */
/*******************/

.classTopRight {
	width:96%;
	float:none;
	margin:30px auto;
	overflow:hidden;
}
.classTopRight li {
	float:left;
	width:46%;
	margin:2%;
}
.classTopLeft {
	width:96%;
	float:none;
	margin:30px auto;
}
.classTopLeft dt {
	font-size:130%;
	border-bottom:1px solid #646464;
	text-align:center;
}
.classTopLeft dd {
	margin-bottom:20px;
}
.classTopLeft ul.btn {
	margin-bottom:20px;
}
.classTopLeft ul.btn li a{
	display:block;
	margin-bottom:15px;
	width:96%;
	height:40px;
	line-height:40px;
	border:1px solid #EE7C7C;
	text-align:center;
	color:#EE7C7C;
	font-size:100%;
}
.classTopLeft ul.btn li a:hover {
	border:1px solid #EE7C7C;
	color:#FFFFFF;
	background:#EE7C7C;
	text-decoration:none;
}
.studentItemList {
	overflow:hidden;
	clear:both;
}
.studentItemList li {
	float:left;
	margin:2%;
	width:46%;
}
.studentItemList li:nth-child(4n) {
	margin-right:0;
}
.lectureList {
	overflow:hidden;
	float:none;
	margin:0 2% 50px;
	width:96%;
	padding-bottom:10px;
	border-bottom:1px solid #EE7C7C;
}
.lectureList:nth-child(4n) {
	margin-right:0;
}
.lectureList h3 {
	height:40px;
	border-left:6px solid #EE7C7C;
	padding-left:6px;
	margin-bottom:10px;
}
.lectureList .lectureImg {
	margin-bottom:10px;
	text-align:center;
}
.lectureList .lectureBtn a {
	display:block;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
	border:1px solid #EE7C7C;
	text-align:center;
	color:#FFFFFF;
	background:#EE7C7C;
	font-size:90%;
}
.lectureList .lectureBtn a:hover {
	border:1px solid #EE7C7C;
	color:#EE7C7C;
	background:#FFFFFF;
	text-decoration:none;
}
.lectureList .lectureClassList li.classA span {     /*山陽カルチャー本部教室*/
}
.lectureList .lectureClassList li.classB span {     /*パティスリー ジュ・フォヴィアン*/
}
.lectureList .lectureClassList li.classC span {     /*Masayo Creation瀬戸内市教室*/
}
.lectureList .lectureClassList li.classD span {     /*CSカンパニー*/
}



/************************/
/* class_mini 768px以下 */
/************************/
.lectureBox {
	width:94%;
	padding:1%;
	margin:0 auto 30px;
	overflow:hidden;
	clear:both;
}
.lectureBoxLeft {
	width:94%;
	float:none;
	margin:0 auto 10px;
}
.lectureBoxRight {
	width:100%;
	float:none;
	margin-bottom:10px;
}
.lectureIconList {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	float:none;
}
.lectureIconList li {
	float:left;
	border:1px solid #646464;
	padding:0 5px;
	margin:1%;
}
.lectureIconList li.icon {
	background:url(../img/class_mini/icon.png) no-repeat 3px center;
	padding-left:15px;
}
.lectureInfo {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
	border-collapse:collapse;
	width:100%;
	border-bottom:1px dotted #646464;
}
.lectureInfo th {
	width:70px;
	padding:5px 0;
	text-align:center;
	border-top:1px dotted #646464;
}
.lectureInfo th span {
	color:#FFFFFF;
	width:60px;
	display:inline-block;
}
.lectureInfo td {
	height:20px;
	line-height:20px;
	padding:5px;
	border-top:1px dotted #646464;
}
.Btn01 {
	text-align:center;
}
.Btn01 a {
	clear:both;
	width:90%;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:5px;
	display:inline-block;
	color:#FFFFFF;
	font-size:90%;
	margin:0 auto;
}
.Btn01 a:hover {
	text-decoration:none;
}


.boxA {
	border:1px solid #F29138;
}
.boxA .lectureInfo th span {
	background:#F29138;
}
.boxA .Btn01 a {
	border:1px solid #F29138;
	background:#F29138;
}
.boxA .Btn01 a:hover {
	background:#FFFFFF;
	color:#F29138;
}

.boxB {
	border:1px solid #85B851;
}
.boxB .lectureInfo th span {
	background:#85B851;
}
.boxB .Btn01 a {
	border:1px solid #85B851;
	background:#85B851;
}
.boxB .Btn01 a:hover {
	background:#FFFFFF;
	color:#85B851;
}

.boxC {
	border:1px solid #72B7D3;
}
.boxC .lectureInfo th span {
	background:#72B7D3;
}
.boxC .Btn01 a {
	border:1px solid #72B7D3;
	background:#72B7D3;
}
.boxC .Btn01 a:hover {
	background:#FFFFFF;
	color:#72B7D3;
}

.boxD {
	border:1px solid #727DBC;
}
.boxD .lectureInfo th span {
	background:#727DBC;
}
.boxD .Btn01 a {
	border:1px solid #727DBC;
	background:#727DBC;
}
.boxD .Btn01 a:hover {
	background:#FFFFFF;
	color:#727DBC;
}

/********************/
/* footer 768px以下 */
/********************/

footer {
	min-width:inherit;
	width:100%;
	text-align:center;
}
footer a:link,footer a:hover,footer a:visited {
}

#footerIn {
	width:100%;
	padding:20px 0;
}
#footerIn p {
	float:none;
	margin:0 0 20px;
}
#footerIn dl {
	width:100%;
	margin:0 auto;
}
#copy {
	background:#FFFFFF;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#323232;
	font-size:11px;
}

}
