@charset "UTF-8";

@import "/www/cms/istudyondemand/common/css/reset.css";
@import "/www/cms/istudyondemand/common/css/basic.css";
@import "/www/cms/istudyondemand/common/css/custom.css";
/*@import ie6win.css;　/*for winIE6*/



/*
------- layout -------------------------------------------------------*/
body {
	text-align:center;
	}
#container {
	margin:0 auto;
	width:980px;
	text-align:left;
	}
#contents {
	margin-top:20px;
	}

/*
------- h1～h6 -------------------------------------------------------*/
h1 {
	position:absolute;
	top:52px;
	right:0;
	font-size:1em;
	}
h2 {
	width:740px;
	height:40px;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_title_h2.gif) left center no-repeat;
	}
h2 span {
	padding:13px 20px 0 22px;
	display:block;
	font-size:1.16em;
	}
h3 {
	margin-top:20px;
	border-bottom:1px #e8e8e8 solid;
	width:690px;
	height:39px;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_title_h3.gif) left top repeat-x;
	}
h3 span {
	padding:15px 20px 12px 20px;
	display:block;
	background:url(/www/export/sites/default/istudyondemand/common/img/icon02.gif) 7px 1em no-repeat;
	}

/*------- h2枠 --------*/
.h2Wrap {
	margin-top:20px;
	padding-bottom:25px;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_740wrap_btm.gif) left bottom no-repeat;
	}
.h2Wrap .innWrap {
	padding-top:22px;
	padding-right:24px;
	padding-left:24px;
	border-right:1px #e8e8e8 solid;
	border-left:1px #e8e8e8 solid;
	}

/*
------- その他見出し類 -------------------------------------------------------*/
p.titleA {
	margin-top:40px;
	}


/*
------- leftArea -------------------------------------------------------*/
#leftArea {
	float:left;
	width:740px;
	}


/*------- 基本テキスト --------*/
.textStyle01 {
	line-height:1.67;
	}

/*------- 基本テーブル --------*/
.tableArea {
	clear:both;
	}
.tableArea p.icon {
	float:left;
	}
table.basicTable {
	float:right;
	width:644px;
	}
table.basicTable th,
table.basicTable td {
	border:1px #8e99a2 solid;
	}
table.basicTable th {
	padding:10px;
	color:#ffffff;
	background-color:#a8b3be;
	text-align:center;
	}
table.basicTable th.th2nd {
	color:#000000;
	background-color:#f1f6f9;
	font-weight:normal;
	text-align:left;
	}
table.basicTable td {
	padding:7px 10px;
	}

/*------- 動画テーブル --------*/
table.movieTable {
	margin-top:14px;
	width:100%;
	}
table.movieTable td {
	vertical-align:top;
	}
table.movieTable td.other {
	padding-right:5px;
	line-height:1.67;
	}
table.movieTable td.movie {
	width:231px;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_movie_top.gif) right top no-repeat;
	}
table.movieTable td.movie p.link {
	margin:0 10px;
	padding:12px 0 5px 20px;
	line-height:1.3;
	background:url(/www/export/sites/default/istudyondemand/common/img/icon01.gif) left 0.9em no-repeat;
	}
table.movieTable td.movie div.wrap {
	margin-left:10px;
	padding:6px;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_movie_btm.gif) right bottom no-repeat;
	}
/*
------- header -------------------------------------------------------*/
#header {
	position:relative;
	width:980px;
	height:137px;
	}
#header #logo {
	position:absolute;
	top:0;
	left:-9px;
	}
#header #tel {
	position:absolute;
	top:20px;
	right:0;
	}

/*------- グローバルナビ --------*/
ul#glMenu {
	position:absolute;
	top:90px;
	left:0;
	height:47px;
	clear:both;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_glmenu.gif) left bottom no-repeat;
	}
ul#glMenu li {
	display:inline;
	}
ul#glMenu li a {
	display:block;
	float:left;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	}
ul#glMenu li.menu01 a {
	width:131px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu01.gif) left top no-repeat;
	}
body#home ul#glMenu li.menu01 a,/* HOMEのとき */
ul#glMenu li.menu01 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu01.gif) left bottom no-repeat;
	}
ul#glMenu li.menu02 a {
	width:130px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu02.gif) left top no-repeat;
	}
body#use ul#glMenu li.menu02 a,/* 使い方のとき */
ul#glMenu li.menu02 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu02.gif) left bottom no-repeat;
	}
ul#glMenu li.menu03 a {
	width:140px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu03.gif) left top no-repeat;
	}
body#tool ul#glMenu li.menu03 a,/* 教材作成ツールのとき */
ul#glMenu li.menu03 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu03.gif) left bottom no-repeat;
	}
ul#glMenu li.menu04 a {
	width:140px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu04.gif) left top no-repeat;
	}
