.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

body {font-family: Arial, Helvetica, sans-serif;font-size:85%;
background:transparent url(images/bodybgflower.gif) repeat-y center top;}


p {padding:0 0 1em 0;
   text-align:justify;
   text-justify:inter-ideograph;
   line-height:1.7em;
}

p img       { float: left; margin: 0 10px 5px 0; padding: 0; }
h1 img       { float: left; margin: 0; padding: 0; }
h2 img a:hover {text-decoration:none}
h3 img       { float: left; margin: 0 10px 5px 0; padding: 0; }
li img       { float: left; margin: 0 10px 5px 0; padding: 0; }
dt img       { float: left; margin: 0 10px 5px 0; padding: 0; }
p img.right { float: right; margin: 10px 0 5px 10px; }

ul, ol      { margin: 0; }
li ul,li ol  { margin:0 1.5em; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a {text-decoration: none; outline: none;color:#f06;}
a:visited {}
a:hover {text-decoration: underline; }

table { margin-bottom: 1em; }
th {  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;font-weight: bold; }

/* th,td { padding:0 1.5em 0em 1em;}*/
tfoot { font-style: italic;  }
tfoot td  { border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; }
caption { text-align:center; font-family:Georgia, serif;  }


abbr, acronym { border-bottom: 0px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }


blockquote {margin-left: 3em; margin-bottom: 1.5em;}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


#main {width:970px;margin:0 auto;text-align:left;  }

#header{width:970px;margin:0 auto;text-align:left;}
#navi{width:976px;margin:0 auto;text-align:left;}

#content{float:left;width:670px;display:inline;}
#content-inner{float:left;width:650px;display:inline;}
#sidebar{float:left;width:300px;display:inline;}
#sidebar-inner{float:left;width:300px;display:inline;margin: 0;}

#footerinfo {width:970px;margin:0 auto;text-align:left;}

#bastienlogobird{ margin: 1em 1em 1em 0; }
#bastienlogobird a {
  display: block;
  width: 457px;
  height: 173px;
  background: url(images/bastienlogobird.gif) no-repeat left top;
  margin: 30px 7px 0 10px;
}

#bastienlogobird a span {
  display: none;
}

#bastienlogobirdsmall{ margin: 1em 1em 1em 0; }
#bastienlogobirdsmall a {
  display: block;
  width: 340px;
  height: 73px;
  background: url(images/bastienlogobirdsmall.gif) no-repeat left top;
  margin: 20px 7px 0 10px;
}

#bastienlogobirdsmall a span {
  display: none;
}

#bastienlogobirdsmall a:hover	{
	top:1px;
	left:1px;
	position:relative;
}




.link .label
	{
	display: block;
	text-indent: 13px;
	*display: inline;
	*text-indent: 0;
	}

.rss{
       float:right;
       margin:4px 0 0 0;
}

.popup01 a{position:relative;}
.popup01 a span{
	position:absolute;
	top:1.2em;
	left:0;
	width:120px;
	height:11em;
	padding:5px;
	visibility:hidden;
	background:#fff;
	border:1px solid #EFEFD1;
	color:#333;
	}
.popup01 a:hover{visibility:visible}
.popup01 a:hover span{visibility:visible;}

.popup02 a{position:relative;}
.popup02 a span{
	position:absolute;
	top:1.2em;
	left:-5em;
	width:120px;
	padding:5px;
	visibility:hidden;
	background:#fff;
	border:1px solid #EFEFD1;
	color:#333;
	}
.popup02 a:hover{visibility:visible}
.popup02 a:hover span{visibility:visible;}

.popup03 a{position:relative;}
.popup03 a span{
	position:absolute;
	top:1.2em;
	right:0;
	width:100px;
	padding:5px;
	visibility:hidden;
	background:#fff;
	border:1px solid #EFEFD1;
	color:#333;
	}
.popup03 a:hover{visibility:visible}
.popup03 a:hover span{visibility:visible;}

.archiveslink{text-align: right;}
.subnavi{
margin-bottom:10px;
/*
border-left:#630 solid 1px;
border-right:#630 solid 1px;
border-bottom:#630 solid 1px;
*/
}

#search{margin:10px 0 0 0;}

.fontsize80{font-size:80%;}
.fontsize90{font-size:90%;}
.fontsize110{font-size:110%;}
.fontsize120{font-size:120%;}
.fontsize130{font-size:130%;}
.fontsize150{font-size:150%;}

.bold { font-weight: bold; }

