
@charset "UTF-8";

/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 150%;
    color: #000;
    letter-spacing: 1px;
    font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
    text-align: center;
    background-color: #fff;
    background-image: url(../img/Nbgimg02.png);
    background-position: top center;
    background-repeat: no-repeat;
}

body #wrap {
    background-color: #FFF;
    max-width: 900px;
    overflow-x: hidden;
    overflow-y: hidden;
}

div {
    text-align: left;
    line-height: 1.5em;
}

a {
    text-decoration: none;
}

a:link {
    color: #2c589e;
}

a:visited {
    color: #2c589e;
}

a:hover {
    color: #f173ac;
}

.clear {
    clear: both;
}

.clear hr {
    display: none;
}

h5 {
    color: #F90;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    border-bottom-style: dotted;
    width: 300px;
    padding-left: 10px;
}


/*Ã£Æ’ËœÃ£Æ’Æ’Ã£Æ’â‚¬Ã£Æ’Â¼---------------------*/

#header {
    /*background-color: #d6e3d6*/
    ;
}

#header h1 {
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #28AF6C;
    display: inline-block;
    position: absolute;
    padding-left: 45em;
}

#header_navi {
    clear: both;
    width: 900px;
    height: 100px;
    padding: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #FFF;
}

#header_navi .left {
    float: left;
    width: 500px;
    text-align: left;
}

#header_navi .right {
    float: right;
    width: 320px;
}

#header_navi .right ul {
    margin: 10px 0 0 60px;
    padding-left: 47px;
}

#header_navi .right li {
    list-style-type: none;
    height: 16px;
    float: left;
}

* html #header_navi .right li {
    height: 16px;
    float: left;
    width: 104px;
}

#header_navi .right li.tpbtn01 {
    background-image: url(../img/naviup01h.jpg);
}

#header_navi .right li.tpbtn02 {
    background-image: url(../img/naviup02h.jpg);
}

#header_navi .right li a {
    display: block;
    height: 16px;
}

#header_navi .right a:hover {
    background-color: transparent;
}

#header_navi .right a:hover img {
    visibility: hidden;
}

#header_navi .right .down {
    clear: both;
    width: 277px;
    padding-top: 20px;
    padding-left: 43px;
}


/*Ã£Æ’Å Ã£Æ’â€œ------------------------*/

#navigation {
    background-position: 0 0;
}

#navigation .in {
    width: 900px;
    clear: both;
    text-align: center;
    margin: 0 auto;
    background-image: url(../img/navi_bg.jpg);
}

#navigation .in ul {
    height: 37px;
}

#navigation .in li {
    list-style-type: none;
    height: 37px;
    float: left;
}

* html #navigation .in li {
    list-style-type: none;
    height: 37px;
    float: left;
    width: 150px;
}

#navigation .in li.nobtn01 {
    background-image: url(../img/navi-homeh.jpg);
}

#navigation .in li.nobtn02 {
    background-image: url(../img/navi_02h.jpg);
}

#navigation .in li.nobtn03 {
    background-image: url(../img/navi_03h.jpg);
}

#navigation .in li.nobtn04 {
    background-image: url(../img/navi_04h.jpg);
}

#navigation .in li.nobtn05 {
    background-image: url(../img/navi_05h.jpg);
}

#navigation .in li a {
    display: block;
    height: 37px;
}

#navigation .in li a:hover {
    background-color: transparent;
}

#navigation .in li a:hover img {
    visibility: hidden;
}


/*Ã£Æ’â€¢Ã£Æ’Æ’Ã£â€šÂ¿Ã£Æ’Â¼---------------------*/

#pagetop {
    width: 900px;
    text-align: center;
    margin: 20px auto 0 auto;
}

#pagetop ul {
    margin: 0 0 0 764px;
    height: 15px;
}

#pagetop li {
    list-style-type: none;
    height: 26px;
    float: left;
}

