@charset "utf-8";
/*___________ レイアウト追加設計 ___________ */
/*___________ 【CONTENTS】チェックマーク ___________ */
.check {
font-size: 14px;
line-height: 140%;
padding: 0 10px 0 10px;
}
.check li {
background-image: url(../img-layout/li_arrow05.gif);
background-repeat: no-repeat;
background-position: left 10px;
padding-top: 4px;
padding-right: 0;
padding-bottom: 4px;
padding-left: 15px;
}
.check_n {
font-size: 14px;
line-height: 120%;
padding: 0 10px 0 10px;
}
.check_n li {
background-image: url(../img-layout/li_arrow05.gif);
background-repeat: no-repeat;
background-position: left 7px;
padding-top: 4px;
padding-right: 0;
padding-bottom: 4px;
padding-left: 15px;
}

.check2 {
font-size: 14px;
line-height: 140%;
margin: 10px 10px 10px 20px;
}
.check2 li {
padding: 4px 0 4px 30px;
background-image: url(../img-layout/ob_yubi.png);
background-repeat: no-repeat;
background-position: left 5px;
}
.point {
font-size: 14px;
line-height: 140%;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 20px;
font-weight: bold;
color: #424242;
}
.point li {
padding: 4px 0 4px 30px;
background-image: url(../img-layout/ob_point.gif);
background-repeat: no-repeat;
background-position: left 5px;
}
/*___________ 【CONTENTS】プロフィール ___________ */
.profile {
padding: 10px 0 10px 0;
}
.profile-l {
width:220px;
float:right;
}
.profile-r {
width: 375px;
float:left;
margin-left: 10px;
}
/*___________ 【CONTENTS】プロフィール ___________ */
.pgm {
padding: 10px 0 10px 0;
}
.pgm-l {
width:220px;
float:right;
}
.pgm-r {
float:left;
margin-left: 10px;
width: 260px;
}
/*___________ 【CONTENTS】3列 ___________ */
.img3 {
padding: 10px 0 10px 0;
}
.img-l {
width:190px;
float:left;
padding: 0px 10px 5px;
}
.img-r {
width: 375px;
float:right;
background-color: #FCFCFC;
border: 1px solid #999999;
}
/*___________ 【CONTENTS】サイトマップ ___________ */
.sitemap ul{
margin: 0 0 20px 20px;
}
.sitemap li{
font-size: 12px;
;
line-height: 200%;
background-image: url(../img-layout/li_arrow02.gif);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}
/*___________ 【CONTENTS】メルマガフォーム ___________ */
#MAG2 {
border: 1px solid #999999;
background: url(../img/bg_mag2.jpg) no-repeat center top;
padding-top: 120px;
margin: 10px 5px 5px 5px;
}
#MAG2 form {
margin: 10px;
font-size: 12px;
}
/*___________ 【CONTENTS】ページ送り ___________ */
.bute {
font-size: 12px;
line-height: 120%;
text-align: center;
}
.bute a {
color: #0066CC;
text-decoration: none;
border: 1px solid #CCCCCC;
padding: 5px;
}
.bute a:hover,
.bute a:active, /* for IE (Keyboard) */
.bute a:focus {/* for Netscape (Keyboard) */
color: #FFFFFF;
background-color: #0066CC;
border: 1px solid #CCCCCC;
}
/*___________ 【CONTENTS】２列レイアウト ___________ */
.double {
padding: 10px;
}
.double-l {
width:296px;
float:left;
background-color: #FFF;
margin-bottom: 10px;
}
.double-r {
width: 296px;
float:right;
background-color: #FFF;
margin-bottom: 10px;
}
.double-l-bg-blue {
width:296px;
float:left;
background-color: #EAF5FA;
margin-bottom: 10px;
border: 1px dotted #0C6;
}
.double-r-bg-blue {
width: 296px;
float:right;
background-color: #FFF;
margin-bottom: 10px;
}
/*___________ 【CONTENTS】AdSense風レイアウト ___________ */
.ads {
margin: 0 30px 0 30px;
background: url(../img-layout/bg_ads.gif) no-repeat center bottom;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #336699;
}
.ads-l {
width:234px;
float:left;
}
.ads-r {
width: 234px;
float:right;
}
.ads p {
line-height: 120%;
margin: 2px 5px 2px 5px;
padding: 1px;
}
/*___________ 【CONTENTS】表設計 ___________ */
.main-table table {
font-size: 12px;
background-color: #CCCCCC;
margin: 10px auto 10px auto;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
}
.main-table tr,.main-table th,.main-table td {
padding: 8px;
}
.main-table th {
color: #FFFFFF;
background-color: #0066cc;
font-weight: normal;
}
.main-table td {
background-color: #FFFFFF;
text-align: left;
line-height: 120%;
}
.main-table2 table {
font-size: 12px;
background-color: #a4dcee;
margin: 10px auto 10px auto;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
}
.main-table2 tr,.main-table2 th,.main-table2 td {
padding: 8px;
}
.main-table2 th {
color: #069;
background-color: #B6E2FA;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
.main-table2 td {
background-color: #FFFFFF;
text-align: left;
line-height: 150%;
}
.main-table3 table {
font-size: 12px;
background-color: #CCCCCC;
margin: 10px auto 10px auto;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
}
.main-table3 tr,.main-table3 th,.main-table3 td {
padding: 1px;
}
.main-table3 th {
color: #FFF;
background-color: #28AAF0;
font-weight: normal;
text-align: center;
}
.main-table3 td {
background-color: #FFFFFF;
text-align: center;
line-height: 120%;
}

.main-table4 table {
font-size: 12px;
background-color: #CCCCCC;
margin: 10px auto 10px auto;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
}
.main-table4 tr,.main-table4 th,.main-table4 td {
padding: 1px;
}
.main-table4 th {
color: #FFF;
background-color: #28AAF0;
font-weight: normal;
text-align: center;
line-height: 150%;
}
.main-table4 td {
background-color: #FFFFFF;
text-align: left;
line-height: 170%;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 1px;
padding-left: 5px;
}
.comp-table table {
font-size: 12px;
background-color: #CCCCCC;
margin: 10px auto 10px auto;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
}
.comp-table tr,.comp-table th,.comp-table td {
padding: 8px;
}
.comp-table th {
color: #069;
background-color: #f6f6f6;
font-weight: normal;
}
.comp-table td {
background-color: #FFFFFF;
text-align: left;
line-height: 120%;
}
/*___________ 【SIDE】事業所概要 ___________ */
.side-table table {
font-size: 12px;
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
}
.side-table tr,.side-table th,.side-table td {
padding: 5px;
}
.side-table th {
color: #005db1;
background-color: #0FC;
width: 33%;
text-align: left;
vertical-align: top;
line-height: 150%;
font-family: Tahoma, Geneva, sans-serif;
}
.side-table td {
background-color: #9F9;
text-align: left;
line-height: 150%;
font-family: Tahoma, Geneva, sans-serif;
}

/*___________ 【CONTENTS】rel="lightbox" ___________ */
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox img{
width: auto;
height: auto;
}
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#imageDataContainer{
font-size: 12px;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}
#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/*___________ 【CONTENTS】rel="vidbox" ___________ */
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}
.lbLoading {
background: #fff url(../img-layout/loading.gif) no-repeat center;
}
#lbImage {
border: 10px solid #fff;
}
#lbBottom {
font-size: 12px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img-layout/closelabel.gif) no-repeat center;
margin: 5px 0;
}
/*___________ 【SIDE】カレンダー設計 ___________ */
.calendar1 {
width: 180px;
height: auto;
margin: 0;
padding: 0 0 10px 0;
background: url(../img-layout/side-f.jpg) no-repeat center top;
position: relative;
}
.calendar2 {
width: 180px;
height: auto;
margin: 0 0 10px 0;
padding: 0;
background: url(../img-layout/side-f.jpg) no-repeat center bottom;
position: relative;
}
.calendar1 p {
font-size: 11px;
}
.calendar2 p {
font-size: 11px;
}
.cal_wrapper {
padding: 0;
margin: 0 6px 0 6px;
}
.cal_ui {
width: 90px;
position: absolute;
left: 84px;
top: 4px;
}
.cal_ui li {
float: left;
width: 45px;
height: 18px;
list-style: none;
}
.cal_prev {
background-image: url(../calendar/cal-prev.gif);
}
.cal_next {
background-image: url(../calendar/cal-next.gif);
}
.cal_base p {
font-size: 12px;
font-weight: bold;
padding: 5px;
margin: 0;
border-bottom: solid 1px #CCCCCC;
}
.cal_main {
padding: 0;
margin: 0;
}
.cal_main li {
font-size: 12px;
line-height: 160%;
width: 24px;
text-align: center;
list-style: none;
float: left;
border-bottom: solid 1px #CCCCCC;
}
.Today {
background-color: #FFFFFF;
}
.holyday {
color: #FFFFFF;
font-weight: bolder;
background-color: #FF0000;
}
.Sun {
color: #FF0000;
}
.Sat {
color: #0000FF;
}
/*___________ 【TAB】 ___________ */
/*___________ bodyマージンを[margin: 20px 0 0 0;]にして使用。 ___________ */
/*___________ 使用しない場合はbodyマージンを[margin: 0;]に。 ___________ */
#TAB {
background-color: #FFFFFF;
position: absolute;
width: 100%;
left: 0px;
top: 0px;
border-bottom: 1px solid #CCCCCC;
}
#TAB p {
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 0 0 0 20px;
}
/*  レッスンプログラムのテーブル */
.info {
font-size: 14px;
padding: 0;
line-height: 130%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
}
.info th {
color: #005DB1;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
text-align: left;
font-weight: bold;
font-size: 12px;
width: 70px;
}
.info td {
text-align: left;
padding: 5px 5px 5px 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
font-family: Tahoma, Geneva, sans-serif;
}
/*  ビジョンのテーブル */
.info2 {
font-size: 14px;
padding: 0;
line-height: 130%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
}
.info2 th {
color: #005DB1;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9CC;
text-align: center;
font-weight: bold;
font-size: 12px;
width: 70px;
}
.info2 td {
text-align: left;
padding: 5px 5px 5px 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
font-family: Tahoma, Geneva, sans-serif;
}
.pgm .pgm-r ul {
font-size: 14px;
margin: 0;
padding: 0 0 4px 0;
}
.pgm .pgm-r ul li {
margin: 0;
padding: 5px 0 5px 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
background-image: url(../img-layout/li_arrow04.gif);
background-repeat: no-repeat;
background-position: left 6px;
}
.pgm .pgm-r ul li a {
color: #0066CC;
text-decoration: underline;
display: block;
padding: 1px 0 3px 20px;
}
.pgm .pgm-r ul li a:hover,
.pgm .pgm-r ul li a:active, /* for IE (Keyboard) */
.pgm .pgm-r ul li a:focus {/* for Netscape (Keyboard) */
color: #00bffe;
margin: 0;
background-position: 4px bottom;
text-decoration: none;
}
.flo-pgm-img {
float: right;
margin-right: 10px;
border: 1px solid #CCC;
padding: 3px;
}
.img-frame {
border: 1px solid #CCC;
padding: 3px;
}
#CONTENTS .faq dt {
font-size: 14px;
line-height: 150%;
margin-top: 10px;
margin-left: 15px;
background-image: url(../img-layout/ob_faq_q.gif);
background-repeat: no-repeat;
padding-left: 28px;
font-weight: bold;
margin-bottom: 10px;
background-position: left top;
}
#CONTENTS .faq dd {
font-size: 12px;
line-height: 150%;
margin-bottom: 20px;
margin-right: 10px;
margin-left: 15px;
padding-left: 30px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding-bottom: 20px;
background-image: url(../img-layout/ob_faq_a.gif);
background-repeat: no-repeat;
}

