@charset "utf-8";
/* CSS Document */
#topics .overFlow{
	overflow:hidden;
}
/*#topics .relative{
	position: relative;
	left:-10px;
}*/
#topics .textRight{
	text-align: right;
}
#topics .read {
	padding: 0 0 10px 0;
}
#topics .read h4{
	color:#FF6600;
	font-size: 1.3em;
	font-weight:bold;
	line-height:150%;

}
#topics .read p{
	font-size:0.95em;
	font-weight:bold;
	color:#000000;
}
#topics dl dt a{
	display:block;
	background: url(../../../common/img/icon_arrow.gif) no-repeat left 5px;
	padding: 0px 0 5px 13px;
	font-size:1.0em;
	font-weight:bold;
}
#topics dl{
	padding:0 0 10px 0px;
}
#topics table{
	margin-bottom:25px;
}
#topics td,
#topics th{
	border:1px solid #666666;
	border-collapse:collapse;
}
#topics p{
	padding:0 0 10px 0;
}
#topics li,
#topics th,
#topics td,
#topics p,
#topics dt,
#topics dd{
	font-size:0.75em;
}
#topics dt {
	font-weight: bold;
	border-bottom: 1px dotted #0066cc;
	padding: 0px 0 5px 0px;
}
#topics dd {
	padding: 10px 0 10px 0px;
}
#topics ul {
	padding: 0 0 10px 0px;
}
#topics li {
	padding: 0px 0 10px 15px;
	line-height: 175%;
	background: url(../../../common/img/icon_arrow_S.gif) no-repeat left 0.4em;
}

#form_tel {
	padding:0;
	}
#form_tel dt{
	border:none;
}
#topics .banner_bottom{
 	margin-bottom:20px;
	left:-10px;
}
/* Add 20090702 */
#topics .schedule{
	border-bottom:1px solid #BCC;
	border-right:1px solid #BCC;
	margin: 0 0 25px 0;
}
#topics .schedule table{
	text-align: center;
	border-collapse: collapse;
	margin: 0;
}
#topics .schedule td{
	font-size:0.75em;
	color:#333333;
}
#topics .schedule th{
	white-space: nowrap;
	font-weight:bold;
}
#topics .schedule th,
#topics .schedule td{
	border:1px solid #666666;
	font-size: 0.75em;
	vertical-align:middle;
	text-align: inherit;
}
#topics .schedule td a{
	display:block;
}
#topics .schedule .watch{
 background:url(../img/icn_schedule_01.gif) no-repeat center 0;
 text-indent:-9999px;
}
#topics .schedule .level1{
 background: #ccffcc;
 font-size:0.88em;
}
#topics .schedule .level2{
 background: #99ccff;
 font-size:0.88em;
}
#topics .schedule .grey{
 background: #c0c0c0;
}
#topics .schedule .greyBlue{
 color: #0000ff;
 background: #c0c0c0;
}
#topics .schedule .greyRed{
 color: #ff0000;
 background: #c0c0c0;
}
#topics .schedule .whiteBlue{
 color: #0000ff;
}
#topics .schedule .whiteRed{
 color: #ff0000;
}
#topics .schedule .noWrap{
 white-space:nowrap;
 color: #ff0000;
 background: #c0c0c0;
}
#topics .textCenter{
	text-align: center;
}
#topics .colorOrange{
	color:#FF6600;
}
#topics .colorWhite{
	color:#FFF;
}
#topics .colorBlue{
	color:#0066CC;
}
#topics .greyBox{
	background:#F2F2F2 none repeat scroll 0 0;
	border:1px solid #999999;
	padding:20px;
	margin: 0 0 10px 0;
}
#topics .greyBox table{
	margin: 0 0 0px 0;
}
#topics .greyBox td,
#topics .greyBox th{
	border: none;
	border-collapse:collapse;
	padding:2px 5px 2px 0 ;
}

#topics h5{
	background:#F5F5F5 none repeat scroll 0 0;
	border-bottom:1px dotted #0066CC;
	color:#000000;
	font-size:0.95em;
	font-weight:bold;
	padding:5px 0 5px 8px;
	margin: 0 0 20px 0;
	border-left: 3px solid #0066cc;
}
#topics ul.indent{
}
#topics ul.indent li{
	background: none;
	padding:0 0 0px 16px;
	text-indent:-16px;
}
#topics .no1 {background:transparent url(../img/icn_no1.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no2 {background:transparent url(../img/icn_no2.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no3 {background:transparent url(../img/icn_no3.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no4 {background:transparent url(../img/icn_no4.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no5 {background:transparent url(../img/icn_no5.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no6 {background:transparent url(../img/icn_no6.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no7 {background:transparent url(../img/icn_no7.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no8 {background:transparent url(../img/icn_no8.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .no9 {background:transparent url(../img/icn_no9.gif) no-repeat scroll 0 0;padding:6px 0 6px 35px;}
#topics .dotBtm {padding-bottom:15px; margin-bottom: 15px; border-bottom: 1px dotted #0066cc;}


