/*
  Site: E3LP OLMS
  Version: 0.9
  Last Updated: 2007.11.08

  Changelog: 
   v1.0 - First Release
   v1.1 - Customizede for Senbon
   v1.2 - LoView.vm の変更に対応
   v1.3 - 表示上の問題を修正反映
   v0.9 - LPF向け一時グラデーション外し修正
*/


/* タグリセット
-----------------------------------------------------------*/
* { margin: 0px; padding: 0px;}

li { list-style-type: none;}

img { border: 0px;}


/* 共通設定
-----------------------------------------------------------*/
a:link { color: #00279B;; text-decoration: none;}

a:visited { color: #00279B; text-decoration: none;}

a:hover { color: #c00; text-decoration: underline;}

a:active { color: #f00;}

.floatL { float: left;}

.floatR { float: right;}

.floatC { clear: both;}


/* バックグラウンドブルー
-----------------------------------------------------------*/

body#view {
	background-color:#F8F8F8;
/*
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_bdy.jpg) repeat-x;
	background-attachment:fixed;
*/
}


/* wrapper
-----------------------------------------------------------*/
div#wrapper {
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_mn.gif) repeat-y;
	width:698px;
	margin: 7px auto;
	/*overflow:auto;*/
}


/* header
-----------------------------------------------------------*/
div#header {
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_hdr.gif) top no-repeat;
	height:45px;
	width:679px;
	margin: 0px auto;
	padding: 10px 10px 0px 9px;
	/*overflow:auto;*/
}

div#header li.logo {
	float:left;
	width:200px;
	margin-top:3px;
}

div#header li.btn {
	float:right;
	width:86px;
	height:22px;
	margin:10px 0px 0px 18px;
}

div#header li.wlcmMssg {
	float:right;
	height:22px;
	margin:16px 0px 0px 18px;
	font-size:x-small;
}


/* コンテンツ
-----------------------------------------------------------*/
div#contents {
	clear:both;
	width:679px;
	margin: 4px auto;
	padding: 0px 10px 0px 10px;
	/*overflow:auto;*/
	font-size:small;
	line-height:1.2em;
}

div#contentsMn { 
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_cntnts.gif) left top;
}

div#contentsBttm {
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_cntnts_bttm.gif) left bottom no-repeat;
	padding: 5px 10px 10px 0px;
}

div#contentsMn h2 {
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_cntnts_tp.gif) left top no-repeat;
	font-size: x-small;
	height:36px;
	color:#000;
	padding:11px 10px;
}


/* 項目を囲うエリア
-----------------------------------------------------------*/
.area {
	clear:both;
	width:627px;
	margin: 0px auto;
	/*overflow:auto;*/
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom:10px;
}

.areaToTp {
	clear:both;
	width:627px;
	height:30px;
	text-align:right;
	margin: 0px auto;
	/*overflow:auto;*/
}


/* 項目
-----------------------------------------------------------*/

div#contents span.schdl {
	display:block;
	float:right;
	width:215px;
	height:17px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_schdl.gif) left center no-repeat;
	margin-top:10px;
	padding:2px 0px 0px 22px;
	font-size:small;
}

div#contents li.btnStrtlrn {
	float:right;
	margin:7px 0px 0px 10px;
	width:96px;
}

div#contents li.btn {
	float:right;
	width:86px;
	height:22px;
	margin:10px 0px 0px 0px;
}

div#contents ul.hstry {
	margin:8px 0px 0px 0px;
}

div#contents li.hstryKyy {
	list-style:url(../../../../../../xms2/image/xmo/Base/jpn/icon_hstry.gif);
	margin:0px 0px 0px 36px;
	padding-left:1px;
	font-size:x-small;
}

div#contents li.hstryKbts {
	list-style:url(../../../../../../xms2/image/xmo/Base/jpn/icon_hstry.gif);
	margin:0px 0px 0px 36px;
	padding-left:1px;
	font-size:x-small;
}

div#contents li.toTop {
	font-size:x-small;
}

div#contents dd.explntn {
	clear:both;
	font-size:x-small;
	color:#333;
	margin:0px 0px 0px 28px;
	padding:0px 0px 0px 5px;
}

a.toTp {
	padding-left:12px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_2tp.gif) left center no-repeat;
	font-size:x-small;
}


/* アイコン
-----------------------------------------------------------*/
/* 未設定時への教材アイコン表示対応 */
span.disp_lo {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:284px;
	min-height:24px;
	_height:24px;  /*IE6用にmin-heightの代用。その他ブラウザは読み込まない*/
	font-size:small;
}

span.disp_lo_type_ {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* 別指定 */
span.cntnr {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_cntnr.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

span.lo {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* LOコンテナ */
span.disp_lo_type_0 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_cntnr.gif) left center no-repeat;
	width:284px;
	min-height:24px;
	_height:24px;  /*IE6用にmin-heightの代用。その他ブラウザは読み込まない*/
	font-size:small;
}

/* WBT教材 */
span.disp_lo_type_1 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Launch&Forget教材 */
span.disp_lo_type_3 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* SmartForce教材 */
span.disp_lo_type_4 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Office教材 */
span.disp_lo_type_5 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* カタログ */
span.disp_lo_type_6 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* URL教材 */
span.disp_lo_type_7 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Face2Face教材 */
span.disp_lo_type_8 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* SPS教材 */
span.disp_lo_type_11 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Conference Server */
span.disp_lo_type_13 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Exchange Server */
span.disp_lo_type_17 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Perception */
span.disp_lo_type_18 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Offline */
span.disp_lo_type_19 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* Scorm */
span.disp_lo_type_20 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

/* その他 */
span.disp_lo_type__20 {
	display:block;
	float:left;
	padding:12px 10px 8px 33px;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/icon_lo.gif) left center no-repeat;
	width:260px;
	min-height:24px;
	_height:24px;
	font-size:small;
}

div.loview_lo_comment {
	padding:12px 0px 8px 26px;
	width:560px;
	font-size:small;
}


/* footer
-----------------------------------------------------------*/
div#footer {
	clear:both;
	background:url(../../../../../../xms2/image/xmo/Base/jpn/bg_ftr.gif) bottom no-repeat;
	height:45px;
	width:679px;
	margin: 0px auto;
	padding: 12px 10px 0px 9px;
	/*overflow:auto;*/
}

div#footer li.ciMrk {
	float:right;
	width:144px;
	height:26px;
}

div#footer li.cpyrght {
	float:left;
	font-size:x-small;
	color:#999999;
	width:500px;
	margin-left:2px;
	padding-top:3px;
}