#CONTENTS .faq dd p {
font-size: 12px;
}

/*------merit------------*/
#MERIT {
margin-top: 20px;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#MERIT p {
padding: 2px 20px 20px 110px;
background-image: url(../img-layout/ob_merit_btm.jpg);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0px;
}
#MERIT h4 {
padding: 19px 0 10px 100px;
margin: 0;
font-size: 14px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-weight: bold;
color: #090909;
}
.bg_merit {
width: 570px;
background-image: url(../img-layout/ob_merit_top.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-bottom: 15px;
margin-left: 10px;
}
.price dt {
padding-left: 20px;
margin-right: 20px;
margin-left: 20px;
font-weight: bold;
float: left;
background-image: url(../img-layout/li_arrow02.gif);
background-repeat: no-repeat;
background-position: left 11px;
font-size: 14px;
line-height: 150%;
padding-top: 5px;
}
.price dd {
padding-left: 150px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
font-size: 14px;
margin-right: 10px;
margin-left: 20px;
line-height: 150%;
padding-bottom: 10px;
padding-top: 5px;
}
#WRAP #MAIN #MAIN-PAD #CONTENTS .price {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#WRAP #MAIN #MAIN-PAD #CONTENTS .main-table.center.mt20 table tr .bg_green {
background-color: #9C0;
}
/* NEWS */
#NEWS {
background-image: url(../img-layout/bg_news_top.gif);
background-repeat: no-repeat;
height: 250px;
margin: 0px;
background-position: left top;
}
#NEWS ul,#NEWS-SUB ul{
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
}
#NEWS li,#NEWS-SUB li{
font-size: 12px;
line-height: 150%;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 20px;
padding-left: 5px;
padding-right: 10px;
margin-left: 0px;
}
#NEWS span,#NEWS-SUB span{
background-image: url(../img-layout/li_arrow02.gif);
background-repeat: no-repeat;
background-position: 10px 1px;
padding-left: 30px;
}
#NEWS-SUB {
background-image: url(../img-layout/bg_news_top_sub.gif);
background-repeat: no-repeat;
height: 150px;
margin: 0px;
background-position: left top;
}
.odd {
background-color: #fff;
}
.even {
background-color: #e1f3fc;
}
.tel {
background-image: url(../img-layout/ob_tel.gif);
background-repeat: no-repeat;
font-size: 16px;
color: #06C;
font-family: Arial, Helvetica, sans-serif;
padding-left: 50px;
background-position: left center;
}
.fax {
background-image: url(../img-layout/ob_fax.gif);
background-repeat: no-repeat;
font-size: 16px;
color: #06C;
font-family: Arial, Helvetica, sans-serif;
padding-left: 50px;
}
.kotira {
background-image: url(../img-layout/li_arrow01.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.sitemap  .sub  a  {
font-size: 12px;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 20px;
background-image: url(../img-layout/li_arrow03.gif);
background-repeat: no-repeat;
background-position: 2px center;
}

.vision {
background-image: url(../img-layout/bg_camp.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.em4 {
height: 150px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 20px;
padding-left: 40px;
}
.em4 p {
font-size: 10px;
float: left;
text-align: center;
}
.em {
background-image: url(../img-layout/bg_em.jpg);
background-repeat: no-repeat;
background-position: right top;
}

.list01 li {
background-image: url(../img-layout/li_arrow06.gif);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left 6px;
line-height: 130%;
font-size: 14px;
list-style-type: none;
padding-top: 5px;
padding-bottom: 5px;
}
.list01 ul {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
.list02 li {
padding-left: 18px;
line-height: 130%;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(../img-layout/li_arrow04.gif);
background-repeat: no-repeat;
background-position: left 6px;
}
.list02 ul {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
/*___________ 【新着情報】画像の大きさ ___________ */
.topics img {
width: 500px;
height: auto;
}
/*___________ 【CONTENTS】tab menu ___________ */
ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
height:40px;
}
                
UL.tabNavigation LI {
width:150px;
float:left;
height: 40px;
}

UL.tabNavigation LI A {
color: #FFF;
text-decoration: none;
display:block;
text-align:center;
font-size: 12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-image: url(../img-layout/tab_off.gif);
background-repeat: no-repeat;
padding-top: 12px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
font-weight: bold;
}
                
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
color: #fff;
background-image: url(../img-layout/tab_on.gif);
background-repeat: no-repeat;
}
                
UL.tabNavigation LI A:focus {
outline: 0;                 
}

div.tabs div {
padding: 5px;
border: 1px solid #CCC;
}
           
div.tabs > div h2 {                        
margin-top: 0;                
}                 

.waste {            
min-height: 1000px;                 
}