h2    { color: #505050; font-style: normal; font-weight: normal; font-size: 10pt; line-height: 130% }
h3  {
	font-style: normal;
	font-weight: lighter;
	font-size: 7pt;
	margin: 0px;
	padding: 0px;
}
h4      { color: #ff6e0f; font-style: normal; font-weight: normal; font-size: 11pt; line-height: 100% }
.day     { color: #c66900; font-size: 7.5pt }
.exp   { background-color: #3c2d0a; border: double 3px #a17c0d }
.exphon { font-size: 9pt; line-height: 12pt }
.kyousituhon { font-size: 8.5pt; line-height: 14.5pt }
.honbun    { font-size: 8.5pt; line-height: 13pt }
.kaisai  { font-size: 9pt; line-height: 13pt }
.kyoushitu  { color: #ff6900; font-size: 9.5pt; line-height: 16pt }
.kyoshitukomidashi  { color: #ff6900; font-size: 8.5pt; line-height: 14.5pt }
.name {font-size: 10pt; line-height: 15pt }
.program1 {float: left; border: solid thin #ff6e0c; width: auto }
.program    {
	float: left;
	border: solid thin #ff6e0c;
	width: 200px;
	padding-right: 50px;
}
.titlename  { color: #ff6900; font-size: 13pt; line-height: 60% }
body {
	text-align:center;
}

ul.class{
    width:100%;
    margin-top:20px;
    font-size:8pt;
    padding-left:0;
    margin-left:0;
}

ul.class li{
    list-style:none;
    padding:3px 10px;
    float:left;
    
    
}
.credit { font-size: 7.5pt }
a:link   {
	color: #505050;
	text-decoration: none;
}
a:visited { color: #646464 } 
a:hover  { color: #ff6400;
           text-decoration: underline;} 
a:active  { color: #ff7814 } 
#top_pic {
	margin: auto;
	width: 800px;
}
#top_pic {
	width: 800px;
	float: none;
}
#top_pic .pic {
	width: 600px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
}
#lesson {
	margin: auto;
	width: 600px;
	padding-left: 200px;
}
#page {
	width: 800px;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;
}
#title {
	width: 800px;
	padding-top: 25px;
	padding-bottom: 25px;
}
#menu {
	margin: auto;
	width: 800px;
	padding-bottom: 45px;
}
#program {
	float: left;
	width: 150px;
	padding-right: 0px;
	margin-top: 0px;
	height: 0px;
	text-align: left;
}
#top_pic {
	width: 600px;
	float: right;
	margin: 0px;
	padding-bottom: 20px;
}
#spot {
	width: 600px;
	margin-right: 0px;
	float: right;
	text-align: left;
	padding-bottom: 20px;
}
#spot_lesson {
	float: right;
	width: 600px;
}
#date {
	margin: auto;
	width: 600px;
}
#page .spot_lesson {
	float: right;
	border-top-color: #EDEDED;
	border-right-color: #EDEDED;
	border-bottom-color: #EDEDED;
	border-left-color: #EDEDED;
	text-align: left;
	width: 600px;
	padding-bottom: 20px;
}
#page .spot_lesson .date {
	margin: auto;
	width: 600px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#page .spot_lesson .sentence {
	float: left;
	width: 300px;
	padding-top: 30px;
	border-top-color: #FF6E20;
	border-right-color: #FF6E20;
	border-bottom-color: #FF6E20;
	border-left-color: #FF6E20;
	height: auto;
	padding-left: 30px;
	font-size: 10pt;
	line-height: 15pt;
}
#page .spot_lesson .photo {
	float: right;
	width: 225px;
	padding-top: 30px;
	padding-right: 30px;
	font-size: 7.5pt;
}
#sentence {
	float: left;
	width: 315px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin: 0px;
}
#photo {
	float: right;
	width: 255px;
	padding-top: 30px;
	padding-right: 0px;
	margin: 0px;
}
#contents {
	width: 600px;
	border: 1px solid #FF6900;
	height: 1000px;
}#page .spot_lesson .contents {
	width: 600px;
	border: 1px solid #FF6E20;
	text-align: left;
	padding-bottom: 20px;
}
#page .spot_lesson .contents .lecturer {
	width: auto;
	clear: both;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	margin-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
}
#page #spot .spotmenu {
	font-size: 8.5pt;
	line-height: 13pt;
}

