﻿@charset "UTF-8";
/* CSS 毎日コミュニケーション */

body {
background-color:gold;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
    color:#000;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;

	}

img#floatButton1 {
position:fixed;
width:900px;
top:23%;
left:48%;
margin-left:-426px;
margin-top:-60px;
    opacity:0.2;
 z-index: 0;
pointer-events: none;

}
table{
    border-collapse: collapse; border-spacing: 0; 
    
}

#wrapper {
    position:static;
    background-color: #fff;
	margin: 0 auto;
	width: 1000px;
	}
#wrapper2 {
    background-color: #fff;
	margin: 0 auto;
    text-align: left;
    padding-left: 250px;
    font-size: 20px;
	}

img.logo{
    width:1000px;
}
	
img.logo2{
    width:300px;
}

img.lemon {width: 1000px;
}

img.lemon2 {width: 950px;
            margin: 0 auto;
}

img.lemon3 {width: 950px;
            margin-top: 20px;
}
img.mana {
    width: 900px;
}

#header {
	height: auto;
	}
	
a.example-image-lin:hover{
     opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
    
}

ul.bxslider{
    margin-left: 10px;
}

    img.sl {
    width: 900px;
        z-index: 2;

    }


h3.top {
    text-align: left;
    padding-left: 2em;
    padding-top: 1em;
}

	h1.top{text-align: left;
           padding-left: 2em;
           padding-top: 1em;
           font-size:14px;
           padding-right: 2em;
           letter-spacing: 0.8px;
           }

       
	
/* ==============HEADER=============== */

p.mana {
    font-size: 20px;
    color: #1e90ff;
    font-weight: 700;
}

div#mana {
           border: 2px orange solid;
           width: 800px;
          margin: 0 auto;
          margin-top: 15px;

}

h3.mana {
    text-align: right;
    margin-right: 30px;
        color: #4cff00;
            font-size: 20px;


}

h2.mana {
    color: #1e90ff;
    font-size: 25px;
}


ol.mana{line-height: 30px;
        text-align: left;
        padding-right: 20px;

        
}

ol.mana li {
    padding-left: 20px;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 8px;
}

a.menu11{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:40px;
background-color:#1e90ff;
line-height:40px;
font-size:14px;
width: 200px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
margin-left: 750px;
}

table#ruru {
    margin:  0 auto;
}

table#ruru2 {
    margin-left: 20px;
}

a.menu12{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:30px;
background-color:#1e90ff;
line-height:30px;
font-size:12px;
width: 150px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
}

a.menu13{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:35px;
background-color:#1e90ff;
line-height:35px;
font-size:16px;
width: 300px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
}

a.menu14{
    display:block;
color:#000;
text-decoration:none;
text-align: center;
height:35px;
background-color:gold;
line-height:35px;
font-size:16px;
width: 300px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
}

a.menu15{
    display:block;
color:black;
text-decoration:none;
text-align: center;
height:35px;
background-color:gold;
line-height:35px;
font-size:16px;
width: 200px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
margin-left: 75%;
}

a.menu16{
    display:block;
color:black;
text-decoration:none;
text-align: center;
height:35px;
background-color:gold;
line-height:35px;
font-size:16px;
width: 200px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
margin-left: 5%;
}


td.padr {
    padding-right: 30px;
}

td.padl {
    padding-left: 30px;
}


a.menu111{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:40px;
background-color:#1e90ff;
line-height:40px;
font-size:14px;
width: 200px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
margin-left: 750px;
margin-bottom: 30px;

}

a.blog{
    color: #1e90ff;
text-decoration:none;
}

img.cl{
    width: 100px;
    
}

img.cl2{
    width: 150px;
    
}






/* ==============MENUBAR=============== */
table#menu1{
margin:0 auto;
border-collapse:collapse;
margin-top: 25px;

}

a {
    text-decoration:none;
}

a.menu1{
display:block;
color:#fff;
text-decoration:none;
width:170px;
height:50px;
background-color:#1e90ff;
line-height:54px;
font-size:18px;
border-bottom: 1px solid gray;
border-right: 1px solid gray;

}

