@charset "utf-8";

/* ---------------------------------------------------------
------------------------------------------------------------ 

　MOTスクール
　TOPpageCSS
	
------------------------------------------------------------
------------------------------------------------------------*/


/*------------------------------------------------------------
　基本
------------------------------------------------------------*/
#contents {
	background: #FFFFFF none;
	border-style: none;
}

/*----  ----*/
#contents #visual {
	height: 273px;
	border: 1px solid #CCCCCC;
	padding: 9px;
	margin-bottom: 20px;
	margin-top: 15px;
}

/*------------------------------------------------------------
　 あｓｄ
------------------------------------------------------------*/

/*---- 左サイドグレー背景部分 ----*/
#contents #column_1 {
	background: #F2F2F2;
	padding: 17px;
	width: 178px;
	float: left;
	margin-right: 15px;
}

#contents #column_1 p {
	background: url(../img/common/dot_x_black.gif) repeat-x left bottom;
	padding-left: 17px;
	padding-bottom: 15px;
	padding-top: 1px;
}

#contents #column_1 h2 {
	padding-top: 7px;
}

/*---- 中列新着情報 ----*/
#contents #column_2 {
	width: 519px;
	float: left;
	padding-top: 2px;
}

#contents .clearfix #column_2 .ds {
	width: 75px;
	float: left;
	margin-right: 7px;
	text-align: center;
}

#contents .clearfix #column_2 .tex .title {
	font-weight: bold;
	color: #333333;
	margin-bottom: 2px;
}

#contents .clearfix #column_2 .tex .title a {
	color: #333333;
}

#contents .clearfix #column_2 li {
	background: url(../img/common/dot_x_gray.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#contents .clearfix #column_2 li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#contents .clearfix #column_2 li {
	min-height: 1px;
}

* html #contents .clearfix #column_2 li {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#contents .clearfix #column_2 ul {
	padding-top: 10px;
	padding-left: 3px;
}

#contents .clearfix #column_2 .ds .school {
	color: #FFFFFF;
}

#column_2 .ds .school.common {
	background: #999999;
}

#column_2 .ds .school.tokyo {
	background: #7a47a5;
}

#column_2 .ds .school.osaka {
	background: #cd6d1f;
}

#column_2 .ds .school.nagoya {
	background: #24861c;
}

#contents .clearfix #column_2 .tex {
	display: block;
	float: left;
	width: 430px;
}

/*---- 右列 ----*/
#contents .clearfix #column_3 {
	float: right;
	width: 185px;
}

#contents .clearfix #column_3 li {
	margin-bottom: 6px;
}


#contents #visual #schools li {
	width: 256px;
}

#contents #column_2 .ds .date {
	color: #999999;
}

/*---- mainVisual横　各校のナビ ----*/
#contents #visual #schools h3 {
	float: left;
	width: 113px;
}
#contents #visual #schools .school_menu {
	float: left;
	width: 143px;
}
#contents #visual #schools .school_menu li {
	width: 143px;
}

#contents #visual #schools {
	float: right;
	width: 256px;
}

#contents #visual h2 {
	float: left;
	width: 667px;
}