/* Œ©�o‚µ */
h1 {
     padding: 5px;
     font-weight: bold;
     font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
}

h2 {
     padding: 4px;
     font-weight: bold;
     font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
     margin:5px 0px 0px 0px;
}

h3 {
     padding: 5px;
     font-weight: bold;
     font-family : "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
}

h4 {
     padding: 5px;
     font-weight: bold;
     font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
}




/* ƒtƒHƒ“ƒgƒTƒCƒY */
.font10 {font-size: 10px;line-height: 14px;} /* �©ƒ}ƒCƒNƒ�ƒRƒ“ƒeƒ“ƒc�Eƒtƒbƒ^�[ƒeƒLƒXƒgƒ�ƒjƒ…�[•¶ŽšƒTƒCƒY */
.font11 {font-size: 11px;line-height: 15px;}
.font12 {font-size: 12px;line-height: 18px;} /* �©ƒ�ƒCƒ“Žg—p•¶ŽšƒTƒCƒY‚P */
.font13 {font-size: 13px;line-height: 19px;}
.font14 {font-size: 14px;line-height: 20px;} /* �©ƒ�ƒCƒ“Žg—p•¶ŽšƒTƒCƒY‚Q */
.font15 {font-size: 15px;line-height: 21px;}
.font16 {font-size: 16px;line-height: 22px;}
.font17 {font-size: 17px;line-height: 23px;}
.font18 {font-size: 18px;line-height: 24px;}
.font19 {font-size: 19px;line-height: 25px;}
.font20 {font-size: 20px;line-height: 26px;}
.font21 {font-size: 21px;line-height: 27px;}
.font22 {font-size: 22px;line-height: 28px;}
.font23 {font-size: 23px;line-height: 29px;}
.font24 {font-size: 24px;line-height: 30px;}
.font25 {font-size: 25px;line-height: 31px;}
.font26 {font-size: 26px;line-height: 32px;}
.font27 {font-size: 27px;line-height: 33px;}
.font28 {font-size: 28px;line-height: 34px;}
.font29 {font-size: 29px;line-height: 35px;}
.font30 {font-size: 30px;line-height: 36px;}
.font31 {font-size: 31px;line-height: 37px;}
.font32 {font-size: 32px;line-height: 38px;}
.font33 {font-size: 33px;line-height: 39px;}
.font34 {font-size: 34px;line-height: 40px;}
.font35 {font-size: 35px;line-height: 41px;}
.font36 {font-size: 36px;line-height: 42px;}
.font37 {font-size: 37px;line-height: 43px;}
.font38 {font-size: 38px;line-height: 44px;}
.font39 {font-size: 39px;line-height: 45px;}
.font40 {font-size: 40px;line-height: 46px;}
.font41 {font-size: 41px;line-height: 47px;}
.font42 {font-size: 42px;line-height: 48px;}
.font43 {font-size: 43px;line-height: 49px;}
.font44 {font-size: 44px;line-height: 50px;}
.font45 {font-size: 45px;line-height: 51px;}
.font46 {font-size: 46px;line-height: 52px;}
.font47 {font-size: 47px;line-height: 53px;}
.font48 {font-size: 48px;line-height: 54px;}
.font49 {font-size: 49px;line-height: 55px;}
.font50 {font-size: 50px;line-height: 56px;}
.font51 {font-size: 51px;line-height: 57px;}
.font52 {font-size: 52px;line-height: 58px;}
.font53 {font-size: 53px;line-height: 59px;}
.font54 {font-size: 54px;line-height: 60px;}
.font55 {font-size: 55px;line-height: 61px;}
.font56 {font-size: 56px;line-height: 62px;}
.font57 {font-size: 57px;line-height: 63px;}
.font58 {font-size: 58px;line-height: 64px;}
.font59 {font-size: 59px;line-height: 65px;}
.font60 {font-size: 60px;line-height: 66px;}