.lecturer .profile {
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	border-bottom-width: 1px;
	width: 540px;
}
.contents .lecturer .profile2 {
	width: 540px;
	margin-bottom: 10px;
}
.contents .shousai {
	font-size: 10pt;
}
.name1 {
	font-size: 10pt;
}
.contents .shousaiout {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	width: 540px;
	padding-right: 30px;
	padding-left: 30px;
}
.spot_lesson .contents .button {
	width: 540px;
	margin-right: 30px;
	margin-left: 30px;
	font-size: 85%;
	color: #ff7824;
}
p       {
	font-size: 8.5pt
}
.spot_lesson .back {
	font-size: 8.5pt;
	text-align: right;
	margin-top: 5px;
}

#infomation {
	width: 300px;
	margin: auto;
	float: left;
	border: 5px solid #B4AFAA;
	padding-top: 15px;
	height: auto;
}
#menu0 {
	margin: auto;
	width: 800px;
	padding-bottom: 25px;
}
#news {
	text-align: left;
	font-size: 8pt;
	line-height: 120%;
	margin-left: 0;
	margin-right: 0
	clear: left;
	float: left;
	width: 310px;
	overflow: auto;
	margin-left:0
}
.name {
	font-size: 10pt;
	line-height: 15pt;
	font-weight: normal;
}
.program1 {
	float: left; 
	border: solid thin #ff6e0c; 
	width: auto 
}
#page #infomation .cont {
	width: 300px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-top: 0px;
}
  #page #news {
	float: left;
	width: 303px;
	clear: left;
	overflow: auto;
	height: 55px;
	margin-top: 15px;
	border: 1px solid #AAA;
	padding-left: 5px;
	padding-top: 5px;
}
#school01 {
	clear: left;
	float: left;
	width: 300px;
	margin-top: 15px;
	height: 101px;
}
#school {
	clear: left;
	float: left;
	width: 300px;
	margin-top: 15px;
	height: 163px;
}
#top_left {
	float: left;
	width: 310px;
	height: 534px;
}
#top_right {
	float: right;
	height: auto;
	width: 460px;
	border: 5px solid #B4AFAA;
	padding-top: 15px;
	padding-bottom: 20px;
}
#page #top_right .right_contents {
	width: auto;
	line-height: 50%;
	padding: 0px;
	height: auto;
}
#page #top_right .right_contents .lesson {
	width: 420px;
	padding-bottom: 24.75px;
	padding-top: 0px;
	border-top-color: #B4AFAA;
	border-right-color: #B4AFAA;
	border-bottom-color: #B4AFAA;
	border-left-color: #B4AFAA;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#page #top_right .right_contents .lesson02 {
	width: 420px;
	padding-bottom: 24.75px;
	padding-top: 24.75px;
	border-top-color: #B4AFAA;
	border-right-color: #B4AFAA;
	border-bottom-color: #B4AFAA;
	border-left-color: #B4AFAA;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}
#page #top_right .right_contents .lesson03 {
	width: 420px;
	padding-bottom: 0px;
	padding-top: 24.75px;
	border-top-color: #B4AFAA;
	border-right-color: #B4AFAA;
	border-bottom-color: #B4AFAA;
	border-left-color: #B4AFAA;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#page #top_left #infomation .info_top {
	height: 20px;
	width: 300px;
	padding-bottom: 20px;
}
#page #top_right .right_contents .lesson_top {
	height: 20px;
	width: 460px;
	padding-bottom: 20px;
}
#spacer {
	clear: both;
	float: none;
	width: 800px;
}
#credit {
	width: 800px;
	float: none;
	padding-top: 50px;
	clear: both;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
}