.bgeee{background-color:#eee;}
.bgefefd1{background-color:#eee;}
.bge6e6aa{background-color:#eee;}

dl.interviewer,dl.guest,{clear:left;margin-bottom:1em;}

dl.interviewer, dl.guest {
 margin-bottom: 1em;
 clear:left;
}
dl.interviewer dt {
 font-weight: bold;
 color:#00542A;
 float: left;
 width:60px;
}
dl.interviewer dd {
    margin-left: 5em;
    color:#00542A;
}
dl.interviewer dd p {
     margin-bottom: 1em;
}

dl.guest dt {
 font-weight: bold;
 float: left;
 width:5em;
}
dl.guest dd {
margin-left: 5em;
}

dl.guest dd p {
 margin-bottom: 1em;
}


/* dl要素によるtable　*/

dl.table {
margin: 0;
border-left: 1px solid #efefd1;
border-right: 1px solid #efefd1;
border-bottom: 1px solid #efefd1;
background-color: #efefd1;
clear:both;
}

dl.table dt {
margin: 0;
margin-right: -13em;
padding: 0.2em 0;
border-top: 1px solid #efefd1;
float: left;
clear: both;
display: inline;
width: 13em;
text-indent: 10px;
}

dl.table dd {
margin-left:13em;
padding: 0.2em 10px;
border-left: 1px solid #efefd1;
border-top: 1px solid #efefd1;
background-color: #fff;
}

dl.table {
/*\*/
min-height: 1px;
_height: 1%;
/* */

/*\*//*/
overflow: hidden;
/**/
}

dl.table::after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.imgleft{width:auto;float:left;margin:0 10px 10px 0;line-height:1em;font-size:10px;color:#666;}
.imgleft td a{color:#666;}
.imgright{width:auto;float:right;margin:0 0 10px 10px;line-height:1em;font-size:10px;color:#666;}
.imgright td a{color:#666;}

.caption{line-height:1em;font-size:10px;color:#666;}


.sentence p{}
.sentence h1{margin-bottom:10px;padding-left:10px;background-color:#600;color:#fff;clear:both;}
.sentence h2{margin-bottom:10px;padding-left:10px;background-color:#eee;clear:both;}
.sentence h3{margin-bottom:10px;padding-left:5px;border-left:5px solid #bbb;clear:both;}
.sentence h4{margin-bottom:10px;padding-left:5px;border-left:5px solid #ccc;clear:both;}
.sentence h5{margin-bottom:10px;padding-left:5px;border-left:5px solid #ddd;clear:both;}
.sentence h6{margin-bottom:10px;padding-left:5px;border-left:5px solid #eee;font-weight:normal;clear:both;}


/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: center;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
}
img.thumbborder {
	border: 1px solid #dddddd;
}
.hiddenStructure {
	display: none;
}


table.simple{
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-collapse:collapse;
    border-spacing:0;
    /*background-color:#ffffff;*/
    empty-cells:show;
}
.simple th{
    background-color:#eee;
    color:#330000;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    background-position:left top;
    padding:0.2em;
    text-align:center;
}
.simple td{
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:0.2em;
}



a[href $='.pdf'] {
  padding: 4px 25px 4px 0;

  background: transparent url(images/pdf.png) no-repeat center right;

  }


.roundcorner3 {
  -moz-border-radius: 3px; -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
}
.roundcorner5 {
  -moz-border-radius: 5px; -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
}

.roundcornermenu {
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
  background:#600;
  color:#fff;
  padding:3px 5px 3px 8px;
  margin:0 10px 0 5px;
}

.roundcornerredbutton {
  color:#fff;background: #600; padding: 1ex 1em; margin: 1ex 5%;
  border: 1px solid #600; -moz-border-radius: 5px; -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
}
.roundcornertextcategory {
  color:#333;font-size:70%;background: #eee; padding: 1px 2px; margin:2px 4px;
  border: 1px solid #ddd;vertical-align:middle;-moz-border-radius: 3px; -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
  white-space:nowrap;
}
.roundcornertextcategory a{
  color:#333;
  padding:0 3px;
}


.RoundCornerHeaderRed{
  -moz-border-radius: 3px; -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
  background:#b07b7b;
  padding-left:5px;
  color:#fff;
  margin-bottom:10px;
  font-weight:normal;
}


.RoundCornerHeaderGreen{
  -moz-border-radius: 3px; -moz-box-sizing: border-box;
  behavior: url(border-radius.htc);
  background:#AFA27A;
  padding-left:5px;
  color:#fff;
  margin-bottom:10px;
  font-weight:normal;
}


.youtubelogo{
  background: #fff url(images/youtubelogo.gif) no-repeat scroll 2px 0;
  color:#000;
  padding-left:25px;
  font-weight:normal;
  height:21px;
  }

.visitednochange a:visited {color:#AA0000;}


.unit{padding:10px;}





.topnews li {
background: url('images/arrow.gif') left 0.5em no-repeat;
padding:0 0 0 0.7em;
line-height:1.7em;
}

.list li {
background: #ffffff url('images/arrow_simpleblue.png') left 0.2em no-repeat;
padding:0 0 0 1em;
line-height:1.7em;
}

.listflower150 li {
background: #ffffff url('images/arrowflower150.gif') left 0.2em no-repeat;
padding:0 0 0 2em;
line-height:1.7em;
font-size:150%;
}




#sitemapnavi {
font-size:100%;
width:100%;
line-height:normal;
right:0;
}

#sitemapnavi ul {
list-style-type:none;
margin:15px 22px 8px 0 ;
padding:0;
float:right;
}

#sitemapnavi li {
float:left;
margin:0;
padding:0;
text-align:center;
}

#sitemapnavi a {
display:block;
width:65px;
font-weight:400;
color:#630;
text-decoration:none;
float:center;
padding:0px;
}

#sitemapnavi #current {
font-weight:700;
}

#sitemapnavi #current a {
font-weight:700;
padding-bottom:5px;
color:#333;

}

#sitemapnavi a:hover{
color:#b07b7b;
text- decoration:underline 
}



#footernavi {
width:100%;
text-align:center;
}

#footernavi ul {
margin:0;
padding:0;
}

#footernavi li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #999;
}

#footernavi li.last{
padding-right:7px;
border-right:1px solid #999;
}

#footernavi a {
color:#765;
float:none;
}

#footernavi a:hover{
color:#333;
}

#footernavi .home{
padding-left:0;
border-left:0;
}