a.menu1:hover{
    color: #fff;
display:block;
background-color:gold;
border-bottom: 2px solid gray;
border-right: 2px solid gray;

}

a.menu2{
display:block;
color:#fff;
text-decoration:none;
width:170px;
height:50px;
background-color:#1e90ff;
line-height:54px;
font-size:16px;
border-bottom: 1px solid gray;
border-right: 1px solid gray;

}

a.menu3{
display:block;
color:#fff;
text-decoration:none;
width:170px;
height:50px;
background-color:#1e90ff;
line-height:25px;
font-size:18px;
border-bottom: 1px solid gray;
border-right: 1px solid gray;

}

a.menu2:hover{
    color: #fff;
display:block;
background-color:gold;
border-bottom: 2px solid gray;
border-right: 2px solid gray;

}

	a.menu3:hover{
    color: #fff;
display:block;
background-color:gold;
border-bottom: 2px solid gray;
border-right: 2px solid gray;

}

/* ==============MENUBAR=============== */



h2.green {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    height: 40px;
    line-height: 43px;
    margin-top: 60px;
    font-size: 40px;
    color: white;
    text-align: center;
    margin-bottom: 0px;
}

p.rinen1 {
              text-align: center;
              font-size: 23px;
              margin-bottom: 20px;
              margin-top: 20px;
              color: #32cd32;
                  font-weight: bold;



}


p.rinen2 {
              padding: 15px;
              text-align: left;
              font-size: 18px;
              margin-top: 15px;
              margin: auto;
              width: 800px;
              line-height: 26px;

              letter-spacing: 0.2em;
               border-right: solid 1px gray;
               border-bottom: solid 1px gray;

          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;

}

p.rinen2-r {
              padding: 15px;
              text-align: center;
              font-size: 18px;
              margin-top: 15px;
              margin: auto;
              width: 550px;
              text-align: left;
              letter-spacing: 0.1em;
               line-height: 30px;

          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;

}
p.rinen2-r2{
              padding: 15px;
              padding-left: 50px;
              text-align: center;
              font-size: 22px;
              margin-top: 15px;
              margin: auto;
              text-align: left;
              letter-spacing: 0.1em;
                              line-height: 30px;

          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;

}

table.fmenu {
                  font-size: 18px;
                                margin: auto;


}

td.fmenul{vertical-align: bottom;
          width: 600px;
          padding-top: 15px;
}
td.fmenur{vertical-align: bottom;
                    width: 200px;
                              padding-top: 15px;


}

table.foot{
                                    margin: auto;

}
td.footl{
    vertical-align: top;
    width: 600px;
    text-align: left;
}
td.footr {
    vertical-align: top;
    text-align: left;
    width: 180px;
}





input::placeholder {
  color: #d3d3d3;font-size: 22px;
}

/* IE */
input:-ms-input-placeholder {
  color: #d3d3d3;font-size: 22px;
}


td.r2{vertical-align: middle;
    
}





h2.green2 {
     font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    height: 40px;
    line-height: 43px;
    margin-top: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    color:#1e90ff;
}
h2.green3 {
     font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    height: 40px;
    line-height: 43px;
    margin-top: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    color:#1e90ff;
}


h2.green25 {
     font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    height: 40px;
    line-height: 43px;
    margin-top: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    color:#1e90ff;
}

h2.green25t {
     font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    height: 80px;
    line-height: 43px;
    margin-top: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    color:#1e90ff;
}

h2.green25tt {
     font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    height: 80px;
    line-height: 43px;
    margin-top: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    color:#32cd32;
}


table.jig{
    margin-top: 20px;
    margin: auto;
}


p.rinen1-1 {
              text-align: right;
              font-size: 30px;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;


}


p.rinen11 {
              text-align: left;
              line-height: 26px;
              font-size: 17px;
              letter-spacing: 0.1em;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;


}

.rinen1-1 {
              text-align: right;
              font-size: 30px;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;
    font-weight: 400;


}


h1.rinen11 {
              text-align: left;
              font-size: 20px;
              color: black;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;
    font-weight: 400;


}



