@charset "UTF-8";

/*
===== CONTENTS ==============================
	1:@@
=============================================
*/

/*
===== 1:@@ =====
*/
#globalNav {
	height: 30px!important;
}

#visual {
	margin: 0 0 8px;
}

#contents {
	width: 774px;
	_width: 799px;
	padding: 0 13px 0 12px;
	background: none;
}

#contents .pageTop {
	background: none;
}


/* #article */
#contents #article {
	width: 490px;
	float: left;
}

#contents #article .sectionH2 {
	background: url(../images/sectionH2Bg.gif) repeat-x left 30px;
}
#contents #article .sectionH2 .box {
	margin: 0 0 20px;
	padding: 4px 6px 0 16px;
}

#contents #article .sectionH2 .box .sectionH3 {
	float: left;
	margin: 0 9px 5px 0;
	border: 1px solid #d6d6d6;
}

#contents #article #recommend .box .sectionH3 {
	width: 212px;
	_width: 222px;
	height: 7.25em;
	_height: 8em;
	padding: 5px;
}
#contents #article #recommend .box .sectionH3 .imgArea {
	float: left;
}
#contents #article #recommend .box .sectionH3 .txtArea {
	width: 140px;
	float: right;
}
#contents #article #recommend .box .sectionH3 h3 {
	font-size:80%;
	font-weight: bold;
}
#contents #article #recommend .box .sectionH3 p {
	color: #1839a4;
	font-size:75%;
}

#contents #article #productList .box .sectionH3 {
	width: 222px;
	_width: 225px;
	height: 13.3em;
	_height: 15em;
}
*:first-child+html #contents #article #productList .box .sectionH3 {
	height/**/: 15em;
}/* IE7 */

#contents #article #productList .box .sectionH3.type01 {
	background-color: #f2fff7;
}
#contents #article #productList .box .sectionH3.type02 {
	background-color: #fcfaf3;
}

#contents #article #productList .box .sectionH3 h3 {
	border-bottom: 1px solid #d6d6d6;
	font-size:80%;
	text-align: center;
}
#contents #article #productList .box .sectionH3 ul {
	float: left;
	_height: 13em;
}
#contents #article #productList .box .sectionH3 ul li {
	margin: 0 0 5px;
}
#contents #article #productList .box .sectionH3 ul li a {
	display: block;
}
#contents #article #productList .box .sectionH3 ul.course {
	width: 82px;
	margin: 5px 0 3px 17px;
	_margin: 5px 0 3px 8px;
}
#contents #article #productList .box .sectionH3 ul.material {
	width: 92px;
	margin: 5px 0 3px 14px;
}


/* #aside */
#contents #aside {
	width: 261px;
	float: right;
}

#contents #aside #news {
	margin: 0 0 10px;
}
#contents #aside #news dl {
	padding: 15px;
}
#contents #aside #news dl dt {
	color: #1839a4;
	font-size: 70%;
}
#contents #aside #news dl dd {
	margin: 0 0 5px;
	font-size: 70%;
}

#contents #aside #banner {}
#contents #aside #banner li {
	margin: 0 0 5px;
}
#contents #aside #banner li.faq {
	padding: 0 0 5px;
	border-bottom: 1px dotted #d1d1d1;
}
#contents #aside #banner li a {
	display: block;
}


/*
===== 4:Browser clear =====
*/
#contents #article #productList .box .sectionH3:after,
#contents #article .sectionH2 .box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #contents #article #productList .box .sectionH3,
* html #contents #article .sectionH2 .box {
	/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}