body#book ul#glMenu li.menu04 a,/* 教材・研修のとき */
ul#glMenu li.menu04 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu04.gif) left bottom no-repeat;
	}
ul#glMenu li.menu05 a {
	width:140px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu05.gif) left top no-repeat;
	}
body#charge ul#glMenu li.menu05 a,/* ご利用料金のとき */
ul#glMenu li.menu05 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu05.gif) left bottom no-repeat;
	}
ul#glMenu li.menu06 a {
	width:130px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu06.gif) left top no-repeat;
	}
body#case ul#glMenu li.menu06 a,/* 導入事例のとき */
ul#glMenu li.menu06 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu06.gif) left bottom no-repeat;
	}
ul#glMenu li.menu07 a {
	width:169px;
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu07.gif) left top no-repeat;
	}
body#contact ul#glMenu li.menu07 a,/* お問い合わせ・お申込みのとき */
ul#glMenu li.menu07 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/glmenu07.gif) left bottom no-repeat;
	}


/*
------- rightArea -------------------------------------------------------*/
#rightArea {
	float:right;
	width:220px;
	}

#rightArea .box {
	padding-bottom:4px;
	_height:1%;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_rightbox_btm.gif) left bottom no-repeat;
	}
#rightArea .box .bgTop {
	padding-top:4px;
	_height:1%;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_rightbox_top.gif) left top no-repeat;
	}

/*------- 新着情報 --------*/
#rightArea .box dl#news {
	border-right:1px #e8e8e8 solid;
	border-left:1px #e8e8e8 solid;
	line-height:1.41;
	}
#rightArea .box dl#news dt,
#rightArea .box dl#news dd {
	padding-right:16px;
	padding-left:16px;
	}
#rightArea .box dl#news dt {
	padding-top:10px;
	}
#rightArea .box dl#news dd {
	padding-bottom:13px;
	}
#rightArea .box dl#news dd.border {
	background:url(/www/export/sites/default/istudyondemand/common/img/dot.gif) left bottom repeat-x;
	}

/*------- ローカルナビ --------*/
#rightArea .box ul#lcMenu {
	padding-left:3px;
	padding-right:3px;
	border-right:1px #e8e8e8 solid;
	border-left:1px #e8e8e8 solid;
	}
#rightArea .box ul#lcMenu li a {
	display:block;
	width:212px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	}
#rightArea .box ul#lcMenu li.menu01 a {
	height:51px;
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu01.gif) left top no-repeat;
	}
#rightArea #contact.box ul#lcMenu li.menu01 a,/* お問い合わせのとき */
#rightArea .box ul#lcMenu li.menu01 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu01.gif) left bottom no-repeat;
	}
#rightArea .box ul#lcMenu li.menu02 a {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu02.gif) left top no-repeat;
	}
#rightArea #question.box ul#lcMenu li.menu02 a,/* よくある質問のとき */
#rightArea .box ul#lcMenu li.menu02 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu02.gif) left bottom no-repeat;
	}
#rightArea .box ul#lcMenu li.menu03 a {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu03.gif) left top no-repeat;
	}
#rightArea #mail.box ul#lcMenu li.menu03 a,/* メールマガジンのとき */
#rightArea .box ul#lcMenu li.menu03 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu03.gif) left bottom no-repeat;
	}
#rightArea .box ul#lcMenu li.menu04 a {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu04.gif) left top no-repeat;
	}
#rightArea #trial.box ul#lcMenu li.menu04 a,/* 無料体験お申込みのとき */
#rightArea .box ul#lcMenu li.menu04 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu04.gif) left bottom no-repeat;
	}
#rightArea .box ul#lcMenu li.menu05 a {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu05.gif) left top no-repeat;
	}
#rightArea #download.box ul#lcMenu li.menu05 a,/* 資料ダウンロードのとき */
#rightArea .box ul#lcMenu li.menu05 a:hover {
	background:url(/www/export/sites/default/istudyondemand/common/img/lcmenu05.gif) left bottom no-repeat;
	}


/*
------- footer -------------------------------------------------------*/
#footer {
	margin-top:40px;
	padding-top:24px;
	padding-bottom:24px;
	border-top:1px #e8e8e8 solid;
	_height:1%;
	}
address {
	float:left;
	color:#4c4b4b;
	font-style:normal;
	}

/*------- フッターナビ --------*/
ul#ftMenu {
	float:right;
	}
ul#ftMenu li {
	float:left;
	height:14px;
	}
ul#ftMenu li.line {
	padding-left:30px;
	background:url(/www/export/sites/default/istudyondemand/common/img/bg_line01.gif) 15px center no-repeat;
	}

/*------- フォーム用 --------*/
div.element {
	text-align:center;
	border-style:none;
	background-image:none;
	}
div.element h3{
	border-style:none;
	background-image:none;
	}
/*------- フォーム用 --------*/