td.r{
    width: 275px;
    text-align: right;
}
td.c{
    width: 480px;
    height: 320px;
}

td.d{
    width: 250px;
}
td.l{
    width: 275px;
}

img.mini {
    width: 450px;
    z-index:10;
}


img.minid {
    width: 235px;
    z-index:10;
}

img.mini5 {
    width: 60px;
    margin-right: 10px;
}


table#outline
{
    margin: auto;
    border-collapse: collapse; border-spacing: 0; 
        margin-top: 30px;
                margin-bottom: 50px;

 }



td.kth {
    width: 100px;
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;
}

td.ktd {
    width: 550px;
    text-align: left;
    padding-left: 50px;
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;


}

td.kth1 {
    width: 100px;
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;
    background-color: #f9f8f8;

}

td.ktd1 {
    width: 220px;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
    line-height: 20px;
    padding-top: 10px;
    background-color: #f9f8f8;
    vertical-align: top;
            letter-spacing: 2px;
            color: #1e90ff;
                border-bottom: 1px solid lightgray;
font-weight:bold;





}
td.ktd2 {
    width: 500px;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    background-color: #f9f8f8;
    vertical-align: top;
        letter-spacing: 2px;
            border-bottom: 1px solid lightgray;





}

td.ktd3 {
    width: 400px;
    text-align: left;
    padding-left: 20px;
    font-size: 20px;
    line-height: 40px;
    padding-top: 10px;
    background-color: #f9f8f8;
    vertical-align: top;
            letter-spacing: 2px;
            color: #1e90ff;
                border-bottom: 1px solid lightgray;





}
td.ktd4{
    width: 500px;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    background-color: #f9f8f8;
    vertical-align: top;
        letter-spacing: 2px;
            border-bottom: 1px solid lightgray;





}





#footer {
    padding-top: 25px;
	height: 100px;
	text-align:center;
    border-top: 1px solid lightgray;
    vertical-align: middle;
	}

h1.foot{
     margin-top: 0px;
    height: 40px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    padding-left: 20px;
    letter-spacing:0.2em;
}

span.foot{
font-size: 18px;

}



p.pinkh{font-size: 100% ;
          letter-spacing: 0.1em;
          font-weight: 500;
          margin-bottom: 0px;
          width: 160px;
          height: 40px;
          line-height: 40px;
          border: solid 1px gray;
          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
          margin-top: 15px;
          font-size: 20px;
          color: #000;
          text-align: center;
          margin-bottom: 0px;
          margin: auto;


}






#information{

}
#information2{
margin:20px;}

table#info {
    margin: auto;
}

input.m{
    border: 1px gray solid ;
    font-size: 17px;
    height: 40px;
              border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;

width:700px;}

input.l{    border: 1px gray  solid ;
width:700px;
    height: 40px;
              border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;

        font-size: 17px;
}

textarea {
    border: 1px gray  solid ;
                  font-size: 15px;
                  width:700px;
                            border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;



}

input.xl {
    border: 1px gray  solid ;
                  font-size: 15px;
                  width:700px;
                            border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;



}


td.radio{
    border: 1px gray  solid ;
                  font-size: 20px;
                  width:700px;
                            border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
    
    
}
input.button{padding: 15px;
              text-align: center;
              font-size: 18px;
              margin-top: 15px;
              margin: auto;
              width: 200px;
              color: white;
              letter-spacing: 0.1em;
               border: solid 1px gray;
   background-color:#1e90ff;

          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
}

 th{font-weight:normal;
text-align:left;
font-size: 22px;
width: 150px;
color: #1e90ff;
height: 28px;
vertical-align: bottom;
padding-bottom: 0px;
padding-top: 30px;

}




#sub{margin: auto;
     height: 100px;
     margin-top: 50px;
}

p.mail{font-size:15px;}


span.gr{color: #66cdaa;
            font-weight:  600 ;
                         font-size: 15px;


}








td.radio {
    text-align: left;
    font-size: 22px;
}