* html #pagetop li {
    width: 135px;
}

#pagetop li.ptbtn {
    background: url(../img/0014ac.png);
}

#pagetop li a {
    display: block;
    height: 26px;
}

#pagetop li a:hover {
    background-color: transparent;
}

#pagetop li a:hover img {
    visibility: hidden;
}

#footer {
    margin: 0 auto;
    padding: 45px 0;
    background-color: #cdeb8b;
    text-align: center;
}

#footer #list {
    font-size: 12px;
    width: 900px;
    text-align: center;
    margin: 0 auto;
}

#footer #copyright {
    margin: 3em auto;
    width: 900px;
    text-align: center;
}

#footer #copyright p {
    margin: 0 auto;
}


/*Lessen---------------------*/

.contents {
    width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: #FFF;
}

.top_contents {
    clear: both;
    width: 900px;
    margin: 15px auto;
    padding: 0;
    background-color: #FFF;
    min-height: 500px;
}

.top_contents .left {
    text-align: left;
    float: left;
    width: 440px;
    text-align: left;
}

.top_contents .left h4 {
    margin: 0 10px;
    color: #630;
    font-size: 1.6em;
    font-weight: 600;
    background: url(../img/mailbar.png)left top no-repeat;
    border-radius: 40px;
    padding: 15px 0 10px 23px;
}

.top_contents .left p {
    margin: 10px 10px 0 20px;
    font-size: 1.3em;
    line-height: 1.4;
    color: #630;
}
.top_contents .left p a{font-size: 1.2em;line-height: 1.2;color: #630;}
.top_contents .right {
    margin: 0 0 0 10px;
    float: right;
    width: 450px;
    height: 500px !important;
}

.top_contents .right .in {
    width: 434px;
    height: 460px;
    background-color: #AED161;
    margin-top: -5px;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

* html .top_contents .right .in {
    width: 450px;
}

.top_contents .right .in .ilf {
    overflow: auto;
    background-color: #fff;
    width: 415px;
    height: 380px;
    padding: 10px;
    text-align: left;
}

.top_contents .right .in .ilf .scroll .event {
    font-size: 15px;
    color: #6c3;
    font-weight: bold;
}

.eventimg {
    padding: 10px 0 0 5px;
}


/*Ã£â€šÂ³Ã£Æ’Â¼Ã£â€šÂ¹---------------------*/

.contents_cours {
    width: 898px;
    border: 1px solid #cecfce;
    margin: 1em auto 3em;
    padding: 0px;
    border-radius: 10px;
    background: honeydew;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.27);
    display: block;
}

.contents_cours h2 {
    height: 25px;
    margin: 0 0 0 0px;
    background-image: url(../img/coursebar.png);
    color: forestgreen;
    font-size: 1.8em;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 18px;
    padding-bottom: 8px;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fff;
    /* border-radius: 10px; */
}

.contents_cours h3 {
    font-size: 1.4em;
    margin: 10px 3px;
    font-weight: bold;
    color: #B76A16;
    line-height: 1.5em;
    padding: 1.5em 1em;
}

.contents_cours p {
    font-size: 1.6em;
    margin: 10px 0;
    padding: 0 1.5em;
    line-height: 1.5em;
    color: #1D7173;
}
.contents_cours p i{
    padding: 0 10px 0 0;
}

.contents_cours .photo_wrap {
    margin: 1em auto;
    padding: 0 1em;
    display: table;
}

.contents_cours .photo_wrap img {
    float: left;
    border: 2px solid #e8e8e8;
    padding: 3px;
    margin: 1em 1em;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
    vertical-align: middle;
    display: table-cell;
}

.contents_cours .photo_wrap.imgCenter {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.contents_lessen_info {
    background: #ededed;
    width: 900px;
    -webkit-box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.26);
    border-radius: 5px;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.contents_lessen_info .title {
    font-size: 2em;
    font-weight: bold;
    padding: 1.5em 1em 0;
    color: #f18bb9;
}

.contents_cours .photo_wrap p {
    padding: 5px 0 5px 0;
    clear: both;
    align: middle;
    color: #963;
    font-weight: bold;
}

.contents_lessen_info .area {
    width: 85%;
    background-color: rgba(241, 142, 187, 0.78);
    font-size: 1.4em;
    color: #fff;
    margin: 1em auto;
    border-radius: 100px;
    height: 1em;
    padding: 0.8em 1em 1em;
    font-size: 1.5em;
}

.contents_lessen_info h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding-left: 2em;
    color: darksalmon;
}

.contents_lessen_info .khr {
    width: 620px;
    border-bottom: 1px dotted #c5c5c5;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}

* html .contents_lessen_info .khr {
    padding: 0;
}

*:first-child+html .contents_lessen_info .khr {
    padding: 0;
}


/*Ã£â€šÂ³Ã£Æ’Â³Ã£â€šÂ»Ã£Æ’â€”Ã£Æ’Ë†---------------------*/

.contents_consept {
    width: 660px;
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
}

* html .contents_consept {
    width: 628px;
}

.contents_consept h2 {
    color: #f173ac;
    font-size: 20px;
    font-weight: bold;
}

.contents_consept h3 {
    font-size: 14px;
    border-bottom: 1px solid #cecfce;
    padding: 10px 0 15px 13px;
    margin: 0 0 15px 0;
}

.contents_consept h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 10px 13px;
    color: #339933;
}

#main .top_title {
    height: 30px;
    padding-top: 5px;
    padding-left: 30px;
    margin-bottom: 0px;
    text-align: left;
}

