@charset "UTF-8";

/* ------------------------------
コーディングルール
------------------------------ */
/* プロパティ順序:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */
 

/* ------------------------------
ナビ設定
------------------------------ */
#navi_box .e-lrn_box {
	display:inline;
	float:left;
	clear:both;
	width:235px;
	margin-top:25px;
	background:transparent url(../img/bg_nav_e-learning.gif) repeat-y 0 0;
}

#navi_box .e-lrn_box h3 {
	float:left;
	clear:both;
	width:245px;
	height:70px;
	background:transparent url(../../img/prt_ttl_e-learning.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#navi_box .e-lrn_box .wrapper {
	display:inline;
	float:left;
	clear:both;
	width:200px;
	margin:0 0 10px 15px;
	padding:10px 0 0 10px;
	background:#ececec url(../img/bg_nav_sub.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box ul {
	list-style-type:none;
}

#navi_box .e-lrn_box li {
	display:inline;
	float:left;
	clear:both;
	margin:0 0 10px 0;
}

#navi_box .test_box {
	display:inline;
	float:left;
	clear:both;
	width:235px;
	height:80px;
	margin:20px 0;
}

/* ------------------------------
コンテンツ設定
------------------------------ */
#contents_box #feature_box {
	float:left;
	clear:both;
	width:700px;
	height:240px;
}

#contents_box #feature_box h2 {
	width:700px;
	height:240px;
	background:transparent url(../../img/prt_top_feature.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#contents_box #feature_box .bottom_box {
	float:left;
	clear:both;
	width:700px;
	height:75px;
}

#contents_box #feature_box .bottom_box .left_box {
	float:left;
	width:210px;
	height:75px;
}

#contents_box #feature_box .bottom_box .left_box a#btn_column {
	display:block;
	float:left;
	width:210px;
	height:75px;
	background:transparent url(../../img/bnr_top_clm_off.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contents_box #feature_box .bottom_box .left_box a#btn_column:link, a#btn_column:visited {
	background:transparent url(../../img/bnr_top_clm_off.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .left_box a#btn_column:hover {
	background:transparent url(../../img/bnr_top_clm_on.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .left_box a#btn_column:active {
	background:transparent url(../../img/bnr_top_clm_off.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .right_box {
	float:left;
	width:480px;
	height:75px;
	background:transparent url(../../img/bg_top_registmm.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .right_box .left {
	float:left;
	width:260px;
}

#contents_box #feature_box .bottom_box .right_box .left h4 {
	display:inline;
	float:left;
	clear:both;
	width:180px;
	height:25px;
	margin:10px 0 0 10px;
	background:transparent url(../../img/prt_top_mmttl.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contents_box #feature_box .bottom_box .right_box .right {
	float:left;
	width:210px;
}

#contents_box #feature_box .bottom_box .right_box input.input_box {
	display:inline;
	float:left;
	width:75px;
	height:16px;
	margin:5px 0 0 10px;
	padding:2px;
	border-width:0px;
	background-color:#fff;
	color:#999;
	font-size:10px;
}

#contents_box #feature_box .bottom_box .right_box input.search_button {
	display:block;
	float:left;
	width:60px;
	height:20px;
	margin:5px 0 0 10px;
	background:transparent url(../../img/btn_top_reg_off.gif) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
}

#contents_box #feature_box .bottom_box .right_box input.search_button:link,input.search_button:visited {
	background:transparent url(../../img/btn_top_reg_off.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .right_box input.search_button:hover {
	background:transparent url(../../img/btn_top_reg_on.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .right_box input.search_button:active {
	background:transparent url(../../img/btn_top_reg_off.gif) no-repeat 0 0;
}

#contents_box #feature_box .bottom_box .right_box p.right {
	display:inline;
	float:left;
	width:210px;
	height:50px;
	margin:10px 0 0;
	color:#FFF;
	line-height:1.5em;
	/*background:transparent url(../../img/prt_top_mmtxt.gif) no-repeat 0 0;
	text-indent:-9999px;*/
}

#contents_box #info_box {
	display:inline;
	float:left;
	clear:both;
	width:700px;
	margin:75px 0 0;
}

#contents_box #info_box .left_box {
	display:inline;
	float:left;
	width:430px;
	margin:10px 10px 0;
}

#contents_box #info_box .left_box h4 {
	float:left;
	clear:both;
	width:430px;
	height:30px;
	background:transparent url(../../img/bg_top_news.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contents_box #info_box .left_box iframe {
	float:left;
	clear:both;
	width:430px;
	height:235px;
}

#contents_box #info_box .left_box p.bottom_box {
	float:left;
	clear:both;
	width:430px;
	height:30px;
}

#contents_box #info_box .left_box p.bottom_box a {
	display:block;
	float:right;
	width:85px;
	height:20px;
	margin-top:10px;
	background:transparent url(../../img/btn_top_all_off.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contents_box #info_box .right_box {
	display:inline;
	float:left;
	width:220px;
	margin:10px 0 0 10px;
	background:#fff url(../../img/bg_top_player.gif) no-repeat 0 0;
}

#contents_box #info_box .right_box .upper_box {
	display:inline;
	float:left;
	clear:both;
	width:160px;
	height:120px;
	margin:10px 0 10px 30px;
	background-color:#000;
}

#contents_box #info_box .right_box .middle_box {
	float:left;
	clear:both;
	width:220px;
}

#contents_box #info_box .right_box .middle_box a {
	display:block;
	width:220px;
	height:25px;
	margin-bottom:10px;
	background:transparent url(../../img/btn_top_demo_off.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contents_box #info_box .right_box .middle_box a:link,.middle_box a:visited {
	background:transparent url(../../img/btn_top_demo_off.gif) no-repeat 0 0;
}

#contents_box #info_box .right_box .middle_box a:hover {
	background:transparent url(../../img/btn_top_demo_on.gif) no-repeat 0 0;
}

#contents_box #info_box .right_box .middle_box a:active {
	background:transparent url(../../img/btn_top_demo_off.gif) no-repeat 0 0;
}

#contents_box #info_box .right_box .bottom_box {
	display:inline;
	float:left;
	clear:both;
	width:220px;
	width:120px;
}