#footernavi .on a{
background:#807859;
color:#fff;
}




#naviheader1 {
      float:left;
      width:100%;
      line-height:normal;
      }
#naviheader1 ul {
          margin:0;
          padding:0;
          list-style:none;
      }
#naviheader1 li {
      display:inline;
      margin:0;
      padding:0;
      }
#naviheader1 a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#naviheader1 a span {
      float:left;
      display:block;
      padding:7px 8px 10px 6px;
      color:#994400;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#naviheader1 a span {float:none;}
    /* End IE5-Mac hack */
#naviheader1 a:hover span {
      color:#fff;
      }

#naviheader1 a:hover {
      background:url("images/tableft.gif") no-repeat left top;
      }
#naviheader1 a:hover span {
      background:url("images/tabright.gif") no-repeat right top;
      }
#naviheader1 .on a {
      background:url("images/tableft.gif") no-repeat left top;
      }
#naviheader1 .on a span {
      background:url("images/tabright.gif") no-repeat right top;
      color:#fff;
      }


.column-header {
    padding-left: 5px;
    background:url(images/hbg.png) repeat-x;
    margin-bottom:10px;
    font-weight:normal;
    color:#fff;
    height:30px;
    padding:2px 5px;
    z-index: 0;
}


#menubar {
margin-bottom:10px;
text-align:left;
width:100%;
}

#menubar li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
padding-left:7px;
}

#menubar li {float:left;margin:0;padding:0;border:0;}

#menubar li a{
display:block;
overflow:hidden;
width:100%;
height:62px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/bastienmenubar2.gif')
}

#menubar .number1 a{width:140px;background-position:0px 0;}
#menubar .number2 a{width:138px;background-position:-140px 0;}
#menubar .number3 a{width:138px;background-position:-279px 0;}
#menubar .number4 a{width:138px;background-position:-416px 0;}
#menubar .number5 a{width:138px;background-position:-556px 0;}
#menubar .number6 a{width:138px;background-position:-696px 0;}
#menubar .number7 a{width:140px;background-position:-836px 0;}

#menubar .number1 a:hover{background-position:0px -62px;}
#menubar .number2 a:hover{background-position:-140px -62px;}
#menubar .number3 a:hover{background-position:-279px -62px;}
#menubar .number4 a:hover{background-position:-418px -62px;}
#menubar .number5 a:hover{background-position:-556px -62px;}
#menubar .number6 a:hover{background-position:-696px -62px;}
#menubar .number7 a:hover{background-position:-836px -62px;}

#menubar .number1 a.on{background-position:0px -62px;}
#menubar .number2 a.on{background-position:-140px -62px;}
#menubar .number3 a.on{background-position:-279px -62px;}
#menubar .number4 a.on{background-position:-418px -62px;}
#menubar .number5 a.on{background-position:-556px -62px;}
#menubar .number6 a.on{background-position:-696px -62px;}
#menubar .number7 a.on{background-position:-836px -62px;}

#menubar .on a{border-bottom:0px;}
#menubar li.last{border-right:0;padding-right:0;}


#footermenubar {
padding-left:356px;
text-align:left;
width:614px;
}

#footermenubar li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-top:10px;
}

#footermenubar li {float:left;margin:0;padding:0;border:0;}

#footermenubar li a{
display:block;
overflow:hidden;
width:100%;
height:14px;
text-indent:-800px;
background-image:url('http://www.to-on.com/bastien/css/images/footermenubar.png')
}
#footermenubar .number1 a{width:238px;background-position:-317px 0;}
#footermenubar .number2 a{width:211px;background-position:-570px 0;}
#footermenubar .number3 a{width:165px;background-position:-797px 0;}

#footermenubar .number1 a:hover{background-position:-317px -14px;}
#footermenubar .number2 a:hover{background-position:-570px -14px;}
#footermenubar .number3 a:hover{background-position:-797px -14px;}

#footermenubar .number1 a.on{background-position:-317px -14px;}
#footermenubar .number2 a.on{background-position:-570px -14px;}
#footermenubar .number3 a.on{background-position:-797px -14px;}

#footermenubar .on a{border-bottom:0px;}
#footermenubar li.last{border-right:0;padding-right:0;}


#headertoonlink {
padding-left:0px;
text-align:left;
width:161px;
}

#headertoonlink li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-top:10px;
}

#headertoonlink li {float:left;margin:0;padding:0;border:0;}