#page #spot .class {
	height: 20px;
	width: 600px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#page #spot .pri_text {
	width: 600px;
	padding-left: 10px;
	float: left;
	height: auto;
	font-size: 10pt;
	line-height: 15pt;
}
#page .spot_lesson .contents .schedule {
	clear: both;
	float: none;
	width: auto;
	padding-top: 30px;
	padding-left: 30px;
}
#concept {
	float: right;
	width: 600px;
	margin-right: 0px;
	height: auto;
	text-align: left;
}
#page #spot .concept {
	width: 600px;
	float: left;
	height: auto;
	font-size: 10pt;
	line-height: 15pt;
}

#page #spot #spot .feature {
	float: left;
	width: 600px;
	margin-top: 25px;
}
#page #spot #spot .moushikomi {
	float: left;
	width: 600px
	hight: 600px
}
#page #spot .feature .moushikomi .no {
	float: left;
	width: 31px;
	text-align: center;
	margin-top: 25px;
}
#page #spot .feature .moushikomi .step {
	width: 550px;
	height: 550px;
	float: right;
	margin-top: 25px;
}
#page #spot .feature .moushikomi .step .step_title {
	height: 31px;
	width: 550px;
	text-align: left;
	margin: auto;
	padding-top: 11px;
}
#page #spot .feature .moushikomi .step .midashi {
	width: 550px;
	height: 30px;
}
#page #spot .feature .moushikomi .step02 {
	width: 550px;
	height: 109px;
	float: right;
}
#page #spot .feature .moushikomi .step02 .step_title02 {
	height: 31px;
	width: 550px;
	text-align: left;
	margin: auto;
	padding-top: 11px;
}
#page #spot .feature .moushikomi .step02 .midashi02 {
	width: 550px;
	height: auto;
	margin-bottom: 30px;
}
#page #spot .feature .moushikomi .moushikomi02 {
	float: right;
	width: 550px;
}
#page #spot .cancel {
	clear: both;
	width: 600px;
	padding-top: 25px;
	margin-top: 25px;
}
ul.report {
	margin: 0;
    padding: 0;
	text-align: left;
	list-style-type:none; 
	font-size: 9pt; 
	line-height: 12pt ;
}#page #spot .report {
	width: 600px;
}
#page #spot .report .report_title {
	height: 25px;
	width: 600px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E59158;
	border-left-color: #E59158;
}
#page #spot .report .report_title .date {
	float: left;
	height: 25px;
	width: 120px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EDEDED;
	border-bottom-color: #FFA162;
	border-left-color: #FFA162;
	text-align: center;
	line-height: 25px;
	font-size: 9.5pt;
}
#page #spot .report .report_title .title {
	float: right;
	height: 25px;
	width: 475px;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #E59158;
	border-left-color: #E59158;
	font-size: 10pt;
	line-height: 25px;
	text-indent: 25px;
}
#page #spot .report .contents {
	width: 600px;
}
#page #spot .report .contents .text_l {
	width: 600px;
	padding-top: 15px;
	font-size: 8.5pt;
	line-height: 15pt;
	padding-bottom: 15px;
}
#page #spot .report .contents .box_left {
	float: left;
	width: 290px;
	font-size: 8.5pt;
	line-height: 15pt;
	height: auto;
	clear: left;	
}
#page #spot .report .contents .box_right {
	float: right;
	width: 290px;
	font-size: 8.5pt;
	line-height: 15pt;
	height: auto;
	clear: right;
}
#page #spot .report .contents .text_photo {
	width: 600px;
	display: table-cell;
	vertical-align: middle;
	clear: both;
	margin-top: 20px;
}
#page .space {
	float: right;
	width: 600px;
	height: 10px;
}
#page #spot .report .back {
	font-size: 8.5pt;
	text-align: right;
	margin-top: 5px;
}