body  {margin: 0;padding: 0;text-align: center;color: #000;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;font-size: 16px;background-color:#fff;}
.thrColAbsHdr #container {position: relative;width: 950px;background: #fff;margin: 0 auto;border: 1px solid #666666;text-align: left;} 
.thrColAbsHdr #header {background-color: #fff;background-image:url(../img/page/header.png);padding: 0;height: 82px;width: 950px;} 
.thrColAbsHdr #mainContent {width: 700px;margin-top: 50px;margin-right: 25px;margin-left: 25px;margin-bottom: 20px;padding-top: 0px;padding-right: 0px;padding-bottom: 0;padding-left: 0px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
.thrColAbsHdr #container #mainContent #pr {line-height: 18px;margin-bottom: 20px;}
.thrColAbsHdr #container #mainContent .pr {line-height: 20px;margin-bottom: 20px;}
.thrColAbsHdr #footer { padding: 20px 10px 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */text-align: center;background:#f7f7f7;} 
.thrColAbsHdr #footer p {margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */}
.thrColAbsHdr #navi {float:right;position: absolute;right: 0;margin-right: 15px;width: 185px;background: #FFFFFF;padding:0;top: 160px;}
#navi ul {list-style-type: none;text-align: left;line-height:22px;margin: 0 ;padding: 0;padding-left: 0;margin-bottom: 10;}
#navi ul li{padding:3px 0 0 0;border-bottom:dotted 1px #999999;}
#navi a:hover { color:#FF0004; text-decoration: underline }
.thrColAbsHdr #course {position: absolute;top: 300px;right: 0px;width: 165px;background: #FFFFFF;padding: 0;}
#course ul {list-style-type: none;text-align: left;line-height:22px;margin: 0;padding: 0;margin-bottom: 20px;}
.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 tr td {text-align: center;}
.thrColAbsHdr #container #mainContent #answer {text-align: center;padding-top: 20px;padding-bottom: 10px;}
.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: 16px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;color: #000;}
a:link { color:blue; text-decoration: none; margin-right: 0; }
a:visited { color:blue; text-decoration: none }
a:hover { color:#FF0004; text-decoration: underline }
a:active { color: red; 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;}
#title01 {font-size: 13px;color: #fff;background-color: #666;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: 13px;background-color: #933;margin: 0px;padding: 6px;margin-bottom: 20px;margin-top: 20px;}
.title02 {color: #fff;font-size: 15px;background-color:#666;margin: 50px 0 20px 0;padding: 6px;}
#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;}
#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:#666;}
#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 {line-height: 24px;}
.thrColAbsHdr #container #mainContent #question {color: #C00;border-left-width: 7px;border-left-style: solid;margin-top:30px;padding-left: 6px;}
.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;}
.clear{width: 100%;clear:both;}
.bold{font-weight:bold;}
.more{height:22px;line-height:22px;text-align:right;font-size:13px;margin:0 0 20px 0;padding:0 20px 0 0;background-image:url(../img/index/more.jpg);background-repeat:no-repeat;background-position:right;}
.more a:link{color:blue;}
.next-page{width:85%;font-size:16px;margin:50px auto 20px auto;padding:10px;text-align:center;background-color:#C00;}
.next-page a{color:#FFFFFF;font-weight:bolder;}
.googleadsense{text-align:center;margin:50px auto 50px auto;}
/* indexカテゴリ-------------- */
#category .title{font-weight:bold;text-align:center;}
.category01,.category02{display: inline;float: left;width:220px;margin:0 20px 0 0;}
.category03{display: inline;float: left;width:220px;margin:0 0 0 0;}
/* 横３個-------------- */
.line3-01,.line3-02{display: inline;float: left;width:220px;margin:0 20px 0 0; padding:10px; background-color:#f6f6f6;}
.line3-03{display: inline;float: left;width:220px;margin:0 0 0 0;padding:10px; background-color:#f6f6f6;}
.line3 .title{font-weight: bold;text-align: center;}
/* 横３個　ボタン-------------- */
#btn-line3{ margin-bottom:30px;}
.btn-line3-01 a,.btn-line3-02 a{display: inline;float: left;text-align:center;width:220px;margin:0 20px 0 0;padding:10px;background-color:#66CCFF;}
.btn-line3-03 a{display: inline;float: left;text-align:center;width:220px;margin:0 0 0 0;padding:10px;background-color:#66CCFF;}
/* indexよくある質問-------------- */
.faq{margin:10px 0 10px 0;}
.faq .question{color:#FF6600;font-weight:bold;line-height:34px;margin:20px 0 0 0;padding:5px 0 4px 40px;background-image:url(../img/index/faq/faq-question.jpg);background-repeat:no-repeat;}
.faq .answer{line-height:34px;padding:5px 0 4px 40px;background-image:url(../img/index/faq/faq-answer.jpg);background-repeat:no-repeat;}
.dotted{margin:10px 0 10px 0;border-bottom:#666666 1px dotted;}
/* AdSense-------------- */
.googleadsense{text-align:center;margin:80px auto 80px auto;}
/* AdSenseダブルレクタングル */
#googleadsense-double{width: auto;height:350px;text-align:center;margin:80px auto 80px 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;}
/* クイズ-------------- */
.hid{display:none} 
.disp{display:block}
#quiz{font-size:140%;line-height:1.5em;width:auto;text-align:center;margin:0 0 50px 0;padding:25px 20px 25px 20px;background:#FFFFCC;}
#quiz p{text-align:left;font-weight:bold;margin:20px 0 20px 0;}
#quiz ol{text-align:left;list-style-type: none;width: auto;margin: 0 auto 0 -40px;}
#quiz ol li{text-align:left;margin-top: 0.5em;}
#quiz img{ text-align:center; margin:0 auto 30px auto; width:55%;height:auto;}
.btn-quiz{background-image:url(../img/page/btn-quiz.jpg);background-repeat:no-repeat;}
/* おみくじ-------------- */
#omikuji-box{font-size: 100%;}
form {text-align: center; margin: 0 auto 50px auto;}
#omikuji{width: 100%; text-align: left;float: left; background-color:#FDEBFF; border: solid 5px #FF3C15; margin: 0 auto 50px auto; padding: 20px;}
/* 恋愛占い-------------- */
#love-box{padding-bottom: 10px; background-color:#FFF9CE;}
/* 結婚占い-------------- */
#marriage-box{padding-bottom: 10px; background-color:#D3EDFF;}
/* お気に入りに入れる-------------- */
#nav-dock {position: fixed;z-index:999;top: 0%;right: 0%;width:130px;height:30px;}
#nav-dock a {display: block;padding:0;margin: 0 2px;}
/* お客様の声 */
.voice ul li{margin:0 0 30px 0;}
/* ナビボタン固定-------------- */
.nav.fixed {position:fixed;top:15px;width: 185px;float:right;}
.nav2{background-color:#FFFFFF;}
/* SNS-------------- */
#btn-sns{ margin:20px 0 50px 0;}
/* print------------------------------------------------------ */
@media print{
.thrColAbsHdr #navi {display:none;}
}
/* iPad　w770 h1024------------------------------------------------------ */
@media screen and (max-device-width: 990px), screen and (max-width: 990px) {
body{width:100%;}
.thrColAbsHdr #container {position: relative;width:100%;}
.thrColAbsHdr #container #course{position: static;width:100%;margin:10px;}
.thrColAbsHdr #mainContent {width: auto;}
.thrColAbsHdr #header {width:auto;}
.thrColAbsHdr #navi{display: none;}
.btn-ad img{width:100%; height:auto;}
.thrColAbsHdr #footer { width:auto; margin-top:30px;}
.thrColAbsHdr #footer #footer-course {width:auto;height:auto;}
.thrColAbsHdr #footer #navi-under {width:auto;}
#btn-line3{ margin-bottom:30px;}
/* ナビボタン固定を解除-------------- */
.nav.fixed {position:static;top:20px;width: auto;float:none;}
}
/* iPhone　w320 h480------------------------------------------------------ */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
body{display:block;margin:0;padding:0;font-size: 30px;line-height:30px;}
.thrColAbsHdr #container {width:auto;margin:0;padding:0 10px 0 10px;border:0;}
.thrColAbsHdr #mainContent {width:100%;margin:0;padding:0;}
.thrColAbsHdr #container #header {width:100%;margin:0;}
#page-title{font-size:1.4em;margin:0 0 0 0;}
.thrColAbsHdr #container #mainContent{font-size:22px;line-height:2em;}
.thrColAbsHdr #container #mainContent img{width:100%;height:auto;}
.thrColAbsHdr #container #mainContent table{width:100%;}
.thrColAbsHdr #container #mainContent table img{width:23%;height:auto;}
.thrColAbsHdr #container #mainContent #pr {line-height: 1.5em;margin:0;}
.thrColAbsHdr #container #pr ol li {line-height:1.5em;}
.thrColAbsHdr #container ul li {line-height:1.5em;margin-bottom:0.6em;}

.thrColAbsHdr #container #navi{ display: block; float:left;position: static;width:100%;margin:30px 0 50px 0;font-size:26px;}

.thrColAbsHdr #container #navi img{width:13%;height:auto;}
.thrColAbsHdr #container #navi ul li{line-height:1.5em;border-bottom:dotted 1px;}
.thrColAbsHdr #container #course{position: static;width:100%;margin:10px;}
.thrColAbsHdr #footer{text-align:center;margin:0;width:auto;}
.thrColAbsHdr #footer #footer-course {width:100%;display:none;}
.thrColAbsHdr #footer #navi-under {font-size: 20px;width:100%;margin:0;}
#copyright {text-align:center;font-size: 14px;margin-top:0;color:#FFF;background-color:#666;}
#copyright a{font-size: 14px;color:#FFF;}
#header-name {display:none;}#title01{font-size:20px;}.title02{font-size:1em;}
.btn-next {font-size:80%;}
.thrColAbsHdr #container #mainContent .img30 img{width:30%;height: auto;}
/* おみくじ-------------- */
#omikuji{width:100%;}
.googleadsense{text-align:center;margin:50px auto 50px auto;width:100%;}
/* お気に入りに入れる-------------- */
#nav-dock {display:none;}
#nav-dock a {display:none;}
/* アプリの質問-------------- */
#contact-app {display:none;}
#contact-app a {display:none;}
/* AdSense上部--------------- */
.googleadsense{position:relative;z-index:998;background-color:#FFF;}
/* AdSenseダブルレクタングル------------- */
#googleadsense-double{margin: 50px 0 50px 0;height:900px;position:relative;z-index:999;background-color:#FFFFFF;}
.adbox {float: left;margin: 20px 0 50px 0;padding: 0 2px;width: auto;height:auto;}
.adboxcontainer {overflow: visible;position:absolute;width: auto;height:auto;}
#googleadsense-double-space{height:700px;}
/* サイトマップへAdSenseスマホ対策 */
#goto-sitemap{display:block;text-align:center;width:100%;font-size:28px;line-height:1.3em;margin:60px auto 50px auto;}
#goto-sitemap a{color:#06F;font-weight:bolder;}
/* indexカテゴリ-------------- */
#category .title{font-weight:bold;text-align:center;}
.category01{display: inline;float: left;width:100%;margin:0 0 50px 0;}
.category02{display: inline;float: left;width:100%;margin:0 0 50px 0;}
.category03{display: inline;float: left;width:100%;margin:0 0 50px 0;}
/* 横３個-------------- */
.line3-01,.line3-02{display: inline;float: left;width:100%;margin:0 0 50px 0;}
.line3-03{display: inline;float: left;width:100%;margin:0 0 50px 0;}
/* 横３個　ボタン-------------- */
.btn-line3-01 a,.btn-line3-02 a{	display:block;float:none;text-align:center;width:80%;margin:0 auto 20px auto;}
.btn-line3-03 a{display:block;float:none;text-align:center;width:80%;margin:0 auto 20px auto;}
.more{height:30px;line-height:30px;text-align:right;font-size:18px;margin:0 0 20px 0;padding:0 20px 0 0;background-image:url(../img/index/more.jpg);background-repeat:no-repeat;background-position:right;}
/* クイズ-------------- */
#quiz{font-size:1em;line-height:1.5em;width:auto;text-align:center;margin:0 0 50px 0;padding:10px 20px 25px 20px;background:#FFFFCC;}
/* ナビボタン上部固定-------------- */
.navwrapper.fixed {position:fixed;top:0px;width: 95%;float:left;z-index:990;}
}