#headertoonlink li a{
display:block;
overflow:hidden;
width:100%;
height:13px;
text-indent:-800px;
background-image:url('http://www.to-on.com/bastien/css/images/headertoonlink.png')
}

#headertoonlink a{width:161px;background-position:0px 0;}
#headertoonlink a:hover{background-position:0px -13px;}






#aboutmenubeginner {
margin-bottom:10px;
text-align:left;
width:100%;
}

#aboutmenubeginner li {
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
padding-left:7px;
float:left;margin:0;
padding:0 5px 0 0;
border:0;}

#aboutmenubeginner li a{
display:block;
overflow:hidden;
width:100%;
height:50px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/aboutmenubeginner.gif')
}

#aboutmenubeginner .number1 a{width:160px;background-position:0px 0;}
#aboutmenubeginner .number2 a{width:160px;background-position:-166px 0;}
#aboutmenubeginner .number3 a{width:160px;background-position:-333px 0;}
#aboutmenubeginner .number4 a{width:160px;background-position:-500px 0;}

#aboutmenubeginner .number1 a:hover{background-position:0px -50px;}
#aboutmenubeginner .number2 a:hover{background-position:-166px -50px;}
#aboutmenubeginner .number3 a:hover{background-position:-333px -50px;}
#aboutmenubeginner .number4 a:hover{background-position:-500px -50px;}

#aboutmenubeginner .number1 a.on{background-position:0px -50px;}
#aboutmenubeginner .number2 a.on{background-position:-166px -50px;}
#aboutmenubeginner .number3 a.on{background-position:-333px -50px;}
#aboutmenubeginner .number4 a.on{background-position:-500px -50px;}

#aboutmenubeginner .on a{border-bottom:0px;}
#aboutmenubeginner li.last{border-right:0;padding-right:0;}


/* headerinfo　*/

#headerinfo {
margin-bottom:10px;
text-align:left;
width:100%;
margin:20px 0 0 80px;
}

#headerinfo li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
float:left;
margin:0;
padding:0 5px;
border:0;
}

#headerinfo li a{
display:block;
overflow:hidden;
width:100%;
height:20px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/headerinfo.gif')
}

#headerinfo .number1 a{width:115px;background-position:0px 0;}
#headerinfo .number2 a{width:130px;background-position:-120px 0;}
#headerinfo .number3 a{width:80px;background-position:-260px 0;}

#headerinfo .number1 a:hover{background-position:0px -20px;}
#headerinfo .number2 a:hover{background-position:-120px -20px;}
#headerinfo .number3 a:hover{background-position:-260px -20px;}

#headerinfo li.last{border-right:0;padding-right:0;}


/* 教材カタログ　*/

#catalogmenu {
margin-bottom:10px;
text-align:left;
width:100%;
}

#catalogmenu li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
float:left;
margin:0;
padding:0 5px;
border:0;
}

#catalogmenu li a{
display:block;
overflow:hidden;
width:100%;
height:100px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/catalogmenu.gif')
}

#catalogmenu .number1 a{width:150px;background-position:0px 0;}
#catalogmenu .number2 a{width:150px;background-position:-160px 0;}
#catalogmenu .number3 a{width:150px;background-position:-320px 0;}
#catalogmenu .number4 a{width:150px;background-position:-480px 0;}
#catalogmenu .number5 a{width:150px;background-position:-640px 0;}
#catalogmenu .number6 a{width:150px;background-position:-800px 0;}

#catalogmenu .number1 a:hover{background-position:0px -100px;}
#catalogmenu .number2 a:hover{background-position:-160px -100px;}
#catalogmenu .number3 a:hover{background-position:-320px -100px;}
#catalogmenu .number4 a:hover{background-position:-480px -100px;}
#catalogmenu .number5 a:hover{background-position:-640px -100px;}
#catalogmenu .number6 a:hover{background-position:-800px -100px;}

#catalogmenu .number1 a.on{background-position:0px -100px;}
#catalogmenu .number2 a.on{background-position:-160px -100px;}
#catalogmenu .number3 a.on{background-position:-320px -100px;}
#catalogmenu .number4 a.on{background-position:-480px -100px;}
#catalogmenu .number5 a.on{background-position:-640px -100px;}
#catalogmenu .number6 a.on{background-position:-800px -100px;}

#catalogmenu .on a{border-bottom:0px;}
#catalogmenu li.last{border-right:0;padding-right:0;}


/* 教材カタログ　*/

#catalogmenu2 {
margin-bottom:10px;
text-align:left;
width:100%;
}

#catalogmenu2 li {
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
float:left;
margin:0;
padding:0 1px;
border:0;
}

#catalogmenu2 li a{
display:block;
overflow:hidden;
width:100%;
height:40px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/catalogmenu2.gif')
}

#catalogmenu2 .number1 a{width:129px;background-position:0px 0;}
#catalogmenu2 .number2 a{width:129px;background-position:-130px 0;}
#catalogmenu2 .number3 a{width:129px;background-position:-260px 0;}
#catalogmenu2 .number4 a{width:129px;background-position:-390px 0;}
#catalogmenu2 .number5 a{width:65px;background-position:-520px 0;}
#catalogmenu2 .number6 a{width:65px;background-position:-587px 0;}
#catalogmenu2 .number7 a{width:65px;background-position:-654px 0;}