p.pcont {
        margin: auto;
    border: 1px solid gray;
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1.5em;
    color: #000;
    text-align: left;
    width: 36em;
    height: 15em;
   overflow:auto;
    margin-bottom: 50px;
    margin-top: 0px;
    margin-top: 0px;
    padding-left: 10px;
    display: block;
}
.button:hover{
    cursor: pointer;
}


p.pcont::-webkit-scrollbar{ 
    width: 15px;
}
p.pcont::-webkit-scrollbar-thumb{ 
    background:#a9a9a9;
    border-radius: 10px;
}
p.pcont::-webkit-scrollbar-track-piece:start{
    background:#d3d3d3 ;
}
p.pcont::-webkit-scrollbar-track-piece:end{
    background: #d3d3d3;
}

div#smaho{
    display: none;
    
}
div.smaho{
    display: none;
    
}
div#smaho4{
    display: none;
    
}


    div#smaho2 {
        display: none;
    }

div#topsm{
        display: none;
    }

table#score {
    border-collapse: collapse;
    
    border: 1px solid green;
}

table#score td {
    text-align: right;
    border-bottom: 1px solid green;
}

td.border-r{
    border-right: 1px solid green;
    
}

span.pink{
	color:#f4680c;
    font-weight: bold;
    
}

h3.course{
    font-size: 20px;
    color: #1e90ff;
    text-align: left;
    margin-left: 35px;
    margin-bottom: 5px;
}
h3.course1{
    font-size: 20px;
    color: #1e90ff;
    text-align: left;
    margin-left: 0;
    margin-bottom: 5px;
}


table.course {
    
    margin-left: 35px;
    	margin-right: 60px;
      margin-top: 5px;
          margin-bottom: 40px;
          letter-spacing: 1px;


      
}

table.course10 {
    
    margin:0 auto;
    
      margin-top: 5px;
          margin-bottom: 40px;
          letter-spacing: 1px;


      
}


td.c1 {
    width: 100px;
    text-align: left;
    padding-left: 10px;
    height: 30px;
    font-size: 18px;
    color: #1e90ff;
    font-weight: normal;
    border: 1px solid #1e90ff;;
        background-color: #f8dff2;
        line-height: 24px;

}

td.c2 {
    width: 600px;
    text-align: left;
    padding-left: 10px;
    height: 30px;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 24px;

}

td.c11 {
    width: 150px;
    text-align: left;
    padding-left: 10px;
    height: 60px;
    font-size: 25px;
    color: #1e90ff;
    font-weight: 500;
    border: 1px solid #1e90ff;
        background-color: #f8dff2;
        line-height: 24px;
}

td.c22 {
    width: 600px;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    height: auto;
    line-height: 26px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
                    border-right: 2px solid hotpink;

}
td.c33 {
    text-align: left;
    padding-left: 10px;
    
    font-size: 25px;
    color: #141369;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 50px;
            border-right: 2px solid hotpink;
}


td.c3 {
    text-align: left;
    padding-left: 10px;
    
    font-size: 16px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 24px;

}


span.eki{
  display: inline-block;line-height:20px;color: black;
}

div#mamoru{
   letter-spacing: 0.2em;
               border-right: solid 1px gray;
               border-bottom: solid 1px gray;

          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px; 
          width: 95%;
          padding-bottom: 10px;
          padding-left: 10px;
          margin-left: 20px;
}


.telm{
font-size:12px;
}


li.none {
  list-style: none;
  padding-left:0em;
  text-indent: -3em;
 

}

    span.smaho{
    display: none;
    
}

    span.pc2{
    padding-top: 15px;
    
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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

    div.smaho{
    display: block;
    
}

    span.smaho{
    display: block;
    
}

    span.pc{
    display: none;
    
}
    
    #header {
        height: 20px;
    }

	h3.top{text-align: left;
           padding-left: 2em;
           padding-top: 1em;
                   font-size: 11.0px;

           }

	h1.top{text-align: left;
           padding-left: 2em;
           padding-top: 0em;
                   font-size: 11.0px;

           }

img#floatButton1 {
position:fixed;
width:360px;
height:220px;
top:42%;
left:50%;
margin-left:-180px;
margin-top:-100px;
    opacity:0.2;
}