/* no1�Ežno9ã�«ä½�置をå�ˆã‚�ã�›ã�Ÿæ–‡å­�E*/
.after_noX{
	font-size:0.8em;
	font-weight:normal;
	color:#000000;
	line-height: 150%;
	padding-left: 35px;
	padding-bottom: 25px;
}

.o_box_left{
	font-size:0.8em;
	float: left;
              text-indent:45px;
	width: 300px;
	margin-bottom:5px;
}

.o_box_right{
	font-size:0.8em;
	margin-bottom:5px;
}

.o_box_left2{
	float: left;
	margin-left:19px;
	margin-top:19px;
	margin-bottom:10px;
}

.o_box_right2{
	margin-right:19px;
	float: right;
}

.o_box_leftbottom{
              clear:left;
	font-size:0.75em;
              line-height:14pt;
	margin-left:19px;
	margin-top:10px;
	margin-bottom:16px;
}

.o_text{
	font-size:0.75em;
              line-height:14pt;
}

.o_box_left_syo{
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	float: left;
	width: 120px;
              padding-top: 73px;
              padding-bottom: 72px;
              text-align: center;
              background-color: #63affc;
              color:#ffffff;
	font-size:1.0em;
              line-height:20pt;
              font-weight:bold;
}

.o_box_right3{
              border-top-style: solid;
              border-right-style: solid;
              border-bottom-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	font-size:0.75em;
              line-height:14pt;
              padding-top: 12px;
              padding-bottom: 12px;
              width: 500px;
}

.o_box_rightbottom{
              border-right-style: solid;
              border-bottom-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	font-size:0.75em;
              line-height:14pt;
	width: 500px;
              padding-top: 12px;
              padding-bottom: 12px;
}

.o_box_left_chu{
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	float: left;
	width: 120px;
              height: 236px;
              line-height: 236px;
              text-align: center;
              background-color: #0084d1;
              color:#ffffff;
	font-size:1.0em;
              font-weight:bold;
}

.o_box_right4{
              border-top-style: solid;
              border-right-style: solid;
              border-bottom-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	font-size:0.75em;
              line-height:14pt;
              padding-top: 12px;
              padding-bottom: 12px;
              width: 500px;
}

.o_box_rightbottom2{
              border-right-style: solid;
              border-bottom-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	font-size:0.75em;
              line-height:14pt;
	width: 500px;
              padding-top: 12px;
              padding-bottom: 12px;
}

.o_box_left_kou{
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	float: left;
	width: 120px;
              height: 236px;
              line-height: 236px;
              text-align: center;
              background-color: #00428f;
              color:#ffffff;
	font-size:1.0em;
              font-weight:bold;
}

.o_box_top{
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
}

.o_box_left3{
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	width: 298px;
	font-size:0.75em;
              line-height:14pt;
}

.o_box_right5{
	float: right;
	/*margin-right:20px;*/
	margin-right:15px;
	margin-bottom:20px;
}

.o_box_left4{
              width: 298px;
	height: 40px;
              overflow:hidden;
	margin-left:20px;
	margin-bottom:15px;
}

a.o_box_left4{
              background-image:url(../../../common/img/z5_kyousitusagasu.gif);
              display: block;
	width: 298px;
	height: 40px;
              overflow:hidden;
	text-indent:-9999px;
}
a:hover.o_box_left4{
              background-position:0px -40px;
}


.o_box_top2{
	/*margin-left:20px;*/
	margin-left:20px;
	/*margin-right:20px;*/
	margin-top:20px;
	margin-bottom:20px;
	font-size:0.75em;
              line-height:14pt;
}

.o_box_middle{
	/*margin-left:10px;*/
	margin-left:10px;
	width: 465px;
	height: 62px;
}

a.o_box_middle{
    background-image:url(../../../common/img/z8_mousikomiform_ue1.gif);
              display: block;
	width: 465px;
	height: 62px;
              overflow:hidden;
	text-indent:-9999px;
}
a:hover.o_box_middle{
    background-position:0px -62px;
}

.o_box_left5{
	float: left;
	margin-bottom:20px;
	margin-left:20px;
	width: 225px;
	height:225px;
}

.o_box_right6{
	font-size:0.75em;
              line-height:14pt;
	margin-top:20px;
	margin-bottom:20px;
}

.o_box_middle2{
	font-size:0.75em;
              line-height:14pt;
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
              background-color: #e8f9e8;
              padding-top: 12px;
              padding-bottom: 12px;
}

.o_box_bottom2{
	font-size:0.75em;
              line-height:14pt;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
              border-top: none;
              background-color: #e8f9e8;
              padding-top: 12px;
              padding-bottom: 12px;
}

.o_box_right7{
	font-size:0.75em;
              line-height:14pt;
	margin-top:20px;
	margin-bottom:10px;
}

.o_box_right8{
	margin-right:10px;
}

.o_box_right9{
	font-size:0.75em;
              line-height:14pt;
	margin-top:10px;
	margin-bottom:20px;
}

.o_shiryoseikyu {
	width: 505px;
	height: 80px;
              overflow:hidden;
}