#catalogmenu2 .number1 a:hover{background-position:0px -40px;}
#catalogmenu2 .number2 a:hover{background-position:-130px -40px;}
#catalogmenu2 .number3 a:hover{background-position:-260px -40px;}
#catalogmenu2 .number4 a:hover{background-position:-390px -40px;}
#catalogmenu2 .number5 a:hover{background-position:-520px -40px;}
#catalogmenu2 .number6 a:hover{background-position:-587px -40px;}
#catalogmenu2 .number7 a:hover{background-position:-654px -40px;}

#catalogmenu2 .number1 a .on{background-position:0px -40px;}
#catalogmenu2 .number2 a .on{background-position:-130px -40px;}
#catalogmenu2 .number3 a .on{background-position:-260px -40px;}
#catalogmenu2 .number4 a .on{background-position:-390px -40px;}
#catalogmenu2 .number5 a .on{background-position:-520px -40px;}
#catalogmenu2 .number6 a .on{background-position:-587px -40px;}
#catalogmenu2 .number7 a .on{background-position:-654px -40px;}

#catalogmenu2 .on a{border-bottom:0px;}
#catalogmenu2 li.last{border-right:0;padding-right:0;}


/* 教材カタログ　*/

#catalogmenu3 {
margin-bottom:10px;
text-align:left;
width:100%;
}

#catalogmenu3 li {
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
float:left;
margin:0;
padding:0 1px;
border:0;
}

#catalogmenu3 li a{
display:block;
overflow:hidden;
width:100%;
height:40px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/catalogmenu3.gif')
}

#catalogmenu3 .number1 a{width:95px;background-position:0px 0;}
#catalogmenu3 .number2 a{width:95px;background-position:-96px 0;}
#catalogmenu3 .number3 a{width:129px;background-position:-193px 0;}
#catalogmenu3 .number4 a{width:129px;background-position:-323px 0;}
#catalogmenu3 .number5 a{width:65px;background-position:-453px 0;}
#catalogmenu3 .number6 a{width:65px;background-position:-519px 0;}
#catalogmenu3 .number7 a{width:65px;background-position:-586px 0;}
#catalogmenu3 .number8 a{width:65px;background-position:-654px 0;}

#catalogmenu3 .number1 a:hover{width:95px;background-position:0px -40px;}
#catalogmenu3 .number2 a:hover{width:95px;background-position:-96px -40px;}
#catalogmenu3 .number3 a:hover{width:129px;background-position:-193px -40px;}
#catalogmenu3 .number4 a:hover{width:129px;background-position:-323px -40px;}
#catalogmenu3 .number5 a:hover{width:65px;background-position:-453px -40px;}
#catalogmenu3 .number6 a:hover{width:65px;background-position:-519px -40px;}
#catalogmenu3 .number7 a:hover{width:65px;background-position:-586px -40px;}
#catalogmenu3 .number8 a:hover{width:65px;background-position:-654px -40px;}


#catalogmenu3 .number1 a.on{width:95px;background-position:0px -40px;}
#catalogmenu3 .number2 a.on{width:95px;background-position:-96px -40px;}
#catalogmenu3 .number3 a.on{width:129px;background-position:-193px -40px;}
#catalogmenu3 .number4 a.on{width:129px;background-position:-323px -40px;}
#catalogmenu3 .number5 a.on{width:65px;background-position:-453px -40px;}
#catalogmenu3 .number6 a.on{width:65px;background-position:-519px -40px;}
#catalogmenu3 .number7 a.on{width:65px;background-position:-586px -40px;}
#catalogmenu3 .number8 a.on{width:65px;background-position:-654px -40px;}

#catalogmenu3 .on a{border-bottom:0px;}
#catalogmenu3 li.last{border-right:0;padding-right:0;}



#catalogsubmenu {
margin-bottom:10px;
text-align:left;
width:100%;
}

#catalogsubmenu li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-right:0;
margin-top:10px;
float:left;
margin:0;
padding:0 5px 0 0;
border:0;
}

#catalogsubmenu li a{
display:block;
overflow:hidden;
width:100%;
height:50px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/catalogsubmenu.gif')
}

#catalogsubmenu .number1 a{width:140px;background-position:0 0;}
#catalogsubmenu .number2 a{width:140px;background-position:-145px 0;}
#catalogsubmenu .number3 a{width:140px;background-position:-290px 0;}
#catalogsubmenu .number4 a{width:140px;background-position:-435px 0;}
#catalogsubmenu .number5 a{width:140px;background-position:-580px 0;}

#catalogsubmenu .number1 a:hover{background-position:0px -50px;}
#catalogsubmenu .number2 a:hover{background-position:-145px -50px;}
#catalogsubmenu .number3 a:hover{background-position:-290px -50px;}
#catalogsubmenu .number4 a:hover{background-position:-435px -50px;}
#catalogsubmenu .number5 a:hover{background-position:-580px -50px;}