img.lemon {width: 380px;
           

}

img.lemon2 {width: 360px;
           margin: 0 auto;
           margin-bottom: 0;

}

img.lemon3 {width: 360px;
           margin: 0 auto;
           margin-bottom: 0;
           margin-top: 10px

}
td.c{
    width: 95%;
    height: 230px;
}

td.d{
    width: 47%;
}

table.jig{
    margin-top: 0px;
    margin: auto;
}


    h1.title {
        margin-top: 0px;
        height: 20px;
        line-height: 20px;
        font-size: 9.0px;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        letter-spacing: 0.2em;
        text-align: left;
    }

    span.raf {
        color: #040855;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 15px;
    }



    #wrapper {
        background: #fff;
        margin: 0 auto;
        width: 380px;
    }


    img.sl {
        width: 385px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    li {
        margin-left: -11%;
    }


ul.bxslider{
    margin-left: 0px;
}


a.menu1 {
        display: block;
        color: #fff;
        text-decoration: none;
        width: 70px;
        height: 35px;
        line-height: 35px;
        font-size: 10px;
    }
    a.menu1:hover {
        display: block;
background-color:gold;    }

a.menu2 {
        display: block;
        color: #fff;
        text-decoration: none;
        width: 75px;
        height: 35px;
        line-height: 35px;
        font-size: 10px;
    }

a.menu3 {
        display: block;
        color: #fff;
        text-decoration: none;
        width: 75px;
        height: 35px;
        line-height: 18px;
        font-size: 10px;
    }

    table#menu1 {
        margin: 0 auto;
        border-collapse: collapse;
        margin-top: 10px;
        margin-bottom: 25px;
    }

       h2.green {
        letter-spacing: 0.1em;
        font-weight: 500;
        margin-bottom: 0px;
        
        height: 20px;
        line-height: 22px;
        
       
       
        font-size: 22px;
        color: #d3d3d3;
                text-align: center;
        margin-top: 50px;
    }

    h2.green2 {
         letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom:0px;
        width:360px;
       
        margin-top: 20px;
        
        height: 30px;
        line-height:25px;
        
       
       
        font-size: 19px;
    color:#1e90ff;
              text-align: center;
    }

 h2.green2p {
         letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom:-30px;
        width:360px;
       
        margin-top: 20px;
        
        height: 30px;
        line-height:25px;
        
       
       
        font-size: 19px;
    color:#1e90ff;
              text-align: center;
    }

    h2.green3 {
         letter-spacing: 0.1em;
        font-weight: 500;
        margin-bottom: 0px;
        width:360px;
       
        margin-top: 20px;
            margin-left: 10px;
        
        height: 30px;
        line-height:25px;
        
       
       
        font-size: 19px;
        color: #d3d3d3;
              text-align: center;
    }
    h2.green25 {
         letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom:0px;
        width:350px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 40px;
        
        height: 25px;
        line-height:25px;
        
       
       
        font-size: 19px;
    color:#1e90ff;
              text-align: center;
    }

    h2.green25t {
         letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom:0px;
        width:350px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 10px;
        
        height: 80px;
        line-height:25px;
        
       
       
        font-size: 18px;
    color:#1e90ff;
              text-align: center;
    }

 h2.green25tt {
         letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom:0px;
        width:350px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 30px;
        
        height: 80px;
        line-height:25px;
        
       
       
        font-size: 18px;
    color:#32cd32;
              text-align: center;
    }

 h2.green25ttt {
         letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom:-45px;
        width:350px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 30px;
        
        height: 80px;
        line-height:25px;
        
       
       
        font-size: 18px;
    color:#32cd32;
              text-align: center;
    }

    div#pc {
        display: none;
    }
    div.pc {
        display: none;
    }


    div.pc2 {
        display: none;
    }

    div#pc3 {
        display: none;
    }

    div.pc3 {
        display: none;
    }


    div#smaho {
        display: block;
    }
    div.smaho2 {
        display: block;
    }

    div#smaho3 {
        display: block;
    }


