@charset "UTF-8";


#top #mainContents {
	margin-top: 0;
}


/* information
=========================================*/
#top #contents .information {
	clear: both;
	margin-bottom: 5px;
}
#top #contents .information .infoLink {
	float: left;
	width: 658px;
	padding: 12px 0 10px 54px;
	background: #e87d18 url(../../images/index_ph001.gif) no-repeat 0 0;
}
* html #top #contents .information .infoLink {
	width: 712px;
}
#top #contents .information .infoLink li {
	float: left;
	margin-left: 3px;
	line-height: 0;
	font-size: 0;
}
#top #contents .information .infoLink li.infoText {
	margin: 0 6px 0 0;
}
#top #contents .information .infoTel {
	float: right;
	width: 187px;
	margin-left: 1px;
	line-height: 0;
	font-size: 0;
}


/* flashArea
=========================================*/
#top #contents #flashArea {
	clear: both;
}


/* courseArea
=========================================*/
#top #contents .courseArea {
	clear: both;
	margin-top: 20px;
	background: url(../../images/index_bg001.gif) no-repeat 0 100%;
}

/* searchCol */
#top #contents .courseArea .searchCol {
	float: left;
	width: 445px;
	padding-bottom: 11px;
	background: url(../../images/index_bg003.gif) no-repeat 0 30px;
}
#top #contents .courseArea .searchCol .genre h3 {
	margin: 9px 0 0 8px;
}
#top #contents .courseArea .searchCol .genre h3 a {
	display: block;
	float: left;
}
#top #contents .courseArea .searchCol .genre h3 span {
	display: block;
	float: left;
	margin: 8px 0 0 17px;
}
#top #contents .courseArea .searchCol .genre .category01 {
	clear: both;
	margin: 10px 0 3px 8px;
}
#top #contents .courseArea .searchCol .genre .category01 li {
	float: left;
	margin-right: 6px;
	font-size: 0;
	line-height: 0;
}
#top #contents .courseArea .searchCol .genre .category02 {
	clear: both;
	margin: 2px 0 0 8px;
}
#top #contents .courseArea .searchCol .genre .category02 li {
	float: left;
	margin-right: 3px;
	font-size: 0;
	line-height: 0;
}

#top #contents .courseArea .searchCol .wrap {
	clear: both;
	margin-top: 10px;
	padding: 0 14px 0 8px;
	background: url(../../images/index_bg002.gif) repeat-y 199px 0;
}
#top #contents .courseArea .searchCol .wrap .method {
	float: left;
	width: 181px;
}
#top #contents .courseArea .searchCol .wrap .purpose {
	float: right;
	width: 220px;
	margin-left: px;
}
#top #contents .courseArea .searchCol .wrap .method ul,
#top #contents .courseArea .searchCol .wrap .purpose ul {
	margin: 5px 0 0 9px;
}
#top #contents .courseArea .searchCol .wrap .method li,
#top #contents .courseArea .searchCol .wrap .purpose li {
	padding-left: 8px;
	background: url(../images/com_ic027.gif) no-repeat 0 0.5em;
}


