@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:145px;
	height:50px;
	top:10px;
	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:585px;
	height:27px;
	left:195px;
	top:51px;
	margin:0;
	padding:0;
}



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

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

#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 a:hover{
}


/*Touch POP とは*/
#navi li#nav-about{width: 102px;}
#navi li#nav-about a{background-position: 0 0;}
#navi li#nav-about a:hover{background-position: 0 -23px;}
/*-------------現在ページ設定*/
#navi li#active-about{width: 102px;}
#navi li#active-about a{background-position: 0 -47px;}
#navi li#active-about a:hover{background-position: 0 -23px;}

/*サービス*/
#navi li#nav-service{width: 68px;}
#navi li#nav-service a{background-position: -107px 0;}
#navi li#nav-service a:hover{background-position: -107px -23px;}
/*-------------現在ページ設定*/
#navi li#active-service{width: 68px;}
#navi li#active-service a{background-position: -107px -48px;}
#navi li#active-service a:hover{background-position: -107px -23px;}

/*デモ*/
#navi li#nav-demo{width: 52px;}
#navi li#nav-demo a{background-position: -177px 0;}
#navi li#nav-demo a:hover{background-position: -177px -23px;}
/*-------------現在ページ設定*/
#navi li#active-demo{width: 52px;}
#navi li#active-demo a{background-position: -177px -48px;}
#navi li#active-demo a:hover{background-position: -177px -23px;}

/*料金*/
#navi li#nav-price{width: 51px;}
#navi li#nav-price a{background-position: -232px 0;}
#navi li#nav-price a:hover{background-position: -232px -23px;}
/*-------------現在ページ設定*/
#navi li#active-price{width: 51px;}
#navi li#active-price a{background-position: -232px -48px;}
#navi li#active-price a:hover{background-position: -232px -23px;}

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

/*会社情報*/
#navi li#nav-company{width: 69px;}
#navi li#nav-company a{background-position: -378px 0;}
#navi li#nav-company a:hover{background-position: -378px -23px;}
/*-------------現在ページ設定*/
#navi li#active-company{width: 69px;}
#navi li#active-company a{background-position: -378px -48px;}
#navi li#active-company a:hover{background-position: -378px -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: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 li a{
	display:block;
	text-decoration:none;
	padding:2px 0;
}

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

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



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

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

#section-menu ul li ul li{
}

#section-menu ul li ul li a{

}

#section-menu ul li ul li a:hover{
}

/*左メニューのアクティブなページ設定*/
.sec-active a{
	background:#936/*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-title{
	margin:0;
	padding:0;
}*/

#article h1{}

.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;
}

.article-details:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*=4 aside 右側*/
#aside{
	width:160px;
	float:right;
	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:#0088cc;
	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:#e9e9fd;
	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;
}