@charset "Shift_JIS";
/*=============================top all=============================*/
.clear{
	clear:both;
}
strong{
	color:#FF6600;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
img.left{
	margin:0 5px 5px 0;
	float:left;
}
img.right{
	margin:0 0 5px 5px;
	float:right;
}
img{
	margin:0;
	padding:0;
}
/*=============================container=============================*/
#container{
	width:762px;
	margin:15px auto 0px;
	padding:0;
	text-align:left;
}
/*=============================main=============================*/
#whatchieru{
	margin:0;
	padding:0;
	width:380px;
	height:131px;
	text-indent:-50000px;
	background: url("../img/what_chieru.gif") no-repeat;
	display:block;
}
#whatchieru a{
	width:380px;
	height:131px;
	display:block;
}
#school{
	width:364px;
	margin:0;
	padding:0 8px 0 8px;
	background:url("../img/school_bg.gif") repeat-y;
}
#schoolunder{
	width:380px;
	height:17px;
	margin:0;
	padding:0;
	background:url("../img/main_under.gif") no-repeat bottom;
}
#whatsnewtitle{
	margin:0;
	width:380px;
	height:47px;
	padding:0;
	text-indent:-50000px;
	background: url("../img/whatsnew_title.gif") no-repeat;
}
#whatsnew{
	width:364px;
	margin:0;
	padding:0 8px 0 8px;
	background:url("../img/whatsnew_bg.gif") repeat-y;
}
#teachertitle a{
	width:380px;
	height:47px;
	display:block;
}
#teachertitle{
	margin:0;
	width:380px;
	height:47px;
	padding:0;
	text-indent:-50000px;
	background: url("../img/teacher_title.gif") no-repeat;
}
#classtitle a{
	width:380px;
	height:47px;
	display:block;
}
#classtitle{
	margin:0;
	width:380px;
	height:47px;
	padding:0;
	text-indent:-50000px;
	background: url("../img/class_title.gif") no-repeat;
}
#cont1{
	width:364px;
	margin:0;
	padding:0;
	background:url("../img/shool_01_bg.gif") repeat-y;
}
#cont1 a:link, a:active, a:visited{color:#333333;}
#cont1 a:hover{color:#000000;}
#cont2{
	width:364px;
	margin:0;
	padding:0;
	background:url("../img/shool_02_bg.gif") repeat-y;
}
#cont2 a:link, a:active, a:visited{color:#333333;}
#cont2 a:hover{color:#000000;}
#cont3{
	width:364px;
	margin:0;
	padding:0;
	background:url("../img/shool_03_bg.gif") repeat-y;
}
#cont3 a:link, a:active, a:visited{color:#333333;}
#cont3 a:hover{color:#000000;}
#cont4{
	width:364px;
	margin:0;
	padding:0;
	background:url("../img/shool_04_bg.gif") repeat-y;
}
#cont4 a:link, a:active, a:visited{color:#333333;}
#cont4 a:hover{color:#000000;}
dl.teachercontr {
	width:180px;
	margin:0 0 0 4px;
	padding:0;
	display:block;
	float:left;
}
dl.teachercontr dt{
	margin:0;
	width:180px;
	height:75px;
	padding:0;
	text-indent:-50000px;
}
dl.teachercontr dd{
	font-size:10px;
	color:#333333;
	text-align:left;
	margin:0px 4px 2px 10px;
	line-height:12px;
	padding:0px;
	width:141px;
	padding:0 0 0 14px;
	background:url("../img/bt_img.gif") no-repeat center left;
}
dl.teachercont {
	width:180px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
dl.teachercont dt{
	margin:0;
	width:180px;
	height:75px;
	padding:0;
	text-indent:-50000px;
}
dl.teachercont dd{
	font-size:10px;
	color:#333333;
	line-height:12px;
	text-align:left;
	margin:0px 4px 2px 10px;
	padding:0px;
	width:141px;
	padding:0 0 0 14px;
	background:url("../img/bt_img.gif") no-repeat center left;
}
div.under1{
	margin:0;
	padding:0;
	width:364;
	height:10px;
	background: url("../img/shool_01_under.gif") no-repeat;
}
div.under2{
	margin:0;
	padding:0;
	width:364;
	height:10px;
	background: url("../img/shool_02_under.gif") no-repeat;
}
div.under3{
	margin:0;
	padding:0;
	width:364;
	height:10px;
	background: url("../img/shool_03_under.gif") no-repeat;
}
div.under4{
	margin:0;
	padding:0;
	width:364;
	height:10px;
	background: url("../img/shool_04_under.gif") no-repeat;
}
#voice{
	background: url("../img/shool_cont01_a.gif") no-repeat;
}
#voice a{
	width:180px;
	height:75px;
	display:block;
}
#movie{
	background: url("../img/shool_cont01_b.gif") no-repeat;
}
#movie a{
	width:180px;
	height:75px;
	display:block;
}
#beginer{
	background: url("../img/shool_cont02_a.gif") no-repeat;
}
#beginer a{
	width:180px;
	height:75px;
	display:block;
}
#pro{
	background: url("../img/shool_cont02_b.gif") no-repeat;
}
#pro a{
	width:180px;
	height:75px;
	display:block;
}
#faq{
	background: url("../img/shool_cont03_a.gif") no-repeat;
}
#faq a{
	width:180px;
	height:75px;
	display:block;
}
#bbs{
	background: url("../img/shool_cont03_b.gif") no-repeat;
}
#bbs a{
	width:180px;
	height:80px;
	display:block;
}
#elarning{
	background: url("../img/shool_cont04_a.gif") no-repeat;
}
#elarning a{
	width:180px;
	height:80px;
	display:block;
}
#world{
	background: url("../img/shool_cont04_b.gif") no-repeat;
}
#world a{
	width:180px;
	height:80px;
	display:block;
}
#featuretitle{
	margin:0;
	width:380px;
	height:21px;
	padding:0;
	text-indent:-50000px;
	background: url("../img/tokusyu_title.gif") no-repeat;
}
#feature{
	width:364px;
	height:500px;
	margin:0;
	padding:0 8px 16px 8px;
	background:#FFFFFF;
}
#newtools{
	width:366px;
	font-size:10px;
	line-height:14px;
	color:#CCCCCC;
	margin:0 0 7px 0;
	padding:4px;
	border:#666666 solid 2px;
	background-color:#333333;
}
#newtools strong{
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	color:#FFFFFF;
}
#newtools h2{
	background:#EEEEEE;
	border-bottom:#999999 solid 1px;
	margin:0 0 6px 0;
	padding:2px 0 2px 5px;
	width:360px;
	font-size:10px;
	color:#333333;
	font-weight:bold;
}
/*=============================shop=============================*/
#leftbar{
	width:154px;
	margin:0 8px 0 0;
	padding:0;
	float:left;
	background:transparent;
}
#login{
	font-size:10px;
	line-height:13px;
	width:154px;
	margin:0;
	padding:0 0 16px 0;
	float:left;
	background:url("../img/log_in_04.gif") no-repeat bottom;
}
#login dl{
	width:154px;
	margin:0;
	padding:0;
	background:url("../img/log_in_05.gif") repeat-y;
}
#login dt{
	margin:0;
	width:154px;
	padding:0;
	text-indent:-50000px;
	display:block;
}
#loginall{
	background: url("../img/log_in_02.gif") no-repeat;
	height:52px;
}
#loginall a{
	width:154px;
	height:52px;
	display:block;
}
#teacherlogin{
	background: url("../img/log_in_03.gif") no-repeat;
	height:23px;
}
#teacherlogin a{
	width:154px;
	height:23px;
	display:block;
}
#login dd{
	color:#FFFFFF;
	width:132px;
	margin:0 0 0 8px;
	display:block;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat center left;
}
#shoptitle{
	margin:0;
	padding:0;
	width:154px;
	height:64px;
	text-indent:-50000px;
	background: url("../img/shop_title.gif") no-repeat;
	display:block;
}
#friendstitle{
	margin:0;
	padding:0;
	width:154px;
	height:25px;
	text-indent:-50000px;
	background: url("../img/friends_title.gif") no-repeat;
	display:block;
}
#banner-box{
background:#FFFFFF;
padding:0 0 10px 0;
}
#shoptitle a{
	width:154px;
	height:64px;
	display:block;
}
#shopbox{
	color:#666666;
	font-size:10px;
	line-height:13px;
	width:146px;
	margin:0;
	padding:0 4px 16px 4px;
}
#shopbox strong{
	color:#FF6600;
	font-size:10px;
	line-height:13px;
	font-weight:normal;
}
#shopbox a:link, a:active, a:visited{
	margin:0;
	padding:0;
	color:#FF6600;
	text-decoration:none;
}
#shopbox a:hover{
	text-decoration:underline;
}
#shopbox dl{
	width:146px;
	border-bottom:#CCCCCC dotted 1px;
	margin:5px 0 5px 0;
	padding:0;
}
#shopbox dt{
	margin:0 0 5px 0;
	width:66px;
	padding:0;
	float:left;
	display:block;
	text-align:center;
}
#shopbox dd{
	margin:0 0 5px 3px;
	padding:0;
	width:77px;
	float:left;
	display:block;
}
/*=============================contents=============================*/
#contents{
	width:380px;
	margin:0 8px 0 0;
	padding:0;
	float:left;
	background:transparent;
}
/*=============================subcontents=============================*/
#subcontents{
	width:212px;
	margin:0;
	padding:0;
	float:left;
	background:url("../img/top_bg.gif") repeat-y right top;
}
#contentsunder{
	margin:0;
	padding:0;
	width:212px;
	height:16px;
	background:url("../img/contents_under.gif") no-repeat right top;
	float:left;
}
#subbox{
	font-size:10px;
	line-height:13px;
	width:196px;
	margin:0;
	padding:5px 8px 16px 8px;
	float:left;
	background:url("../img/sub_under_bg.gif") no-repeat bottom;
}
#subbox a{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat top left;
	text-decoration:none;
	display:block
}
#subbox a:link{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat top left;
	text-decoration:none;
}
#subbox a:active{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat top left;
	text-decoration:none;
}
#subbox a:visited{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat top left;
	text-decoration:none;
}
#subbox a:hover{
	color:#333333;
	padding:0 0 0 14px;
	background:url("../img/bt_img.gif") no-repeat top left;
	text-decoration:none;
}
#subbox hr{
	width:100%;
	border-style: solid none none none; 
	border-top-width: 1px;
	border-top-color: #DDDDDD;
	height: 1px;
	margin:2px 0;
	background-color:#FFFFFF;
	clear:both;
}
#subboxunder{
	font-size:10px;
	line-height:13px;
	width:196px;
	margin:0;
	padding:5px 8px 16px 8px;
	float:left;
}
#subboxunder a{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat center left;
	text-decoration:none;
}
#subboxunder a:link{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat center left;
	text-decoration:none;
}
#subboxunder a:active{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat center left;
	text-decoration:none;
}
#subboxunder a:visited{
	color:#666666;
	padding:0 0 0 14px;
	background:url("../img/bt_img_orange.gif") no-repeat center left;
	text-decoration:none;
}
#subboxunder a:hover{
	color:#333333;
	padding:0 0 0 14px;
	background:url("../img/bt_img.gif") no-repeat center left;
	text-decoration:none;
}
#subboxunder hr{
	width:100%;
	border-style: solid none none none; 
	border-top-width: 1px;
	border-top-color: #DDDDDD;
	height: 1px;
	margin:3px 0;
	background-color:#FFFFFF;
	clear:both;
}
#newstitle{
	margin:0;
	padding:0;
	width:212px;
	height:25px;
	text-indent:-50000px;
	background: url("../img/news_title.gif") no-repeat;
	display:block;
}
#newstitle a{
	width:212px;
	height:25px;
	background: url("../img/news_title.gif") no-repeat;
	display:block;
}
#eventtitle{
	margin:0;
	padding:0;
	width:212px;
	height:25px;
	text-indent:-50000px;
	background: url("../img/event_title.gif") no-repeat;
	display:block;
}
#eventtitle a{
	margin:0;
	padding:0;
	width:212px;
	height:25px;
	background: url("../img/event_title.gif") no-repeat;
	display:block;
}
#partnertitle{
	margin:0;
	padding:0;
	width:212px;
	height:25px;
	text-indent:-50000px;
	background: url("../img/partner_title.gif") no-repeat;
	display:block;
}
#partnertitle a{
	width:212px;
	height:25px;
	background: url("../img/partner_title.gif") no-repeat;
	display:block;
}