@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
 */
 
 
/* ------------------------------
全体設定
------------------------------ */
#base {
	position:relative;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	height:auto;
	max-height:100%;
}

#container {
	float:left;
	width:100%;
	background:transparent url(../../img/bg_cmn_container.gif) repeat-y 0 0;
	text-align: left;
}

#pagetop {
	position:fixed;
	top:100px;
	left:940px;
	width:10px;
	height:10px;
	z-index:10;
}

*html #pagetop {
	position:absolute;
	top:expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
	left:expression((documentElement.scrollLeft || document.body.scrollLeft) + 940 + 'px');
	width:10px;
	height:10px;
	z-index:10;
}

#pagetop a {
	display:block;
	float:left;
	width:10px;
	height:10px;
	background:transparent url(../img/btn_nav_pagetop.gif) no-repeat 0 0;	
	text-indent:-9999px;
}

/* ------------------------------
ヘッダー設定
------------------------------ */
#header_box {
	float:left;
	clear:both;
	width:100%;
	height:75px;
	background:transparent url(../img/bg_cmn_header1.gif) repeat-x 0 0;
	text-align: left;
}

#header_box .upper_box {
	display:inline;
	float:left;
	clear:both;
	width:240px;
	height:15px;
	margin:0 0 0 700px;
	background-color:#fff;
}

#header_box .upper_box ul {
	list-style-type:none;
}

#header_box .upper_box li {
	display:inline;
	float:left;
	margin:0 0 0 10px;
	padding:3px 0 0;
	font-size:9px;
	line-height:100%;
	text-align:center;
}

#header_box .upper_box li#lnk_home {
	width:67px;
	border-top:3px solid #f90;
}

#header_box .upper_box li#lnk_profile, li#lnk_sitemap {
	width:67px;
	border-top:3px solid #fc0;
}

#header_box .bottom_box {
	float:left;
	clear:both;
	width:940px;
	height:60px;
	background:transparent url(../img/bg_cmn_header2.gif) no-repeat 0 0;
}

#header_box .bottom_box h1 {
	display:inline;
	float:left;
	width:200px;
	height:50px;
	margin:10px 0 0 10px;
	background:transparent url(../img/prt_logo_header.gif) no-repeat 0 0;
}

#header_box .bottom_box h1 a {
	display:block;
	float:left;
	width:200px;
	height:50px;
	text-indent:-9999px;
}

#header_box .right_box {
	display:inline;
	float:left;
	width:240px;
	height:40px;
	margin:20px 0 0 490px;
}

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

#header_box .right_box input.search_button {
	display:block;
	float:left;
	width:80px;
	height:20px;
	background:transparent url(../img/btn_cmn_sch_off.gif) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
}

#header_box .right_box input.search_button:link,input.search_button:active {
	background:transparent url(../img/btn_cmn_sch_off.gif) no-repeat 0 0;
}

#header_box .right_box input.search_button:hover {
	background:transparent url(../img/btn_cmn_sch_on.gif) no-repeat 0 0;
}

#header_box .right_box input.search_button:visited {
	background:transparent url(../img/btn_cmn_sch_off.gif) no-repeat 0 0;
}

/* ------------------------------
ナビ設定
------------------------------ */
#body_box {
	clear:both;
	width:960px;
}

#navi_box {
	float:left;
	width:250px;
	background:transparent url(../img/bg_cmn_header3.gif) no-repeat 0 0;
}

#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:235px;
	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;
	min-height:100%;
	height:auto;
	max-height:100%;
	margin:0 0 10px 15px;
	padding:10px 0 10px 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 .e-lrn_box a#btn_mse,a#btn_ime,a#btn_cli {
	display:block;
	width:190px;
	height:35px;
	text-indent:-9999px;
}

