/* コンテンツ名 */

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

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

.pgBg{background:url(../images/pgBg.jpg) repeat center 0; overflow:hidden;}
.TopTitle{background:url(../images/topBg.png) no-repeat center 0; overflow:hidden;}
.TopTitle .TopChar{width:950px; margin:0 auto; padding:0 0 90px; position:relative;}
.TopTitle .char1{position:relative;left: 180px;top: 390px;cursor:pointer;display:block;}
.TopTitle .char2{position:relative;left: 416px;top: 400px; cursor:pointer;display:block;}
.TopTitle .char3{position:relative;left: 720px;top: 450px; cursor:pointer;display:block;}
.TopTitle .char4{position:relative;left: 845px;top: 475px; cursor:pointer;display:block;}
.TopTitle .char4x{position:relative;left: 870px;top: 32px; cursor:pointer;display:block;}
.TopTitle .char5{position:relative;left: 805px;top: 255px;cursor:pointer;display:block;}
.TopTitle .char6{position:relative;left: 32px;top: 210px;display:block;}
.TopTitle .char7{position:relative;left: 12px;top: 512px;display:block;}
.TopTitle .char9{position:relative;left: 190px;top: 50px;display:block;cursor:pointer;}
.TopTitle .char10{position:relative;left: 510px;top: 390px;display:block;cursor:pointer;}

.TopFu1{position:absolute; top: -112px;left: -12px; z-index:5;}
.TopFu2{position:absolute; top: -90px;left: -70px; z-index:5;}
.TopFu3{position:absolute; top: -87px;left: -75px; z-index:5;}
.TopFu4{position:absolute; top: -97px;left: -75px; z-index:5;}
.TopFu4x{position:absolute; top: -30px;left: -120px; z-index:6;}
.TopFu5{position:absolute; top: -115px;left: -40px; z-index:5;}
.TopFu9{position:absolute; top: 55px;left: -40px; z-index:99999;}
.TopFu10{position:absolute; top: -105px;left: -60px; z-index:6;}


.TopTitle .Ti{width:598px; margin:0 auto; position:relative; overflow:hidden;}
.TopTitle .Ti span{ display:block; height:0; overflow:hidden;}

.recommendedTi{position:relative; width:950px; margin:50px auto 0;}
.recomm-char{position:absolute; top:0; left:200px; z-index:2;}

.recommendedTi .recList{text-align:left; margin:25px 0 60px; position:relative;}
.recommendedTi .recList li{ padding:10px 2px; display:inline-block;}
.recommendedTi .recList li.rec-quiz{position:absolute;bottom:0px; overflow:hidden;}
.recommendedTi .recList li.rec-quiz ul{position:absolute; z-index:3; bottom:20px; left:40px; text-align:center;}
.recommendedTi .recList li.rec-quiz ul li{}

.recomm-char{position:absolute; top:-50px; left:200px; z-index:2;}
.lecTi{background:url(../images/lectTiBg.png) no-repeat center 0;}