p.rinen2-r {
                            text-align: left;
              font-size: 14px;
              line-height: 20px;
              color: black;
              padding-left: 12px;
              padding-right: 12px;
              margin-top: 0px;
width: 340px;

}
p.rinen2-r2{
                            text-align: left;
              font-size: 18px;
              color: black;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;
width: 350px;
}








img.mini {
    width: 360px;
z-index:3;
}

img.minid {
    width: 150px;
    z-index:10;
}
p.rinen1-1 {
              text-align: center;
              font-size: 25px;
              color: gray;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;


}


p.rinen11 {
              text-align: left;
              font-size: 18px;
              color: black;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;


}

h1.rinen1-1 {
              text-align: center;
              font-size: 25px;
              color: #d3d3d3;
              padding-left: 18px;
              padding-right: 20px;
              margin-bottom: 10px;
              margin-top: 10px;


}


h1.rinen11 {
              text-align: left;
              font-size: 16px;
              color: black;
              padding-left: 20px;
              padding-right: 20px;
              margin-bottom: 20px;
              margin-top: 20px;


}



p.rinen1 {
              text-align: left;
              font-size: 18px;
              color: #32cd32;
              padding-left: 10px;
              padding-right: 20px;
              margin-bottom: 5px;
              margin-top: 10px;
              font-weight: bold;

}


             p.rinen2 {
              padding-left: 10px;
              padding-right: 10px;
              text-align: left;
              font-size: 16px;
              margin-top: 12px;
              letter-spacing: 0.1em;
              margin-bottom: 0px;
              width: 330px;
              padding-bottom:8px;
}







table#outline{
    margin-left:5px;
      margin-right:5px;
    border-collapse: collapse; border-spacing: 0; 
        margin-top: 0px;
                margin-bottom: 0px;

    
    
}

td.kth {
    width: 70px;
    color: #1e90ff;
    border-bottom: 1px solid lightgray;
    font-size: 14px;
    padding-top: 5px;
    line-height: 22px;
}

td.ktd {
    width: 275px;
    color: #000;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding-left: 25px;
    font-size: 14px;
    padding-top: 5px;
    line-height: 22px;
    

}

td.kth1 {
    width: 0px;
    color: #1e90ff;
    border-bottom: 1px solid lightgray;
    font-size: 12px;
    padding-top: 5px;
    line-height: 22px;
}

td.ktd1 {
    width: 110px;
    color: #000;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding-left: 5px;
    font-size: 11px;
    padding-top: 5px;
    line-height: 22px;
            color: #1e90ff;


}
td.ktd2 {
    width: 240px;
    color: #000;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding-left: 5px;
    font-size: 12px;
    padding-top: 5px;
    line-height: 20px;

}

td.ktd3 {
    width: 240px;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
    line-height: 30px;
    padding-top: 10px;
    background-color: #f9f8f8;
    vertical-align: top;
            letter-spacing: 2px;
            color: navy;
                border-bottom: 1px solid lightgray;





}
td.ktd4{
    width: 240px;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    background-color: #f9f8f8;
    vertical-align: top;
        letter-spacing: 2px;
            border-bottom: 1px solid lightgray;





}


table.fmenu {
                  font-size: 14px;
                                margin: auto;


}

td.fmenul{vertical-align: bottom;
          padding-top: 5px;
}
    td.fmenur {
        vertical-align: bottom;
        width: 75px;
        text-align: right;
        padding-top: 5px;
        padding-right: 5px;
    }

#information{
margin:0px;}

input.m{
    border: 1px gray solid ;
    font-size: 16px;
    height: 25px;
width:350px;}

input.l{    border: 1px gray solid ;
width:350px;
    height: 25px;
        font-size: 16px;
}

textarea {border: 1px gray solid ;
                  font-size: 18px;
                  width:350px;


}

th{
    padding-top: 10px;
}

    td.info {
    
        height: 20px;

    }


