@charset "shift_jis";
body { margin-left: 10px; margin-right: 10px;
  padding: 0px; background: #ffcc99 url(../../../img/b.gif) repeat;
  color: #333333; font-family: "ＭＳ Ｐゴシック", "Osaka"; }

a:link { color: #ff6600; }
a:visited { color: #ff6633; }
a:hover { color: #ffcc66; }

img { border: none; }
h1 { margin: 0; color: #666666; font-family: Verdana; }
h2 { margin: 15px 60px 0px 90px; color: #666666; font-family: Verdana; }
table { border-style: none; margin: 0px 5px 0px 60px; }
p { color: #000000; margin: 5px 60px 0px 90px; 
    padding: 5px 5px 5px 10px; background-color: #fff0e1;
    text-align: left; line-height: 1.3em; }

span.po {  font-size: 18px; line-height: 1.2em;
           font-weight:bold; color: #3c4964; }
span.prt { display: none; }

/*CONTAINER
------------------------------------------------------------*/
div#cont { text-align: left; width: 810px;
	margin-top: 10px; margin-right: auto; margin-left: auto; }

/*HEADER
------------------------------------------------------------*/
div#header { height: 120px; position: relative;
	background: url(../cl_img/hed_class.gif) no-repeat left top; }

#header img { vertical-align: top; padding-top: 18px; }

div#top img { margin-left: 20px; padding-top: 12px; }

div#nav { position: absolute; top: 73px; left: 160px; }

div#prt_title { display: none; }

/*----------------------------------------------------------
  CONTENTS
------------------------------------------------------------*/
div#contents { background: url(../../p_img/bg_m.gif) repeat-y left; }


/*SUB MENU
------------------------------------------------------------*/

div#sub { background: url(../../p_img/s_mbg.gif) repeat-y left;
	text-align: center; }

#sub a { text-decoration: underline; color: #ff9900; font-size: 18px; }
#sub a:visited { text-decoration: underline; color: #ff9900; 
        font-size: 18px; }
#sub a:hover { text-decoration: underline; color: #555555;
        font-size: 18px; }

div#s_hbg { background: url(../../p_img/s_hbg.gif) no-repeat left top;
	height: 36px; text-align: center; }

div#s_bbg { background: url(../../p_img/ab_bg.gif) no-repeat left top;
	height: 50px; text-align: center; }

/*LESSON
------------------------------------------------------------*/
div#les { background: url(../../p_img/s_mbg.gif) repeat-y left;
	text-align: left; }

div#les td { line-height: 1em; padding: 0px 10px 0px 10px; width: 338px;
     border-color: #666666; border-style: dotted;
     border-width: 5px 0px 5px 0px; }

div#les_bbg { background: url(../../p_img/s_bbg.gif) no-repeat left top;
	height: 23px; text-align: center; }

/*FEE
------------------------------------------------------------*/
div#fee { background: url(../../p_img/s_mbg.gif) repeat-y left;
	text-align: left; }

#fee table { margin: 0px 0px 0px 90px;
           border-width: 1; border-color: #fcc9a7; border-style: solid;
           text-align: left; }
#fee thead { background-color: #fcc9a7;
           font-size: 17px; color: #000000; }

#fee th { width: 200px; border-color: #fcc9a7; border-style: solid;
           border-width: 1px; padding: 5px 7px 5px 7px; text-align: center;
           font-size: 14px; line-height: 1em;
           font-family: Trebuchet MS,ＭＳ Ｐゴシック,Osaka; }
#fee td { width: 100px; left; border-width: 1px;
          border-color: #fcc9a7; border-style: solid;
          text-align:center; font-size: 17px; 
          font-family: ＭＳ Ｐ明朝,細明朝体; }

/*MAIN
------------------------------------------------------------*/
div#m_hbg { background: url(../../p_img/m_hbg.gif) no-repeat left top;
	height: 36px; text-align: center; }

div#cl_main { width: 730px;
        margin-top: 0px; margin-left: 40px; }

#cl_main h3 { color: #888888; margin-top: 5px; margin-bottom: 0px;
           text-align: center; }

/*FOOTER
------------------------------------------------------------*/
div#footer { margin-top: 0px; padding-top: 40px;
	background: url(../../p_img/p_tft.gif) no-repeat center top;
	text-align: center; font-family: Comic Sans MS;  font-size: small; 
}

/*CLEARFIX
------------------------------------------------------------*/
/*for modern browser*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   line-height:0;
   visibility: hidden; }

/* exlude MacIE5 */
.clearfix {
   zoom:1; /*for IE 5.5-7*/
   display: inline-block; }