@charset "euc-jp";
p strong {background: linear-gradient(transparent 60%, #ffff66 60%);}
/* burgermenu */
#ham-menu {overflow-y: scroll;background-color: #fff; /*メニュー背景色*/box-sizing: border-box;height: 100%;padding: 10px 10px; /*メニュー内左右上下余白*/position: fixed;right: -300px; /*メニュー横幅 width と合わせる*/top: 0;transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/width: 300px; /*メニュー横幅*/z-index: 1000;}#menu-background {background-color: #333; /*黒背景*/display: block;height: 100%;opacity: 0;position: fixed;right: 0;top: 0;transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/width: 100%;z-index: -1;}
#menu-icon {
background-color: #fff; /*アイコン部分背景色*/
border-radius: 0 0 0 10px; /*左下角丸*/
color: #333; /*アイコン（フォント）色*/
cursor: pointer;
display: block;
font-size: 50px; /*アイコン（フォント）サイズ*/
height: 50px; /*アイコン縦高さ*/
line-height: 50px; /*縦位置中央化*/
position: fixed;
right: 0;
text-align: center;
top: 0;
width: 50px; /*アイコン横幅*/
transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
z-index: 1000;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
}#menu-cb {display: none; /*チェックボックス本体は消しておく*/}#menu-cb:checked ~ #ham-menu,#menu-cb:checked ~ #menu-icon {transform: translate(-300px); /*メニュー本体横幅 width と合わせる*/}#menu-cb:checked ~ #menu-background {opacity: 0.5;z-index: 999;}
/* hambergericon */
#ham-menu ul {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
list-style-type: none;
padding-bottom: 30px;
margin-top: 0px;
margin-right: 3%;
margin-bottom: 0px;
margin-left: 3%;
display: table;
width: 94%;
}
#ham-menu li {
display:block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
text-align: left;
width: 100%;
position:relative;
}
#ham-menu li a {
display:block;
height:45px;
line-height: 45px;
color: #555;
text-decoration: none;
margin: 0px;
padding-left:0px;
}
#ham-menu li a:hover {
display: block;
background-color: #DDD;
}

#ham-menu li:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #ff801a;
border-right: solid 2px #ff801a;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


/* icatch */
#catch {margin: 0px;padding: 0px;}
#catch ol {width:100%;display: table;margin: 0px;padding: 0px;list-style-image: none;list-style-type: none;}
#catch li {
font-size:1em;
display: inline-table;
width: 28%;
margin: 0px;
height: 200px;
border-bottom-width: 1px;
border-right-width: 1px;
border-bottom-style: solid;
border-right-style: solid;
border-bottom-color: #CCC;
border-right-color: #CCC;
padding-top: 0px;
padding-right: 2%;
padding-bottom: 0px;
padding-left: 2%;
}
#catch li img {
width:100%;height:auto;margin-bottom: 5px;
}
.big {height:200px;}
#catch .big img {
width:100%;height:auto;margin-bottom: 5px;max-height:130px;
}
#catch .big span {padding-left:10px;}
.category {
font-size: 1.2em;
font-weight:bold;
color: #666;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
margin-bottom: 15px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
}

