#document-box {
	margin-top: 20px;
	clear: both;
}

#document-box h2{
	font-size: 24px;
	color: #4C3F3E;
	background-image: url(../images/h2img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	border: none;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 16px;
	padding-bottom: 12px;
	margin-bottom: 42px;
	clear: both;
}

#document-box h3{
	font-size: 24px;
	color: #FFFFFF;
	background-image: url(../images/h3img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	border: none;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	padding-top: 16px;
	padding-bottom: 12px;
	margin-bottom: 30px;
	clear: both;
}


#document-box h3.h3b{
	font-size: 24px;
	color: #503D1F;
	background-image: url(../images/h3img-b.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	border: none;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	padding-top: 24px;
	padding-bottom: 14px;
	margin-bottom: 30px;
	clear: both;
	font-weight: bold;
}


#document-box h4{
	font-size: 18px;
	color: #58382C;
	padding-left: 5px;
	width: 785px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	clear: both;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A65A3E;
	background-color: #F4EDEA;
}


#document-box h4.h4s{
	font-size: 18px;
	color: #58382C;
	padding-left: 5px;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	clear: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A65A3E;
	background-color: #F4EDEA;
	float: left;
}




#document-box p{
	font-size: 14px;
	color: #333333;
}



#document-box .textleft{
	text-align: left;
	clear: both;
}

#document-box .textright{
	text-align: right;
	clear: both;
	text-decoration: underline;
}

#document-box .textright a{
	text-decoration: underline;
}

#document-box .textcenter{
	text-align: center;
}

#document-box p.fonts{
	font-size: 12px;
}

#document-box .fontl{
	font-size: 19px;
}

#document-box .red{
	font-size: 14px;
	color: #FF0000;
}

#document-box .pink{
	color: #FF3366;
}

#document-box .blue{
	color: #03B0C9;
}

#document-box .gray{
	color: #666666;
}

#document-box .fontbold{
	font-weight: bold;
}


#document-box .font16{
	font-size: 16px;
}

#document-box .linehight130{
	line-height: 130%;
}

#document-box .linehight220{
	line-height: 220%;
}

#document-box .mart40{
	margin-top: 30px;
}
#document-box .mart30{
	margin-top: 30px;
}

#document-box .mart20,
#document-box p.mart20{
	margin-top: 20px;
}

#document-box .marb20{
	margin-bottom: 20px;
}

#document-box .clear{
	clear: both;
}

#document-box .center{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#document-box .imgleft{
	float: left;
	margin-right: 10px;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#document-box #d-visual{
	margin-bottom: 20px;
}


#document-box #sp01{
	float: left;
	clear: both;
	width: 800px;
}

#document-box #sp01 p{
	float: left;
	width: 370px;
}


#document-box #sp01 p.imgright{
	float: right;
	margin-right: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

#document-box #sp01 img{
	float: right;
	margin: 0px;
	padding: 0px;
}

#document-box #sp01 img.imgleft{
	float: left;
	margin: 0 0 20px 10px;
	padding: 0px;
}

#document-box #sp01 h3{
	background-color: #996699;
	border: 1px solid #6D496D;
	color: #FFFFFF;
	font-size: 15px;
	float: left;
	width: 340px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 28px;
	margin-left: 10px;
	clear: none;
	background-image: none;
}

#document-box #sp02{
	width: 800px;
	text-align: center;
	margin-bottom: 60px;
}

#document-box #sp03{
	float: left;
	width: 800px;
	margin-bottom: 42px;
	clear: both;
}

#document-box #sp03 ul{
	margin: 0 0 20px 0;
	padding: 0px;
}


#document-box #sp03 li{
	color: #393900;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 20px;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/list.png);
	background-position: left 10px;
	line-height: 220%;
	background-repeat: no-repeat;
	list-style-type: none;
}
#document-box #sp03 .box{
	margin-bottom: 20px;
	padding: 5px 10px;
	width: 680px;
	margin-right: 48px;
	margin-left: 48px;
	border: 4px solid #604925;
	background-color: #FAF9F5;
	clear: both;
}

*html #document-box #sp03 .box{
	margin-bottom: 20px;
	padding: 5px 10px;
	width: 680px;
	margin-right: 24px;
	margin-left: 24px;
	border: 4px solid #604925;
	background-color: #FAF9F5;
	clear: both;
}

