a:hover {  text-decoration: underline}
body {  background:white url(images/bg2.gif) top left repeat-x;line-height:140%;height:100%;margin:0;
}
.text {line-height:140%}

html{
    height:100%;
}


#footer {

    bottom:0px;
    height:30px;
    width:750px;
	background-color:#E1E0E0;
	font-size:80%;
}
/********************スクールエイド ヘッダー ********************/
#top {
	width: 750px;
    margin:0px;
    position:relative;
    min-height: 100%;
}
* html div#top{
    height:100%;
}
body > #top {
    height: auto;
}
#header {
	width:750px;
}
#header_left {
	float:left;
	width:260px;
	margin:0;
	padding:0 ;
	text-align:left;
}
#header_right {
	float:right;
/**	width:260px;**/
	text-align:right;
	margin:0;
	padding:0;
}
#header_sub_navi {
	padding:0;
	margin:0;
}
.pagetop{
	width:750px;
	color:#666666;
	font-size:85%;
	text-align:right;
	padding-bottom:30px;
}
.pagetop a{
	color:#666666;
	font-size:85%;
	text-align:right;
}
.pagetop_s{
	color:#666666;
	font-size:85%;
	text-align:right;
	padding-bottom:10px;
}
.pagetop_s a{
	color:#666666;
	font-size:85%;
	text-align:right;
}
#clearBoth {
	clear:both;
}
h1{margin:0;padding:0;}



/********************スクールエイド Main Navi ********************/
h2 {
	width: 750px;
	height:30px;
	padding:0;
	margin:0;
	line-height:0;
}
h2 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:0;
}
h2 li{
	float: left;
	margin: 0;
	padding: 0;
	line-height:0;
}
h2 ul a {
	display: block;
	overflow: hidden;
	height:30px;
	background-image: url(images/main_menu.jpg);
	line-height:0;
}
h2 ul.alt {
	text-indent:999999px;
}

#navi_01 a { width: 124px;background-position: 0 0; }
#navi_02 a { width: 124px;background-position: -124px 0; }
#navi_03 a { width: 124px;background-position: -249px 0; }
#navi_04 a { width: 124px;background-position: -374px 0; }
#navi_05 a { width: 124px;background-position: -499px 0; }
#navi_06 a { width: 126px;background-position: -624px 0; }

#navi_01 a:hover { background-position: 0 -30px; }
#navi_02 a:hover { background-position: -124px -30px; }
#navi_03 a:hover { background-position: -249px -30px; }
#navi_04 a:hover { background-position: -374px -30px; }
#navi_05 a:hover { background-position: -499px -30px; }
#navi_06 a:hover { background-position: -624px -30px; }

#navi_01 a.stay { background-position: 0 -60px; }
#navi_02 a.stay { background-position: -124px -60px; }
#navi_03 a.stay { background-position: -249px -60px; }
#navi_04 a.stay { background-position: -374px -60px; }
#navi_05 a.stay { background-position: -499px -60px; }
#navi_06 a.stay { background-position: -624px -60px; }

#navi_01 a:hover.stay { background-position: 0 -60px;}
#navi_02 a:hover.stay { background-position: -124px -60px; }
#navi_03 a:hover.stay { background-position: -249px -60px; }
#navi_04 a:hover.stay { background-position:-374px -60px; }
#navi_05 a:hover.stay { background-position: -499px -60px; }
#navi_06 a:hover.stay { background-position: -624px -60px; }


span.alt { display:none;}


/****************レイアウト**************/
#leftbox{
	margin:0;
	padding:0;
	float:left;
	width:135px;
	padding-bottom:30px;
}
#rightbox{
	width:595px;
	margin:0 0 0 15px;
	padding:0 0 30px 0;
	float:left;
}
#title{
	margin:0 0 15px 0;
	padding:0;
}

#solution_content{
	border:1px solid #ccc;
	margin:0;
	padding:15px;
	width:595px;
	height:129px;

}
html>body #solution_content{
	border:1px solid #ccc;
	margin:0;
	padding:15px;
	width:565px;
	height:129px;
}
#solution_content .image{
	float:left;
	padding-right:15px;
}
/****************見出しタイトル**************/
h3{
	border-left:10px solid #FF6600; 
	padding:0 0 0 5px;
	margin:0 0 15px 0;
	font-weight:bold;
	text-align:left;
}
h5{
	border-left:10px solid #FF6600; 
	border-bottom:1px dotted #FF6600;
	padding:0 0 0 5px;
	margin:0 0 15px 0;
	font-weight:bold;
	text-align:left;
	font-size:100%;
}

