/* TreasureSurf (base-weblog.css) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: 'メイリオ',verdana, 'trebuchet ms', sans-serif;
    font-size: 12px; color:#555555; line-height:1.4em; 
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; color:#339933; }
a:hover { text-decoration: underline; color:#FF6600; }
a img { border: 0; }

h1 { font-size:12px; font-weight:normal;
margin:0px; padding:0px; }

h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }

h4, h5, h6 { font-weight: normal; }
h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}





/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */
body { background:#B7CDFC url("image/bg_2011summer.jpg") repeat-x top; }


#container { position: relative;
    margin: 0 auto; /* center on everything else */
    width: 840px; text-align: left;
background:url("image/2colum-bg.gif") repeat-y; }
#container-inner { position: static; width: auto; /*background-color:#FFFFFF;*/ }


#banner { position: relative;
width:840px; height:119px;
margin:0px; padding:0px;
background:url("image/banner-bg.jpg") no-repeat top;
overflow:hidden; }

#banner2 { position: relative;
width:840px; height:116px;
margin:0px; padding:0px;
background:url("image/banner-bg2.jpg") no-repeat top;
overflow:hidden; }

#banner3 { position: relative;
width:840px; height:116px;
margin:0px; padding:0px;
background:url("image/banner-bg3.jpg") no-repeat top;
overflow:hidden; }

#banner-inner { position: static;
padding:3px 10px 10px 8px; }

#infobar { width:840px; height:100px;
margin:0px; padding:0px;
background:url("image/infobar-bg.jpg") no-repeat top;
overflow:hidden; }
#infobar-inner { padding:0px; margin:0px; }

#infobar2 { width:840px; height:150px;
margin:0px; padding:0px;
background:url("image/infobar2-bg.jpg") no-repeat top;
overflow:hidden; }
#infobar2-inner { padding:0px; margin:0px; }

#infobar3 { width:840px; height:40px;
margin:0px; padding:0px;;
background:url("image/infobar3-bg.jpg") no-repeat top;
overflow:hidden; }

#infobar3-inner { padding:6px 30px 5px 50px; margin:0px; }

#infobar3-btn { margin:0px 0px 0px 10px; }

#left { width:180px; margin:0px; padding:0px;
float:left; }
#left-inner { padding:10px 5px; }

#main { width:660px; height:auto; margin:0px; padding:0px; float:left; }
#main-inner { padding:10px; }


#footer { width:840px; height:100px;
margin:0px; padding:0px;
background:url("images/footer-bg.png") repeat-x top;
overflow:hidden; }
#footer-inner { padding:15px; color:#FFFFFF; }
  #footer-inner a:link { text-decoration: underline; color:#FFFFFF; }
  #footer-inner a:hover { text-decoration: underline; color:#FFFFFF; }
  #footer-inner a:active { text-decoration: underline; color:#FFFFFF; }
  #footer-inner a:visited { text-decoration: underline; color:#FFFFFF; }


#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }






/* content */

.left-box { float:left; }
.right-box { float:right; margin:0px; padding:0px; }

.left-box350 { width:350px; float:left; }
.left-box220 { width:220px; float:left; line-height:1.5em; }
.left220-box { width:220px; float:left; line-height:1.5em; }


.clear { clear: both; }



#banner-logo { padding:8px 0px 0px 0px; float:left; }
.banner-address { padding:10px 0px 0px 0px; float:right; }
.banner-bottom { padding:6px 0px 0px 0px;  float:right; margin:0px; }

.entry-button a { display:block; width:192px; height:27px;
text-indent:-9999px;
background:url("image/entry-button.gif") no-repeat; }

.entry-button a:hover { display:block; width:192px; height:27px;
text-indent:-9999px;
background:url("image/entry-button2.gif") no-repeat; }

.entry-shita { float:right; }

#infobar-box { float:left; width:160px; height:100px; margin:50px 20px 10px 20px; 
color:#FFFFFF; }

#infobar-descri { padding:10px 0px 0px 0px; }

#infobar-content { width:660px; padding:10px; }
#infobar-content a { color:#555555; text-decoration:none; }
#infobar-content a:hover { color:#555555; text-decoration:underline; }