/* ぱんくず */
#Breadcrumb {
padding-top: 5px;
padding-bottom: 0;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #ccc;
}
#Breadcrumb ul {
list-style:none;
display: table;
padding-top:10px;
}
#Breadcrumb li {
display: inline-block;
float: left;
border: 1px solid #CCC;
font-size: 1em;
margin: 0 5px 0 0;
padding: 3px 8px;
}
#Breadcrumb li a {
text-decoration: none;
color: #009;
}
#Breadcrumb li a:hover {
color: #09C;
}
* {
margin: 0px;
padding: 0px;
}
body {
font-size: 1.1em;
color: #222;
margin: 0px;
padding: 0px;
-webkit-text-size-adjust: 100%;
}
html {
height: 100%;
}
.header h1 {margin-bottom: 40px;text-align: center;}
h1 {
font-size: 1.4em;
padding: 0;
margin-top: 20px;
margin-right: 0;
margin-left: 0;
display: block;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
}
h2 {
font-size: 1.6em;
line-height: normal;
background-image: url(../img/h2.gif);
height: auto;
background-repeat: no-repeat;
margin-top: 60px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0;
padding-left: 35px;
}
h3 {
font-size: 1.4em;
height: auto;
background-color: #FFE9D2;
background-image: url(../img/summary-h3.gif);
color: #ff801a;
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
padding-top: 12px;
padding-right: 10px;
padding-bottom: 12px;
padding-left: 15px;
}
.img_right {
float: right;
margin: 0 0 20px 20px;
/*margin-left: 20px;*/
}
.header {
padding: 0px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
.header h1 {
margin: 0px;
padding: 0px;
}

p {
margin: 0.8em 0;
padding: 0px;
font-size: 1em;
line-height: 1.8em;
text-align: justify;
}

ul {
margin: 0px;
padding: 0px;
}
.midashi {
font-weight: bold;
color: #666;
margin-top: 10px;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;
padding-bottom: 10px;
}
.contentbox_main .content_list {
padding-left: 40px;
border: solid #DDD 1px;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 40px;
margin-right: 15px;
margin-left: 15px;
}


.contentbox_main ul li {
background-image: url(../img/summary-h3.gif);
line-height: 1.6em;
background-color: #FFEFDF;
border-left: #ff801a 10px solid;
list-style-type: none;
position: relative;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
padding-top: 13px;
padding-right: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
.textbox {
background-image: url(../img/summary-h3.gif);
/*width: 600px;*/
width: 100%;
margin: 10px 0;
/*margin-bottom: 10px;*/
padding: 20px 0;
}
.textbox ul,.textbox ol {margin-left:20px;}
.textbox li {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 10px;
}
.footer {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
text-align: center;
font-weight: bold;
clear: both;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.footmenu {
margin: 0;
border: 1px solid #CCC;
padding: 10px;
}
.footmenu ul {
border-width: 0px;
border-style: none;
display:table;
}
.footmenu ul li {
display: inline-block;
width: 25%;
background-color: #FFF;
background-image: none;
border-width: 0;
border-style: none;
margin: 0;
padding: 2px 0;
height: auto;
}
.footmenu ul li a {
color: #3E3EFF;
}
.footmenu ul li a:hover {
color: #F00;
}
.foottext {
font-size: 16px;
border-bottom-style: none;
border-bottom-width: 0px;
color: #999;
font-weight: bold;
background-image: none;
margin: 20px 0 0 0;
}

.bookmarkbox {
width: 100%;
color: #FFF;
padding: 0.2em;
text-align: center;
background-color: #FF801A;
font-weight: bold;
}
.bookmarkbox2 {
width: 100%;
background-color: #FFF0E6;
border-width: 1px;
border-style: none solid solid solid;
border-color: #FF801A;
margin: 0 0 20px 0;
text-align: center;
padding: 0px;
}
.bookmarkbox2 ul {
margin: 0px;
padding: 0 0 15px 70px;
}
.bookmarkbox2 ul li a {
color: #3E3EFF;
}
.bookmarkbox2 ul li a:hover {
color: #F00;
}
.bookmarkbox2 ul li {
background-image: none;
border-left-width: 0px;
border-left-style: none;
float: left;
background-color: #FFF0E6;
font-size: 12px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.contentbox_main {
border: 5px solid #FF801A;
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 30px;
padding-right: 50px;
padding-bottom: 30px;
padding-left: 50px;
}
.contentbox_main ol li {
font-size: 0.9em;
line-height: 1.7em;
color: #222;
margin-left: 30px;
}

.text1_box {
background-image: url(../img/sun/taiyou2.gif);
}
.flot-left {
float: left;
padding-right: 10px;
}
.text2_box {
background-image: url(../img/sun/taiyou4.gif);
}
.text3_box {
background-image: url(../img/sun/taiyou3.gif);
}
.text4_box {
background-image: url(../img/sun/taiyou1.gif);
}
.text5_box {
background-image: url(../img/mercury/suisei4.gif);
}
.text6_box {
background-image: url(../img/mercury/suisei3.gif);
}
.text7_box {
background-image: url(../img/mercury/suisei1.gif);
}
.text8_box {
background-image: url(../img/mercury/suisei2.gif);
}
.text9_box {
background-image: url(../img/venus/kinsei2.gif);
}
.text10_box {
background-image: url(../img/venus/kinsei3.gif);
}
.text11_box {
background-image: url(../img/venus/kinsei4.gif);
}
.text12_box {
background-image: url(../img/venus/kinsei1.gif);
}
.text13_box {
background-image: url(../img/earth/tikyuu2.gif);
}
.text14_box {
background-image: url(../img/earth/tikyuu3.gif);
}
.text15_box {
background-image: url(../img/earth/tikyuu4.gif);
}
.text16_box {
background-image: url(../img/earth/tikyuu1.gif);
}
.text17_box {
background-image: url(../img/mars/kasei2.gif);
}
.text18_box {
background-image: url(../img/mars/kasei3.gif);
}
.text19_box {
background-image: url(../img/mars/kasei4.gif);
}
.text20_box {
background-image: url(../img/mars/kasei1.gif);
}
.text21_box {
background-image: url(../img/jupiter/mokusei4.gif);
}
.text22_box {
background-image: url(../img/jupiter/mokusei3.gif);
}
.text23_box {
background-image: url(../img/jupiter/mokusei2.gif);
}
.text24_box {
background-image: url(../img/jupiter/mokusei1.gif);
}
.text25_box {
background-image: url(../img/saturn/dosei1.gif);
}
.text26_box {
background-image: url(../img/saturn/dosei3.gif);
}
.text27_box {
background-image: url(../img/saturn/dosei2.gif);
}
.text28_box {
background-image: url(../img/saturn/dosei4.gif);
}
.text29_box {
background-image: url(../img/uranus/tennousei2.gif);
}
.text30_box {
background-image: url(../img/uranus/tennousei3.gif);
}
.text31_box {
background-image: url(../img/uranus/tennousei5.gif);
}
.text32_box {
background-image: url(../img/uranus/tennousei1.gif);
}
.text33_box {
background-image: url(../img/neptune/kaiousei2.gif);
}
.text34_box {
background-image: url(../img/neptune/kaiousei3.gif);
}
.text35_box {
background-image: url(../img/neptune/kaiousei4.gif);
}
.text36_box {
background-image: url(../img/neptune/kaiousei1.gif);
}
.text37_box {
background-image: url(../img/pluto/meiousei2.gif);
}
.text38_box {
background-image: url(../img/pluto/meiousei3.gif);
}
.text39_box {
background-image: url(../img/pluto/meiousei1.gif);
}
.text40_box {
background-image: url(../img/comet/comet.gif);
}
.text41_box {
background-image: url(../img/satellite/satellite.gif);
}
.text42_box {
background-image: url(../img/star/star.gif);
}
.text43_box {
background-image: url(../img/moon/moon4.gif);
}
.text44_box {
background-image: url(../img/moon/moon3.gif);
}
.text45_box {
background-image: url(../img/moon/moon1.gif);
}
.text46_box {
background-image: url(../img/moon/moon2.gif);
}
.text48_box {
background-image: url(../img/telescope70.png);
}
.text49_box {
background-image: url(../img/innerplanets70.png);
}
.contentbox_end {
background-image: url(../img/summary-bottom.gif);
background-repeat: no-repeat;
height: 30px;
width: 760px;
margin: 0px;
padding: 0px;
background-position: left top;
}
.attention {
font-size: 12px;
color: #FF0000;
}
.contentbox_main a {
color: #3e3eff;
}
.contentbox_main a:hover {
color: #f00;
}

.clear {
clear: both;
}
img {
border-width: 0;
border-style: none;
}
.SponsoredLink {
background: #FFF;
margin-top: 30px;
margin-bottom: 30px;
border: 1px solid #FF801A;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.SponsoredLink02 {
background: #FFF;
margin-top: 30px;
margin-bottom: 30px;
border: 1px solid #FF801A;
display: table;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.SponsoredLinkInside {color:#000000;font-size:1em;font-weight:bold;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #999999;display:block;width:100%;}
div#footerSection {height: 110px;background: #fff url(img/bg.gif) repeat-x;text-align: left;margin-top: 0px;margin-right: 0;margin-bottom: 0;margin-left: 0;border-top-width: 1px;border-top-style: solid;border-top-color: #aaa;}
div#bsFooter {width:100%;height: 100px;margin: 0 auto;background: #fff url(img/bg.gif) repeat-x;}
div#bsFooter * {background: none;}
div#bsFooter p#bsLogo {width: 150px;height: 100px;margin: 0 0 -100px 0;padding: 0;}
div#bsFooter div#bslink ul {list-style: none;height: 70px;margin: 2px 15px 0 150px;padding: 15px 0 0px 0;}

div#bsFooter div#bslink ul:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;}
* html div#bsFooter div#bslink ul {display: inline-table;}
* + html div#bsFooter div#bslink ul {display: inline-table;}
div#bsFooter div#bslink li {font-size: 0.8em;display: inline-block;margin-top: 5px;margin-right: 5px;margin-bottom: 0px;margin-left: 0px;padding-top: 4px;padding-right: 7px;padding-bottom: 4px;padding-left: 7px;border: 1px solid #CCC;}
div#bsFooter div#bslink li span {padding: 0;display: block;}
div#bsFooter div#bslink li a {display: inline;color: #666;text-decoration: none;}
.content_list li a {
color: #03C;
}
.content_list li a:hover {
color: #09F;
text-decoration: none;
}
.adstext {font-size:1em;padding-bottom:10px;}
.socialborder {margin: 12px 5px 27px 5px;padding: 0;}.social {border-spacing: 3px 0;display: table;margin: 5px auto;width: 100%;}.social .socialsub {display: table-cell;vertical-align: top;}.social a img {width: 25px;padding: 8px 9px;display: block;margin: 0 auto;}.twitterback {background-color: #55ACEE;}.facebookback {background-color: #3B5998;}.googleback {background-color: #DD4B39;}.hatebuback {background-color: #009ADE;}


/* ここからPC表示のみ */
@media screen and (min-width: 801px) {
.base {
background-color: #FFF;
border-color: #ff801a;
border-width: 0 25px;
border-style: none solid;
width: 980px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 80px;
padding-bottom: 0;
padding-left: 80px;
}
.contentbox_top {
background-image: url(../img/summary-top.gif);
background-repeat: no-repeat;
height: 30px;
width: 800px;
padding: 0;
margin: 30px 0 0 0;
}
.menu_box {
width: 187px;
height: 350px;
float: left;
text-align: center;
margin-top: 0;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 10px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding-right: 15px;
}
.base .menu_box p a {
color: #00C;
}
.menu_box a:hover {
color: #F00;
}
.menu_box .menu_text {
font-size: 0.9em;
text-align: justify;
margin: 0;
height: auto;
line-height: 1.5em;
}
.menu_box p {
padding: 0px;
margin: 5px 0;
}
.text1_box,.text2_box,.text3_box,.text4_box,.text5_box,.text6_box,.text7_box,.text8_box,.text9_box,
.text10_box,.text11_box,.text12_box,.text13_box,.text14_box,.text15_box,.text16_box,.text17_box,
.text18_box,.text19_box,.text20_box,.text21_box,.text22_box,.text23_box,.text24_box,.text25_box,
.text26_box,.text27_box,.text28_box,.text29_box,.text30_box,.text31_box,.text32_box,.text33_box,
.text34_box,.text35_box,.text36_box,.text37_box,.text38_box,.text39_box,.text40_box,.text41_box,
.text42_box,.text43_box,.text44_box,.text45_box,.text46_box,.text48_box,.text49_box {
background-color: #fff0e6;
background-repeat: no-repeat;
background-position: left center;
padding: 15px 15px 15px 90px;
}
.adbox {
display: table;
width: 80%;
text-align: center;
padding-top: 20px;
padding-right: 10%;
padding-bottom: 30px;
padding-left: 10%;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
border: 3px solid #FF801A;
}
.adsspace {
margin-right: 7px;
margin-left: 7px;
width: 336px;
height: 310px;
display: table-cell;
padding: 0px;
text-align: left;
}
.text47_box {
background-image: url(../img/susumukun/summary.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 50px;
padding-right: 15px;
padding-bottom: 50px;
padding-left: 300px;
line-height: 40px;
}
#navi {
text-align: center;
margin-top: 20px;
}
.content_list li {
line-height: 100%;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
}
.adshead {
width: auto;
height: auto;
margin-top: 30px;
margin-bottom: 30px;
background-color: #FFDCBF;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}
.adtext {font-size:13px;padding-bottom:10px;}
.smnone {display: block;}
}




/* ここからスマートフォンのみ */
@media screen and (max-width: 800px) {

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}.contentbox_top {
background-image: url(../img/summary-top.gif);
background-repeat: no-repeat;
height: 30px;
width: auto;
padding: 0;
margin: 30px 0 0 0;
}
.header {
width:100%;}
h1 img {width:100%; height:auto;}
p {font-size:1em;line-height:2em;}

.menu_box {
width: auto;
text-align: center;
display:table;
}
.menu_box .menu_text {
display: block;
font-size: 1em;
margin: 0;
height: auto;
line-height: 1.5em;
text-align: justify;
padding: 0px;
}
.menu_box p {
padding: 0px;
margin: 5px 0;
}
p {
margin: 0.8em 0;
padding: 0px;
font-size: 1em;
line-height: 1.9em;
}
.base {
word-break:break-all;
background-color: #FFF;
/*
border-color: #ff801a;
border-width: 0 5px;
border-style: none solid;
*/
width: auto;
padding: 0 10px;
}

.contentbox_main {
padding-top: 30px;
padding-bottom: 30px;
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-right: 20px;
padding-left: 20px;
}
.contentbox_main ol li {
font-size: 1em;
line-height: 1.7em;
color: #222;
margin-left: 30px;
}
.menu_box {
width: auto;
margin: 0 0 10px 0;
text-align: center;
display:block;
}
.menu_box .menu_text {
font-size: 1em;
margin: 0;
padding: 5px;
height: auto;
line-height: 1.5em;
}
.menu_box p {
padding: 0px;
margin: 5px 0;
}
.img_right {float: none;}
.img_right img {width:100%;height:auto;}
.text1_box,.text2_box,.text3_box,.text4_box,.text5_box,.text6_box,.text7_box,.text8_box,.text9_box,
.text10_box,.text11_box,.text12_box,.text13_box,.text14_box,.text15_box,.text16_box,.text17_box,
.text18_box,.text19_box,.text20_box,.text21_box,.text22_box,.text23_box,.text24_box,.text25_box,
.text26_box,.text27_box,.text28_box,.text29_box,.text30_box,.text31_box,.text32_box,.text33_box,
.text34_box,.text35_box,.text36_box,.text37_box,.text38_box,.text39_box,.text40_box,.text41_box,
.text42_box,.text43_box,.text44_box,.text45_box,.text46_box,.text48_box,.text49_box {
background-color: #fff0e6;
background-repeat: no-repeat;
background-position: left top;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
background-image: none;
}
.text47_box {
background-image: url(../img/susumukun/summary.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 300px;
line-height: 40px;
padding-right: 15px;
padding-left: 15px;
}
.smnone {display:none;}
.adtext {font-size:1em;padding-bottom:5px;}
.adshead {
width: auto;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
margin-right: 0px;
margin-left: 0px;
border-top-width: 3px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: dashed;
border-top-color: #FF801A;
border-bottom-color: #aaa;
}
h1 {padding-top:3px;padding-bottom:10px;font-size:1.8em;}
.header h1 {text-align:left;}
h1 img {width:85%;height:auto;}
#navi {
text-align: center;
margin-top: 0px;
}
.content_list li {
line-height: 100%;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#Breadcrumb {display:none;}
}