#catalogsubmenu .number1 a.on{background-position:0px -50px;}
#catalogsubmenu .number2 a.on{background-position:-145px -50px;}
#catalogsubmenu .number3 a.on{background-position:-290px -50px;}
#catalogsubmenu .number4 a.on{background-position:-435px -50px;}
#catalogsubmenu .number5 a.on{background-position:-580px -50px;}

#catalogsubmenu .on a{border-bottom:0px;}
#catalogsubmenu li.last{border-right:0;padding-right:0;}


/* ---カラム---　*/

.column300headerpink{
width:300px;
height:50px;
background:url('images/column300headerpink.gif') top left no-repeat;
color :#fff;
font-size:200%;
line-height:50px;
padding-left:50px;
}

.column300headergreen{
width:300px;
height:50px;
background:url('images/column300headergreen.gif') top left no-repeat;
color :#fff;
font-size:200%;
line-height:50px;
padding-left:50px;
}

.column300headerblue{
width:300px;
height:50px;
background:url('images/column300headerblue.gif') top left no-repeat;
color :#fff;
font-size:200%;
line-height:50px;
padding-left:50px;
}

.column650headerpink{
width:600px;
height:50px;
background:url('images/column650headerpink.gif') top left no-repeat;
color :#fff;
font-size:200%;
line-height:50px;
padding-left:50px;
}

.column650headergreen{
width:600px;
height:50px;
background:url('images/column650headergreen.gif') top left no-repeat;
color :#fff;
font-size:200%;
line-height:50px;
padding-left:50px;
}

.column650headerblue{
width:600px;
height:50px;
background:url('images/column650headerblue.gif') top left no-repeat;
color :#fff;
font-size:200%;
line-height:50px;
padding-left:50px;
}