#infobar-button1 { display:block; width:135px; height:63px; margin:5px 10px 0px 0px;
padding:22px 5px 5px 62px;
background:url("image/bar-train.gif") no-repeat; float:left; }
#infobar-button2 { display:block; width:135px; height:63px; margin:5px 10px 0px 0px;
padding:22px 5px 5px 62px;
background:url("image/bar-car.gif") no-repeat; float:left; }
#infobar-button3 { display:block; width:135px; height:63px; margin:5px 10px 0px 0px;
padding:22px 5px 5px 62px;
background:url("image/bar-friends.gif") no-repeat; float:left; }
#infobar-button4 { display:block; width:135px; height:63px; margin:5px 10px 0px 0px;
padding:0px; float:left; }



#left-menu { /*width:170px;*/ border:#339933 1px solid; background-color:#FFFFFF; }
#left-menu_inner { padding:1px; }

.left-link a { display:block; width:146px; height:16px; margin:0px;
padding:12px 0px 12px 20px;
background:url("image/left-link1.gif") no-repeat;
color:#339933; text-decoration:none;}
.left-link a:hover { display:block; width:146px; height:16px; margin:0px;
padding:12px 0px 12px 20px;
background:url("image/left-link2.gif") no-repeat;
color:#FF9900; text-decoration:none;}

#left-info { width:160px; padding:5px; margin-top:10px;
background-color:#FFFFFF; text-align:center; }

#left-photo { width:156px; padding:10px 5px; background-color:#FFFFFF; }

#surfinfo { width:410px; margin-right:15px; border:1px #999999 solid;
background:url("image/surfinfo-bg.jpg") repeat-x top;
float:left; }
#surfinfo-inner { padding:5px 10px 10px 10px; }
#surfinfo-title { font-size:12px; font-weight:bold; margin:0px; padding:0px; }
#surfinfo-entrytitle { font-size:16px; font-weight:bold; margin:5px 0px; padding:0px; color:#FFFFFF; }
#surfinfo-entrytitle a { color:#FFFFFF; text-decoration:none; }
#surfinfo-entrytitle a:hover { color:#FFFFFF; text-decoration:underline; }

.surfinfo-entrytitle2 { font-size:12px; font-weight:bold; margin:5px 0px; padding:0px; color:#333333; }
.surfinfo-entrytitle2 a { color:#0000FF; text-decoration:underline; }
.surfinfo-entrytitle2 a:hover { color:#0000FF; text-decoration:underline; }

.TSindexNewsIMG img { float:left; margin-right:5px; }

#surfinfo-inner-theme { clear:both; height:90px; }
.ts-monthly-title { padding:5px 10px 0px 0px; }









#surfaccess { width:210px; float:left; }
#surfaccess-inner { padding:0px 5px; }

.news-list { border-bottom:1px #666666 dotted; padding:5px 0px 5px 10px;}
.news-title { background:url("image/arrow-green.gif") no-repeat; }
.news-titleinner { margin:0px; padding:0px 0px 0px 20px;
font-size:12px; background:url("image/arrow-green.gif") no-repeat; }

#proposal { width:630px; height:141px;
background:url("image/main-prbox.gif") no-repeat;margin:20px 0px; }
#proposal-inner { padding:5px 10px; }

.entrybox-top { width:615px; height:18px; padding:10px 10px 5px 5px; margin:0px;
background:url("image/entrybox-top.gif") no-repeat; }

.entrybox-title { width:610px; height:26px; padding:10px 0px 0px 20px; margin:0px;
background:url("image/entrybox-title.gif") no-repeat; }

#archive-title { font-size:16px; font-weight:bold; color:#FFFFFF; }
#archive-title a { color:#FFFFFF; text-decoration:none; }
#archive-title a:hover { color:#FFFFFF; text-decoration:underline; }

.archive-title { font-size:16px; font-weight:bold; color:#FFFFFF; }
.archive-title a { color:#FFFFFF; text-decoration:none; }
.archive-title a:hover { color:#FFFFFF; text-decoration:underline; }


.entrybox-box { width:600px; padding:10px 20px 30px 10px; margin:0px;
background:url("image/entrybox-box.gif") repeat-y; line-height:2.0em; }
/*.entrybox-box img { margin:5px 10px 5px 0px; }*/

#category-title { width:610px; height:20px; padding:15px; margin:0px 0px 10px 0px;
background:url("image/category-title.gif") no-repeat;
color:#339933; font-size:24px; font-weight:bold; }


.number-icon01 { background:url("image/number-icon01.gif") no-repeat left;
padding:5px 0px 5px 38px; }
.number-icon02 { background:url("image/number-icon02.gif") no-repeat left;
padding:5px 0px 5px 38px; }
.number-icon03 { background:url("image/number-icon03.gif") no-repeat left;
padding:5px 0px 5px 38px; }
.number-icon04 { background:url("image/number-icon04.gif") no-repeat left;
padding:5px 0px 5px 38px; }



.tbl-deco { border-collapse:collapse; }
.tblC { width:600px; padding:5px; color:#FFFFFF;
background-color:#66CC00;
border:1px #CCCCCC solid; }
.tblL { width:160px; padding:5px;
background-color:#CDF084;
border:1px #CCCCCC solid;
text-align:center; }
.tblR { width:440px; padding:5px;
background-color:#FFFFFF;
border:1px #CCCCCC solid; }


.entry-laybox { width:560px; height:62px; padding:10px; overflow:hidden;
 background:url("image/entry-laybox.gif") no-repeat;
margin:10px 0px 10px 0px; }


#schoolbox1 { width:185px; height:480px; margin:0px 5px; overflow:hidden; 
background:url("image/006school-bg1.gif") repeat-x top;
border:1px #CCCCCC solid; float:left; }
#schoolbox2 { width:185px; height:480px; margin:0px 5px; overflow:hidden; 
background:url("image/006school-bg2.gif") repeat-x top;
border:1px #CCCCCC solid; float:left; }
#schoolbox3 { width:185px; height:480px; margin:0px 5px; overflow:hidden; 
background:url("image/006school-bg3.gif") repeat-x top;
border:1px #CCCCCC solid; float:left; }

.schoolboxYOKO { width:600px; height:145px; margin-bottom:5px; /*overflow:hidden;*/ 
background:url("image/007school-bg.gif") repeat-y left;
border:1px #CCCCCC solid; }
.schoolboxYOKO2 { width:600px; height:145px; margin-bottom:5px; /*overflow:hidden;*/ 
background:url("image/012school-bg.gif") repeat-y left;
border:1px #CCCCCC solid; }

.schoolbox-inner { padding:10px; }


.tbl-deco { border-collapse:collapse; }
.tblCBL { width:180px; padding:5px 15px;
background-color:#99CCFF;
border:1px #CCCCCC solid;
text-align:center; }
.tblCGL { width:180px; padding:5px 15px;
background-color:#D8F38F;
border:1px #CCCCCC solid;
text-align:center; }
.tblCPL { width:180px; padding:5px 15px;
background-color:#CC99FF;
border:1px #CCCCCC solid;
text-align:center; }
.tblCOL { width:180px; padding:5px 15px;
background-color:#FFBF60;
border:1px #CCCCCC solid;
text-align:center; }

.tblCW1 { width:25px; padding:5px 15px;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
text-align:center; }
.tblCW2 { width:145px; padding:5px 15px;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
text-align:center; }
.tblCR { width:250px; padding:5px;
background-color:#E0E0E0;
border:1px #CCCCCC solid; }

.tblHL { width:160px; padding:5px 15px;
background-color:#3F9405;
border:1px #CCCCCC solid;
text-align:center; color:#FFFFFF; }

.tblEL { width:160px; padding:5px 15px;
background-color:#E0E0E0;
border:1px #CCCCCC solid;
text-align:center; }
.tblER { width:440px; padding:5px 15px;
background-color:#FFFFFF;
border:1px #CCCCCC solid; }

.tblL { width:160px; padding:5px;
background-color:#CDF084;
border:1px #CCCCCC solid;
text-align:center; }
.tblR { width:440px; padding:5px;
background-color:#FFFFFF;
border:1px #CCCCCC solid; }

.spacial-price { font-weight:bold; color:red; } 
.spacial-priceX { font-weight:bold; color:red; font-size:16px; } 


.inst-boxL { margin-right:20px; float:left; vertical-align:top; display:block; }
.inst-list { border-bottom:1px #999999 dotted; margin:0px 0px 10px 0px; }

.qr-box { border:1px #666666 solid; padding:0px; margin-right:10px; float:left; }
.content-nav {
    margin: 10px;
    text-align: center;
}

.date-header,
.entry-content {
    position: static;
    clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header {
    clear: both;
    font-size:16px;
    font-weight:bold;
    margin-top:5px;
}

#comment-post {
    font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}


/* modules */

.module {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-content {
    position: relative;
    margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table {
    border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td {
    width: 14%;
    text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item {
    display: block;
    clear: both;
    margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail {
    float: left;
    min-width: 60px;
    width: 60px;
    /* no ie mac \*/width: auto;/* */
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description {
    margin: 0;
    padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content {
    margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list {
    display: block;
    height: 1%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item {
    display: block;
    float: left;
    /* ie win fix \*/ height: 1%; /**/
    margin: 0;
    border: 0;
    padding: 0;
}

.module-recent-photos .module-list-item a {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
}

.module-recent-photos .module-list-item img {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td {
    width: 14%;
    height: 75px;
    text-align: left;
    vertical-align: top;
}

.day-photo {
    width: 54px;
    height: 54px;
}

.day-photo a {
    display: block;
}

.day-photo a img {
    width: 50px;
    height: 50px;
}




.lessoncourse-text { float:left; width:390px; padding:0px; margin:0px; }
.bg-skyblue { background-color:#EBF8FD; padding:10px; }
.bg-skyblue li { list-style:inside; }
.lesson-price { font-weight:bold; font-size:20px; margin-top:10px;}
.trial-course { border:1px solid #00BAF1; padding:0px 10px 10px 10px; }
.sky-blue-title { color:#00BAF1; font-weight:bold; margin-top:5px;  }

#top-course { width:660px; margin:0px; float:left;}
#top-course-inner { padding:10px; }
#top-course-inner a { color:blue; }
#top-course-inner a:hover { color:blue; }

#campaign-course { background-color:#FFEBEB; padding:10px; margin:0px 10px 0px 0px;}
#trial-course { border-left:5px solid #7DBEFF;  background-color:#DDEEFF; height:185px; margin-bottom:10px; }
#lesson-course { border-left:5px solid #3399FF;  background-color:#B3D9FF; margin-bottom:0px; }
#times-course { border-left:5px solid #009900;  background-color:#CCFF99; margin-bottom:10px; }
#short-course { border-left:5px solid #FF6600;  background-color:#FFE4A6; margin-bottom:10px; }
#start-course { border-left:5px solid #663399;  background-color:#E0CCFF; margin-bottom:10px; }
.course-inner { padding:10px; line-height:1.5em; }
.course-inner img { margin-right:15px; }

.course-box { float:left; width:210px; margin-right:0px; }
.course-box-inner { padding:5px; }

.course-title-blue { background:url('image/arrow-blue.gif') no-repeat 0px 3px; padding:0px 20px 0px 20px; font-weight:bold; font-size:14px; }
.course-title-orange { background:url('image/arrow-orange.gif') no-repeat 0px 3px; padding:0px 20px 0px 20px; font-weight:bold; font-size:14px;}


.lesson-list-price { font-weight:bold; font-size:14px; color:red; }
.img-right10 { margin-right:10px; }


#trial-course2 { float:left; width:310px; background-color:#DDEEFF; margin:0px 10px 10px 0px; }
#lesson-course2 { float:left; width:310px; background-color:#B3D9FF; margin-bottom:0px; }
.course-inner2 { padding:10px; }

/*######　絵文字アイコン画像　###########*/
.emoji_iconimage { position:relative; top:4px; left:5px; margin:0px 8px 0px 0px; }



/*######　スクール開催カレンダー　###########*/
#ts_calendar_box { margin:10px 0px 10px 0px; }
.calender-explain { width:160px; float:left; padding-top:10px; }
.calender-explain2 { padding:10px 25px 0px 0px; float:left; }

.calender-box { float:left; }

.ts-calendar-content {
    position: relative;
    margin: 5px 10px 20px 10px;
    line-height:1.4em;
}

.ts-calendar .ts-calendar-content table {
    border-collapse: collapse;
}

.ts-calendar .ts-calendar-content th,
.ts-calendar .ts-calendar-content td {
    width: 30px;
    text-align: center;
    border:1px #B7E89F solid;
    padding:0px; margin:0px;
}

.SCL { background:url('image/entrynow.gif') no-repeat; padding:0px 0px 20px 0px; }

.SCLEntryNow { background:url('image/entrynow.gif') no-repeat; padding:0px 0px 20px 0px; }

.SCLFullMember { background:url('image/fullmember.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAFewMember { background:url('image/afewmember.gif') no-repeat; padding:0px 0px 20px 0px; }

.SCLRemain1 { background:url('image/remain1.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLRemain2 { background:url('image/remain2.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLRemain3 { background:url('image/remain3.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLRemain4 { background:url('image/remain4.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLRemain5 { background:url('image/remain5.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLHoliday { background:url('image/holiday.gif') no-repeat; padding:0px 0px 20px 0px; }

.SCLAMPM_few-ok { background:url('image/AMPM_few_ok.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_few-full { background:url('image/AMPM_few_full.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_few-off { background:url('image/AMPM_few_off.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_full-ok { background:url('image/AMPM_full_ok.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_full-few { background:url('image/AMPM_full_few.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_full-off { background:url('image/AMPM_full_off.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_ok-few { background:url('image/AMPM_ok_few.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_ok-full { background:url('image/AMPM_ok_full.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_ok-off { background:url('image/AMPM_ok_off.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_off-ok { background:url('image/AMPM_off_ok.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_off-few { background:url('image/AMPM_off_few.gif') no-repeat; padding:0px 0px 20px 0px; }
.SCLAMPM_off-full { background:url('image/AMPM_off_full.gif') no-repeat; padding:0px 0px 20px 0px; }

/*######　TOP ロッカーバナー　###########*/
#locker-bg { background:url('image/locker_button_bg.gif') no-repeat; margin:0px; padding:5px 0px; text-align:center; }




/*######　TOP ロッカー詳細　LightBox　###########*/
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(image/overlay.png); }

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/overlay.png", sizingMethod="scale");
}

.ts-image-box { padding:0 0 10px 0; margin:0px 0px 20px 90px; text-align:center; }
.ts-image-box-inner { text-align:center; }
.ts-image { width:120px; border:1px solid #cccccc; padding:3px; margin-right:10px; text-align:center; margin-bottom:5px; float:left; }
.ts-image a { text-decoration:none; }

.bright-greenbar { margin:20px 0px 0px 0px; 
background:url('image/bright_greenbar.gif') no-repeat 0px 5px; 
padding:5px 0px 7px 15px; border-bottom:1px dotted #999999;
 font-weight:bold; font-size:14pt; }

#WinnterCamp { background-color:#3366FF; font-weight:bold; padding:3px 0px; color:#FFFFFF; text-align:center; margin-top:5px; }
#SpringCamp { background-color:#FF1493; font-weight:bold; padding:3px 0px 3px 10px; color:#FFFFFF; }
#SummerCamp { background-color:#3394FF; font-weight:bold; padding:3px 0px 3px 10px; color:#FFFFFF; }

#Extra-top { background-color:#FFFFFF; border-bottom:1px #CCCCCC solid; padding-bottom:5px; }



/*######　ショッピングカテゴリー　###########*/

.shopping img {  float: left;  }

.shopping table {
width: 280px;  float: right; 
border-color: #8AB713;  border-collapse: separate;
}

.shopping-td {
width: 80px;  margin: 1px;  padding: 5px;
background-color: #8AB713/*#D8F38F*/;
text-align: center;  color: #FFF;
}

.shopping td {
padding: 5px;
border: 1px solid #8AB713;
}
table#s02 {
  width: 380px;
  border: 1px solid #80C5E8;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  background: #ffffff;
  font-size:11px;
  }
table#s02 th {
padding: 5px;
  border: 1px dotted #80C5E8;
  background:#0073a2;
  color:white;
  }
 table#s02 td {
padding: 5px;
  border: 1px dotted #80C5E8;
  }
  table#s02 th a{
  color:white;
  text-decoration:none;
  }