@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
  margin:0px;
  padding:0px;
  line-height:1.2em;
  font-family: Arial, Helvetica, 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif;
  font-weight:normal;
  font-style: normal;
  text-align:center;
  color:#333333;
  background-image: url(../img/back/back.jpg);
  background-repeat: no-repeat;
}

h1{
display:none;
}
h2{
font-family: Arial, Helvetica, 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif;
font-weight:normal;
font-size:17px;
margin:0px;
padding:3px 0px;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
height:20px;
}
h2 span{
	visibility: hidden;
}
header{
width:100%;
background-image: url("../img/logo_bg.png");
background:#FFFFFF;
margin-bottom:0px;
padding-bottom:0px;
z-index:9999;
position: fixed;
    top: 0px;
}
.head{
width:1000px;
height:65px;
margin:0 auto;
}
.logo{
margin:0px;
padding:0px;
float:left;
width:670px;
height:65px;
text-align:left;
}




.top{
margin:0px;
width: 100%;
height: 450px;
padding:115px 0px 0px 0px;
bottom:0px;
}

.menu{
width:1000px;
margin:0px auto 0px auto;
padding:10px 0px;
height: 30px;
background:#FFFFFF;
}
.menu ul{
	float: left;
	display: inline;
}
.menu ul li{
	float: left;
	display: inline;
}
li.m1{
width:199px;
padding-top:8px;
height: 22px;
background:#2fa7fc;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display: block;
font-size:16px;
}
li.m11{
width:199px;
padding-top:8px;
height: 22px;
background:#feb84f;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display: block;
font-size:16px;
}
li.m12{
width:199px;
padding-top:8px;
height: 22px;
background:#2fa7fc;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display: block;
font-size:16px;
}
li.m13{
width:199px;
padding-top:8px;
height: 22px;
background:#feb84f;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display: block;
font-size:16px;
}
li.m2{
width:200px;
padding-top:8px;
height: 22px;
background:#2fa7fc;
color:#FFFFFF;
font-size:16px;
}

main{
float:clear;
width:1000px;
margin:0px auto;
padding:0px 5px;
height: auto;
text-align:left;
font-size:14px;
font-weight:normal;
display: block;
}
.contents{
float:right;
width:1000px;
margin:0px 0px 0px 5px;
height:auto;
line-height:1em;
padding:0px;
background:#FFFFFF;

}
.imtop{
margin:5px auto 5px auto;
display:block;
}




.clear{
width:1000px;
height:0px;
clear: both;
}
footer{
width:1000px;
margin:20px auto 0px auto;
padding-top:10px;
height: 20px;
float:clear;
color:#696969;
background:#FFFFFF;

}
main span{
border-top:2px solid #696969;
border-bottom:1px solid #696969;
width:100%;
display:block;
margin:0 auto;
line-height:1.9em;
}
.cont1{
width:48%;
font-size:17px;
line-height:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
margin-top:10px;
margin-left:1%;
text-shadow: 1px 1px 0 #FFF,
               -1px 1px 0 #FFF,
               1px -1px 0 #FFF,
               -1px -1px 0 #FFF;
float:left;
}
.cont1 p{
margin-top:10px;
margin-right:5px;
margin-left:5px;
text-align:justify;
}
p.cont1{
padding:0px 0px 0px 5px;
height: auto;
}
.cont2{
width:49%;
margin-top:10px;
background:#FFFFFF;
height: auto;
font-size:17px;
line-height:1.2em;
margin-left:1%;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
float:left;
}

.cont2 h3{
font-size:18px;
font-weight:normal;
color:#ff9900;
}
.cont2 h3>span{
display:none;

}


.cont2 p{
margin-top:10px;
margin-right:5px;
margin-left:5px;
text-align:justify;
}


