/* コンテンツ名 */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/
ul{list-style:none;}


.bgLect{width:100%; overflow:hidden; background:url(../images/bgLect.png)repeat;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;	font-size:16px; text-align:left; line-height:28px;}
.mbg{background:url(../images/bg_logo.jpg); overflow:hidden;}
.bgWhite{background:#FFF; position:relative;}
.bgLect h1{margin:0 0 30px; position:relative;}
.padside{padding:0 60px 85px;}
.padside p{padding: 0 0 20px;}
.TiGroup{padding:0 60px 10px ; background:url(../images/LectTi-line.jpg) no-repeat 0 bottom; overflow:hidden; margin:0 0 50px;}
.TiGroup img{float:left; margin:0 15px 0 0;}
.TiGroup h3{font-size:34px; font-weight:normal; padding:18px 0 0;}

.lect5content .TiGroup{ margin-bottom:35px;}
.lect5content .padside h4{ margin-top:35px; font-size:20px; }

.padside h4{color:#007997; font-size:18px; margin:75px 0 35px 0;}
.small{font-size:11px; line-height:18px;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.w65{width:61%; margin:0 20px 0 0;}
.w50{width:50%; margin:0 20px 0 0;}
.w50 h4.mt_00{margin-top:0px;}
.padside p.resp{padding:15px/* 80px*/; /*font-weight:bold;*/ background:#fdfce5; margin:0 0 15px;}
.section{overflow:hidden;}
.lectBtn{ position:absolute; z-index:2; bottom:10px; left:8px;}
.lectBtn2{ left:0px;}
.pgtop {display: none;position: fixed;bottom: 30px;right: 30px; z-index:99999}
.pgtop a {display: block;text-decoration: none;text-indent:-999px;width:114px;height:85px;background:url(../images/pgtop.png) no-repeat center;}
.pgtop a:hover {display: block;text-decoration: none;opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";}

.area{clear:both; overflow:hidden;}
.area .left{width:50%;}
.area .right{width:46%; overflow:hidden;}
.area .right img{margin:0 0 5px; max-width:100%;}
.area .FR{float:right; max-width:46%; margin:0 0 40px 40px;}
.area .FR .small{text-align:left;}
.area .FR img{margin:0 0 5px; max-width:100%;}

.num { margin-bottom: 1.4em; margin-left: 1.6em; }
.num li{position: relative;
	list-style: none;
	line-height: 1.4;
	margin-bottom: 0.3em;}
.num li span {
	position: absolute;
	top: 0;
	left: -1.7em;
}

.padside.spside{padding:0 25px 85px 60px!important;}
.padside.spside h4{margin: 60px 0 15px 0;}
.spside .center{margin:70px 0 100px;}

.padside.spside.lecture-tm01 h4{ font-size:22px; margin: 80px 0 25px 0;}

.Kaiwasec1{overflow:hidden; clear:both; padding:10px 0 220px; position:relative;}
.Kaiwasec1 .box{ position:relative; clear:both; display:block;width:85%;}
.pink p{background:#fdf0f0; padding:20px 30px 35px 35px; border-radius:15px; border-right:1px solid #cfbcb2;  order-bottom:1px solid #cfbcb2;-webkit-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);-moz-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);box-shadow: 2px 3px 2px 0px rgba(229,222,218,1); margin:5px 5px 15px 150px;}
.pink2 p{background:#fcc; padding:20px 30px 20px 35px; border-radius:15px; border-right:1px solid #cfbcb2;  order-bottom:1px solid #cfbcb2;-webkit-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);-moz-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);box-shadow: 2px 3px 2px 0px rgba(229,222,218,1); margin:5px 5px 15px 150px;}

.yellow p{background:#fc6; padding:20px 30px 20px 35px; border-right:1px solid #dfd6c4;  border-bottom:1px solid #dfd6c4;-webkit-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);-moz-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);margin:5px 5px 15px 150px; border-radius:15px; }

#sp1{ margin: 0 0 15px}
#lec01top{}
#lec01top .box{}
#lec01top .pink2{ margin:0 0 30px;}
#lec01top .pink2 p{ margin-left:320px;}
#lec01top .yellow p{ margin:5px 135px 15px 240px;}

.TiGroup#sp2{ margin-bottom:5px;}
.padside.spside.lecture-tm01_2{ background:url(../images/bg_sp3_top.png) no-repeat right top; padding-top:200px !important;}

#lec02top{ padding:0;}
#lec02top .box{ width:70%;}
#lec02top .box2{ width:100%;}
#lec02top .pink2 p{ margin-left:160px; margin-top:50px;}
#lec02top .yellow p{ margin:180px 275px 15px 10px;}

.spchar{position:absolute;z-index:2; top:0;}
.yellow .spchar{right:0; }
.ch01{top:0px; left:10px;}
.ch02{top:75px; right:10px;}
.ch03{top:0px; right:0px;}

.Kaiwasec2{overflow:hidden; clear:both; padding:10px 0 100px; position:relative;}
.Kaiwasec2 .box{ position:relative; clear:both; display:block;width:100%; min-height:80px; margin-bottom:15px; }
.Kaiwasec2 .pink p{margin:10px 10px 20px 90px; padding:20px 20px 20px 20px; }
.Kaiwasec2 .pink2 p{margin:10px 10px 20px 90px; padding:20px 30px 15px 30px; }
.Kaiwasec2 .yellow p{margin:10px 90px 20px 10px; padding:20px 30px 15px 30px; }
.Kaiwasec2 .yellow2 p{margin:10px 135px 20px 10px; padding:20px 30px 15px 30px; }

.btn{display:block; clear:both; overflow:hidden; padding:0 60px 150px;}

xxx.lect4-10 strong { background:url(../images/lect04_icon.jpg) no-repeat left top; padding-left:1.5em; line-height:1.7; display:block;}


#lect5navi{ position:fixed; top:10px; display:none;}
#lect5navi ul{ position:absolute; left:-60px;}
#lect5navi li{ margin:0 0 0; padding:0; line-height:1.1;}
#lect5navi a{ display:inline-block; width:100px; height:100px; background-repeat:no-repeat; background-position:0 0;}
#lect5navi span{ display:none;}
#lect5navi1 a{background-image:url(../images/nav5-1.png);}
#lect5navi2 a{background-image:url(../images/nav5-2.png);}
#lect5navi3 a{background-image:url(../images/nav5-3.png);}
#lect5navi4 a{background-image:url(../images/nav5-4.png);}
#lect5navi5 a{background-image:url(../images/nav5-5.png);}

#lect5navi1 a:hover,
#lect5navi1.on a{background-image:url(../images/nav5-1on.png);}
#lect5navi2 a:hover,
#lect5navi2.on a{background-image:url(../images/nav5-2on.png);}
#lect5navi3 a:hover,
#lect5navi3.on a{background-image:url(../images/nav5-3on.png);}
#lect5navi4 a:hover,
#lect5navi4.on a{background-image:url(../images/nav5-4on.png);}
#lect5navi5 a:hover,
#lect5navi5.on a{background-image:url(../images/nav5-5on.png);}


/* main contents */
#main {
    overflow:hidden;
    width:950px;
    margin:0 auto 40px;
    padding:0;
}

ul.list3{text-align: center; overflow: hidden;}

ul.list3 li{display: inline-block; margin: 0 10px 15px; text-align: left; width: 245px;}

ul.list3 li img{width:100%;}

sup{vertical-align: baseline;
  position: relative;
  top: -1ex;}

/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img, object, embed, video {
    max-width:100%;
    height:auto;
}

/* main contents */
#main {
    width:96%;
}

x.pgtop{ visibility:hidden;}

}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* main contents */
#main {
    width:96%; padding:0 1%;
}

.TiGroup{padding:0 20px; line-height:38px;}
.TiGroup img{width:55px; margin:0 0 30px}
.TiGroup h3{font-size:28px; padding:0px 0 0 70px;}
.padside{padding:0 15px 85px;}
.w65{width:100%; margin:0;}
.w50{width:100%; margin:0;}
.left,.right{float:none;}
.area .left{width:auto;}
.area .right{width:auto; overflow:hidden;}
.lectBtn{ position:static;}
.bgLect h1{margin:0 0;}

#lect5navi{ position:static; display:block ; padding:0 0 10px; background:#fff;  width:100%; height:auto;}
#lect5navi.fixed{ position:fixed; top:0; padding:0; z-index:999; width:100%; height:100px;}
#lect5navi ul{ position:relative; left:0; overflow:hidden;}
#lect5navi li{ float:left; width:20%;}
#lect5navi a{ display:inline-block; width:98%; height:100px; background-repeat:no-repeat; background-position:center center;}
#lect5navi span{ display:none;}


.padside.spside{ padding:0 !important;}
.Kaiwasec1{padding:10px 0;}
.Kaiwasec1 .box{ width:100%;}
.padside.spside.lecture-tm01 h4{ font-size:22px; margin: 30px 0 25px 0;}


.pink p{background:#fdf0f0; padding:10px; border-radius:15px; border-right:1px solid #cfbcb2;  order-bottom:1px solid #cfbcb2;-webkit-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);-moz-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);box-shadow: 2px 3px 2px 0px rgba(229,222,218,1); margin:5px 5px 15px 150px;}
.pink2 p{background:#fcc; padding:10px; border-radius:5px; border-right:1px solid #cfbcb2;  order-bottom:1px solid #cfbcb2;-webkit-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);-moz-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);box-shadow: 2px 3px 2px 0px rgba(229,222,218,1); margin:5px 5px 15px 150px;}

.yellow p{background:#fc6; padding:10px; border-right:1px solid #dfd6c4;  border-bottom:1px solid #dfd6c4;-webkit-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);-moz-box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);box-shadow: 2px 3px 2px 0px rgba(229,222,218,1);margin:5px 5px 15px 150px; border-radius:5px; }

#sp1{ margin: 0 0 15px}
#lec01top{}
#lec01top .box{}
#lec01top .pink2{ margin:0 0 ;}
#lec01top .pink2 p{ margin-left:0;}
#lec01top .yellow p{ margin:0;}

.TiGroup#sp2{ margin-bottom:5px;}
.padside.spside.lecture-tm01_2{ background:url(../images/bg_sp3_top.png) no-repeat -20px -100px;  padding-top:65px !important;}

#lec02top{ padding:0;}
#lec02top .box{ width:auto;}
#lec02top .box2{ width:100%;}
#lec02top .pink2 p{ margin-left:5px; margin-top:20px;}
#lec02top .yellow p{ margin:0 0 10px 10px;}

.spchar{position:static;z-index:2;}
.yellow .spchar{right:0; }
.ch01{top:0px; left:10px; margin:0 0 10px;}
#lec02top .ch01{ left:-30px; top:20px; position:relative;}
.ch02{top:55px; right:10px;}
.ch03{top:0px; right:0px;}

.Kaiwasec2{overflow:hidden; clear:both; padding:10px 0 100px; position:relative;}
.Kaiwasec2 .box{ position:relative; clear:both; display:block;width:100%; min-height:0; margin-bottom:10px; }
.Kaiwasec2 .pink p,
.Kaiwasec2 .pink2 p,
.Kaiwasec2 .yellow p,
.Kaiwasec2 .yellow2 p{margin:5px; padding:10px 10px; line-height:1.2; font-size:0.9em; }

.pgtop {display: none;position: fixed;bottom: -10px;right: -15px; z-index:99999}
.pgtop a {display: block;text-decoration: none;text-indent:-999px;width:114px;height:85px;background:url(../images/pgtop.png) no-repeat center;}
.pgtop a:hover {display: block;text-decoration: none;opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";}

.btn{display:block; clear:both; overflow:hidden; padding:0 10px 50px;}
.btn .left{float:left;}
.btn .right{float:right;}

}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */