@charset "utf-8";

/***********************************************************
 * eラーニング TOP画面メインエリア内 スタイル定義
 *   author : NSK - H.Watanabe
 **********************************************************/


.what {
	height: 110px;
	margin: 0px;
	padding: 0px;
	background:url(../img/whatimg.gif) no-repeat;
}

.what div {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

.what ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.what ul li {
	display : inline;
	padding :0px;
	margin:0px;
	float:left;
}

.what ul li a {
	width: 102px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background:url(../img/shosai_off.gif) no-repeat;
	text-indent: -9999px;
	display:block;
	position:absolute;
	left: 870px;
	top: 135px;
}

.what ul li a:hover {
	width: 102px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background:url(../img/shosai_on.gif) no-repeat;
	text-indent: -9999px;
	display:block;
}

#eln {
	width: 727px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	position: relative;
}

#eln .how {
	width: 429px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#eln .how ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style-type: none;
}

#eln .how ul li {
	display : inline;
	padding :0px;
	margin:0px;
	float:left;
}

#eln .how ul li.toroku a {
	width: 206px;
	height: 190px;
	margin: 0px;
	padding: 0px;
	background:url(../img/toroku_off.gif) no-repeat;
	text-indent: -9999px;
	display:block;
}

#eln .how ul li.toroku a:hover {
	width: 206px;
	height: 190px;
	margin: 0px;
	padding: 0px;
	background:url(../img/toroku_on.gif) no-repeat;
	text-indent: -9999px;
	display:block;
}


#eln .how ul li.now a {
	width: 206px;
	height: 190px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	background:url(../img/juko_off.gif) no-repeat;
	text-indent: -9999px;
	display:block;
}

#eln .how ul li.now a:hover {
	width: 206px;
	height: 190px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	background:url(../img/juko_on.gif) no-repeat;
	text-indent: -9999px;
	display:block;
}

#eln div.info {
	width: 279px;
	margin: 0px;
	padding: 0px;
	float: right;
}


#eln div.info div.note {
	margin: 0px 0px 0px 0px;
	padding :4px 0px 0px 0px;
	font-size: 12px;
}


#eln div.info p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#eln div.info ul {
	margin: 0px 0px 0px 0px;
	padding :0px 0px 0px 0px;
	list-style : none;
}

#eln div.info ul li {
	height: 16px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
	background: url(../img/btn_linkmark.gif) no-repeat 0px 2px;
/*	border: 1px solid red;	*/
}

#eln div.info a:link { color:#000000; text-decoration:none; }
#eln div.info a:active { color:#000000; text-decoration:none; }
#eln div.info a:visited { color:#000000; text-decoration:none; }
#eln div.info a:hover { color:#262f8c; text-decoration:underline;}

#eln_main UL {
    margin: 0px;
	list-style-type: none;
}

#eln_slide{
	margin: 8px 0px;
}
/* ナビゲーション */
#eln_gnav{
    /*overflow: hidden;
	margin-bottom: 8px;*/
}
#eln_gnav li{
    float: left;
}

#eln_gnav li a{
    display:block;
    height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

a#eln_gnav_btn1{
    background: transparent url("../img/gnav01.gif") no-repeat 0px 0px;
}
a#eln_gnav_btn2{
    background: transparent url("../img/gnav02.gif") no-repeat 0px 0px;
}
a#eln_gnav_btn3{
    background: transparent url("../img/gnav03.gif") no-repeat 0px 0px;
}
a#eln_gnav_btn4{
    background: transparent url("../img/gnav04.gif") no-repeat 0px 0px;
}
a#eln_gnav_btn5{
    background: url("../img/gnav05.gif") no-repeat 0px 0px;
}
a#eln_gnav_btn6{
    background: url("../img/gnav06.gif") no-repeat 0px 0px;
}
a#eln_gnav_btn7{
    background: url("../img/gnav07.gif") no-repeat 0px 0px;
}
/* ナビゲーション マウスオーバー時 */
a#eln_gnav_btn1:hover{
	background-position: 0 -40px !important;
}
a#eln_gnav_btn2:hover{
	background-position: 0px -40px !important;
}
a#eln_gnav_btn3:hover{
	background-position: 0px -40px !important;
}
a#eln_gnav_btn4:hover{
    background-position: 0px -40px !important;
}
a#eln_gnav_btn5:hover{
    background-position: 0px -40px !important;
}
a#eln_gnav_btn6:hover{
    background-position: 0px -40px !important;
}
a#eln_gnav_btn7:hover{
    background-position: 0px -40px !important;
}
/* ナビゲーション 使用不可 */
a#eln_gnav_btn1.disabled{
	background-position: 0 -80px !important;
	cursor: default;
}
a#eln_gnav_btn2.disabled{
	background-position: 0px -80px !important;
	cursor: default;
}
a#eln_gnav_btn3.disabled{
	background-position: 0px -80px !important;
	cursor: default;
}
a#eln_gnav_btn4.disabled{
    background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn5.disabled{
    background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn6.disabled{
    background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn7.disabled{
    background-position:0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn1.disabled:hover{
	background-position: 0 -80px !important;
    cursor: default;
}
a#eln_gnav_btn2.disabled:hover{
	background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn3.disabled:hover{
	background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn4.disabled:hover{
    background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn5.disabled:hover{
    background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn6.disabled:hover{
    background-position: 0px -80px !important;
    cursor: default;
}
a#eln_gnav_btn7.disabled:hover{
    background-position:0px -80px !important;
    cursor: default;
}
/* ナビゲーション 選択状態 */
a#eln_gnav_btn1.active  {
	background-position: 0 -120px !important;
}
a#eln_gnav_btn2.active  {
	background-position: 0px -120px !important;
}
a#eln_gnav_btn3.active  {
	background-position: 0px -120px !important;
}
a#eln_gnav_btn4.active  {
    background-position: 0px -120px !important;
}
a#eln_gnav_btn5.active  {
    background-position: 0px -120px !important;
}
a#eln_gnav_btn6.active  {
    background-position: 0px -120px !important;
}
a#eln_gnav_btn7.active  {
    background-position: 0px -120px !important;
}

