@charset "utf-8";
/* CSS Document */

/*
=1 header
=2 section
=3 article
=4 aside
=5 footer
*/

#container{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/*↓=1 header ヘッダー　-------------------------*/
#header{
	background:url(../images/global/header.gif) top right no-repeat;
	width:950px;
	height:80px;
	margin:0 0 20px 0;
	padding:0;
	position:relative;
}

/*サイトロゴ*/
#logo{
	position:absolute;
	width:137px;
	height:39px;
	top:18px;
	left:20px;
}

/**/
#top{
	position:absolute;
	width:39px;
	height:17px;
	top:61px;
	left:115px;
}


/*　ナビゲーション　-------------------------*/
#navi{
	background:url(../images/global/navi.gif) 0 0 no-repeat;
	position:absolute;
	width:690px;
	height:27px;
	left:150px;
	top:51px;
	margin:0;
	padding:0;
}

#navi ul{
	margin:4px 6px 0 12px;
	padding:0 ;
}

#navi li{
	list-style: none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	height:23px;
	margin-right:10px;
}

#navi li .left-btn{
}

#navi li .right-btn{
}


#navi li a{
	display:block;
	text-decoration:none;
	padding:0;
	height:23px;
	background:url(../images/global/navi-menu.gif) no-repeat;
	overflow:hidden;
}

/*サービス概要*/
#navi li#nav-service{width: 65px;}
#navi li#nav-service a{background-position: -4px 0;}
#navi li#nav-service a:hover{background-position: -4px -23px;}
/*-------------現在ページ設定*/
#navi li#active-service{width: 65px;}
#navi li#active-service a{background-position: -4px -47px;}
#navi li#active-service a:hover{background-position: -4px -23px;}

/*コース情報*/
#navi li#nav-course{width: 83px;}
#navi li#nav-course a{background-position: -71px 0;}
#navi li#nav-course a:hover{background-position: -71px -23px;}
/*-------------現在ページ設定*/
#navi li#active-course{width: 83px;}
#navi li#active-course a{background-position: -71px -48px;}
#navi li#active-course a:hover{background-position: -71px -23px;}

/*事例紹介*/
#navi li#nav-showcase{width: 66px;}
#navi li#nav-showcase a{background-position: -156px 0;}
#navi li#nav-showcase a:hover{background-position: -156px -23px;}
/*-------------現在ページ設定*/
#navi li#active-showcase{width: 66px;}
#navi li#active-showcase a{background-position: -156px -48px;}
#navi li#active-showcase a:hover{background-position: -156px -23px;}

/*ASP教材*/
#navi li#nav-contents{width: 68px;}
#navi li#nav-contents a{background-position: -226px 0;}
#navi li#nav-contents a:hover{background-position: -226px -23px;}
/*-------------現在ページ設定*/
#navi li#active-contents{width: 68px;}
#navi li#active-contents a{background-position: -226px -48px;}
#navi li#active-contents a:hover{background-position: -226px -23px;}

/*教材制作支援*/
#navi li#nav-tool{width: 98px;}
#navi li#nav-tool a{background-position: -297px 0;}
#navi li#nav-tool a:hover{background-position: -297px -23px;}
/*-------------現在ページ設定*/
#navi li#active-tool{width: 98px;}
#navi li#active-tool a{background-position: -297px -48px;}
#navi li#active-tool a:hover{background-position: -297px -23px;}

/*お問い合わせ*/
#navi li#nav-contact{width: 87px;}
#navi li#nav-contact a{background-position: -397px 0;}
#navi li#nav-contact a:hover{background-position: -397px -23px;}
/*-------------現在ページ設定*/
#navi li#active-contact{width: 87px;}
#navi li#active-contact a{background-position: -397px -48px;}
#navi li#active-contact a:hover{background-position: -397px -23px;}

