/* LittleDreamer */ * {margin:0;padding:0;} body { margin:0px auto 20px auto; background:#F1EFEA; font-size:12px; text-align:center; font-family: "ＭＳ Ｐゴシック", "Osaka"; line-height:150%; color:#555555; font-weight:normal; font-style:normal; } h1, h2, h3, h4, h5, p, ul, ol, dl, li, dd, address, form, input {margin:0px; padding:0px;} form {line-height:normal; font-size:12px;} input, textarea, select, option {font-size:12px; color:#555555;} .font-10 {font-size:10px;} .font-red {color:#FF3333;} /* Link ------------------------------------------------------------------------------------------ */ a:link, a:visited{color:#0099FF; text-decoration:underline;} a:hover{color:#FF3366; text-decoration:none;} #header a:link, #header a:visited, #footer a:link, #footer a:visited{text-decoration:none; color:#888888;} #header a:hover, #footer a:hover{text-decoration:underline;} /* headline ------------------------------------------------------------------------------------------ */ #headline { font-size:10px; color:#573927; height:30px; line-height:30px; background:#F1EFEA; } /* block ------------------------------------------------------------------------------------------ */ #wrapper {margin: 0px auto;width:980px;background:#fff;} #header, #footer, #Navigation, #container { width:940px; margin:0 auto; } #container {padding-bottom:20px; text-align:left;} #maincontent {float:left; width:700px; text-align:left;} #mainpage #container-inner, #sidecontent {padding-top:15px;} #sidecontent {float:right; width:220px; text-align:left;} #mainpage #sidecontent {padding-top:0;} /* Clear ------------------------------------------------------------------------------------------ */ .clr, #header-inner:after, #container-inner:after, .entry-titles:after, .entry-body:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; } /* header ------------------------------------------------------------------------------------------ */ #header {height:100px;background: #fff url(images/bg-footer.gif) repeat-x 0% 100%; margin-bottom:15px;} #logo {float:left; width:390px; margin-top:17px; background:pink;} #topNav {float:right; margin-top:30px; text-align:right; width:350px;} #topNav form {height:20px; text-align:right;} #topNav input {text-align:left; height:15px;} #topNav ul {list-style:none; margin-top:5px;} #topNav ul li {float:right; margin-left:10px; text-align:left;text-indent: 22px;} #topNav ul li.nav1 {background:url(images/topNav-1.gif) no-repeat;} #topNav ul li.nav2 {background:url(images/topNav-2.gif) no-repeat;} #topNav ul li.nav3 {background:url(images/topNav-3.gif) no-repeat;} /* footer ------------------------------------------------------------------------------------------ */ #footer {background:#fff url(images/bg-footer.gif) repeat-x 0% 0%; padding:20px 0px;} #footer p.footnavi { margin-bottom:5px;font-size:10px;} /* Global Navigation ------------------------------------------------------------------------------------------ */ #Navigation {height:40px; text-align:left; } #Navigation ul {list-style:none;} #Navigation ul li {float:left;} #Navigation ul li a {height:40px; display:block; text-indent:-999999px; background-repeat:no-repeat;} #Navigation ul li a.Gnav-concept {background:url(images/nav-1.jpg); width:157px;} #Navigation ul li a.Gnav-class {background:url(images/nav-2.jpg); width:157px;} #Navigation ul li a.Gnav-lesson_fee {background:url(images/nav-3.jpg); width:156px;} #Navigation ul li a.Gnav-try_lesson {background:url(images/nav-4.jpg); width:157px;} #Navigation ul li a.Gnav-faq {background:url(images/nav-5.jpg); width:156px;} #Navigation ul li a.Gnav-access {background:url(images/nav-6.jpg); width:157px;} #Navigation ul li a:hover.Gnav-concept {background:url(images/nav-1-a.jpg);} #Navigation ul li a:hover.Gnav-class {background:url(images/nav-2-a.jpg);} #Navigation ul li a:hover.Gnav-lesson_fee {background:url(images/nav-3-a.jpg);} #Navigation ul li a:hover.Gnav-try_lesson {background:url(images/nav-4-a.jpg);} #Navigation ul li a:hover.Gnav-faq {background:url(images/nav-5-a.jpg);} #Navigation ul li a:hover.Gnav-access {background:url(images/nav-6-a.jpg);} /* top Class entries ------------------------------------------------- */ #mainpage .entry {text-align:left; margin:0px;} #mainpage #top-entry #entries{ background:url(images/top-entry-body.gif) no-repeat 0% 100%; margin:10px; padding-bottom:10px; } #mainpage #top-entry #entries .entry {padding:10px 10px 0px 10px;} #mainpage #top-entry #entries .entry .entry-catbody {float:left; width:465px;} #mainpage #top-entry #entries .entry .img-photo {float:right; width:168px;} #mainpage #top-entry #entries .entry h3 { background:url(images/bg-ttle1.gif) no-repeat; height:25px; width:465px; text-indent:25px; font-size:14px; } #mainpage #top-entry #entries .entry h3 a {color:#573927; font-weight:bold; line-height:25px;} #mainpage #top-entry #entries .entry p { padding:5px 0px 0px 25px;} /* mainContents ------------------------------------------------------------------------------------------ */ /* breadcrumbs ------------------------------------------------- */ #breadcrumbs {font-size:10px; padding:0 20px; height:25px; line-height:25px;} /* pagetop ------------------------------------------------- */ .pagetop {font-size:10px; text-align:right;} /* entry ------------------------------------------------- */ .entry {text-align:left; margin:15px;} .entry .entry-body {margin:15px 0;} .entry .entry-more-link {font-size:10px; text-align:right;} .entry .entry-header { background:url(images/cat-entry-mark.gif) no-repeat 0% 0%; height:30px; line-height:28px; text-indent:25px; color:#573927; font-size:16px; font-weight:bold; } .entry .entry-header a {color:#573927; /*text-decoration:none;*/} #more, .entry-tags {margin:15px 0; clear:both;} .entry-tags {border-top:1px dotted #ccc; padding-top:15px;} .entry-tags, .entry-tags-title {font-size:10px;} .entry-tags-list {display:block;} .entry-tag {display: inline;list-style-type: none; margin-right:5px;} /* entry table style ------------------------------------------------- */ .entry table {margin:0px; padding:0px; border-collapse: collapse; border: 1px solid #BFB9B7;} .entry table th, .entry table td {padding:5px;border: 1px solid #BFB9B7;} /*.entry table th {text-align:left; background-color:#E7EFC4;white-space: nowrap;}*/ body#schedule .entry table th {font-weight:normal;} .entry table th {text-align:left; background-color:#ECECFF;white-space: nowrap;} .entry table td.arrow { border-width:0 1px; border-color:#fff; border-style:solid; text-align:center; background:url(images/arrow.gif) no-repeat 50% 50%; } .entry table td.arrownone {border-width:0 1px; border-color:#fff; border-style:solid;} .entry table thead th{text-align:center; font-weight:normal;} .entry table tbody td.lesson{background:#FFF0AC; text-align:center; font-size:10px;} .entry table th ul {margin:0px; padding:0 0 0 15px;} .entry table th ul li {margin:0; padding:0;} .entry table caption {font-weight:bold;text-align:left;} .entry table .photo_right {float:right;} /* entry theacher style ------------------------------------------------- */ body#class .entry-header/*, body#teacher .entry-cat*/ {background: url(images/bg-ttle2.gif) no-repeat 0% 0%; text-indent:30px; line-height:30px;} /*body#teacher .entry-cat {margin:15px; font-size:16px;color:#573927;} body#teacher .entry-cat a {color:#573927; font-weight:bold; text-decoration:none;} body#teacher .teacher-entry {}*/ body#teacher .entry-t-photo {float:left;} body#teacher .entry-header {font-size:14px; /*margin-left:210px;*/} body#teacher .entry-content {/*margin-left:210px;*/} body#teacher .entry-content .teacher_body {margin-left:210px;} /* entry Faq style ------------------------------------------------- */ body#faq .entry-header { font-size:12px; height:25px; line-height:25px; text-indent: 0px; padding-left:30px; background: url(images/faq-q.gif) 0% 50% no-repeat; } body#faq .entry-header a {text-decoration:none;} body#faq .entry {border-bottom:1px dotted #C5B17E;} body#faq .entry-body {background: url(images/faq-a.gif) 0% 0% no-repeat; padding-left:30px;} body#faq .pagetop {padding-bottom:20px;} /* entry Accessmap style ------------------------------------------------- */ body#access #maincontent {width:940px; text-align:left;} body#access table, body#access th, body#access td {border:none; margin:0; padding:0;} body#access td p {font-size:10px; border:1px solid #E1D8BB; padding:5px; line-height:150%; margin-bottom:10px;} /*body#access td p img {padding:2px; border:1px solid #ccc; margin:2px;}*/ body#access td p img {padding:2px;margin:2px;} body#access td p a img {background:#fff;border:1px solid #ccc;} body#access td p a:hover img {background:orange;border:1px solid #fff;} /* class list ------------------------------------------------- */ .entry-titles {width:670px; margin:15px; padding-bottom:10px; background:url(images/entry-titles-bg.gif) no-repeat 0% 100%;} .entry-titles ul li {display:block; float:left; width:280px;margin-left:20px;background:url(images/entry-titles-mark.gif) no-repeat 0% 50%; padding-left: 12px;} .entry-titles ul li a {color:#614534;} /* class entry photo ------------------------------------------------- */ #class .entry-body .img-photo {float:left; width:200px; margin:0 10px 10px 0;} /* sitesearch ------------------------------------------------- */ #sitesearch {margin:20px;} #sitesearch h3, #sitesearch h4, #sitesearch h5 {font-size:12px;} #sitesearch h5 {margin-top:10px;} #sitesearch .srchbox {margin:20px 0;} #sitesearch .search-results-container {margin:0;} #sitesearch .search-results-container p {margin-left:20px;} /* sitemap ------------------------------------------------- */ #archives-sitemap {margin:20px;} #archives-sitemap h3 {font-size:12px; padding:0; margin: 0 0 10px 0; background:url(images/sitemap.gif) no-repeat; line-height:28px; text-indent:25px; height:30px;} #archives-sitemap h3 a {color:#614534; text-decoration:none;} #archives-sitemap h3 a:hover {text-decoration:underline;} #archives-sitemap .archives-entry {margin:5px 20px 20px 40px;} /* sidebar contents ------------------------------------------------------------------------------------------ */ /* News entries ------------------------------------------------- */ #sidecontent #news{ background:#fff url(images/top-news.gif) no-repeat 0% 100%; margin-bottom:10px; padding-bottom:10px; } #sidecontent #news .top-newsentry { border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px; } #sidecontent #news .top-newsentry h4 {font-size:12px; font-weight:bold;} #sidecontent #news .top-newsentry span { display:block; padding-bottom:5px; border-bottom:1px dotted #ccc; text-align:right; } #sidecontent #news img { border: none; } /* Tag Cloud ------------------------------------------------- */ #sidecontent #tagcloud{ background:#fff url(images/top-news.gif) no-repeat 0% 100%; margin: 10px 0px 10px 0px; padding-bottom:10px; } #sidecontent #tagcloud #tagcontent { border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px; } #sidecontent #tagcloud h2 { font-size: 14px; text-align: center; color: #573927; } #sidecontent #tagcloud ul { padding: 0px 10px 0px 10px; margin: 0px; } #sidecontent #tagcloud li { margin: 0; padding: 0; display: inline; list-style: none; line-height:1.5em; font-size: 100%; /* ここで相対的に文字サイズを変更 */ } #sidecontent #tagcloud li.level1 a {font-size:150%; color:#DF28AC; font-weight:bold; } #sidecontent #tagcloud li.level2 a {font-size:130%; color:#EB79B5; font-weight:bold; } #sidecontent #tagcloud li.level3 a {font-size:120%; color:#C27FB7; font-weight:bold; } #sidecontent #tagcloud li.level4 a {font-size:100%; color:#EF5A8C; } #sidecontent #tagcloud li.level5 a {font-size: 85%; color:#E87179; } #sidecontent #tagcloud li.level6 a {font-size: 75%; color:#F784AD; } #sidecontent #tagcloud li a:hover { color:#D65C66;} /* banner ------------------------------------------------- */ #sidecontent #banner{margin-bottom:10px;} #sidecontent #banner p {margin-bottom:10px;} /* address ------------------------------------------------- */ address { background:url(images/address-bg.gif) no-repeat 0% 100%;} address p { padding:10px 15px; color:#614534; font-style:normal;} /* subNavigation ------------------------------------------------- */ #sidecontent #Navigation-sub {background:#F0EBDE url(images/bg-subnav-bg.gif) no-repeat 0% 100%; padding-bottom:15px; margin-bottom:10px;} #sidecontent #Navigation-sub h3 {margin:0 10px; font-size:12px;} #sidecontent #Navigation-sub h3 a {height:30px; width:200px; display:block; text-indent:-999999px; background-repeat:no-repeat;} #sidecontent #Navigation-sub h3 a.Gnav-classroom {background: url(images/nav-7.gif);} #sidecontent #Navigation-sub h3 a.Gnav-schedule {background: url(images/nav-8.gif);} #sidecontent #Navigation-sub h3 a.Gnav-teacher {background: url(images/nav-9.gif);} #sidecontent #Navigation-sub h3 a.Gnav-faq {background: url(images/nav-10.gif);} #sidecontent #Navigation-sub h3 a.Gnav-contact {background: url(images/nav-11.gif);} #sidecontent #Navigation-sub h3 a:hover.Gnav-classroom {background: url(images/nav-7-a.gif);} #sidecontent #Navigation-sub h3 a:hover.Gnav-schedule {background: url(images/nav-8-a.gif);} #sidecontent #Navigation-sub h3 a:hover.Gnav-teacher {background: url(images/nav-9-a.gif);} #sidecontent #Navigation-sub h3 a:hover.Gnav-faq {background: url(images/nav-10-a.gif);} #sidecontent #Navigation-sub h3 a:hover.Gnav-contact {background: url(images/nav-11-a.gif);} /* クラス紹介の対象年齢表記／講師の方の担当クラス------------------ */ table.lesson_age, table.lesson_teacher {margin-bottom:5px;/*border-color: #E0D6BA; color:#573927;*/} table.lesson_age td, table.lesson_age th, table.lesson_teacher td, table.lesson_teacher th{padding:3px 5px; margin:0;/*border-color: #E0D6BA;*/} table.lesson_age th, table.lesson_teacher th {width:120px; /*background:#F0EBDE;*/ font-weight:normal;} table.lesson_teacher {margin-top:10px;} table.lesson_teacher th {font-weight:bold;} table.lesson_teacher ul li {margin-left:20px;} /* 杉並子育て応援券------------------ */ body#suginami .entry-header {background: url(images/bg-ttl-suginami.gif) no-repeat 0% 0%; text-indent:35px; line-height:35px; height:35px;} body#suginami #suginami-newslist{background: url(images/suginami-newsbg.gif) no-repeat bottom left; padding:10px 0; margin-bottom:20px;} body#suginami #suginami-newslist-inner {margin:0 20px;} body#suginami #suginami-newslist-inner .SGbox {border-bottom:1px solid #ccc;padding:5px 0;} body#suginami #suginami-newslist-inner .SGbox .date {font-weight: bold;width: 70px; float:left; background:url(images/suginami-newsmark.gif) no-repeat 0% 50%; padding-left:20px;} body#suginami #suginami-newslist-inner .SGbox .SGNttl {width:500px; float:left;} body#suginami #maincontent .entry-titles{ margin:0 0 20px 0;padding:0;width:700px; background: url(images/cat-suginamibg.gif) no-repeat 0% 100%; } body#suginami #maincontent .entry-titles ul{margin:0 0 0 10px; padding:0;} body#suginami #maincontent .entry-titles ul li{ width:335px;margin:0 10px 8px 0;padding:0; background:url(images/cat-suginami-btn.gif) no-repeat 0% 0%; height:40px;line-height:40px;text-indent: 35px; } body#suginami #maincontent .entry-titles ul li a {font-size:12px; font-weight:bold;color:#0099FF;} #sidecontent #suginami-banner {height: 115px;width: 220px;margin-bottom: 15px;} #sidecontent #suginami-banner a {height:115px;width:220px;display:block;text-indent: -9999px;} #sidecontent #suginami-banner a:link, #sidecontent #suginami-banner a:visited {background:url(images/banner-suginami.gif) no-repeat 0 0;} #sidecontent #suginami-banner a:hover, #sidecontent #suginami-banner a:active {background:url(images/banner-suginami2.gif) no-repeat 0 0;} #suginami .suginami-ul {margin: 0px 40px;} #suginami .suginami-ul li{margin-bottom:5px;} #suginami .entry table {border-collapse: collapse;border: 1px solid #BFB9B7;} #suginami .entry table th, .entry table td {padding:2px 5px;border: 1px solid #BFB9B7;} #suginami .entry table th { text-align:left; /*background-color:#FEF1F5;*/ background-color:#FEF1F5; white-space: nowrap; width:100px; } #suginami .entry-body, #suginami .entry-more{padding:0px 10px;} #suginami .entry-body .img-photo {float:left; width:180px; margin:0 10px 10px 0;} #suginami .entry-body h4, #suginami .entry-more h4 { font-size: 15px;font-weight: bold;text-indent: 20px;color:#730B2D; margin-bottom:8px; padding:3px; border-top:1px dotted #C0124A; border-bottom:1px solid #C0124A; background: url(images/suginami-mark.gif) no-repeat left center ; } #suginami .entry-body h4 a, #suginami .entry-more h4 a{text-decoration:none;} #suginami .suginami-service{margin-bottom:20px;} #suginami .entry-body .suginami-ullink {list-style-type: none;margin: 0px 40px;} #suginami .entry-body .suginami-ullink li { list-style-type: none;display: inline; height: 75px;width: 250px; margin-right:15px; } #suginami .entry-body .suginami-ullink li a img{border:none;} /* プライベートレッスン------------------ */ body#private_lesson #privatettlbox {position:relative;} body#private_lesson #privatettlbox #privatephoto{display:block; position:absolute; left:483px; top:0;} body#private_lesson .entry-header {background: url(images/bg-ttl-private.gif) no-repeat 0% 0%; text-indent:50px; line-height:35px; height:35px; } body#private_lesson .entry-header a{color:#9a2f1c;} body#private_lesson #maincontent .entry-titles{ margin:0 0 20px 0;padding:0 0 20px 0;width:700px; background: url(images/cat-privatebg.gif) no-repeat 0% 100%; } body#private_lesson .entry-titles ul {background:orange; margin-left:15px;background:url(images/entry-private-bg.gif) no-repeat 0% 100%; padding-bottom:20px; list-style: none;} body#private_lesson .entry-titles ul li { float:none; background:url(images/entry-private-mark.gif) no-repeat 0% 50%; line-height:35px; height:35px; width:450px; text-indent:5px; } body#private_lesson .entry-titles ul li a {color:#494428; font-weight:bold;} #private_lesson .entry-body, #private_lesson .entry-more{padding:0px 10px;} #private_lesson .pagetop {border-bottom:1px solid #f7bdb1;} /* ------------------------------------------------------------------------------------------------------------*/ /* ---------------------------------------------- ori 2015/12 ---------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------*/ div.gazright { width: 100%; } div.gazright img { float: left; margin: 0 10px 0px 0; } strong.gazstr { background: linear-gradient(transparent 60%, #ffff66 60%); } strong.gapstr { background: linear-gradient(transparent 60%, #ff99ff 60%); } .img1maru { border-radius: 10px; } /* ------------------------------------------------------------------------------------------------------------*/ /*2016 06 add */ .cam_Ballon {position: fixed; top: 50px;right: 30px;width: 150px;height: 150px; z-index:200"} .cam_nav{position:absolute; top:0; left:0; width:220px; height:52px;}