#tabs-container{width:950px; margin:0 auto;}
.tabs-menu {clear: both; overflow:hidden;}
.tabs-menu li {float: left;text-align:left; text-indent:-999px;background:url(../images/lectTab.jpg) no-repeat;}
.tabs-menu li.current {position: relative;z-index: 5;}
.tabs-menu li a { display:block; width:132px; height:157px; }
.tabs-menu li:hover{opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";}
.tabs-menu li.tab1{ background-position:1px 0;}
.tabs-menu li.tab2{ background-position:-132px 0;}
.tabs-menu li.tab3{ background-position:-264px 0;}
.tabs-menu li.tab4{ background-position:-397px 0;}
.tabs-menu li.tab5{ background-position:-526px 0;}
.tabs-menu li.tab6{ background-position:-657px 0;}
.tabs-menu li.tab7 a{background:url(../images/lectTab7.jpg) no-repeat center 0; width:156px;}
.tabs-menu li.tab-sp{display:none;}

.tab {margin-bottom: 20px;width: auto; text-align:left;}
.tab-content {padding:0px;display: none;}
.tab h4{text-align:center; margin:0px 0 30px;}

.tablist{text-align:left; margin:0 0 0 8px;}
.listontab{text-align:left; display:inline-block; width:440px; background:#FFF; overflow:hidden; padding:15px 15px 15px 0; margin:0px 5px 10px; }
.listontab .left{width:160px;text-align:center;}
.listontab .right{width:280px;}
.listontab ul{margin:15px 0 0; background:url(../images/tbl-line.jpg) repeat-x 0 top;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px;}
.listontab li{padding:7px 0 8px 5px; background:url(../images/tbl-line.jpg) repeat-x 0 bottom;}
.listontab li a{background:url(../images/arw_y.jpg) no-repeat 0 2px; display:block; padding:0 0 0 15px; color:#111; }
.listontab .left img{padding:25px 0 0;}

x#tab-1{display:block;}
#tab-1 .bg,#tab-2 .bg,#tab-3 .bg,#tab-4 .bg,#tab-5 .bg,#tab-6 .bg{padding:30px 0;}
#tab-1 .tbpad,#tab-2 .tbpad,#tab-3 .tbpad,#tab-4 .tbpad,#tab-5 .tbpad,#tab-7 .tbpad{padding-bottom:240px;}
#tab-4 .tbpad{padding-bottom:250px;}
#tab-1 .bg{ display:block;background:url(../images/tab1Bg.jpg) no-repeat;}
#tab-2 .bg{background:url(../images/tab2Bg.jpg) no-repeat; }
#tab-3 .bg{background:url(../images/tab3Bg.jpg) no-repeat;}
#tab-4 .bg{background:url(../images/tab4Bg.jpg) no-repeat;}
#tab-5 .bg{background:#66d8cc; overflow:hidden; padding:30px 30px 50px!important;}
#tab-5 ul{overflow:hidden;}
#tab-5 li{display:block; float:left; margin:0 18px 20px 0;}
#tab-5 .w48{width:48%; margin:0;}
.mapTi{padding:0 0 2px; border-bottom:1px solid #000; margin:20px 0 20px;}
.mp{padding:0 0 10px;}
#tab-5 li a{background:url(../images/arw_w.png) no-repeat 0 0; display:block; padding:0 0 0 15px; color:#111;font-size:16px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#tab-5 li a:hover{color:#fff;}
#tab-6 .bg{background:url(../images/tab6Bg.jpg) no-repeat;}
#tab-6 .tablist{text-align:left; margin:0 10px; overflow:hidden;}

#tab-6 .listontab{padding:15px 0; width:460px; margin:0 0 10px; float:left;}
#tab-6 .listontab-right{ float:right;}
#tab-6 .listontab6{ margin:0 0 5px 10px;}
#tab-6  .left{width:195px; text-align:right;}
#tab-6  .right{ width:250px; text-align:left;}
#tab-6  .left img{ margin:0; padding:0;}
#tab-6  .right img{ margin:0; padding:0;}
#tab-6 .right p{ font-size:15px; height:auto;}
#tab-6 .right strong{ background:#f93; color:#fff; display:block; padding:1px 2px; margin:0 0 5px;}
#tab-6 .right span{ font-size:11px; line-height:1.1; display:none;}
#tab-6 .right span em{ display:block; font-size:13px; font-style:normal; padding:5px 0 0;}


#tab-7 .bg{background:url(../images/tab7Bg.jpg) no-repeat; padding:30px 0 100px!important;}
#tab-7 .tb7ctn{position:relative;}
#tab-7 .tb7ctn ul{position:absolute; bottom:35px; left:190px; text-align:center;}
#tab-7 .tb7ctn ul li{display:inline-block; margin:0 15px;}
#tab-7 .tb7ctn .char{position:absolute; top:0; right:-30px;}
#tab-7 .tb7ctn img.tab-7bgsp{ display:none;}

#tab-6 .tbpad{padding-bottom:200px;}

.tbqz{width:458px; margin:55px auto 15px; position:relative; overflow:hidden;}
.tbqz ul{position:absolute; bottom:23px; left:68px; text-align:center;}
.tbqz ul li{display:inline-block; margin:0 10px;}

#tab-5 .tbqz ul{}
#tab-5 .tbqz li{ margin:0 10px; float:none; display:inline-block;}
#tab-5 .tbqz li a{ background:none; padding:0; margin:0;}

.mainBtmBg{background:url(../images/mainBtmBg.png) no-repeat center 0; overflow:hidden;padding:180px 0 20px; margin:15px 0;}
.mainBtmBg ul{text-align:center; overflow:hidden; padding:0; margin:0 auto; width:980px;}
.mainBtmBg ul li{display:inline-block; margin:0 10px; text-align:left;vertical-align:top;}
.mainBtmBg .char{position:relative; width:950px;margin:0 auto; padding:140px 0;}
.mainBtmBg .char1{position: relative;left: 50px;top: -60px;cursor: pointer;display: block;}
.mainBtmBg .char2{position: relative;left: 260px;top: -50px;cursor: pointer;display: block;}
.mainBtmBg .char3{position: relative;left: 600px;top: -140px;cursor: pointer;display: block;}

.BtmFu1{position: absolute;top: -110px;left: -45px;z-index: 5;}
.BtmFu2{position: absolute;top: -80px;left: 0px;z-index: 5;}
.BtmFu3{position:absolute; top: -95px;left: -100px; z-index:5;}

.MovPic{}
.img-1{ display:none;}
.Pic1,.Pic2,.Pic3,.Pic4,.Pic5,.Pic6,.Pic7,.Pic8,.Pic9,.Pic10,.Pic11{ z-index:6; position:absolute;}
.Pic9{z-index:999;}
.bird1{ position:absolute; left:125px; top:95px;}

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



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

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

.recommendedTi{width:96%;}
.recommendedTi .recList{text-align:center;}
.recommendedTi .recList li.rec-quiz{position:relative;}
.recommendedTi .recList li.rec-quiz ul{ left:0; bottom:8px; width:96%; margin:auto;}
.recomm-char{left:50px; width:120px;}

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


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



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
.recomm-char{left:0; width:100px;}

.listontab{width:auto; padding:1em; display:block; margin:auto;}
.listontab .right{width:auto;}
.listontab .left{width:auto; text-align:center; margin:0 0 1em;}
.tablist{margin:0 8px;}
/* main contents */
#main {
    width:94%;
}
.TopTitle{ overflow:hidden; background:none;}
.TopTitle .TopChar{width:100%; margin:0 auto; padding:0; position:relative;}
.TopTitle .Ti{width:100%; margin:0 auto; position:relative; overflow:hidden;}
.TopTitle .Ti img{display:none;}
.TopTitle .Ti span{ display:block; height:auto; overflow:hidden; padding:10px; text-align:justify; font-size:1.1em;}
.TopTitle .Ti span img{display:block;}

.TopTitle .char1{position:relative;left: 0px;top: 0px;cursor:pointer;display:block;}
.TopTitle .char2{position:relative;left: 12%;top: 1em; cursor:pointer;display:block;}
.TopTitle .char3{position:relative;left: 28%;top: 0; cursor:pointer;display:block;}
.TopTitle .char4{position:relative;left: -10px;top: 1em; cursor:pointer;display:block;}
.TopTitle .char5{position:relative;left: 65%;top: 5px;cursor:pointer;display:block;}
.TopTitle .char6{position:relative;left: 75%;top: .5em;}
.TopTitle .char7{position:relative;left: 10%;top: 8em;display:none;}


#tabs-container{width:100%; margin:0 auto;}
.tabs-menu {clear: both; overflow:hidden;}
.tabs-menu li {float: none;text-align:left; text-indent:0;width:100%; background:#f6f6f6;text-align:left; border-bottom:1px solid #ccc;}
.tabs-menu li.current {position: relative;z-index: 5;}
.tabs-menu li a { display:block; width:90%; padding:10px 0; height:auto; margin:auto; text-decoration:none; color:#333; }
.tabs-menu li a strong{font-size:1em;  text-align:left;}
.tabs-menu li:hover{opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";}
.tabs-menu li.tab1.current{ background-position:1px 0; background:#fffabe;}
.tabs-menu li.tab2.current{ background-position:-132px 0;background:#b0d79e;}
.tabs-menu li.tab3.current{ background-position:-264px 0;background:#9dd6e7;}
.tabs-menu li.tab4.current{ background-position:-397px 0;background:#dde55e;}
.tabs-menu li.tab5.current{ background-position:-526px 0;background:#65d9cc;}
.tabs-menu li.tab6.current{ background-position:-657px 0;background:#ff8d8d;}
.tabs-menu li.tab7 a{width:90%; padding:10px 0; height:auto; margin:auto; background-image:none;}
.tabs-menu li.tab7.current{ background:#f90;}

.tabs-menu li{}
.tabs-menu li.tab-sp{display:block; text-align:center; padding:10px 0; cursor:pointer; font-size:30px; line-height:28px;}
.tabs-menu li.tab-sp img{width:40px; height:auto; margin:0 8px 0 0;}


.tab h4{margin:0 10px 20px;}

#tab-6 .tbpad{padding-bottom:40px;}

#tab-7 .bg{ background:#080 ; background-size:cover; padding:0 !important}
#tab-7 .tb7ctn{position:relative;}
#tab-7 .tb7ctn img.tab-7bgsp{display:block;}
#tab-7 .tb7ctn img.tab-7bgpc,
#tab-7 .tb7ctn img.char{ display:none;}
#tab-7 .tb7ctn ul{bottom:16px; left:0; text-align:center; display:block; width:100%; margin:auto; position:absolute; padding:0;}
#tab-7 .tb7ctn ul li{margin:0 0; text-align:center; width:33.3%; float:left;}
#tab-7 .tb7ctn ul li img{ margin:0 10px; max-width:70%;}
.mp{display:none;}

#tab-1 .bg{ background:#fffabe;}
#tab-2 .bg{background:#b0d79e;}
#tab-3 .bg{background:#cae9fb;}
#tab-4 .bg{background:#dde55e;}
#tab-5 .bg{background:#66d8cc; overflow:hidden; padding:20px!important;}
#tab-6 .bg{ background:#ff8d8d;}
#tab-5 .w48{width:98%; margin:auto; overflow:hidden;}
#tab-5 li{ width:33%; margin:0 0 10px; font-size:0.9em;}

#tab-6 .listontab{padding:15px 0; width:auto; margin:0 0 10px; float:none;}
#tab-6 .listontab img{max-width:90%;}
#tab-6 .listontab-right{ float:none;}
#tab-6 .listontab6{ margin:0 0 5px 10px;}
#tab-6  .left{width:auto; text-align:center;}
#tab-6  .right{ width:auto; text-align:center;}
#tab-6  .left img{ margin:0; padding:0;}
#tab-6  .right img{ margin:0; padding:0;}
#tab-6 .right p{ font-size:15px; height:auto;}
#tab-6 .right strong{ background:#f93; color:#fff; display:block; padding:1px 2px; margin:0 0 5px;}
#tab-6 .right span{ font-size:11px; line-height:1.1; display:none;}
#tab-6 .right span em{ display:block; font-size:13px; font-style:normal; padding:5px 0 0;}

.mainBtmBg{background:#fff; overflow:hidden;padding:10px; margin:0;}
.mainBtmBg ul{text-align:center; overflow:hidden; padding:0; margin:0; width:100%; }
.mainBtmBg ul li{display:block; float:left; width:50%; text-align:center; margin:0 0 5px;}
.mainBtmBg .char{position:relative; width:950px;margin:0 auto; padding:140px 0;display:none;}
.mainBtmBg .char1{position: relative;left: 50px;top: -60px;cursor: pointer;display: block;}
.mainBtmBg .char2{position: relative;left: 0px;top: -50px;cursor: pointer;display: block;}
.mainBtmBg .char3{position: relative;left: 10px;top: -140px;cursor: pointer;display: block;}

#tab-1 .bg,#tab-2 .bg,#tab-3 .bg,#tab-4 .bg,#tab-5 .bg,#tab-6 .bg{padding:15px 0;}
#tab-1 .tbpad,#tab-2 .tbpad,#tab-3 .tbpad,#tab-4 .tbpad,#tab-5 .tbpad,#tab-7 .tbpad{padding-bottom:20px;}
#tab-6 .tbpad{padding-bottom:20px;}

.tbqz{width:100%; max-width:458px; margin:8px auto;}

.tbqz ul{left:0; bottom:12px; text-align:center; width:100%; }
.tbqz ul li{ float:left; width:33%; text-align:center; margin:0;}
.tbqz ul li a{padding:0 8px; display:block;}
.tbqz ul li img{max-width:70%;}
#tab-5 .tbqz li{width:auto; float:left; margin:0; display:inline-block; width:33.3%;}
#tab-5 .tbqz li a{ background:none; padding:0 8px;}


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