.cont2 dl{
margin-top:15px;
font-size:25px;
border:1px solid #696969;
}
.cont2 dt{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
background-color:#2fa7fc;
padding-top:27px;
padding-bottom:10px;
padding-left:10px;
text-align:center;
height:33px;
width:200px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont2 dd{
margin-top:0px;
padding-top:27px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:center;
height:33px;
width:300px;
/*dtの幅分の設定*/
margin-left:210px;
}
article.course{
margin-top:2em;

}

article.course > a:nth-child(1) {
    background-color: #82c100;
}
article.course > a:nth-child(2) {
    background-color: #feb84f;
}
article.course > a:nth-child(3) {
    background-color: #2fa7fc;
}
article.course > a span{
border:0;
font-size:0.8em;
}
.course a:link {

    display: block;
    margin-bottom: 15px;
    border-radius: 15px 0px 0px 15px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 30px 10px 15px;
    position: relative;
}
.course a:hover  {
opacity:0.6;
}
.course a:hover:after{
    content: "\0bb GO Next PAGE!!";
}

.course a:after {
    position: absolute;
border:2px solid #FFFFFF;
    border-radius: 3px 0px 0px 3px;
    content: "Click \025b6";
    color: #fff;
    background-color: black;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    right: 0;
    top: 23px;
}


.cont3{
background:#FFFFFF;
height: auto;
font-size:16px;
line-height:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cont3 span{
font-size:16px;
display:block;
text-indent:10px;
margin:0px auto 10px auto;
width:98%;
}

.cont3 > iframe{
margin-top:1.5em;
margin-right:10px;
display:block;
height:400px;
float:right;
border:5px solid #2fa7fc;
}
.cont3 p{
margin-top:5px;
}
.cont3 p span{
margin-top:0px !important;
display:none;
}
p.cont3{
margin-top:5px;
padding:0px 12px 0px 20px;
height: auto;
}

.cont3 dl{
margin-top:15px;
font-size:16px;
}
.cont3 dt{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
border:1px solid #696969;
background-color:#2fa7fc;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:100px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont3 dd{
border:1px solid #696969;
margin-top:0px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:250px;
/*dtの幅分の設定*/
margin-left:110px;
}
.cont3 dt.dt2{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
border-left:1px solid #696969;
border-bottom:1px solid #696969;
border-top:0px solid #696969;
background-color:#2fa7fc;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:100px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont3 dd.dt2{
border-right:1px solid #696969;
border-top:0px solid #696969;
border-bottom:1px solid #696969;
margin-top:0px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:250px;
/*dtの幅分の設定*/
margin-left:110px;
}
.cont3 dt.dt3{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
border-left:1px solid #696969;
border-bottom:1px solid #696969;
border-top:0px solid #696969;
background-color:#2fa7fc;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:40px;
width:100px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont3 dd.dt3{
border-right:1px solid #696969;
border-top:0px solid #696969;
border-bottom:1px solid #696969;
margin-top:0px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:40px;
width:250px;
/*dtの幅分の設定*/
margin-left:110px;
}
.dt3 span{
margin-top:6px;
border:0;

}
.cont4{
margin-top:5px;
margin-bottom:15px;
background:#FFFFFF;
height: auto;
font-size:17px;
line-height:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cont4 > iframe{
margin-top:1.5em;
margin-right:30px;
display:block;
height:400px;
float:right;
border:2px solid #2fa7fc;
}

.cont4 span{
font-size:22px;
display:block;
text-indent:10px;
margin:0px auto 10px auto;
width:98%;
color:#2fa7fc;
}
.cont4 p{
margin-top:10px;
margin-right:10px;
margin-left:15px;
text-align:justify;
width:97%;
line-height:1.5em;
}
.cont4 dt{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
border:1px solid #696969;
background-color:#2fa7fc;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:100px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont4 dd{
border:1px solid #696969;
margin-top:0px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:250px;
/*dtの幅分の設定*/
margin-left:110px;
}
.cont4 dt.dt2{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
border-left:1px solid #696969;
border-bottom:1px solid #696969;
border-top:0px solid #696969;
background-color:#2fa7fc;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:100px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont4 dd.dt2{
border-right:1px solid #696969;
border-top:0px solid #696969;
border-bottom:1px solid #696969;
margin-top:0px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:20px;
width:250px;
/*dtの幅分の設定*/
margin-left:110px;
}
.cont4 dt.dt3{
margin-top:0px;
color:#FFFFFF;
border-right:1px solid #696969;
border-left:1px solid #696969;
border-bottom:1px solid #696969;
border-top:0px solid #696969;
background-color:#2fa7fc;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:40px;
width:100px;
/*左寄せ*/
float:left;
/*float解除*/
clear:both;
}

.cont4 dd.dt3{
border-right:1px solid #696969;
border-top:0px solid #696969;
border-bottom:1px solid #696969;
margin-top:0px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:center;
height:40px;
width:250px;
/*dtの幅分の設定*/
margin-left:110px;
}
.dt3 span{
margin-top:6px !important;
border:0 !important;
font-size:16px;
margin:6px 0px 0px 0px;
color:#333333;
}
.cont5{
margin-top:5px;
margin-bottom:15px;
background:#FFFFFF;
height: auto;
font-size:17px;
line-height:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
margin:10px auto 10px auto;
}

.cont5 span{
font-size:18px;
display:block;
text-indent:10px;
margin:0px auto 10px auto;
width:98%;
}
.cont5 span.puro{
font-size:22px;
display:block;
text-indent:10px;
margin:0px auto 10px auto;
width:98%;
color:#2fa7fc;
}

.cont5 span.dot{
font-size:18px;
display:block;
text-indent:10px;
margin:0px auto 10px auto;
width:98%;
color:#2fa7fc;
border-top:1px dotted #696969;
border-bottom:1px dotted #696969;
font-weight:bold;}
.cont5 table{
font-size:20px;
line-height:1.8em;
width:70%;
margin:10px auto;
}
.cont5 caption{
display:none;
}
.cont5 table th{
width:37%;
background:#f5f5f5;

}
.cont5 table th,.cont5 table td{
border:1px solid #696969;
padding:10px;
}
.cont5 >table span{
border:0;
display:inline;
margin:0px;
line-height:1em;
}



span.concept{
font-size:18px;
color:#2fa7fc;

}
p.concept{
margin-top:25px;
font-size:23px;
text-align:center;
color:#ff3333;
line-height:1.2em;
}



a:link.tm{
color:#FFFFFF;
display:block;
height: 22px;
margin-top:-8px;
padding-top:8px;
}
a:visited.tm{
color:#FFFFFF;
height: 30px;
}
a:hover.tm{
color:#FFFFFF;
background:#2fa7fc;
background-color:rgba(255,255,255,0.5);
}


div.map{
display:block;
width:370px;
height:400px;
float:left;
margin-left:50px;
}


.menu1{
width:310px;
padding:5px;
float:left;
margin-left:10px;
display:block;
	background: #82c100;
height:325px;
border-radius: 8px 8px 8px 8px;
}
.menu2{
width:310px;
padding:5px;
float:left;
margin-left:10px;
display:block;
	background: #feb84f;
height:325px;
border-radius: 8px 8px 8px 8px;
}
.menu3{
width:310px;
padding:5px;
float:left;
margin-left:10px;
display:block;
	background: #2fa7fc;
height:325px;
border-radius: 8px 8px 8px 8px;

}
.menu1 p,.menu2 p,.menu3 p{
color:#FFFFFF;
font-size:20px;
line-height:1.2em;
margin:0;
border-bottom:1px solid #FFFFFF;
}
.menu1 span,.menu2 span,.menu3 span{
color:#FFFFFF;
font-size:14px;
line-height:1.3em;
margin:0;
border:0;
}
.imservice{
display:block;
margin:5px auto;
border-radius: 8px 8px 8px 8px;
}
.cont4 div.coment{
width:70%;
margin:0 auto;

}
.cont5 div.coment{
width:94%;
margin-left:30px;
padding-right:30px;
}
.cont5 div.coment li{
margin-left:30px;
}
.middle{
vertical-align:middle;
text-align:center;
}
.pick{
color:#2fa7fc;
font-size:18px;
font-weight:bold;
}

a:link.faq{
width:100%;
color:#2fa7fc;
display:block;
background:#2fa7fc;
background-color:rgba(255,255,255,0.6);
line-height:1.5em;}
a:visited.faq{
color:#2fa7fc;
display:block;
line-height:1.5em;}
a:hover.faq{
color:#FFFFFF;
display:block;
background-color:rgba(255,255,255,0.6);
background:#2fa7fc;
line-height:1.5em;}

.anchor{
    display: block;
    padding-top: 115px;
    margin-top: -115px;
background-color:rgba(255,255,255,0);
}

/*MAIL*/
.smail{
margin-top:10px;
background:#FFFFFF;
height: 800px;
font-size:16px;
line-height:1.2em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.smail strong{
font-size:18px;
font-weight:normal;
text-align:center;
color:#FF0000;
display:block;
width:1000px;
margin-top:20px;
}
.smail h3>span{
display:none;

}
.smail div{
width:1000px;
text-align:center;
}
.smail p.atten{
color:#FF0000;
}

.smail table.form{
width:600px;
margin:10px auto;
}
.smail th{
background:#888888;
color:#FFFFFF;
text-align:center;
}
.smail td{
color:#888888;
text-align:center;
border:1px solid #696969;
}

b{
font-weight:normal;
color:#FF0000;
font-size:0.7em;}
.mform{
background:#FFFFFF;
width:50%;
height:350px;
font-size:16px;
line-height:1.1em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
text-align:center;
margin:20px auto;
}
.mform small{
color:#FF0000;
}
.mform table{
margin-left:80px;
}
.mform strong{
font-weight:normal;
line-height:3.5em;
}
h2.fh1{
background-image: url(../img/mail/h1.jpg);
width:695px;
height:50px;
}

.mform table th{
padding:5px;
border-top:1px solid #F3F3F3;
border-bottom:1px solid #F3F3F3;
}
.mform table td{
padding:5px;
border-top:1px solid #F3F3F3;
border-bottom:1px solid #F3F3F3;
}

br.clear{
clear:both;
}