.contents_consept p {
    border-bottom: 1px dotted #cecfce;
    padding: 10px 0 15px 13px;
    margin: 0 0 15px 0;
}

.contents_consept_photo {
    clear: both;
    width: 660px;
    height: 210px;
    margin: 0;
    padding: 0;
}

* html .contents_consept_photo {
    width: 628px;
}

.contents_consept_photo .wrap {
    float: left;
}

.contents_consept_photo .wrap li {
    list-style-type: none;
    height: 210px;
    float: left;
    margin: 0 30px 0 0;
}

* html .contents_consept_photo .wrap li {
    width: 142px;
}

.contents_consept_photo .wrap li.phbtn01 {
    background: url(../img/0417.png) no-repeat;
}

.contents_consept_photo .wrap li.phbtn02 {
    background: url(../img/0418.png) no-repeat;
}

.contents_consept_photo .wrap li a {
    display: block;
    height: 210px;
}

.contents_consept_photo .wrap a:hover {
    background-color: transparent;
}

.contents_consept_photo .wrap a:hover img {
    visibility: hidden;
}

.contents_consept_photo .wrap p {
    margin: 3px 0 0 0;
}


/*Ã£Æ’â€”Ã£Æ’Â­Ã£Æ’â€¢Ã£â€šÂ£Ã£Æ’Â¼Ã£Æ’Â«---------------------*/

.contents_profile {
    width: 660px;
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
}

.contents_profile h2 {
    color: #f173ac;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #cecfce;
    padding: 10px 0 5px 13px;
    margin: 0 0 15px 0;
}

.contents_profile h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 13px;
}

.contents_profile p {
    border-bottom: 1px dotted #cecfce;
    padding: 10px 0 15px 13px;
    margin: 0 0 15px 0;
}