/*サポート情報*/
#navi li#nav-support{width: 66px;}
#navi li#nav-support a{background-position: -487px 0;}
#navi li#nav-support a:hover{background-position: -487px -23px;}
/*-------------現在ページ設定*/
#navi li#active-support{width: 66px;}
#navi li#active-support a{background-position: -487px -48px;}
#navi li#active-support a:hover{background-position: -487px -23px;}

/*企業情報*/
#navi li#nav-company{width: 66px; margin-right:0;}
#navi li#nav-company a{background-position: -556px 0;}
#navi li#nav-company a:hover{background-position: -556px -23px;}
/*-------------現在ページ設定*/
#navi li#active-company{width: 66px; margin-right:0;}
#navi li#active-company a{background-position: -556px -48px;}
#navi li#active-company a:hover{background-position: -556px -23px;}


/*現在ページ設定*/
.navi-active a{display:block; height:23px; background-position:0 -46px ; overflow:hidden; border:1px solid #006600;}


/*サイト内検索*/
#search{
	position:absolute;
	/*margin-top:10px;
	width:335px;
	height:30px;
	float:right;*/
	right:5px;
	top:10px;
}
	
#search input{
	margin:0 3px 0 0;
	padding:0;
	vertical-align:middle;
}

#search img{
	vertical-align:middle;
	margin-right:3px;
}

/* SATT m-School サイトへのリンク*/
#link{
	position:absolute;
	top:43px;
	right:6px;
}

#link img{
	margin:0;
	padding:0;
}
/*↑--ヘッダーここまで------------------*/

/*flash広告*/
#advertise{
	height:200px;
	width:950px;
	margin:0 auto;
	padding:3px 0;
	position:relative;
}

/*=2 section　左側メニュー*/
#section{
	float:left;
	width:190px;
	left:0;	
}

/*-------section メニュー内容*/
#section .content{
	background:url(../images/global/section-bottom.gif) bottom no-repeat ;
	width:190px;
	padding-bottom:7px;
	margin-bottom:10px;
}

#section .content h2{
	background:url(../images/global/section-head.gif) top no-repeat #6F747A;
	padding:5px 10px;
	margin:0 2px;
	color:#ffffff;
}

#section #section-menu{
	background:url(../images/global/section-content.gif) top repeat-y;
	margin:0;
	padding:0;
	padding-bottom:7px;
}

#section-menu ul{
	list-style-type:none;
	margin:0 4px;
	padding:0px;
	background:#FFFFFF;
}

#section-menu li{
	width:182px;
	font-size:90%;
	margin:0;
	text-indent:3px;
	background:#D4F9B7/*#E3EEFF*/;
	color:#2F7B39/*#007fc5*/;
	
}

#section-menu li a{
	display:block;
}

#section-menu li a:hover{

}

#section img{
	margin-bottom:10px;
}



/*-----------------サブメニュー内容*/

#section-menu ul li ul{
	margin:0;
	padding:0;
}

#section-menu ul li ul li{
	text-indent:0;
	font-size:100%;
	width:182px;
	line-height:1.2em;
	background:#ffffff;
	padding:0;
	/*background:url(../images/menu-list.gif) no-repeat 2px 5px;*/
	text-indent:17px;
}

#section-menu ul li ul li a{
	text-decoration:none;
	padding:2px 0;
}

#section-menu ul li ul li a:hover{
	background:#cdd9ff;
}

/*左メニューのアクティブなページ設定*/
.sec-active a{
	background:#2F7B39/*92a9f4/*#d084c6#CCFF33*/;
	color:#FFFFFF;
} 

#section-menu ul li ul li ul li{
	text-indent:25px;
}


/*-------section 広告*/

.section-link{
	margin:0;
}

.section-link img{
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}


/*=3 article　メインコンテンツ--------------------------*/
#article{
	float:left;
	width:585px;
	margin:0 5px 15px 5px;
	padding:0;
	background:url(../images/global/article-bottom.gif) left bottom no-repeat;
}

#article h1{}

