@charset "UTF-8";

div#CONTENT div,
div#CONTENT p,
div#CONTENT h4
{
	margin: 0px;
	padding: 0px;
}

div#CONTENT div
{
	margin: 40px 0px 15px 0px;
}

div#CONTENT div p
{
	margin: 0px 0px 0px 40px;
	padding-bottom: 15px;
	width: 490px;
}
div#CONTENT div div.coment{
	margin: 0px 0px 0px 40px;
	padding:0px 0px 20px 20px;
	letter-spacing: 0.6em;
	font-weight: bold;
}
div#CONTENT div p strong{
	font-size: 120%;
}

/***********************
wrapp
***********************/
div#CONTENT div.table-wrapp01{
	margin-top: 40px;
	width: 480px;
}
div#CONTENT div.table-wrapp02{
	padding-bottom: 10px;
}
div#CONTENT div.table-wrapp02 div#SPANKYBOX{
	margin: 0px 0px 0px 25px;
	padding: 10px 0px;
	width: 420px;
}
div#CONTENT div.table-wrapp02 div#SPANKYBOX div{
	margin:0px;
}
div#CONTENT div.table-wrapp02 div#SPANKYBOX div#SPANKY{
	float: left;
}
div#CONTENT div.table-wrapp02 div#SPANKYBOX div.right p,
div#CONTENT div.table-wrapp02 div#SPANKYBOX div.right h4
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: right;
	width: 270px;
}
div#CONTENT div.table-wrapp02 div#SPANKYBOX div.right h4{
	padding-bottom:10px;
}

/* @group COLORS */


div#COMENT01,
div#COMENT02
{
	width: 540px;
	height: 75px;
}
div#COMENT03,
div#COMENT04
{
	width: 540px;
	height: 115px;
}

/**** BLUE ****/

div.fourwheel div#WRAPPER,
div.about div#WRAPPER
{
	background: transparent url(../images/about/copy.fourwheel.jpg) no-repeat 100% 0%;
}
div.fourwheel div#COMENT01,
div.about div#COMENT01
{
	background: url(../images/about/content-01.fourwheel.gif) no-repeat left top;
}
div.fourwheel div#COMENT02,
div.about div#COMENT02
{
	background: url(../images/about/content-02.fourwheel.gif) no-repeat left top;
}
div.fourwheel div#COMENT03,
div.about div#COMENT03
{
	background: url(../images/about/content-03.fourwheel.gif) no-repeat left top;
}
div.fourwheel div#COMENT04,
div.about div#COMENT04
{
	background: url(../images/about/content-04.fourwheel.gif) no-repeat left top;
}
div.fourwheel div.coment,
div.about div.coment
{
	background: url(../images/common/maru.fourwheel.gif) no-repeat left 4px;;
	color: #397DBF;	
}
div.fourwheel div#CONTENT div.table-wrapp02 div#SPANKY,
div.about div#CONTENT div.table-wrapp02 div#SPANKY
{
	background: url(../images/about/spanky.fourwheel.gif) no-repeat left top;
	width: 130px;
	height: 100px;
	vertical-align: middle;
	float: left;
}
/**** GREEN ****/
div.twowheel div#WRAPPER {
	background: transparent url(../images/about/copy.twowheel.jpg) no-repeat 100% 0%;
}
div.twowheel div#COMENT01{
	background: url(../images/about/content-01.twowheel.gif) no-repeat left top;
}
div.twowheel div#COMENT02{
	background: url(../images/about/content-02.twowheel.gif) no-repeat left top;
}
div.twowheel div#COMENT03{
	background: url(../images/about/content-03.twowheel.gif) no-repeat left top;
}
div.twowheel div#COMENT04{
	background: url(../images/about/content-04.twowheel.gif) no-repeat left top;
}
div.twowheel div.coment {
	background: url(../images/common/maru.twowheel.gif) no-repeat left 4px;;
	color: #18A18A;	
}
div.twowheel div.table-wrapp02 div#SPANKY {
	background: url(../images/about/spanky.twowheel.gif) no-repeat left top;
	width: 130px;
	height: 100px;
}

/**** YELLOW ****/
div.others div#WRAPPER {
	background: transparent url(../images/about/copy.others.jpg) no-repeat 100% 0%;
}
div.others div#COMENT01{
	background: url(../images/about/content-01.others.gif) no-repeat left top;
}
div.others div#COMENT02{
	background: url(../images/about/content-02.others.gif) no-repeat left top;
}
div.others div#COMENT03{
	background: url(../images/about/content-03.others.gif) no-repeat left top;
}
div.others div#COMENT04{
	background: url(../images/about/content-04.others.gif) no-repeat left top;
}
div.others div.coment {
	background: url(../images/common/maru.others.gif) no-repeat left 4px;;
	color: #FAC412;	
}
div.others div.table-wrapp02 div#SPANKY {
	background: url(../images/about/spanky.others.gif) no-repeat left top;
	width: 130px;
	height: 100px;
}

/**** PINK ****/
div.students div#WRAPPER {
	background: transparent url(../images/about/copy.students.jpg) no-repeat 100% 0%;
}
div.students div#COMENT01{
	background: url(../images/about/content-01.students.gif) no-repeat left top;
}
div.students div#COMENT02{
	background: url(../images/about/content-02.students.gif) no-repeat left top;
}
div.students div#COMENT03{
	background: url(../images/about/content-03.students.gif) no-repeat left top;
}
div.students div#COMENT04{
	background: url(../images/about/content-04.students.gif) no-repeat left top;
}
div.students div.coment {
	background: url(../images/common/maru.students.gif) no-repeat left 4px;;
	color: #FF8282;	
}
div.students div.table-wrapp02 div#SPANKY {
	background: url(../images/about/spanky.students.gif) no-repeat left top;
	width: 130px;
	height: 100px;
}

/* @end */



/*--------------------for MacIE--------------------*/
div#CONTENT div span
{
	text-indent:-9999px;
}
/*--------------------Hides from IE-mac--------------------\*/
div#CONTENT div span
{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}