body {margin: 0;padding: 0;text-align: center;color: #000000;font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS P Gothic", sans-serif;font-size: 14px;background-color:#e6e6e6;}
.thrColAbsHdr #container {position: relative;width: 950px;background: #FFFFFF;margin: 0 auto;border: 1px solid #666666;text-align: left; } 
.thrColAbsHdr #header {background-color:#ffffff; background-image: url(img/page/logo.png); background-repeat: no-repeat; background-position: 0px 0px; margin-bottom:50px; padding: 0;width: 950px;height:100px;}
#btn-sp {display:none;}
.thrColAbsHdr #container #header .nav {width: 930px; margin-top:58px; padding:10px; color: #ffffff; background:#52609B;}
.thrColAbsHdr #container #header .nav a:link, .thrColAbsHdr #container #header .nav a:visited{color: #ffffff;}

.thrColAbsHdr #navi {position: relative;float:left;left: -550px;width: 165px;background: #FFFFFF;padding: 0;margin: 0;}
#navi ul {list-style-type: none;text-align: left;line-height:22px;margin: 0 ;padding: 0;padding-left: 6px;margin-bottom: 10;}
#navi ul li{padding:3px 0 0 0;border-bottom:dotted 1px #999999;}
#navi ul li a{color:blue;}
.thrColAbsHdr #course {position: absolute;top: 300px;right: 0px;width: 165px;background: #FFFFFF;padding: 0;}
.thrColAbsHdr #ad {position: absolute;top: 120px;right: 0px;width: 165px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */padding: 0;}
.thrColAbsHdr #thumbnail {position: absolute;top: 120px;right: 0px;width: 165px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */padding: 0;}
.thrColAbsHdr #thumbnail-top {float:right;width: 165px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */margin:0;padding: 0;}
#course ul {list-style-type: none;text-align: left;line-height:22px;margin: 0;padding: 0;padding-left: 0;margin-bottom: 20px;}
.thrColAbsHdr #mainContent {position: relative;float:left;width: 550px;left: 200px;margin: 0 0 20px 0;padding: 0;}
.thrColAbsHdr #mainContent table {margin:0 auto 0 auto;}
.page a:link,.page a:visited{color: #000; border-bottom: dotted 1px;}
.page a:hover {border-bottom: none;}
.thrColAbsHdr #container #mainContent #pr {font-size: 130%; line-height: 1.6em;margin: 20px 0 20px 0;}
.thrColAbsHdr #container #mainContent .pr {font-size: 130%; line-height: 1.6em;margin-bottom: 20px;}
.thrColAbsHdr #container #mainContent p {font-size: 130%;line-height: 1.6em;margin-bottom: 30px;}
.thrColAbsHdr #footer { padding: 20px 10px 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */text-align: center;background:#DDDDDD;} 
.thrColAbsHdr #footer p {margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */float: right;margin-left: 8px;}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */float: left;margin-right: 8px;}
</style>[if IE 5]>
<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.thrColAbsHdr #sidebar1 {width: 180px; }
.thrColAbsHdr #sidebar2 {width: 170px;}
</style>
<![endif]
.thrColAbsHdr #container #mainContent table td {text-align: left;}
.thrColAbsHdr #container #mainContent .img300-300,.thrColAbsHdr #container #mainContent .img300-368,.thrColAbsHdr #container #mainContent .img300-auto,.thrColAbsHdr #container #mainContent .btn-ad,.thrColAbsHdr #container #mainContent .img300,.thrColAbsHdr #container #mainContent .img300-620 {text-align: center;margin:0 auto 0 auto;padding:0;}
.thrColAbsHdr #container #mainContent #up {font-size: 11px;text-align: right;margin-top: 10px;margin-bottom: 0px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}
.thrColAbsHdr #btn_contact {text-align: center;margin-top: 20px;}
#header-name {margin: 0;font-size: 11px;text-align: right;padding-top: 6px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;color: #ffffff;}
a:link { color:blue ; text-decoration: none; margin-right: 0; }
a:visited { color:blue ; text-decoration: none;}
a:hover { color: #f60; text-decoration: underline;}
a:active { color: #f00; text-decoration: underline;}
a:hover img {filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
#pan {font-size: 12px;}
#page-title {font-size: 20px;line-height: 22px;color: #933;margin:0;}
#title01,.title01 {font-size: 13px;color: #fff;background-color: #999;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;padding: 6px;margin-top: 0px;}
#title02 {color: #fff;font-size: 15px;background-color: #933;margin: 0px;padding: 6px;margin-bottom: 20px;margin-top: 20px;}
.title02 {color: #fff;font-size: 15px;background-color:#C00;margin: 50px 0 20px 0;padding: 10px;}
#title-seoad {font-size: 13px;color: #fff;background-color: #ccc;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;padding: 6px;margin-top: 0px;}
.naviup {text-align: left;margin-top: 6px;margin-bottom: 20px;margin-left: 10px;}
.btn-next {text-align:right;margin-bottom:14px;}
.btn-next a{color:blue;}
#contents{ border: 1px solid ; width: auto; padding: 10px;}
#seo-ad {margin-top: 50px;}
#seo-ad ul li, #seo-ad ul li a{color: #999;}
.bana-goods{margin:50px 0 50px 0;}
#footer #navi-course {font-size: 13px;}
#footer #navi-under {font-size: 13px;}
#copyright {text-align:center;font-size: 9px;margin-top:0;color:#FFF;background-color:#C00;}
#copyright a{font-size: 9px;color:#FFF;}
#frame01{ margin: 0; padding: 4px; border: solid 1px #ccc; }
#frame02{ background-color: #f1f1f1; margin: 0; padding: 4px; border: solid 1px #ccc; }
.thrColAbsHdr #container #mainContent ul {font-size: 120%;line-height: 1.7em; margin: 0 0 30px 0;}
.thrColAbsHdr #container #mainContent ol {font-size: 120%;line-height: 1.7em; margin: 0 0 30px 0;}
.thrColAbsHdr #container #mainContent #btn_contact #tel a{display:none;}
.link a{font-weight:bold;}
#support {position: fixed;left: 2px;right: 2px;z-index:999;bottom: 0px;width:120px;height:16px;float:left;}
#support a {color: #aaa;font-size:10px;display: block;padding:0;margin: 0 2px;}
#ad{font-size:12px;margin:0 0 20px 0;}
.ad{margin:-10px 0 20px 0;}
.ad a{font-weight:bolder;}
.clear{width: 100%;clear:both;}
.color-orenge{color:#F60;}
.bold{font-weight:bold; margin: 0;}
#all-questions{font-size:20px;color:#F00;font-weight:bold;margin-bottom:10px;}
.next-page-title{font-weight:bold;width:100%;margin:50px auto 0 auto;text-align:center;}
.next-page{width:auto;font-size:14px;font-weight:bolder; margin:0 auto 20px auto;padding:10px;text-align:center;background-color:#06F; color:#FFFD00;}
.next-page a{color:#FFFFFF;font-weight:bolder;}
.next-page a:hover{color:orange;font-weight:bolder;}
.link-outsite{width:430px;font-size:14px;margin:4px auto 20px auto;padding:10px;text-align:center;background-color:#06F;}
.link-outsite a{color:#FFFFFF;font-weight:bolder;}
.youtube{margin-bottom:10px;text-align:center;}
.a8{text-align:left; line-height:1.5em;margin:0 auto 50px auto; padding:6px; }
#training-menu{margin:70px 0 0 0;}
#training-menu table{margin:0 0 70px 0;}
#training-menu a img{margin:0 16px 0 0;}
.list{width:440px; table-layout: fixed;word-break: break-word;} /*table*/
.list img{width:auto; height:auto;} /*table img*/
.list2{width:100%;height: auto;margin-top: 10px;margin-bottom: 10px;margin-bottom:30px;border: none;text-algin: center;}
.left {width: 50%;height: auto;border:none;margin: 0;padding:0;float: left;text-algin: left;}
.right {width: 50%;height: auto;border:none;margin: 0;padding:0;float: left ;text-algin: right ;}
.right img {float: right ;text-algin: right ;}
.new,.addition{ font-size: 12px; color: #fff; background-color: red; margin: 0 3px 0 0; padding: 1px;display: inline-block;float : left ;}
.question-list {width: 440px;height: 100%;margin: 20px auto 20px auto; border: none;}
.question-list-left {width: 210px;height: auto;border:none;margin:0;padding:0;float: left;text-algin: left;}
.question-list-right {width: 210px;height: auto;border:none;margin:0 0 0 20px;padding:0;float: left;text-algin: left;}
/* トップページのボタン-------------- */
.training-go {text-algin:center;width:70%; margin: 10px auto 20px auto;}
.training-go a{border-radius: 5px;position: relative;display: flex;justify-content: space-around;align-items: center; padding: 10px 15px; color: #FFF;transition: 0.3s ease-in-out;font-weight: 600;background: red;}
.training-go a:hover{background: #c00;}
/*SNS button*/
#sns-btn{ text-align:center; margin:30px auto 0 auto;}
#socialbuttons div {margin:10px 0 30px 0;float:right;}
#socialbuttons{margin: 40px 0 0 auto;}
.thrColAbsHdr #container #mainContent #question,.thrColAbsHdr #container #mainContent .question{color: #C00;border-left-width: 7px;border-left-style: solid;margin-top:100px;padding-left: 6px;}
.thrColAbsHdr #container #mainContent #answer,.thrColAbsHdr #container #mainContent .answer {text-align: center;padding-top: 20px;padding-bottom: 10px;}
.thrColAbsHdr #container #mainContent #answer a img,.thrColAbsHdr #container #mainContent .answer a img {width: 150px; height: auto;}
/* よくある質問-------------- */
.faq{margin:10px 0 10px 0;text-align:left;}
.faq-question{text-align:left;color:#000;font-weight:bold;line-height:28px;margin:20px 0 0 0;padding:5px 0 4px 40px;background-image:url(img/faq/faq-question.jpg);background-repeat:no-repeat;}
.faq-answer{text-align:left;line-height:28px;margin:10px 0 0 0;padding:5px 0 4px 40px;background-image:url(img/faq/faq-answer.jpg);background-repeat:no-repeat;}
.faq a:link,.faq a:visited{color: black; border-bottom:dotted 1px;}
.dotted{margin:10px 0 10px 0;border-bottom:#666666 1px dotted;}
/* ご利用者からの体験談-------------- */
.voice ul li{margin:0 0 30px 0;}
.voice a:link,.voice a:visited{color: black; border-bottom:dotted 1px;}
/* アプリの質問-------------- */
#contact-app {position: fixed;z-index:999;top: 0%;right: 0%;width:auto;height:auto;}
#contact-app a {display: block;padding:0;margin: 0 2px;}
/* ------シニア生活 ------ */
#table-contents{border: solid 1px;padding-top: 10px;}
/* ------謎解き ------ */
.efficacy-title{width: 5em; font-weight: bold; color: red; margin: 0 auto 3px 0; padding: 3px;display: inline-block;float : left ;}
.efficacy{ color: #fff; background-color: red; margin: 0 auto 3px 0; padding: 3px;display: inline-block;float : left ;}
/* ------ ルーレット ------ */
#mainvisual {position: relative;width: 100%;}
#mainvisual-inner {position: relative;width: 100%;overflow: hidden;}
#mainvisual-inner .img {position: absolute;display: none;width: 430px;/* 画像の幅 */margin-left: -215px;/* -(画像の幅÷2) */padding-left: 50%;top: 0;}
#mainvisual-inner .img:first-child {position: relative;display: block;}
/* お気に入りに入れる-------------- */
#nav-dock {position: fixed;z-index:998;top: 0%;right: 0%;width:130px;height:30px;}
#nav-dock a {display: block;padding:0;margin: 0 2px;}
/* 英語サイト-------------- */
#nav-english {position: fixed;z-index:996;top:6px; right: 0;width:120px;height:40px;}
#nav-english a {padding:0;margin: 0;}
/* 上部に戻る-------------- */
#go-up {position: fixed;right: 2px;z-index:99;bottom: 5%;width:60px;height:30px;float:right;}
#go-up a {display: block;padding:0;margin: 0 2px;}
/* 画像吹き出し-------------- */
#screenshot{position:absolute;border:1px solid red;background:red;padding:2px;display:none;color:#fff;}
/* ナビボタン上部固定-------------- */
.navwrapper.fixed {position:fixed;z-index:997;top:-2px;width:950px;float:left;}
/* AdSense上部 */
.googleadsense{text-align:center;margin:50px auto 50px auto;}
/* AdSenseダブルレクタングル */
#googleadsense-double{width: auto;height:350px;margin:100px auto 0 auto;}
.adbox {float: left;margin: 20px 0 0 0;padding: 0 2px;width: auto;}
.adboxcontainer {overflow: visible;position:absolute;width: auto;height: 300px;}
/* clearfix */
.adboxcontainer:before,.adboxcontainer:after {content: "";display: table;}
.adboxcontainer:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.adboxcontainer {zoom: 1;}
/* サイトマップへAdSenseスマホ対策 */
#goto-sitemap{ display:none;}
/* Amazonアフェリエイト */
.amazon-bana{width:100%;margin-bottom: 150px;}
.amazon-left{width:30%;text-align: center;float: left;}
.amazon-right{width: 65%;text-align: left;margin-left:5%;float: left;}
.amazon-btn{width: 86%;text-align: center;font-size: 120%; margin: 0 auto 0 auto;padding: 20px; background-color: #FFC65E;}
.amazon-btn a{color: black;}


/* iPad　w760 h1024------------------------------------------------------ */
@media screen and (max-device-width: 960px), screen and (max-width: 960px) {}

/* iPhone------------------------------------------------------ */
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
body{display:block;margin:0;padding:0;font-size: 16px;line-height:1.6em;background:none; width:100%;}
.thrColAbsHdr #container {width:100%;margin:0;padding:0;border:0;}
.thrColAbsHdr #container #mainContent {left: 0;width:96%;margin:0 2% 0 2%; padding:0;position:static;float:none;}
.thrColAbsHdr #container #header {width:100%;height: 80px; margin:0 0 10px 0; background-image: url(img/page/logo-sp.png);}
.thrColAbsHdr #header {background-color: #ffffff;}
.thrColAbsHdr #container #header .nav{display: none;}
/* ナビボタン上部固定-------------- */
#btn-sp {display: block; position: fixed;z-index:9999;top:2%;right:5%;width:50px;height:50px;float:right;}
#btn-sp a{display: block; padding:0;margin: 0 2px;}
/* -------------- */
#pan{line-height:1em;}
h2{font-size:1.4em;margin-top:0;}
#page-title {font-size: 20px;line-height: 22px;color: #933;margin-bottom:30px;}
.thrColAbsHdr #container #mainContent #pr,.thrColAbsHdr #container #mainContent .pr {line-height: 1.5em;margin:0;font-size: 120%;}
.thrColAbsHdr #container #pr ol li {line-height:1.5em;}
.thrColAbsHdr #container ul li {line-height:1.5em;margin-bottom:0.6em;}
.thrColAbsHdr #container #navi{position: static;width:100%;margin:0;display:none;}
.thrColAbsHdr #container #navi ul li{font-size:1.3em;line-height:1.5em;border-bottom:dotted 1px;}
.thrColAbsHdr #container #ad{position: static;width:100%;}
#ad{font-size:18px;}
.ad{margin:-10px 0 12px 0;}
#ad{margin:0 0 20px 0;}
.ad{margin:-10px 0 20px 0;}
.thrColAbsHdr #container #thumbnail-top{display:none;}
.thrColAbsHdr #container #thumbnail img{width:100%;height:auto;margin-bottom:10px;}
.thrColAbsHdr #container #course{position: static;width:100%;margin:10px;}
.left {width: 85%;height: auto;border:none;margin: 0 auto 30px auto;padding:0;float: none;text-algin: left;}
.right {width: 85%;height: auto;border:none;margin: 0 auto 30px auto;padding:0;float: none;text-algin: right ;}
.thrColAbsHdr #footer{text-align:center;margin:0;width:auto;}
.thrColAbsHdr #footer #footer-course {width:100%;display:none;}
.thrColAbsHdr #footer #navi-under {font-size: 18px;width:100%;margin:0;}
#header-name {display:none;}
#title01{font-size:20px;}
.title01{padding:10px;font-size:20px;line-height:1em;margin-top:4px;}
.title02{font-size:1em;}
.googleadsense{text-align:center;margin:30px auto 30px auto;width:100%;position:relative;z-index:998;background-color:#FFFFFF;}
.a8{padding:10px;}
#sns-btn{ text-align:center; margin:30px auto 0 auto;}
.youtube iframe{width:100%;height:auto;margin-bottom:10px;}
.youtubeBox {padding: 0;}
.youtubeBox iframe { width: 100%;height: auto;}
/* トップページ-------------- */
.training-go {width:76%; }
.training-go a{font-size: 88%;padding: 6px 6px;}
/* アプリの質問-------------- */
#contact-app {display:none;}
#contact-app a {display:none;}	
/* ページ-------------- */
.thrColAbsHdr #container #mainContent #img300-300 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .img300-300 img,.thrColAbsHdr #container #mainContent .img300-368 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-368 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-536 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-620 img,.thrColAbsHdr #container #mainContent .img300-620 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-645 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-703 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-795 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-405 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .img300-405 img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #img300-auto img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .img300-auto img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .img300-auto img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .btn-ad img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .btn-ad a img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #btn_contact a img{width:80%;height:auto;}
#ad a img {width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .img300 img {width:100%;height:auto;}
.thrColAbsHdr #container #mainContent .a8 a img {width:100%;height:auto;margin:30px 0 0 0;}
.thrColAbsHdr #container #mainContent #answer a img,.thrColAbsHdr #container #mainContent .answer a img{width:130px;height:auto;}
.thrColAbsHdr #container #mainContent #btn_contact #tel a{display:block;text-align:center;background-color:#F90;padding:10px;margin-bottom:20px;}
.thrColAbsHdr #container #mainContent #btn_contact object{display:none;}
#seo-ad{display:none;}
#thumbnail{display:none;}
.thrColAbsHdr #container #mainContent a img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent #training-menu {margin:10px 0 30px 0;padding-top:50px;}
.thrColAbsHdr #container #mainContent #training-menu table td a img{margin:0 16px 0 0;width:25%;}
.list {width:auto; table-layout: fixed;word-break: break-word;} /*table*/
.list img {width:100%; height:auto;} /*table img*/
.thrColAbsHdr #container #mainContent table .new img{ width:20%;}
.question-list {width: 100%;height: 100%;margin: 10px auto 20px auto; border: none;text-algin: left;}
.question-list-left {width: 48%;height: auto;border:none;margin:0;padding:0;float: left;text-algin: left;}
.question-list-right {width: 48%;height: auto;border:none;margin:0 0 0 4%;padding:0;float: left;text-algin: left;}
.question-list img{width: 100%;height: auto;}
/* ------ ルーレット ------ */
#mainvisual {display:none;}
.no-sp{display:none;}
/* お気に入りに入れる-------------- */
#nav-dock {display:none;}
#nav-dock a {display:none;}
/* AdSenseダブルレクタングル-------------- */
.bana-goods{ margin-top:6px;}
.adboxcontainer {overflow: visible;position:absolute;width:auto;height:auto;background-color:#FFFFFF;}
#googleadsense-double{margin:50px 0 50px 0;height:900px;position:relative;z-index:992;background-color:#FFFFFF;}
.adbox {float: left;margin: 20px 0 20px 0;padding: 0 2px;width: auto;height:auto;}
#googleadsense-double-space{margin:0;width:100%;height:1100px;}
.next-page-title{ width:100%; margin:50px auto 10px auto;}
.next-page{ text-align: center; width:auto; height:auto; margin:0 auto 0 auto; font-size:110%;}
.link-outsite{width:100%; height:auto; margin-bottom:0;}
.clear{ clear:both;}
/* サイトマップへAdSenseスマホ対策 */
#goto-sitemap{display:block;text-align:center;width:100%;font-size:24px;margin:50px auto 50px auto;background-color:#FFFFFF;}
#goto-sitemap a{color:#06F;font-weight:bolder;}
}