#document-box #sp03 .box .boxtitle{
	width: 680px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #543E01;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #663333;
	margin: 0 0 24px 0;
	padding: 0px;
}

#document-box #sp03 .box p{
	width: 680px;
	margin-bottom: 20px;
}


#document-box #sp03 .box ol{
	margin: 0 0 20px 0;
	padding: 0px;
}


#document-box #sp03 .box li{
	margin: 0 0 5px 40px;
	padding: 0px;
	color: #625A2F;
	font-size: 15px;
	list-style-type: decimal;
	font-weight: bold;
	background-image: none;
}



#document-box #sp03 .sp3imgarea{
	margin: 10px 0 20px 0;
	clear: both;
	float: left;
}

#document-box #sp03 .sp3imgarea p{
	float: left;
	width: 510px;
	margin-top: 20px;
}

#document-box #sp03 .sp3imgarea p.imgright{
	float: right;
	width: 250px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 18px;
	margin-bottom: 0px;
	text-align: center;
	color: #333333;
	margin-top: 0px;
}

#document-box #sp03 .sp3imgarea img{
	padding-bottom: 0px;
}



#document-box #sp04{
	float: left;
	width: 800;
	margin-bottom: 42px;
	clear: both;
}

#document-box #sp04 img{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;	
}

#document-box #sp04 img.img780{
	width: 780px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;	
}
#document-box #sp04 .tokucho{
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;	
}

#document-box #sp04 .tokucho p.imgright{
	float: right;
	width: 140px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 18px;
	margin-bottom: 0px;
	text-align: center;
	color: #333333;
	margin-top: 10px;
}

*html #document-box #sp04 .tokucho p.imgright img{
	margin: 0px;
	padding: 0px;
}


#document-box #sp04 .tokucho p{
	float: left;
	width: 600px;	
}


#document-box #sp04 .info{
	width: 780px;
	background-image: url(../images/sp07.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 10px;
}


#document-box #sp04 .info .infoname{
	font-size: 20px;
	color: #003366;
	font-weight: bold;
	margin-left: 10px;
	background-color: #DDE1F0;
	width: 520px;
	padding-top: 5px;
	line-height: 160%;	
}

#document-box #sp04 .info p{
	line-height: 320%;
}

#document-box #sp04 a:hover,
#document-box #sp04 a{
	font-size: 14px;
	color: #0099CC;
	text-decoration: underline;
}

#document-box #sp04 .course{
	width: 780px;
	margin-bottom: 20px;
}


#document-box #sp04 .course p{
	width: 760px;
	background-image: url(../images/coursetitle.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 8px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

#document-box #sp04 .course ul{
	background-image: url(../images/coursebottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 0 24px 0;	
}

#document-box #sp04 .course li{
	width: 770px;
	margin: 0px;
	background-image: url(../images/courselist.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	font-size: 13px;
	color: #674D25;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#document-box #sp04 .course li.point{
	background-image: url(../images/point.png);
}

#document-box #sp04 .course li.option{
	background-image: url(../images/option.png);
}


#document-box #sp04 .course li a{
	font-size: 13px;
	font-weight: bold;
	color: #339999;
}

#document-box #sp04 .course .fontss{
	font-size: 11px;
}

#document-box #sp04 .course .redb{
	font-size: 15px;
	font-weight: bold;
	color: #CC3300;
}

#document-box #sp04 .course .c-line{
	font-size: 13px;
	text-decoration: line-through;
}


#document-box #sp04 table{
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
	clear: both;
}

#document-box #sp04 th{
	width: 130px;
	border: 1px solid #C8C8C8;
	background-color: #EEEEEE;
	color: #333333;
	vertical-align: middle;
	font-size: 15px;
	padding: 5px;
	margin: 2px;
}

#document-box #sp04 td{
	border: 1px solid #C8C8C8;
	padding: 5px;
	font-size: 12px;
	margin: 2px;
}

#document-box #sp04 td.td140{
	border: 1px solid #C8C8C8;
	background-color: #EDE9F3;
	font-size: 14px;
	color: #000000;
	vertical-align: middle;
	padding: 5px;
	width: 140px;
}

#document-box #sp04 td.td480{
	padding: 5px;
	width: 470px;
}

#document-box #sp04 td.tdmain01{
	border: 1px solid #C8C8C8;
	padding: 5px;
	font-size: 14px;
	background-image: url(../images/pet01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 150px;
}