#navi_box .e-lrn_box a#btn_mse:link,a#btn_mse:visited {
	background:transparent url(../../img/btn_nav_mse_off.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_mse:hover {
	background:transparent url(../../img/btn_nav_mse_on.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_mse:active {
	background:transparent url(../../img/btn_nav_mse_off.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_ime:link,a#btn_ime:visited {
	background:transparent url(../../img/btn_nav_ime_off.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_ime:hover {
	background:transparent url(../../img/btn_nav_ime_on.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_ime:active {
	background:transparent url(../../img/btn_nav_ime_off.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_cli:link,a#btn_cli:visited {
	background:transparent url(../../img/btn_nav_cli_off.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_cli:hover {
	background:transparent url(../../img/btn_nav_cli_on.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_cli:active {
	background:transparent url(../../img/btn_nav_cli_off.gif) no-repeat 0 0;
}

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

#navi_box .e-lrn_box a#btn_demo {
	display:block;
	float:left;
	clear:both;
	width:235px;
	height:25px;
	background:transparent url(../../img/btn_nav_demo_off.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#navi_box .e-lrn_box a#btn_demo:link,a#btn_demo:visited {
	background:transparent url(../../img/btn_nav_demo_off.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_demo:hover {
	background:transparent url(../../img/btn_nav_demo_on.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_demo:active {
	background:transparent url(../../img/btn_nav_demo_off.gif) no-repeat 0 0;
}

/*** 2009/09/25 追加 ***/
#navi_box .e-lrn_box .e-lrn_text {
	clear:both;
	padding:4px 0px 0px 25px ;
	margin:4px 0px 0px 0px ;
}
/*IE6用のハック*/
*html #navi_box .e-lrn_box a#btn_e-login {
	margin:3px 0px 3px 10px ;
}
#navi_box .e-lrn_box a#btn_e-login {
	display:block;
	float:left;
	clear:both;
	width:189px;
	height:33px;
	background:transparent url(../../img/bunner_elearning.gif) no-repeat 0 0;
	text-indent:-9999px;
	padding:0px 0px 10px 0px ;
	margin:3px 0px 3px 23px ;
}


#navi_box .e-lrn_box a#btn_e-login:link,a#btn_e-login:visited {
	background:transparent url(../../img/bunner_elearning.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_e-login:hover {
	background:transparent url(../../img/bunner_elearning.gif) no-repeat 0 0;
}

#navi_box .e-lrn_box a#btn_e-login:active {
	background:transparent url(../../img/bunner_elearning.gif) no-repeat 0 0;
}

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

#navi_box .test_box a#btn_test {
	display:block;
	float:left;
	clear:both;
	width:235px;
	height:80px;
	background:transparent url(../../img/btn_nav_test_off.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#navi_box .test_box a#btn_test:link,a#btn_test:visited {
	background:transparent url(../../img/btn_nav_test_off.gif) no-repeat 0 0;
}

#navi_box .test_box a#btn_test:hover {
	background:transparent url(../../img/btn_nav_test_off.gif) no-repeat 0 0;
}

#navi_box .test_box a#btn_test:active {
	background:transparent url(../../img/btn_nav_test_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box {
	float:left;
	clear:both;
	width:235px;
}

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

#navi_box .bottom_box li {
	display:inline;
	float:left;
	clear:both;
	margin:0 0 15px 20px;
}

#navi_box .bottom_box li a#btn_voice,a#btn_result,a#btn_inquiry,a#btn_faq,a#btn_partner {
	display:block;
	width:200px;
	height:30px;
	text-indent:-9999px;
}

#navi_box .bottom_box li a#bunner_blog{
	display:block;
	width:200px;
	height:39px;
	text-indent:-9999px;
	margin:10px 0px 0px 0px ;
}

#navi_box .bottom_box li a#bunner_hica{
	display:block;
	width:200px;
	height:39px;
	text-indent:-9999px;
	margin:0px 0px 0px 0px ;
}

#navi_box .bottom_box li a#btn_voice:link,a#btn_voice:visited {
	background:transparent url(../img/btn_nav_voice_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_voice:hover {
	background:transparent url(../img/btn_nav_voice_on.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_voice:active {
	background:transparent url(../img/btn_nav_voice_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_result:link,a#btn_result:visited {
	background:transparent url(../img/btn_nav_result_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_result:hover {
	background:transparent url(../img/btn_nav_result_on.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_result:active {
	background:transparent url(../img/btn_nav_result_off.gif) no-repeat 0 0;
}
/*** 2009/09/25 追加 開始 ***/
#navi_box .bottom_box li a#btn_partner:link,a#btn_partner:visited {
	background:transparent url(../../img/btn_nav_link_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_partner:hover {
	background:transparent url(../../img/btn_nav_link_on.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_partner:active {
	background:transparent url(../../img/btn_nav_link_on.gif) no-repeat 0 0;
}
#navi_box .bottom_box li a#bunner_hica:link,a#bunner_hica:visited {
	background:transparent url(../../img/bunner_hica.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#bunner_hica:hover {
	background:transparent url(../../img/bunner_hica.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#bunner_hica:active {
	background:transparent url(../../img/bunner_hica.gif) no-repeat 0 0;
}
/*** 2009/09/25 追加 終了 ***/

#navi_box .bottom_box li a#bunner_blog:link,a#bunner_blog:visited{
	background:transparent url(../../img/bunner_blog.jpg) no-repeat 0 0;
}

#navi_box .bottom_box li a#bunner_blog:active {
	background:transparent url(../../img/bunner_blog.jpg) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_inquiry:link,a#btn_inquiry:visited {
	background:transparent url(../img/btn_nav_inq_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_inquiry:hover {
	background:transparent url(../img/btn_nav_inq_on.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_inquiry:active {
	background:transparent url(../img/btn_nav_inq_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_faq:link,a#btn_faq:visited {
	background:transparent url(../img/btn_nav_faq_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_faq:hover {
	background:transparent url(../img/btn_nav_faq_on.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#btn_faq:active {
	background:transparent url(../img/btn_nav_faq_off.gif) no-repeat 0 0;
}

#navi_box .bottom_box li a#lnk_default {
	float:left;
	width:190px;
	padding-left:10px;
	background:transparent url(../img/prt_cmn_arw4.gif) no-repeat left center;
	font-size:12px;
	line-height:100%;
}

#navi_box .bottom_box li a#lnk_default:link,a#lnk_default:visited {
	color:#036;
	text-decoration:none;
}

#navi_box .bottom_box li a#lnk_default:hover {
	color:#09c;
	text-decoration:none;
}

#navi_box .bottom_box li a#lnk_default:active {
	color:#ccc;
	text-decoration:none;
}

/* ------------------------------
コンテンツ設定
------------------------------ */
#contents_box {
	float:left;
	width:700px;
	background:transparent url(../../img/bg_cmn_container.gif) repeat-y -250px 0;
}

#contents_box #topicpath_box {
	float:left;
	clear:both;
	width:690px;
	height:25px;
	background-color:#fff;
	color:#999;
}

#contents_box #topicpath_box ul {
	list-style-type:none;
}

#contents_box #topicpath_box li {
	display:inline;
	float:left;
	width:auto;
	height:20px;
	padding:5px 15px 0 10px;
	background:#fff url(../img/bg_cmn_topicpath.gif) no-repeat right top;
	font-size:10px;
}

/* ------------------------------
フッター設定
------------------------------ */
#footer_box {
	display:inline;
	float:left;
	clear:both;
	width:100%;
	height:45px;
	margin-top:10px;
	background:transparent url(../img/bg_cmn_footer1.gif) repeat-x 0 0;
	text-align: left;
	line-height:100%;
}

#footer_box .wrapper {
	float:left;
	clear:both;
	width:940px;
	height:45px;
	background:transparent url(../img/bg_cmn_footer2.gif) no-repeat 0 0;
	color:#d0f1ff;
}

#footer_box .left_box {
	display:inline;
	float:left;
	width:650px;
	height:30px;
	margin:15px 0 0 10px;
	font-size:10px;
}

#footer_box .left_box ul {
	list-style-type:none;
}

#footer_box .left_box li {
	float:left;
	margin-right:10px;
}

#footer_box .right_box {
	display:inline;
	float:left;
	width:260px;
	height:30px;
	margin:15px 0;
	font-size:10px;
	text-align:right;
}