table.profile {
    margin: 0px auto;
    width: 660px;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.profile th {
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    padding: 5px 13px;
}

.profile td {
    line-height: 120%;
    text-align: left;
    padding: 5px 13px;
}

.contents_profile_wrap {
    width: 660px;
    margin: 70px 0 0 0;
    border-top: 1px solid #cecfce;
}

.contents_profile_wrap .left {
    margin: 30px 0 0 0;
    float: left;
    width: 180px;
}

.contents_profile_wrap .right {
    margin: 30px 0 0 0;
    float: left;
    width: 400px;
}

.contents_profile_wrap .right h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.contents_profile_wrap .right p {
    margin: 20px 0;
}


/*Ã£Æ’Â¬Ã£â€šÂ¶Ã£Æ’Å¸Ã£Æ’â€°Ã£â€šÂ¥Ã£â€šÂ±Ã£â€šÂ¤Ã£â€šÂ¨Ã£â€šÂ¤Ã£Æ’â€ Ã£â€šÂ³Ã£Æ’Å¾---------------------*/

.contents_ldkt {
    width: 660px;
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
}

.contents_ldkt h2 {
    color: #f173ac;
    font-size: 20px;
    font-weight: bold;
}

.contents_ldkt h2 img {
    margin: 0 5px 0 13px;
    vertical-align: middle;
}

.contents_ldkt h3 {
    font-size: 14px;
    border-bottom: 1px solid #cecfce;
    padding: 10px 0 15px 13px;
    margin: 0 0 15px 0;
}

.contents_ldkt p {
    border-bottom: 1px dotted #cecfce;
    margin: 80px 0 0 0;
    font-weight: bold;
}

table.ldkt {
    margin: 0px auto;
    width: 660px;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.ldkt td {
    border-bottom: 1px dotted #cecfce;
    text-align: left;
    padding: 5px;
}


/*Ã¥â‚¬â€¹Ã¤ÂºÂºÃ¦Æ’â€¦Ã¥Â Â±---------------------*/

.contents_rule {
    width: 900px;
    margin: 50px auto;
    letter-spacing: 2px;
    font-size: 13px;
    text-align: left;
}

.contents_rule h2 {
    margin: 0;
    font-weight: bold;
    color: #339933;
    font-size: 18px;
    border-bottom: 1px solid #cecfce;
}

.contents_rule h3 {
    margin: 40px 0 0 0;
    font-weight: bold;
    color: #0345c5;
    font-size: 14px;
    border-bottom: 1px dotted #cecfce;
    padding: 0 13px;
}

.contents_rule p {
    margin: 0;
    padding: 13px 13px;
}

.contents_rule ul {
    margin: 10px 0 0 0;
    list-style: circle inside;
    padding: 0 13px;
}

.contents_rule_close {
    width: 900px;
    margin: 50px auto;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}


/*Ã£ÂÅ Ã¥â€¢ÂÃ£Ââ€žÃ¥ÂË†Ã£â€šÂÃ£Ââ€º---------------------*/

.contents_inquiry {
    width: 660px;
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
}

.contents_inquiry h2 {
    color: #f173ac;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px 0;
}

table.inquiry {
    border-collapse: collapse;
    margin: 0px;
    width: 660px;
    border-spacing: 0;
    empty-cells: show;
    text-align: left;
}

.inquiry th {
    border: 1px #fff solid;
    padding: 5px;
    background-color: #ededed;
    white-space: nowrap;
    vertical-align: top;
    width: 140px;
}

.inquiry td {
    border: 1px #fff solid;
    padding: 5px 0 0 10px;
    vertical-align: top;
}

.inquiry_name {
    width: 120px;
    margin: 0 0 0 6px;
}

.inquiry_mail {
    width: 340px;
}

.inquiry_tel {
    width: 220px;
}

.inquiry_mes {
    width: 452px;
    height: 200px;
}

.inquiry_mes:focus,
.inquiry_tel:focus,
.inquiry_mail:focus,
.inquiry_name:focus {
    color: #000;
    background: #ffdffb;
}

.inquiry_submit {
    margin: 35px 20px 0 158px;
}

.inquiry_error {
    margin: 0 0 0 100px;
    color: #cc0033;
    line-height: 26px;
}

.inquiry_admin_title {
    width: 688px;
    margin: 10px auto;
    border: solid #BCBEC0 1px;
    background-color: #efefef;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #727171;
    font-size: 16px;
}

.inquiry_admin_err_html {
    margin: 50px auto;
    text-align: left;
    font-weight: bold;
    color: #930;
}

.inquiry_admin_mes {
    width: 698px;
    height: 400px;
}

.inquiry_admin_pwd {
    width: 150px;
}

.inquiry_admin_mes:focus,
.inquiry_admin_pwd:focus {
    color: #000;
    background: #ffdffb;
}


/*Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â¼Ã£Æ’Â»Ã£â€šÂµÃ£â€šÂ¤Ã£â€šÂº---------------------*/

.b_12 {
    color: #0b6fb3;
    font-size: 12px;
}

.g_14 {
    color: #339933;
    font-weight: bold;
}


/*NAVI TAB menu-----------------------*/

ul#css3menu1 {
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #5f5f5f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    z-index: 999;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 900px;
}

ul#css3menu1 li {
    display: block;
    white-space: nowrap;
    font-size: 0px;
    float: left;
}