/* メリット */
#eln_merit{
    margin-top: 10;
    position: relative;
        font-size: 75%;
}
#eln_merit img{
    margin-bottom: 10px;
}
#eln_merit_txt{
    position: absolute;
    /*top: 46px;*/
    top: 3em;
    right: 0;
    width: 250px;
    font-size: 115%;
}
#eln_merit_btn{
    position: absolute;
    top: 142px;
    right: 0;
}
/* FAメンバーズ登録 */
#eln_account{
	/*overflow: hidden;*/
    position: relative;
    background: url("../img/bg_juko.gif") no-repeat;
    height: 96px;
    margin-bottom: 20px;
    /*text-indent: -999;*/
    width: 780px;
}

#eln_account:after {
	clear: both;
}

#eln_touroku_title{
    position: absolute;
    left: 15px;
    top: 18px;
}
#eln_juko_title{
    position: absolute;
    top: 11px;
    left: 325px;
}
#eln_touroku_btn{
    display: block;
    position: absolute;
    top: 12px;
    left: 140px;
    background: url("../img/btn01.gif") no-repeat scroll 0 0 transparent;
    width: 134px;
    height: 51px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#eln_touroku_btn:hover{
    background-position:  0 -51px;
}
#eln_juko_btn{
    display: block;
    /*position: absolute;*/
    /*right: 14px;*/
    background: url("../img/btn_juko.gif") no-repeat scroll 20px 0 transparent;
    width: 270px;
    height: 51px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#eln_juko_btn:hover{
    background: url("../img/btn_juko_ov.gif") no-repeat scroll 20px 0 transparent;
}
/* お知らせ */
#eln_info{
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 75%;
}
#eln_info ul{
	margin: 0px 0px 0px 0px;
	padding :0px 0px 0px 0px;
	list-style : none;
	font-size: 100%;
}
#eln_info li{
	height: 16px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
	background: url(../img/btn_linkmark.gif) no-repeat 0px 2px;
}

#eln_info ul li a {
	font-size: 100%;
	}
#melfa_main_area #eln_info P{
	font-size: 100%;
}

.eln_heading_span_m {
	font-weight: bold;
	font-size: 85%;
	padding-left: 10px;
	background: url(../img/bg_title.gif) no-repeat 0px 0px;
}

.eln_heading_span_s {
	font-weight: bold;
	font-size: 75%;
	padding-left: 10px;
	background: url(../img/bg_title.gif) no-repeat 0px 0px;
}

#eln_account .box1 {
	margin: 0px 0px 5px 5px;
	width: 230px;
	float: left;
}

#eln_account .box2 {
	margin: 23px 0px 0px 270px;
    width: 270px;
    float: left;
}
#eln_account .box3 {
    background-color: #ffffff;
    margin: 64px 0px 0px 148px;
    width: 30px;
    float: left;
}

#eln_account .accountbox {
    background-color: #ffffd5; /*etc*/
    width: 520px;
    float: left;
    margin: 7px 0px 7px 20px;
    padding: 5px;
    background: -moz-linear-gradient(top, #ffffff, #ffffd5); /*mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffd5)); /*webkit*/
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffffff', endColorstr='#ffffffd5'); /*ie*/
}