a.o_shiryoseikyu{
    background-image:url(../../../common/img/z_siryoseikyuu.gif);
              display: block;
	width: 505px;
	height: 80px;
              overflow:hidden;
	text-indent:-9999px;
}
a:hover.o_shiryoseikyu{
    background-position:0px -80px;
}

#bannerFD2{
	background: url(../../../common/img/y20_toiawase_left.gif) no-repeat;
	float: left;
	width: 252px;
	height: 157px;
	text-indent:-9999px;
}

#bannerSchools2 a{
	background: url(../../../common/img/y21_toiawase_right.gif) no-repeat;
	display: inline-block;
	width: 253px;
	height: 157px;
	text-indent:-9999px;
}

#bannerSchools2 a:hover{
	background: url(../../../common/img/y21_toiawase_right.gif) no-repeat 0px -162px;
}

#bannerFD3{
	background: url(../../..//common/img/z9_mousikomiform_ue_hidarisita.gif) no-repeat;
	float: left;
	margin-left:20px;
	margin-bottom:15px;
	width: 232px;
	height: 120px;
	text-indent:-9999px;
}

#bannerSchools3 a{
	background: url(../../../common/img/z10_mousikomiform_ue_migisita.gif) no-repeat;
	display: inline-block;
	margin-bottom:15px;
	width: 233px;
	height: 120px;
	text-indent:-9999px;
}

#bannerSchools3 a:hover{
	background: url(../../../common/img/z10_mousikomiform_ue_migisita.gif) no-repeat 0px -120px;
}

#bannerFD4{
	background: url(../../..//common/img/z19_mousikomiform_sita_hidarisita.gif) no-repeat;
	float: left;
	margin-bottom:15px;
	width: 253px;
	height: 129px;
	text-indent:-9999px;
}

#bannerSchools4 a{
	background: url(../../../common/img/z20_mousikomiform_sita_migisita.gif) no-repeat;
	display: inline-block;
	margin-bottom:15px;
	width: 252px;
	height: 129px;
	text-indent:-9999px;
}

#bannerSchools4 a:hover{
	background: url(../../../common/img/z20_mousikomiform_sita_migisita.gif) no-repeat 0px -129px;
}

a.o_box_mousikomi_bottom{
    background-image:url(../../../common/img/z18_mousikomiform_sita1.gif);
              display: block;
	width: 505px;
	height: 116px;
              overflow:hidden;
	text-indent:-9999px;

}
a:hover.o_box_mousikomi_bottom{
    background-position:0px -116px;
}

#workshopLinks li{
	background:url(../../../common/img/icon_arrow.gif) no-repeat left;
	padding:5px 0 5px 0;
	padding-left:12px;
}


#workshop_title_h3{

	font-size:0.98em;

	color:#444444;

	background:url(../../../common/img/second/title_left_line.gif) no-repeat left;

	padding-left:8px;

}


#workshop_title_h3_box{

	width:525px;

	padding-top:6px;

	padding-bottom:1px;

	border-bottom:dotted #0066cc 1px;

}

#topics .schedule .level1_spring{
 background: #fce2e9;
 font-size:0.88em;
}

#topics .schedule .level2_spring{
 background: #f59bb9;
 font-size:0.88em;
}

#topics .schedule .grey_spring{
 background: #e0e0e0;
}

.o_box_left_syo2{
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	float: left;
	width: 120px;
              height: 198px;
              line-height: 198px;
              text-align: center;
              background-color: #63affc;
              color:#ffffff;
	font-size:1.0em;
              font-weight:bold;
}

#topics .schedule .level1_summer{
 background: #d3f0ff;
 font-size:0.88em;
}

#topics .schedule .level2_summer{
 background: #99ccff;
 font-size:0.88em;
}
.o_box_blue_white_syo{
	width: 505px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              background-color: #63affc;
              color:#ffffff;
	font-size:0.8em;
              line-height:20pt;
              font-weight:bold;
}
.o_box_blue_white_chu{
	width: 505px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              background-color: #0084d1;
              color:#ffffff;
	font-size:0.8em;
              line-height:20pt;
              font-weight:bold;
}
.o_box_blue_white_kou{
	width: 505px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              background-color: #00428f;
              color:#ffffff;
	font-size:0.8em;
              line-height:20pt;
              font-weight:bold;
}
.o_box_left_chu3_summer{
              border-style: solid;
              border-width: 1px; 
              border-color:#bbbbbb;
	float: left;
	width: 120px;
              height: 311px;
              line-height: 311px;
              text-align: center;
              background-color: #0084d1;
              color:#ffffff;
	font-size:1.0em;
              font-weight:bold;
}
#topics .schedule .level1_winter{
 background: #ffc9a3;
 font-size:0.88em;
}
#topics .schedule .level2_winter{
 background: #ff9d59;
 font-size:0.88em;
}
#topics .schedule .greyBlue_spring{
 color: #0000ff;
 background: #e0e0e0;
}
#topics .schedule .greyRed_spring{
 color: #ff0000;
 background: #e0e0e0;
}