td.radio{
               border: solid 1px gray;
                  font-size: 15px;
                      height: 25px;

                  width:340px;
                            border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
    
    
}
input.button{padding: 15px;
              text-align: center;
              font-size: 15px;
              margin-top: 15px;
              margin: auto;
              width:340px;
                  height: 25px;
              letter-spacing: 0.1em;
               border: solid 1px gray;
               background-color:green;
                 color: white;
          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
}

 th{font-weight:normal;
text-align:left;
font-size: 16px;
width:90px;
color: #1e90ff;

}

h1.cont{
    line-height: 16px;
    font-size: 12px;
    text-align: left;
    margin-left: 20px;
    letter-spacing:0.2em;
    font-weight: 400;
    padding-right:20px;
}

p.pcont {
            display: block;

        margin: auto;
    border: 1px solid gray;
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1.5em;
    color: #1e90ff;
    text-align: left;
    width: 36em;
    height: 15em;
   overflow:auto;
    margin-bottom: 50px;
    margin-top: 0px;
    margin-top: 0px;
    padding-left: 10px;
    display: block;
}


#footer {
    padding-top:10px;
	height: 50px;
	text-align:left;
    border-top: 1px solid lightgray;
    vertical-align: middle;
	}

h1.foot{
     margin-top: 0px;
    height: 60px;
    line-height: 15px;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    padding-left: 7px;
    letter-spacing:0.2em;
}
span.foot{
font-size: 10px;
font-weight: 400;

}


img.mini5 {
    display: block;
    width: 40px;
}



table.foot{
            width: 380px;
                         

}
td.footl{
    vertical-align: top;
    text-align: left;
    width: 330px;
}
td.footr {
    vertical-align: top;
  
    width: 45px;
}



input.button{padding: 0px;
              text-align: center;
              font-size: 16px;
              margin-top: 15px;
              margin: auto;
              width: 100px;
              height: 30px;
              letter-spacing: 0.1em;
               border: solid 1px gray;
               background-color:#1e90ff;
               line-height: 30px;
              color: white;
          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
}
#sub{margin: auto;
     height: 50px;
     margin-top: 20px;
     text-align:center;
}





img.logo{
    width: 380px;
}

img.logo2{
    width: 180px;
}


h2.re {
    
        font-size: 18px;

}

p.pinkh{font-size: 100% ;
          letter-spacing: 0.1em;
          font-weight: 500;
          margin-bottom: 0px;
          width: 200px;
          height: 30px;
          line-height: 30px;
          border: solid 1px gray;
          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
          margin: auto;
          margin-top: 15px;
          font-size: 15px;
          color: #000;
          text-align: center;
          margin-bottom: 0px;


}

p.pcont {
    border: 1px solid gray;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1.5em;
    color: #000;
    text-align: left;
    width: 330px;
    height: 120px;
   overflow:auto;
   margin: auto;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-left: 10px;
}

a.blog{
    color: #1e90ff;
text-decoration:none;
}
p.pcont::-webkit-scrollbar{ 
    width: 12px;
}
p.pcont::-webkit-scrollbar-thumb{ 
    background:#1e90ff;
    border-radius: 10px;
}
p.pcont::-webkit-scrollbar-track-piece:start{
    background:#d3d3d3 ;
}
p.pcont::-webkit-scrollbar-track-piece:end{
    background: #d3d3d3;
}

#wrapper2 {
	background: #FFFFFF;
	margin: 0 auto;
    text-align: left;
    padding-left:15px;
    font-size: 14px;
	}

a.menu111{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:20px;
background-color:#1e90ff;
line-height:20px;
font-size:10px;
width: 150px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
	margin: 0 auto;
margin-bottom: 0px;

}

a.menu11m{
    display:block;
color:#fff;
text-decoration:none;
text-align: left;
height:30px;
background-color:#1e90ff;
line-height:30px;
font-size:14px;
width: 160px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
	margin: 0 auto;
margin-bottom: 0px;

}

a.menu12{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:30px;
background-color:#1e90ff;
line-height:30px;
font-size:14px;
width: 160px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
	margin: 0 auto;
margin-bottom: 0px;}


a.menu13{
    display:block;
color:#fff;
text-decoration:none;
text-align: center;
height:20px;
background-color:#1e90ff;
line-height:20px;
font-size:10px;
width: 110px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
}