.article-title{
	margin:0 auto;
	background:url(../images/global/article-content.gif) top repeat-y  #ffffff;
	text-align:center;
	padding:5px 0 0 0;
}
.article-content{
	margin:0 auto;
	background:url(../images/global/article-content.gif) top repeat-y  #ffffff;
	padding:0;
}


.article-details{
	margin:0 5px 15px 5px;
	padding:10px 0 0px 0;
	width:575px;
}

.article-details img{
	margin-bottom:20px;
}

.article-details td img{
	margin-bottom:0;
}

.article-details p img{
	margin-bottom:0;
}

.article-details p img{
	margin-left:10px;
	margin-right:10px;
}

/*=4 aside 右側*/
#aside{
	width:160px;
	float:left;
	margin:0 auto;
	padding:0;
}

#aside .txt-link-title{
	background:#007fc5;
	font-size:1em;
	font-weight:bold;
	padding:5px;
	font-size:0.9em;
	color:#ffffff;
}

#aside .txt-link{
	border:1px solid #007fc5;
	background:#ffffff;
	font-size:0.9em;
	padding:5px;
	margin-bottom:10px;
}

#aside .txt-link p{
	background:#ffffff;
	font-size:0.9em;
	margin-top:5px;
}


#aside img{
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}

#aside p{
	font-size:0.9em;
	color:#333333;
	line-height:1.4em;
	color:#333333;
	text-indent:0;
	margin-top:-5px;

}

#aside hr{
	clear: both;
	border: 1px dotted #999999;
	margin: 10px;
}

/*5= footerフッター*/
#footer{
	background:#ffffff;
	margin-top:10px;
	padding:5px 0;
	clear:both;
	font-size:0.8em;
	text-align:center;
}

#footer ul{
	display:inline;
	padding-left:5px;
	border-left:1px solid #cccccc;

}

#footer li{
	display:inline;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #cccccc;
}

#footer li a{
	text-decoration:none;
	color:#293e54;
	padding:2px;
}

#footer li a:hover{
	text-decoration:underline;
}

#footer li a:visited{
	color:#660033;
}

#footer p{
	margin:10px 0;
}

#copyright{
	clear:both;
	margin:5px 0;
	text-align:center;
}

#copyright p{
	font-size:0.7em;
	color:#293e54;
}


/*style*/
.center {
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item{
	background:#d5efcb;
	font-size:0.9em;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

.float-clear{
	clear:both;
}

.fpaper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

.note{
	font-size: 0.9em;
	color: #007fc5;
	line-height:1.5em;
}

.mail {
	white-space: nowrap;
}
.tel {
	white-space: nowrap;
	color: #003366;
}

/*faq*/
.faq{ padding-bottom:15px;}
.faq dt{ background:none; font-weight:bold; border-left:10px solid #007fc5; border-bottom:1px solid #007fc5; color:#007fc5;}
.faq dd{ margin:10px 10px 30px 10px; padding:10px;}

/*コース名*/
.light{ background:#E9F7DF; width:30%; }
.standard{ background:#F8E9E7; width:30%;}
.premium{ background:#E0E8F8; width:30%;}


/*セコム*/
.ssl-mark{ float:right; margin:10px 40px;} 


.comment{
	background-color:#FFFFCC;
	border:1px solid #999900;
	width:90%;
	margin:1.5em auto;
	text-align:left;
}

.name{
	text-align:right;
	font-weight:bold;
	font-size:90%;
}

/*広告*/
.banner{
	background: #ecfbec;
	border:1px solid #2f7b39;
	margin:2em 2em 0.5em 2em;

}
.banner h2{
	background:none;
	border-bottom:1px dotted #2f7b39;
	margin-top:0;
	color:#2f7b39;
}

.box-note{
	border:1px solid #2f7b39;
	margin:1em 2em;
	text-align:left;

}

.box-note .title{
	background:#2F7B39;
	color:#ffffff;
	font-weight:bold;
	margin:0;
	padding:5px;
}

.box-note ol{
	margin-right:1em;
}

 .icon img{
	margin:0 3px 0 0;
}