/* rankingCol */
#top #contents .courseArea .rankingCol {
	float: right;
	width: 446px;
}
#top #contents .courseArea .rankingCol p {
	text-align: center;
}
#top #contents .courseArea .rankingCol .rankingArea {
	padding: 0 11px 0 15px;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking01 {
	float: left;
	width: 196px;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking01 .first {
	padding: 0 0 10px 9px;
	background: url(../images/com_bg001.gif) repeat-x 0 100%;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking01 .second {
	padding: 9px 0 10px 9px;
	background: url(../images/com_bg001.gif) repeat-x 0 100%;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking01 .third {
	padding: 9px 0 10px 9px;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking01 dd {
	font-size: 120%;
	font-weight: bold;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 {
	float: right;
	width: 208px;
	margin-top: 15px;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li {
	margin-bottom: 3px;
	padding-left: 26px;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.fourth {
	background: url(../../images/index_tx006.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.fifth {
	background: url(../../images/index_tx007.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.sixth {
	background: url(../../images/index_tx008.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.seventh {
	background: url(../../images/index_tx009.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.eighth {
	background: url(../../images/index_tx010.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.nineth {
	background: url(../../images/index_tx011.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .rankingArea .ranking02 li.tenth {
	background: url(../../images/index_tx012.gif) no-repeat 0 0.3em;
}
#top #contents .courseArea .rankingCol .total {
	clear: both;
	margin: 0 0 10px 24px;
	font-size: 80%;
	text-align: left;
}



/* print */
* html #top #contents .courseArea .searchCol .wrap .method li,
* html #top #contents .courseArea .searchCol .wrap .purpose li,
* html #top #contents .courseArea .rankingCol .rankingArea .ranking02 li {
	height: 1;
}



/* otherArea
=========================================*/
#top #contents .otherArea {
	clear: both;
	width: 900px;
	margin-top: 20px;
}

/* leftCol */
#top #contents .otherArea .leftCol {
	float: left;
	width: 190px;
}
#top #contents .otherArea .leftCol dl {
	margin-bottom: 10px;
}
#top #contents .otherArea .leftCol dl {
	border: solid 1px #cccccc;
}
#top #contents .otherArea .leftCol dl dt {
	line-height: 0;
	font-size: 0;
}
#top #contents .otherArea .leftCol #flashArea2 {
	margin-bottom: 10px;
}
#top #contents .otherArea .leftCol .talkBox dd {
	padding: 0 4px;
}
#top #contents .otherArea .leftCol .talkBox dd .text {
	padding: 4px 0;
	line-height: 1.2;
}
#top #contents .otherArea .leftCol .mobileBox dd {
	padding: 3px 10px 13px 10px;
}
#top #contents .otherArea .leftCol .mobileBox dd p {
}
#top #contents .otherArea .leftCol .mobileBox dd p span {
	display: block;
}
#top #contents .otherArea .leftCol .mobileBox dd p span.qrcord {
	float: left;
	width: 58px;
}
#top #contents .otherArea .leftCol .mobileBox dd p span.text {
	float: right;
	width: 98px;
	line-height: 1.2;
}
#top #contents .otherArea .leftCol .mobileBox dd p.submit {
	clear: both;
	margin-top: 9px;
}
#top #contents .otherArea .leftCol ul li {
	margin-bottom: 5px;
}


/* rightCol */
#top #contents .otherArea .rightCol {
	float: right;
	width: 700px;
}
#top #contents .otherArea .rightCol .recommend {
	width: 698px;
	border: solid 1px #d9e8ee;
	background: #ebf4f7;
}
* html #top #contents .otherArea .rightCol .recommend {
	width: 700px;
}
#top #contents .otherArea .rightCol .recommend h2 {
	clear: both;
	height: 1;
}
#top #contents .otherArea .rightCol .recommend h2 img {
	float: left;
	line-height: 0;
	font-size: 0;
}
* html #top #contents .otherArea .rightCol .recommend h2 img {
	margin-left: -3px;
}
#top #contents .otherArea .rightCol .recommend h2 a {
	display: block;
	float: right;
	margin: 7px 16px 0 0;
	padding-left: 9px;
	background: url(../images/com_ic027.gif) no-repeat 0 0.5em;
}
* html #top #contents .otherArea .rightCol .recommend h2 a {
	height: 1;
}

#top #contents .otherArea .rightCol .recommend .wrap {
	clear: both;
	padding-bottom: 10px;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList {
	float: left;
	display: inline;
	width: 441px;
	margin-left: 9px;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol {
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../../images/index_bg005.gif) no-repeat bottom;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol.last {
	background: url(../../images/index_bg006.gif) no-repeat bottom;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .left {
	float: left;
	width: 211px;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .right {
	float: right;
	width: 211px;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .text {
	float: left;
	width: 136px;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .text h3 {
	margin: 10px 0;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .text p {
	padding-right: 5px;
	line-height: 1.2;
}
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .thumbnail {
	float: right;
	width: 75px;
}

#top #contents .otherArea .rightCol .recommend .wrap .elearningList {
	float: right;
	display: inline;
	width: 204px;
	margin-right: 10px;
	padding: 5px 6px;
	background: #FFFFFF;
}
* html #top #contents .otherArea .rightCol .recommend .wrap .elearningList {
	width: 216px;
}
#top #contents .otherArea .rightCol .recommend .wrap .elearningList ul {
	width: 204px;
}
#top #contents .otherArea .rightCol .recommend .wrap .elearningList ul li {
	border-top: solid 1px #f1c682;
	line-height: 0;
	font-size: 0;
}
#top #contents .otherArea .rightCol .recommend .wrap .elearningList ul li.first {
	border-top: none;
}


#top #contents .otherArea .rightCol .cafemanabi {
	clear: both;
	width: 698px;
	margin-top: 10px;
	border: solid 1px #cccccc;
}
* html #top #contents .otherArea .rightCol .cafemanabi {
	width: 700px;
}
#top #contents .otherArea .rightCol .cafemanabi h2 img {
	float: left;
	line-height: 0;
	font-size: 0;
}
* html #top #contents .otherArea .rightCol .cafemanabi h2 img {
	margin-left: -3px;
}
#top #contents .otherArea .rightCol .cafemanabi h2 a {
	display: block;
	float: right;
	margin: 7px 16px 0 0;
	padding-left: 9px;
	background: url(../images/com_ic027.gif) no-repeat 0 0.5em;
}
* html #top #contents .otherArea .rightCol .cafemanabi h2 a {
	height: 1;
}
#top #contents .otherArea .rightCol .cafemanabi ul {
	clear: both;
	margin-left: 10px;
	padding-bottom: 9px;
}
#top #contents .otherArea .rightCol .cafemanabi ul li {
	float: left;
	display: inline;
	margin: 0 8px 0 0;
	line-height: 0;
	font-size: 0;
}