.column650pink{
width:650px;
margin-bottom:15px;
background:url('images/column650middlepink.gif') top center repeat-y;
}
.column650pink .bg-bottom{
background: transparent url('images/column650bottompink.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}

.column650green{
width:650px;
margin-bottom:15px;
background:url('images/column650middlegreen.gif') top center repeat-y;
}
.column650green .bg-bottom{
background: transparent url('images/column650bottomgreen.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}

.column650blue{
width:650px;
margin-bottom:15px;
background:url('images/column650middleblue.gif') top center repeat-y;
}
.column650blue .bg-bottom{
background: transparent url('images/column650bottomblue.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}


.column300pink{
width:300px;
margin-bottom:15px;
background:url('images/column300middlepink.gif') top center repeat-y;
}
.column300pink .bg-bottom{
background: transparent url('images/column300bottompink.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}

.column300green{
width:300px;
margin-bottom:15px;
background:url('images/column300middlegreen.gif') top center repeat-y;
}
.column300green .bg-bottom{
background: transparent url('images/column300bottomgreen.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}

.column300blue{
width:300px;
margin-bottom:15px;
background:url('images/column300middleblue.gif') top center repeat-y;
}
.column300blue .bg-bottom{
background: transparent url('images/column300bottomblue.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}


.column720pink{
width:720px;
margin-bottom:15px;
background:url('images/column720middlepink.gif') top center repeat-y;
}
.column720pink .bg-bottom{
background: transparent url('images/column720bottompink.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}

.column720green{
width:720px;
margin-bottom:15px;
background:url('images/column720middlegreen.gif') top center repeat-y;
}
.column720green .bg-bottom{
background: transparent url('images/column720bottomgreen.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}

.column720blue{
width:720px;
margin-bottom:15px;
background:url('images/column720middleblue.gif') top center repeat-y;
}
.column720blue .bg-bottom{
background: transparent url('images/column60bottomblue.gif') no-repeat center bottom;
padding:10px 10px 25px 10px;

}




/* ---教材トップ---　*/
a#catalogtopmapparty{
display: block;
width: 500px;
height: 120px;
text-indent: -1000px;
background: url(images/catalogtopmapparty.gif) no-repeat left top;
}
a#catalogtopmapparty:hover {background-position: 0 -120px ;}

a#catalogtopmapbasics{
display: block;
width: 500px;
height: 120px;
text-indent: -1000px;
background: url(images/catalogtopmapbasics.gif) no-repeat left top;
}
a#catalogtopmapbasics:hover {background-position: 0 -120px ;}

a#catalogtopmapintermediate{
display: block;
width: 500px;
height: 120px;
text-indent: -1000px;
background: url(images/catalogtopmapintermediate.gif) no-repeat left top;
}
a#catalogtopmapintermediate:hover {background-position: 0 -120px ;}



a#catalogtopmapadult{
display: block;
width: 500px;
height: 120px;
text-indent: -1000px;
background: url(images/catalogtopmapadult.gif) no-repeat left top;
}
a#catalogtopmapadult:hover {background-position: 0 -120px ;}



a#catalogtopmapheiyokyokushu{
display: block;
width: 200px;
height: 382px;
text-indent: -1000px;
background: url(images/catalogtopmapheiyokyokushu.gif) no-repeat left top;
}
a#catalogtopmapheiyokyokushu:hover {background-position: 0 -382px ;}



a#catalogtopmaphojokyozai{
display: block;
width: 200px;
height: 382px;
text-indent: -1000px;
background: url(images/catalogtopmaphojokyozai.gif) no-repeat left top;
}
a#catalogtopmaphojokyozai:hover {background-position: 0 -382px ;}



a#catalogtopmapadultheiyokyokushu{
display: block;
width: 200px;
height: 120px;
text-indent: -1000px;
background: url(images/catalogtopmapadultheiyokyokushu.gif) no-repeat left top;
}
a#catalogtopmapadultheiyokyokushu:hover {background-position: 0 -120px ;}



a#catalogtopmapadulthojokyozai{
display: block;
width: 200px;
height: 120px;
text-indent: -1000px;
background: url(images/catalogtopmapadulthojokyozai.gif) no-repeat left top;
}
a#catalogtopmapadulthojokyozai:hover {background-position: 0 -120px ;}



a#catalogtopmapold{
display: block;
width: 500px;
height: 50px;
text-indent: -1000px;
background: url(images/catalogtopmapold.gif) no-repeat left top;
}
a#catalogtopmapold:hover {background-position: 0 -50px ;}


a#catalogtopmapoldheiyokyokushu{
display: block;
width: 200px;
height: 50px;
text-indent: -1000px;
background: url(images/catalogtopmapoldheiyokyokushu.gif) no-repeat left top;
}
a#catalogtopmapoldheiyokyokushu:hover {background-position: 0 -50px ;}



/* ---左メニュー---　*/

#leftmenuabout {
margin-bottom:10px;
text-align:left;
width:100%;
}

#leftmenuabout li {
display:block;
margin:0 0 3px;
}

#leftmenuabout li a{
display:block;
overflow:hidden;
width:300px;
height:50px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/leftmenuabout.gif')
}

#leftmenuabout .number1 a{width:300px;background-position:0 0;}
#leftmenuabout .number2 a{width:300px;background-position:0 -53px;}
#leftmenuabout .number3 a{width:300px;background-position:0 -106px;}
#leftmenuabout .number4 a{width:300px;background-position:0 -159px;}
#leftmenuabout .number5 a{width:300px;background-position:0 -212px;}
#leftmenuabout .number6 a{width:300px;background-position:0 -265px;}


#leftmenuabout .number1 a:hover{background-position:-300px 0;}
#leftmenuabout .number2 a:hover{background-position:-300px -53px;}
#leftmenuabout .number3 a:hover{background-position:-300px -106px;}
#leftmenuabout .number4 a:hover{background-position:-300px -159px;}
#leftmenuabout .number5 a:hover{background-position:-300px -212px;}
#leftmenuabout .number6 a:hover{background-position:-300px -265px;}

#leftmenuabout .number1 a.on{background-position:-300px 0px;}
#leftmenuabout .number2 a.on{background-position:-300px -53px;}
#leftmenuabout .number3 a.on{background-position:-300px -106px;}
#leftmenuabout .number4 a.on{background-position:-300px -159px;}
#leftmenuabout .number5 a.on{background-position:-300px -212px;}
#leftmenuabout .number6 a.on{background-position:-300px -265px;}

#leftmenuabout .on a{border-bottom:0px;}
#leftmenuabout li.last{border-right:0;padding-right:0;}



#leftmenuyoutube {
margin-bottom:10px;
text-align:left;
width:100%;
}

#leftmenuyoutube li {
display:block;
margin:0 0 3px;
}

#leftmenuyoutube li a{
display:block;
overflow:hidden;
width:300px;
height:50px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/leftmenuyoutube.gif')
}

#leftmenuyoutube .number1 a{width:300px;background-position:0 0;}
#leftmenuyoutube .number2 a{width:300px;background-position:0 -53px;}
#leftmenuyoutube .number3 a{width:300px;background-position:0 -106px;}
#leftmenuyoutube .number4 a{width:300px;background-position:0 -159px;}

#leftmenuyoutube .number1 a:hover{background-position:-300px 0;}
#leftmenuyoutube .number2 a:hover{background-position:-300px -53px;}
#leftmenuyoutube .number3 a:hover{background-position:-300px -106px;}
#leftmenuyoutube .number4 a:hover{background-position:-300px -159px;}


#leftmenuyoutube .number1 a.on{background-position:-300px 0px;}
#leftmenuyoutube .number2 a.on{background-position:-300px -53px;}
#leftmenuyoutube .number3 a.on{background-position:-300px -106px;}
#leftmenuyoutube .number4 a.on{background-position:-300px -159px;}


#leftmenuyoutube .on a{border-bottom:0px;}
#leftmenuyoutube li.last{border-right:0;padding-right:0;}


#leftmenuevent {
margin-bottom:10px;
text-align:left;
width:100%;
}

#leftmenuevent li {
display:block;
margin:0 0 3px;
}

#leftmenuevent li a{
display:block;
overflow:hidden;
width:300px;
height:50px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/leftmenuevent.gif')
}