#document-box #sp04 td.tdmain02{
	border: 1px solid #C8C8C8;
	padding: 5px;
	font-size: 14px;
	background-image: url(../images/pet02.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 150px;
}

#document-box #sp04 td.tdmain03{
	border: 1px solid #C8C8C8;
	padding: 5px;
	font-size: 14px;
	background-image: url(../images/pet03.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 150px;
}

#document-box #sp04 td.tdmain01 p,
#document-box #sp04 td.tdmain02 p,
#document-box #sp04 td.tdmain03 p{
	font-size: 14px;
	width: 420px;
	margin: 4px;
}

#document-box #sp04 td.tdmain01 p img,
#document-box #sp04 td.tdmain02 p img,
#document-box #sp04 td.tdmain03 p img{
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#document-box #sp04 td.tdfee{
	font-size: 14px;
}
#document-box #sp04 td.tdfee .c-line{
	font-size: 14px;
	text-decoration: line-through;
}

#document-box #sp04 td.tdfee .redb{
	font-size: 16px;
	font-weight: bold;
	color: #CC3300;
}
#document-box #sp04 td.tdfee a;hover,
#document-box #sp04 td.tdfee a{
	color: #FF3366;
}

#document-box #sp04 td.yoyaku{
	width: 250px;
	border: none;
	padding: 5px 2px 2px 2px;	
	text-align: right;
	margin: 0px;
}

#document-box #sp04 td.td220{
	width: 210px;	
}

#document-box #sp04 td.yoyaku img{
	padding: 0px;
	margin: 0px;	
}


#document-box #sp04 .voice01{
	width: 740px;
	margin: 20px;
	border: 1px dotted #FF6666;
	clear: both;
	padding: 10px;
}

#document-box #sp04 .voice02{
	width: 740px;
	margin: 20px;
	border: 1px dotted #3399CC;
	clear: both;
	padding: 10px;		
}

#document-box #sp04 .voice01 p,
#document-box #sp04 .voice02 p{
	width: 740px;
	margin: 0px;
	padding: 0px;	
}





#right-box{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 160px;
}


#right-box #rightmenu{
	clear: both;
	width: 160px;
	margin: 0px;
	position: fixed;
	top: 153px;
}

#right-box #rightmenu img{
	clear: both;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#right-box #rightmenu #rightinfo{
	width: 160px;

	float: left;	
	border: 1px solid #D4D4D4;
	margin-top: 10px;
}

#right-box #rightmenu #rightinfo p.rightname{
	margin: 0;
	padding: 0;	
}


#right-box #rightmenu #rightinfo p.rightname a{
	height: 24px;
	width: 160px;
	margin: 0 0 4px 0;
	background-color: #584E3F;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	padding-top: 6px;
	display: block;
	text-decoration: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#right-box #rightmenu #rightinfo p.rightname a:hover{
	color: #FFFFFF;
}

#right-box #rightmenu #rightinfo p{
	clear: both;
	color: #333333;
	text-align: left;
	font-size: 11px;
	margin-bottom: 10px;
	padding-left: 2px;
	margin-top: 5px;
	width: 160px;
}

#right-box #rightmenu #rightinfo a:hover,
#right-box #rightmenu #rightinfo a{
	color: #0099CC;
	margin:0;
}


#right-box #rightmenu #rightinfo img{
	clear: both;
	width: 156px;	
	margin-right: 1px;
	margin-left: 2px;
}

#right-box #rightmenu #rightinfo img.yoyakur{
	width: 150px;
	margin-left: 4px;
	clear: clear;

}

*html #right-box #rightmenu #rightinfo img.yoyakur{
	width: 150px;
    padding: 0;
	clear: none;
}

#document-box #mailform{
	clear: both;
}

#document-box #mailform li{
	color: #333300;
	font-size: 14px;
}

#document-box #contact{
	clear: both;
	margin-bottom: 300px;
	float: left;
}



#document-box #mailform table{
	padding: 0px;
	margin: 0 0 60px 20px;
}

#document-box #mailform th,
#document-box #mailform td{
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	vertical-align: top;
	border: 1px solid #C8C8C8;
	text-align: left;
	font-size: 14px;
}

#document-box #mailform th{
	background-color: #EEEEEE;
	color: #333333;
	width: 180px;}

#document-box #mailform table table{
	padding: 0px;
	margin: 0px;
}

#document-box #mailform td{
	width: 560px;
}

#document-box #mailform td.mailtd160{
	width: 160px;
}