#top #contents .otherArea .rightCol .topics {
	margin-top: 13px;
	background: url(../../images/index_bg007.gif) repeat-x 0 0;
}
* html #top #contents .otherArea .rightCol .topics {
	height: 1;
}
#top #contents .otherArea .rightCol .topics h2 img {
	float: left;
	line-height: 0;
	font-size: 0;
}
* html #top #contents .otherArea .rightCol .topics h2 img {
	margin-left: -3px;
}
#top #contents .otherArea .rightCol .topics h2 a {
	display: block;
	float: right;
	margin: 7px 16px 0 0;
	padding-left: 9px;
	background: url(../images/com_ic027.gif) no-repeat 0 0.5em;
}
* html #top #contents .otherArea .rightCol .topics h2 a {
	height: 1;
}
#top #contents .otherArea .rightCol .topics dl {
	clear: both;
	margin-top: 5px;
	padding: 0 15px 5px;
	background: url(../images/com_bg001.gif) repeat-x bottom;
}
#top #contents .otherArea .rightCol .topics dl dt {
	float: left;
	width: 7.5em;
}
#top #contents .otherArea .rightCol .topics dl dd {
	clear: none;
	margin: 0 0 0 7.5em;
	zoom: 1;
}









/* 99. Extra
=========================================*/

/* Clearfix */
#top #contents .courseArea:after,
#top #contents .courseArea .searchCol .genre h3:after,
#top #contents .courseArea .searchCol .genre .category01:after,
#top #contents .courseArea .searchCol .genre .category02:after,
#top #contents .courseArea .searchCol .wrap:after,
#top #contents .courseArea .rankingCol .rankingArea:after,
#top #contents .otherArea:after,
#top #contents .otherArea .leftCol .mobileBox dd p:after,
#top #contents .otherArea .rightCol .recommend h2:after,
#top #contents .otherArea .rightCol .recommend .wrap:after,
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol:after,
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .left:after,
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .right:after,
#top #contents .otherArea .rightCol .cafemanabi h2:after,
#top #contents .otherArea .rightCol .cafemanabi ul:after,
#top #contents .otherArea .rightCol .topics h2:after,
#top #contents .otherArea .rightCol .topics dl:after,
#top #contents .information:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#top #contents .courseArea,
#top #contents .courseArea .searchCol .genre h3,
#top #contents .courseArea .searchCol .genre .category01,
#top #contents .courseArea .searchCol .genre .category02,
#top #contents .courseArea .searchCol .wrap,
#top #contents .courseArea .rankingCol .rankingArea,
#top #contents .otherArea,
#top #contents .otherArea .leftCol .mobileBox dd p,
#top #contents .otherArea .rightCol .recommend h2,
#top #contents .otherArea .rightCol .recommend .wrap,
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol,
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .left,
#top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .right,
#top #contents .otherArea .rightCol .cafemanabi h2,
#top #contents .otherArea .rightCol .cafemanabi ul,
#top #contents .otherArea .rightCol .topics h2,
#top #contents .otherArea .rightCol .topics dl,
#top #contents .information {
	zoom: 1;
	display: block;	/* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}

/* IE7 hacks */
*:first-child+html #top #contents .courseArea,
*:first-child+html #top #contents .courseArea .searchCol .genre h3,
*:first-child+html #top #contents .courseArea .searchCol .genre .category01,
*:first-child+html #top #contents .courseArea .searchCol .genre .category02,
*:first-child+html #top #contents .courseArea .searchCol .wrap,
*:first-child+html #top #contents .courseArea .rankingCol .rankingArea,
*:first-child+html #top #top #contents .otherArea,
*:first-child+html #top #contents .otherArea .leftCol .mobileBox dd p,
*:first-child+html #top #contents .otherArea .rightCol .recommend h2,
*:first-child+html #top #contents .otherArea .rightCol .recommend .wrap,
*:first-child+html #top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol,
*:first-child+html #top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .left,
*:first-child+html #top #contents .otherArea .rightCol .recommend .wrap .recommendList .recommendListCol .right,
*:first-child+html #top #contents .otherArea .rightCol .cafemanabi h2,
*:first-child+html #top #contents .otherArea .rightCol .cafemanabi ul,
*:first-child+html #top #contents .otherArea .rightCol .topics h2,
*:first-child+html #top #contents .otherArea .rightCol .topics dl,
*:first-child+html #top #contents .information {
	display: inline-table;
}/* end hacks */