#leftmenuevent .number1 a{width:300px;background-position:0 0;}
#leftmenuevent .number2 a{width:300px;background-position:0 -53px;}
#leftmenuevent .number3 a{width:300px;background-position:0 -106px;}

#leftmenuevent .number1 a:hover{background-position:-300px 0;}
#leftmenuevent .number2 a:hover{background-position:-300px -53px;}
#leftmenuevent .number3 a:hover{background-position:-300px -106px;}

#leftmenuevent .number1 a.on{background-position:-300px 0px;}
#leftmenuevent .number2 a.on{background-position:-300px -53px;}
#leftmenuevent .number3 a.on{background-position:-300px -106px;}

#leftmenuevent .on a{border-bottom:0px;}
#leftmenuevent li.last{border-right:0;padding-right:0;}






#leftmenugroup {
margin-bottom:10px;
text-align:left;
width:100%;
}

#leftmenugroup li {
display:block;
margin:0 0 3px;
}

#leftmenugroup li a{
display:block;
overflow:hidden;
width:300px;
height:50px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/leftmenugroup.gif')
}

#leftmenugroup .number1 a{width:300px;background-position:0 0;}

#leftmenugroup .number1 a:hover{background-position:-300px 0;}

#leftmenugroup .number1 a.on{background-position:-300px 0px;}

#leftmenugroup .on a{border-bottom:0px;}
#leftmenugroup li.last{border-right:0;padding-right:0;}




/* 検索フォーム　*/
#searchform{
	position: relative;
}
#keywords	{
	width: 270px;
	height: 16px;
	background: #fff url(images/searchmark.gif) no-repeat 4px 2px;
	border: 1px solid #f60;
	padding: 2px 2px 2px 24px;
}
#searchBtn	{
	position: absolute;
	top: 0;
	left: 305px;
}



.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }
 
.fg-toolbar { padding: .5em; margin: 0; width:100%; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }




#groupsubnavi {
text-align:left;
width:972px;
background-image:url('http://www.to-on.com/bastien/css/images/groupsubnavi.gif');
height:40px;
}

#groupsubnavi li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
padding-left:7px;
}

#groupsubnavi li {float:left;margin:0;padding:0;border:0;}

#groupsubnavi li a{
display:block;
overflow:hidden;
width:100%;
height:40px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/groupsubnavi.gif')
}

#groupsubnavi .number1 a{width:65px;background-position:0px 0;padding-left:11px;}
#groupsubnavi .number2 a{width:100px;background-position:-75px 0;padding-left:3px;}
#groupsubnavi .number3 a{width:65px;background-position:-177px 0;padding-left:3px;}

#groupsubnavi .number1 a:hover{background-position:0px -40px;padding-left:11px;}
#groupsubnavi .number2 a:hover{background-position:-75px -40px;padding-left:3px;}
#groupsubnavi .number3 a:hover{background-position:-177px -40px;padding-left:3px;}

#groupsubnavi .number1 .on{background-position:0px -40px;padding-left:11px;}
#groupsubnavi .number2 .on{background-position:-75px -40px;padding-left:3px;}
#groupsubnavi .number3 .on{background-position:-177px -40px;padding-left:3px;}

#groupsubnavi .on a{border-bottom:0px;}
#groupsubnavi li.last{border-right:0;padding-right:0;}




#youtubesubnavi {
text-align:left;
width:972px;
background-image:url('http://www.to-on.com/bastien/css/images/youtubesubnavi.gif');
height:40px;
}

#youtubesubnavi li {
border-left:1px solid #999999;
display:inline;
margin-bottom:10px;
margin-right:3px;
margin-top:10px;
padding-left:7px;
}

#youtubesubnavi li {float:left;margin:0;padding:0;border:0;}

#youtubesubnavi li a{
display:block;
overflow:hidden;
width:100%;
height:40px;
text-indent:-9999px;
background-image:url('http://www.to-on.com/bastien/css/images/youtubesubnavi.gif')
}

#youtubesubnavi .number1 a{width:65px;background-position:0px 0;padding-left:11px;}
#youtubesubnavi .number2 a{width:100px;background-position:-75px 0;padding-left:3px;}
#youtubesubnavi .number3 a{width:65px;background-position:-177px 0;padding-left:3px;}

#youtubesubnavi .number1 a:hover{background-position:0px -40px;padding-left:11px;}
#youtubesubnavi .number2 a:hover{background-position:-75px -40px;padding-left:3px;}
#youtubesubnavi .number3 a:hover{background-position:-177px -40px;padding-left:3px;}

#youtubesubnavi .number1 .on{background-position:0px -40px;padding-left:11px;}
#youtubesubnavi .number2 .on{background-position:-75px -40px;padding-left:3px;}
#youtubesubnavi .number3 .on{background-position:-177px -40px;padding-left:3px;}

#youtubesubnavi .on a{border-bottom:0px;}
#youtubesubnavi li.last{border-right:0;padding-right:0;}


.youtubeicon{
background: url("images/youtubelogo.gif") no-repeat scroll 2px 0pt rgb(255, 255, 255);
color: rgb(0, 0, 0);
font-weight: normal;
height: 21px;
padding-left: 25px;
}