ul#css3menu1>li {
    margin: 0;
}

* html ul#css3menu1 li a {
    display: inline-block;
}

ul#css3menu1 a:active,
ul#css3menu1 a:focus {
    outline-style: none;
}

ul#css3menu1 a {
    display: block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font: bold 14px;
    color: #000000;
    text-shadow: #FFF 0 0 1px;
    cursor: pointer;
    padding: 10px;
    background-color: #a6ce39;
    background-image: url(mainbk.png);
    background-repeat: repeat;
    background-position: 0 0;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #C0C0C0;
}

ul#css3menu1 li:hover>a,
ul#css3menu1 a.pressed {
    background-color: #C00;
    border-color: #C0C0C0;
    border-style: solid;
    color: #093;
    text-decoration: none;
    text-shadow: #FFF 0 0 1px;
    background-image: url(mainbk.png);
    background-position: 0 100px;
}

ul#css3menu1 img {
    border: none;
    vertical-align: middle;
    margin-right: 0px;
}

ul#css3menu1 img.over {
    display: none;
}

ul#css3menu1 li:hover>a img.def {
    display: none;
}

ul#css3menu1 li:hover>a img.over {
    display: inline;
}

ul#css3menu1 li a.pressed img.over {
    display: inline;
}

ul#css3menu1 li a.pressed img.def {
    display: none;
}

ul#css3menu1 li:hover>a,
ul#css3menu1 li>a.pressed {
    background-color: #C60;
    background-image: url("mainbk.png");
    background-position: 0 100px;
    border-style: solid;
    border-color: #C0C0C0;
    color: #090;
    text-decoration: none;
    text-shadow: #FFF 0 0 1px;
}

ul#css3menu1 li.topfirst>a {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

ul#css3menu1 li.toplast>a {
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}


/*Ã¦â€“Â°Ã£Ââ€”Ã£Ââ€žÃ£Æ’Â¡Ã£â€šÂ¤Ã£Æ’Â³---------------*/

#main {
    float: left;
    width: 650px;
    padding-top: 20px;
    padding-left: 10px;
}

#main .top_title {
    background-image: url(../img/mailbar.jpg);
    background-repeat: no-repeat;
    height: 30px;
    padding-top: 5px;
    padding-left: 30px;
    margin-bottom: 0px;
    text-align: left;
}

#main .top_box {
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    margin-bottom: 20px;
    width: 650px;
}

#main .scroll {
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #A62606;
    scrollbar-darkshadow-color: #FFFFFF;
    height: 100px;
}

#main .news_date {
    background-image: url(img/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 16px;
    color: #CC3300;
}

#main .news_text {
    padding-left: 16px;
    color: #333333;
    text-align: left;
}

#main .news_text img {
    margin-right: 10px;
    margin-left: 10px;
}

#main .top_box_left {
    float: left;
    width: 352px;
    padding-left: 16px;
}