a.menu14{
    display:block;
color:#000;
text-decoration:none;
text-align: center;
height:20px;

width: 110px;
background-color:gold;
line-height:20px;
font-size:10px;
width: 110px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
}

a.menu16{
color:#000;
text-decoration:none;
text-align: center;
height:20px;

width: 110px;
background-color:gold;
line-height:20px;
font-size:10px;
width: 150px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
margin-left: 0%;
}




table#info{
    margin-top: -10px;
}



p.mana {
    font-size: 15px;
    color: #1e90ff;
    font-weight: 700;
}	

img.mana {
    width: 360px;
}

td.padr {
    padding-right: 10px;
}

td.padl {
    padding-left: 10px;
}


div#mana {
           border: 2px orange solid;
           width: 350px;
          margin: 0 auto;
          margin-top: 10px;

}

h3.mana {
    text-align: right;
    margin-right: 10px;
    color: #4cff00;
     font-size: 11px;
}

h2.mana {
    color: #1e90ff;
    font-size: 14px;
}


ol.mana{line-height: 20px;
        text-align: left;
        padding-right: 0px;
        
}

ol.mana li {
    margin-left: 0px;
    font-size: 12px;
            width: 270px;
            padding-left: -10px;
            line-height: 14px;
            padding-bottom: 5px;

}
a.menu15{
    display:block;
color:black;
text-decoration:none;
text-align: center;
height:20px;
background-color:gold;
line-height:20px;
font-size:10px;
width: 110px;
border-bottom: 2px solid #141369;
border-right: 2px solid #141369;
margin-left: 70%;
}

    h3.course {
    
    font-size:14px;
     margin-left: 15px;

    }

h3.course1{
    font-size: 14px;
    color: #1e90ff;
    text-align: left;
    margin-left: 0;
    margin-bottom: 5px;
}

table.course {
    
    width: 368px;
    	margin-left: 5px;
      margin-top: 5px;
          margin-bottom: 10px;
          letter-spacing: 1px;
border: 2px solid hotpink;
      
}

td.c1 {
    width: 69px;
    text-align: left;
    padding-left: 5px;
    height: 30px;
    font-size: 11px;
    color: #1e90ff;
    font-weight: bold;
    border: 1px solid #1e90ff;;
        background-color: #f8dff2;
        line-height: 24px;

}

td.c2 {
    width: 300px;
    text-align: left;
    padding-left: 10px;
    height: 30px;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 24px;

}

td.c3 {
    text-align: left;
    padding-left: 10px;
    
    font-size: 14px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 24px;

}

td.c11 {
    width: 69px;
    text-align: left;
    padding-left: 5px;
    height: 30px;
    font-size: 11px;
    color: #1e90ff;
    font-weight: bold;
    border: 1px solid #1e90ff;;
        background-color: #f8dff2;
        line-height: 24px;

}

td.c22 {
    width: 300px;
    text-align: left;
    padding-left: 10px;
    height: 30px;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 24px;
                        border-right: 2px solid hotpink;

}

td.c33 {
    text-align: left;
    padding-left: 10px;
    
    font-size: 14px;
    color: #000;
    font-weight: normal;
    border: 1px solid #1e90ff;
            line-height: 24px;
                        border-right: 2px solid hotpink;

}

div#mamoru{
   letter-spacing: 0.1em;
               border-right: solid 1px gray;
               border-bottom: solid 1px gray;

          border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px; 
          width: 92%;
          padding-bottom: 10px;
          padding-left: 5px;
          margin-left: 10px;
}


img.cl{
    width: 50px;
    
}

img.cl2{
    width: 70px;
    
}


.bx-wrapper .bx-viewport {
}

.telm{
font-size:10px;
}


li.none {
  list-style: none;
  padding-left:0em;
  text-indent: -3em;
 

}

}


input::placeholder {
  color: #d3d3d3;font-size: 18px;
}

/* IE */
input:-ms-input-placeholder {
  color: #d3d3d3;font-size: 18px;
}