/* ”wŒi�F */
.back-pink {background-color:#FFDFDF;} /* �©”wŒiƒsƒ“ƒN */
.back-lightpink {background-color:#FFF6F6;} /* �©”wŒi”–‚¢ƒsƒ“ƒN */



/* ˆÊ’u */
.c {text-align: center;} /* �©’†‰›”z’u */
.l {text-align: left;}   /* �©�¶”z’u */
.r {text-align: right;}  /* �©‰E”z’u */




/* ƒtƒHƒ“ƒg�F */
.white {color: #FFFFFF;}    /* �©”’ */
.black {color: #000000;}    /* �©�• */
.red {color: #FF0000;}      /* �©�Ô */
.blue {color:#0000FF;}      /* �©� */
.brown {color: #990000;}    /* �©’ƒ */
.darkblue {color: #00008B;} /* �©�® */
.green {color:#008000;}     /* �©—Î */
.smoke {color:#999999;}     /* �©”–‚¢ŠD */
.orange {color:#FF6633;}    /* �©ƒIƒŒƒ“ƒW */
.pink {color:#FF4261;}      /* �©ƒsƒ“ƒN */
 /* •¶Žš�F‚̒ljÁ‚̓RƒR‚Ö‚¨Šè‚¢‚µ‚Ü‚·�B */





/* ƒ‰ƒCƒ“Œn */
.linehr {border-top:1px dotted #FFFFFF;border-left:1px dotted #FFFFFF;border-right:1px dotted #FFFFFF;border-bottom:1px dotted #999999;}
.line-fuji {border:1px solid #b3b3ff;}   /* �©“¡�F */



/* ƒtƒ��[ƒg‰ð�œ */
.clear{clear:both;}



/* �œ�œ�œ�œ�œ�œ�œ�œ�œƒTƒCƒgƒfƒUƒCƒ“Šî‘b�œ‘g‚Ý�œ�œ�œ�œ�œ�œ�œ�œ�œ */


/* ƒ�ƒCƒ“ */
#wrap{
     position:relative;
     width:900px;
     height:auto;
     background-color:#FFFFFF;
     text-align:left;
     margin:0px auto;
     border:solid 5px #D61518;
}

#wrap2{
     position:relative;
     padding:0px;
     width:890px;
     margin:0px 0px 0px 0px;
     text-align:left;
}



/* �¶‘¤‚Ì�Ý’è*/
.left{
     background:url(images/wp2_bkg.gif) repeat-y;
     width:200px;
     float:left;
     margin:0px;
     padding:0px;
     background-color:#F3A2A3;
}


/* ‰E‘¤‚Ì�Ý’è*/
.right{
     width:690px;
     margin:0px;
     float:right;
     background-color:#ffffff;
}
.right-in{
     width:650px;
     margin:10px 0px 20px 15px;
     font-size:12px;
     line-height:17px;
     text-align:left;
     background-color:#ffffff;
}



/* ƒwƒbƒ_�[ */
.microcontents{
     padding:0px;
     width:890px;
     margin:10px 0px 5px 10px;
     font-size:10px;
     line-height:14px;
     text-align:left;
}

.headmenu{
     width:900px;
     margin:0px;
     padding:0px;
     text-align:left;
     background-color:#D61518;
}

.marquee{
     width:800px;
     font-size:12px;
     margin:0px;
     padding:5px 0px 5px 0px;
     background-color:#FFFFFF;
}

.headmenu-contents{
     width:850px;
     height:197px;
     background:url(images/header_page.jpg) no-repeat;
     margin:0px 0px 0px 0px;
     padding:0px;
}

.headmenu-link{
     width:500px;
     height:37px;
     margin:15px 0px 0px 0px;
     padding:0px;
     text-align:right;
}
.headmenu-linkimage{
     width:100px;
     height:37px;
     margin:0px;
     padding:0px;
     float:left;
}
.headmenu-linkimage:after {
	content: "";
	display: block;
	clear: both;
}

.mobileuser{
 text-align:right;
 margin-right: 15px;
}




/* ƒtƒbƒ^�[ */
.main-bottom{
     position:relative;
     width:830px;
     height:14px;
     background:url(images/background-bottom.gif) repeat-none;
     background-color:#FFFFFF;
}

.textmenu{
     width:750px;
     border-bottom:1px dotted #999999;
     border-top:1px dotted #999999;
     border-right:1px dotted #999999;
     border-left:1px dotted #999999;
     margin:10px 0px 15px 0px;
     padding:5px;
     text-align:left;
     clear:both;
     background-color:#FFFFFF;
}

.copyright{
     margin:5px 0px 0px 15px;
     width:800px;
     padding:5px 0px 5px 0px;
     text-align:left;
     font-size:10px;
     line-height:14px;
     border-bottom:1px solid #D5D5D5;
}


.intro{
     padding:0px;
     width:635px;
     margin:0px;
}
.intro-in{
     padding:0px;
     width:625px;
     margin:0px 0px 0px 10px;
     font-size:12px;
}

.menubar{
     width:600px;
     font-size:12px;
     margin:0px 0px 10px 0px;
     padding:0px;
     background-color:#FFFFFF;
     border:0px;
     float:left;
}

.menubar-osusume1{
     width:160px;
     font-size:10px;
     line-height:14px;
     text-align:left;
     color:#000000;
     margin:10px 3px 10px 0px;
     padding:2px;
     background-color:#FFFFFF;
     border:1px solid #D0DEB9;
     float:left;
}
.menubar-osusume2{
     width:160px;
     font-size:10px;
     line-height:14px;
     text-align:left;
     color:#000000;
     margin:10px 3px 10px 0px;
     padding:2px;
     background-color:#FFFFFF;
     border:1px solid #D0DEB9;
     float:left;
}
.menubar-osusume3{
     width:160px;
     font-size:10px;
     line-height:14px;
     text-align:left;
     color:#000000;
     margin:10px 0px 10px 0px;
     padding:2px;
     background-color:#FFFFFF;
     border:1px solid #D0DEB9;
     float:left;
}



/* �œ�œ�œ�œ�œ�œ�œ�œ�œƒŠƒjƒ…�[ƒAƒ‹Œã�œ�œ�œ�œ�œ�œ�œ�œ�œ */

body, h1, h2, h3, h4, h5, div, p, ul, ol, li, dl, dt, dd, table{margin: 0px; padding: 0px; }

p, li, dt, dd{line-height: 1.6; }

ul, ol{list-style-type:none; }

form{margin: 0px; padding: 0px; }

table, img{border:none;}

h1, h2, h3, h4, h5, p, li, dt, dd, th, td, input, select{ color: #4D4D4D; }


.t_index{
     background: url(images/top/index.gif) no-repeat;
     text-align: left;
     color:#ffffff;
     height: 27px;
     padding:4px 0px 0px 25px;
     margin-bottom:0px;
}


/* ƒ��[ƒJƒ‹ƒiƒrƒQ�[ƒVƒ‡ƒ“  (Next)    ---------------------------------------- */

#lnav{ width:198px; border: 1px solid #C06162; margin: 0px 0px 10px 0px ; }

#lnav ul{}

#lnav ul li{ line-height: 1.0; font-size: 0px;  }

#lnav-twitter{ width:198px; border: 0px solid #BBB19C; margin: 5px 0px 10px 1px ;  background-color:#FFFEEF; }

#lnav-twitter img{ margin: 0px 0px 10px 0px; }


/* ƒ��[ƒJƒ‹ƒiƒrƒQ�[ƒVƒ‡ƒ“  (Small)    ---------------------------------------- */

#lnav_small{ position: relative; width: 180px; margin: 10px 0px 10px 10px; z-index:0 ; text-align: left;  }

#lnav_small ul{ border-top: 1px dotted #4A3D3D; font-size: 88%; line-height:1.0; z-index:1 ;  }
#lnav_small ul li{ padding: 2px 0px 2px 26px; border-bottom: 1px dotted #4A3D3D;   }

#lnav_small ul li a{ display: block; text-decoration: none; color:#271202;   }
#lnav_small ul li a:visited{text-decoration: none; color:#271202; }
#lnav_small ul li a:hover{text-decoration: underline; color: #C76D04; }
#lnav_small ul li a:active{text-decoration: underline; color: #C76D04; }


#lnav_small ul li.l_mobile{ background:url(images/lnav/ic_mobile.gif) 3px 1px no-repeat;  }
#lnav_small ul li.l_mail{ background:url(images/lnav/ic_mail.gif) 3px 0px no-repeat;}
#lnav_small ul li.l_contact{ background:url(images/lnav/ic_contact.gif) 3px 2px no-repeat;}
#lnav_small ul li.l_access{ background:url(images/lnav/ic_access.gif) 3px 2px no-repeat;}


#qr_code{ position: absolute; top: 3px; right: 5px; z-index:2 ; }


/* ŠÖ˜AƒTƒCƒgƒŠƒ“ƒN --------------------------------------------------------------------  */

#links{clear:both; width: 100%; border-top: 2px solid #FFF; text-align: center; background:#DEDAD0; padding: 5px 0px 3px; }


/* ƒtƒbƒ^�[ --------------------------------------------------------------------  */

.footer{ clear:both; background:#F3A2A3; width:880px; height:30px; font-size:10px; color:#ffffff; padding:5px 0px 5px 0px; margin:0px; }

.footer-in{ color:#000000; margin:10px 0px 10px 5px; width:860px; }

/* ƒgƒsƒbƒNƒX ------ */

#topics{ margin-bottom: 25px; padding: 0px; font-size: 12px;   }

#topics dl{  }

#topics dl dt{ float: left; width: 10em; color:#8D3D02; margin-bottom: 7px;   }

#topics dl dd{ float: left; width: 440px; margin-bottom: 7px;   }

#topics dl dd.dot{ clear: both; float: none; width: 560px; border-top: 1px dotted #E2D4BD; height: 1px; margin: 0px 0px 7px 0px; padding: 0px; font-size: 0px; }

#topics dl dd a:link{color:#4D4D4D;   }

#topics dl dd a:visited{color: #4D4D4D; }

#topics dl dd a:hover{color: #A84801; text-decoration: underline;   }

#topics dl dd a:active{color: #A84801; text-decoration: underline;  }


/* news box ------ */

.newsbox{
     margin:0px 0px 15px 0px;
     padding:0px;
     height:150px;
     width:635px;
     overflow:auto;
}
.newsbox-in{
     margin:5px;
     padding:0px;
     width:600px;
     text-align:left;
     border:0px;
     font-size:12px;
     line-height:20px;
}


/*  TOP Contents --------------------------------------------------------------------  */
#top_contents h1{ font-size: 15px; margin: 0px 0px 15px 0px; line-height: 1.1; padding: 0px; }

#top_contents h2#t_topics{ background: url(images/top/t_topics.gif) no-repeat; text-align: right; height: 23px; padding-top: 4px; margin-bottom:0px;  }

#top_contents h2#t_news{ background: url(images/top/t_news.gif) no-repeat; text-align: right; height: 27px; padding-top: 5px;  }

#top_contents h2#t_narrative{ background: url(images/top/t_narrative.gif) no-repeat; text-align: right; height: 27px; padding-top: 4px;  }

#top_contents h2 span{ display: none; }

#top_contents h2#t_machineta{ background: url(images/top/t_machineta.gif) no-repeat; text-align: right; width:635px; height: 27px; padding-top: 5px;  }


/* --- “ü‰ï�EƒR�[ƒXˆÄ“à --- */
#course h3{margin:15px auto 0px; width: 534px; clear:both; }/* ƒR�[ƒXindex */

#courses p{margin-bottom:13px; }

#course p.coursetxt{border: 1px dotted #999; padding: 14px; margin: 0px auto 15px; width: 534px; text-align: left; }

#courses p img{vertical-align:middle; }

#course div#consult{float:left; width: 300px; margin-left: 10px; }

* html #course div#consult{float:left; width: 300px; margin-left: 5px; }  

#course div#consult h3{width: 360px; }

#course div#consult p{border: 1px dotted #999; padding: 14px; margin: 0px 0px 15px; width: 327px; }

#course div.beginner{float:right; width:185px; padding: 0; margin: 19px 5px 0px 0px; line-height: 1.4; }

#course div.beginner p{border: 1px solid #DDD; width:160px; margin: 0px; padding: 0px 8px 5px 10px; }

* html #course div.beginner{float:right; width:177px; padding: 0; margin: 21px 5px 0px 0px; line-height: 1.4; }/* IE6—pƒnƒbƒN */

* html #course div.beginner p{border: 1px solid #DDD; width:160px; padding: 0px 8px 5px 10px; }

#courses .price{text-align:right; background:url(../images/course/bkg_price.gif) repeat-x left 17px; padding-bottom: 10px; }

#courses .price span{font-weight:bold; color:#cc0033; }

#courses hr{width:98%; height:1px; border:1px dotted #CFD7E2; margin:0 auto 15px; }

#courses #cDetail{margin-bottom:10px; }

#courses #cDetail h3{margin-bottom:10px; }

#courses #cDetail p{margin-bottom:5px; }

#courses #cDetail ul{margin:0 0 0 20px; }

#courses #cDetail ul li{background:url(../images/mark/ic_squareo.gif) no-repeat left 5px; padding-left:15px; margin-bottom:10px; line-height:1.7; }

#courses #cDetail ul li.att{margin-top:8px; background:url(../images/mark/ic_circler.gif) no-repeat left 5px; padding-left:12px; }

#courses #cDetail ul li ul{margin-top: 10px; }

#courses #cDetail ul li ul li{background:url(../images/mark/ic_tryo.gif) no-repeat left 6px; padding-left:10px; margin-bottom:3px; margin-left:0; }

#courses #cCampain{border:3px solid #F6DAE1; padding:10px 10px 0; margin-bottom:15px; }

#courses #cCampain ul.bookpre li{background:url(../images/mark/ic_circleo.gif) no-repeat left 5px; padding-left:12px; margin-bottom:7px; }

p.cmp{font-weight:bold; font-size:117%; color:#cc0033; background:url(../images/mark/ic_excl.gif) no-repeat 0px 2px; padding: 0px 0px 0px 25px; margin: 0px; }

p.cmp02{font-weight:bold; font-size:117%; color:#cc0033; background:url(../images/mark/ic_excl.gif) no-repeat 0px 18px; padding: 0px 0px 0px 25px; margin: 0px; }/* ‰^‹CƒAƒbƒv•Ò�i200801�jƒLƒƒƒ“ƒy�[ƒ“—p�@*/

#courses #cCampain span{font-weight:bold; }

#courses #cCampain strong{text-decoration:underline; }

div#contactBox p span{ font-weight: bold; font-size: 120%;}

p.cpre{font-size: 115%; color:#EA5E01; font-weight: bold; }

p.cpre span{color:#1F1F1F;}


/* ‘ÌŒ±’k */
#narrative{ font-size: 11px; color:#A8A8A8; border: 0px solid #ffffff; padding: 0px; height: 200px; width:635px; margin-bottom: 25px; overflow: auto; }

#narrative a:link{color: #AC7C0C; }
#narrative a:visited{color: #AC7C0C; }
#narrative a:hover{color: #D27510; }
#narrative a:active{color: #D27510; }


#narrative h3{ font-size: 11px; border-bottom: 1px dotted #AA8C7A; color:#6C3E0D; margin: 0px 0px 7px 0px; padding: 2px 0px 0px 0px; text-align:right; background:#F6E2CD;  }

#narrative h3 a:link{color:#6C3E0D; text-decoration: underline;}
#narrative h3 a:visited{color:#6C3E0D; text-decoration: underline;}
#narrative h3 a:hover{color:#6C3E0D; text-decoration: underline;}
#narrative h3 a:active{color:#6C3E0D; text-decoration: underline;}


#narrative h4{ font-size: 13px; color:#A40A0A; margin: 0px 0px 10px 0px; padding: 0px;  }

#narrative h4 a:link{color:#A40A0A;text-decoration: underline;}
#narrative h4 a:visited{color:#A40A0A; text-decoration: underline;}
#narrative h4 a:hover{color:#BD0B0B; text-decoration: underline;}
#narrative h4 a:active{color:#BD0B0B; text-decoration: underline;}


.n_tag{ font-size: 10px; color:#CCC; text-align:right; border-bottom: 1px solid #DDD; line-height: 1.5; }

#narrative .n_tag a:link{color:#CCC; text-decoration: none; }
#narrative .n_tag a:visited{color:#CCC; text-decoration: none; }
#narrative .n_tag a:hover{color:#D27510; text-decoration: underline;}
#narrative .n_tag a:active{color:#D27510; text-decoration: underline;}

#narrative .n_tag a.on:link{color:#777; text-decoration: none; }
#narrative .n_tag a.on:visited{color:#777; text-decoration: none; }
#narrative .n_tag a.on:hover{color:#D27510; text-decoration: underline;}
#narrative .n_tag a.on:active{color:#D27510; text-decoration: underline;}