h4{
	background-image:url(images/dot_orange.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	font-weight:bold;
	text-align:left;
}

.midashi03{
	background-image:url(images/arw_orange2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
}

/********************リスト ********************/
.arrow ul{
	padding:0 0 0 15px;
	margin:0 0 0 5px;
}
.arrow ul li{
	list-style-image:url(images/arw_orange2.gif);
	text-align:left;
}

.fontsmall ul{
	padding:10px 0 0 10px;
	margin:0 0 0 5px;
}
.fontsmall ul li{
	list-style-type:circle;
	text-align:left;
}

/********************テーブルデザイン ********************/
#environment {
	font-size:80%;
	border-top:1px solid #CECCCC;
	border-right:1px solid #CECCCC;

}
#environment th{
	background-color:#D6D6D6;
	color:#000000;
	font-weight:bold;
	border-left:1px solid #CECCCC;
	border-bottom:1px solid #CECCCC;
}
#environment td{
	font-weight:nomal;
	background-color:#EEEEEE;
	color:#000000;
	font-weight:nomal;
	border-left:1px solid #CECCCC;
	border-bottom:1px solid #CECCCC;

}
#trial {
	font-size:80%;
}
#trial table{

	border:1px dotted #4B4B4B;

}

#trial th{
	background-image:url(images/arw_orange2.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:0;
	padding:0 0 0 15px;
	text-align:left;
	display: block;
}

* html #trial th{
	background-image:url(images/arw_orange2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
	padding:0 0 0 15px;
	text-align:left;
	display: block;
}

#trial td{
	text-align:left middle;
	
}



/****************個人情報取り扱い同意書**************/
/*同意書iframe*/
.agree_frame {
	border:1px solid #ccc;
	frameborder:0;
}

/*同意書ページ*/
.agree {
	padding:0 20px;
	width:90%;
	height:300px;
	border:1px solid #ccc;
	text-align:left;
	overflow: scroll;
	font-size:90%;
}

.agree02 {
	padding:0 20px;
	width:90%;
	height:200px;
	border:1px solid #ccc;
	text-align:left;
	overflow: scroll;
	font-size:90%;
}

/*同意書問い合わせ先*/
.agree_contact {
	margin:10px 20px;
	padding:5px;
	border:1px solid #ccc;
}

/*同意書に同意*/
.agree_box {
	padding:15px;
	border:1px solid #ccc;
	background-color:#f2f2f2;
	text-align:center;
}

.dot_blue_list {
	background:url(../../common/images/dot_gray.gif) left top no-repeat;
	padding:0 0 0 12px;
	font-size:90%;
	line-height:110%;
}
/*フォント*/
.fontLarge {
	font-size:130%;
	line-height:120%;
	font-weight:bold;
}
.fontsmall {
	font-size:80%;
	line-height:100%;
}
.attention{
	color:#FF6600;
	font-size:130%;
	line-height:120%;
	font-weight:bold;
}
.fontorange{
	color:#FF6600;
}


h6{
	font-size:100%;
	border-left:10px solid #FF6600;
	padding-left:5px;
	margin:10px 0;
}

#root{
	margin:10px;
	font-size:80%;
	line-height:100%;
}
/**サービスページCSS**/
.content_right{
	margin:0;
	padding:0;
	float:right;
	width:295px;
	
}
#leftbox  ul a {
	display: block;
/**	overflow: hidden;**/
	height:25px;
	background-image: url(images/left_navi.jpg);
	line-height:0;
	margin:0;
	padding:0;
}
#leftbox ul.alt {
	text-indent:999999px;
}
#leftbox  ul{
	display: block;
	overflow: hidden;
	width:135px;
	margin:0;
	padding:0;
}

#leftbox li{
	list-style-type:none;
	margin:0;
	padding:0;

}

#left_navi_01 a { width: 135px;background-position: 0 0; }
#left_navi_02 a { width: 135px;background-position: 0 -25px; }
#left_navi_03 a { width: 135px;background-position: 0 -50px; }
#left_navi_04 a { width: 135px;background-position: 0 -75px; }
#left_navi_05 a { width: 135px;background-position: 0 -100px ; }
#left_navi_06 a { width: 135px;background-position: 0 -125px; }
#left_navi_07 a { width: 135px;background-position: 0 -150px; }
#left_navi_08 a { width: 135px;background-position: 0 -175px; }

#left_navi_01 a:hover { background-position: 135px 0px;}
#left_navi_02 a:hover { background-position: 135px -25px;}
#left_navi_03 a:hover { background-position: 135px -50px;}
#left_navi_04 a:hover { background-position: 135px -75px;}
#left_navi_05 a:hover { background-position: 135px -100px;}
#left_navi_06 a:hover { background-position: 135px -125px;}
#left_navi_07 a:hover { background-position: 135px -150px;}
#left_navi_08 a:hover { background-position: 135px -175px;}

#left_navi_01 a.stay { background-position: 135px 0px; }
#left_navi_02 a.stay { background-position: 135px -25px; }
#left_navi_03 a.stay { background-position: 135px -50px; }
#left_navi_04 a.stay { background-position: 135px -75px; }
#left_navi_05 a.stay { background-position: 135px -100px; }
#left_navi_06 a.stay { background-position: 135px -125px; }
#left_navi_07 a.stay { background-position: 135px -150px; }
#left_navi_08 a.stay { background-position: 135px -175px; }