#main .top_box_left2 {
    float: left;
    width: 448px;
}

#main .top_box_right {
    float: right;
    padding-right: 18px;
}

#main .top_box_right1 {
    float: right;
    margin-left: 20px;
}

#main ul.content li {
    background-image: url(img/arrow3.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    margin-bottom: 5px;
    padding-left: 13px;
    list-style-type: none;
}

#side {
    float: right;
    padding-right: auto;
    padding-top: 20px;
}

.side_title {
    background-image: url(../img/mailbar.jpg);
    background-repeat: no-repeat;
    height: 30px;
    padding-top: 0px;
    padding-left: 30px;
    margin-bottom: 0px;
    text-align: left;
}

#side .side_link img {
    margin-bottom: 20px;
}

#side .side_link a:hover img {
    filter: progid:DXImageTransform.Microsoft.alpha(style=0, opacity=80)
}





/*LessenÃ£Æ’Å Ã£Æ’â€œ------------------------*/

.col2. navi-lessen {
    margin: 0px;
    clear: both;
    width: 222px;
}

.col2. navi-lessen ul {
    height: 36px;
}

.col2. navi-lessen li {
    list-style-type: none;
    height: 36px;
    float: none;
}

.col2 .navi-lessen li.tn01 {
    background-image: url(../img/lessen/hlessenLeftBar.jpg);
    background-repeat: no-repeat;
}

.col2 .navi-lessen li.tn02 {
    background-image: url(../img/lessen/2hlessenLeftBar.jpg);
    background-repeat: no-repeat;
}

.col2 .navi-lessen li.tn03 {
    background-image: url(../img/lessen/3hlessenLeftBar.jpg);
    background-repeat: no-repeat;
}

.col2 .navi-lessen li.tn04 {
    background-image: url(../img/lessen/4hlessenLeftBar.jpg);
    background-repeat: no-repeat;
}

.col2 .navi-lessen li.tn05 {
    background-image: url(../img/lessen/5hlessenLeftBar.jpg);
    background-repeat: no-repeat;
}

.col2 .navi-lessen li a {
    display: block;
}

.col2 .navi-lessen li a:hover {
    background-color: transparent;
}

.col2 .navi-lessen li a:hover img {
    visibility: hidden;
}

i{padding-right:10px;}

@media screen and (max-width:767px) {}

.top_info {
    list-style-position: inside;
    margin-left: 2em;
    margin-top: 1em;
    font-size: 1.4em;
    color: #960;
    line-height: 2em;
    list-style: none;
}

.top_info li {
    background-image: url(../img/list.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 2.5em;
    padding-left: 3em;
}

.intro {
    list-style-position: inside;
    list-style-type: none;
    line-height: 2em;
    color: darkgreen;
    font-size: 1.2em;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 2em;
    padding-left: 2em;
    margin-block-end: 3em;
}

.rounded-img {
    display: inline-block;
    border: solid 1px #000;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.rounded-img2 {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.imgfR {
    float: right;
    padding-right: 2em;
    padding-bottom: 1em;
}

.imgfL {
    float: left;
    padding-left: 2em;
    padding-bottom: 1em;
}

.notebig {
    color: #090;
    text-shadow: 3px 2px 5px #8BC34A;
    font-size: 2em;
    font-weight: 600;
    margin: 2em 0 0.5em;
}

.mL6 {
    margin-left: 6em;
}

.mL1 {
    margin-left: 1em;
}

.mL2 {
    margin-left: 2em;
}

.mL3 {
    margin-left: 3em;
}

.mL4 {
    margin-left: 4em;
}

.mL5 {
    margin-left: 5em;
}

.mL7 {
    margin-left: 7em;
}

.mL8 {
    margin-left: 8em;
}

.mL9 {
    margin-left: 9em;
}

.mL10 {
    margin-left: 10em;
}

.mL11 {
    margin-left: 11em;
}