.banner{
	width:130px;
	margin:0 0 0 10px;
	padding:0;
}
#customer_info{
	width:585px;
	margin:0;
	padding:10px;
	background-color:#EAEAEA;
	height:130px;
}
.photo03{
	margin:0 5px 0 0;
	padding:0;
	float:left;
	width:100px;
	height:120px;
}
.photo04{
	margin:0 5px 0 0;
	padding:0;
	float:left;
	width:200px;
	height:120px;
}
.result{
	border:1px solid #A3A3A3;
	padding:10px;
}

/**サイトマップページCSS**/
#sitemap .rightbox{
	margin:0;
	padding:0;
	float:right;
	width:295px;
}
#sitemap .leftbox{
	margin:0;
	padding:0;
	float:left;
	width:295px;	
}

#sitemap ul{
	margin:0;
	padding:0;
}

#sitemap li{
	margin-left:10px;
 	padding:0 0 3px 0;
	list-style-type:none; 
}

/**お客さま導入事例CSS**/
.interview{
	margin:5px;
	padding:0;
	lin-height:120%;
}
.photo{
	float:right;
	padding-left:15px;
	margin:0;
}
.photo02{
	float:left;
	padding-right:15px;
	padding-bottom:15px;
	margin:0;
}
hr{
	border-bottom:1px dotted #B0AFAF;
	border-top:1px dotted #fff;
	border-left:1px dotted #fff;
	border-right:1px dotted #fff;
	margin:10px 0;
	padding:0;

}
.detail{
	float:right;
	margin:0;
	padding:0;
	width:250px;
}
/**FAQ**/
#faq ul{
	margin:0 ;
	padding-left:10px;
	list-style-image:url(faq/images/q.gif)
}

#faq li.q{
	margin:0 0 10px 15px;
	padding-left:0;
	color:#FF6600;
	list-style-image:url(faq/images/q.gif)
}
#faq li.a{
	margin:0 0 10px 15px;
	padding-left:0;
	list-style-image:url(faq/images/a.gif)
}
.back{
	background-image:url(images/arw_orange.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	margin-bottom:5px;
	text-align:left;
	font-size:80%;
	line-height:100%;
}
.date{
	text-align:right;
	font-size:80%;
	margin:0;
	padding:0;
}
.contact{
	margin-left:30px;
}


/* --------------------------------- テキスト Style --*/
sup {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

.fontLarge	{
	font-size: 1.1em;
}
.fontSmall	{
	font-size: 0.9em;
}

.textRight	{
	text-align: right;
}
.textLeft	{
	text-align: left;
}
.textCenter	{
	text-align: center;
}
.textBold{
	font-weight:bold;
}
.textRed{
	color:#DE0010;
}



/* --------------------------------- 余白 Style --*/
.margin0px {
	margin: 0;
}
.marginRghBtm10px {
	margin: 0 10px 10px 0;
}
.marginRghBtm20px {
	margin: 0 20px 20px 0;
}
.marginRghBtm40px {
	margin: 0 40px 20px 0;
}
.marginLftBtm20px {
	margin: 0 0 20px 20px;
}
.marginLftBtm40px {
	margin: 0 0 20px 40px;
}
.marginRghLft10px {
	margin: 0 10px 0 10px;
}
.marginTopBtm15px {
	margin: 15px 0;
}
.marginTopBtm20px {
	margin: 20px 0;
}
.marginTopLft20px {
	margin: 20px 0 0 20px;
}
.marginTop20px {
	margin: 20px 0 0 0;
}
.marginTop40px {
	margin: 40px 0 0 0;
}
.marginRgh10px {
	margin: 0 10px 0 0;
}
.marginRgh20px {
	margin: 0 20px 0 0;
}
.marginRgh40px {
	margin: 0 40px 0 0;
}
.marginLft10px {
	margin: 0 0 0 10px;
}
.marginLft20px {
	margin: 0 0 0 20px;
}
.marginLft100px {
	margin: 0 0 0 100px;
}
.marginBtm5px {
	margin: 0 0 5px 0;
}
.marginBtm10px {
	margin: 0 0 10px 0;
}
.marginBtm20px {
	margin: 0 0 20px 0;
}
.marginBtm40px {
	margin: 0 0 40px 0;
}

/* --------------------------------- リスト Style --*/
.listDisc{
	padding:0 0 0 1.5em;
}

.listDisc li{
	list-style:disc;
}

.listNum{
	padding:0 0 0 2em;
}

.listNum li{
	list-style:decimal;
}

.listDiscDot {
	margin: 5px 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
.listDiscDot li {
	background: url(../../common/images/dot_black.gif) no-repeat center left;
	float: left;
	padding: 0 5px 0 15px;
	line-height: 1.2em;
}
.listCircle {
	padding:0 0 0 1.5em;
}
.listCircle li {
	list-style:circle;
}
.listAlpha {
	padding:0 0 0 1.5em;
}
.listAlpha li {
	list-style:lower-alpha;
}