/* New Kids layout  Rie  2008/05/12*/
strong {
color: #FF0066;
}
div#container{
width:724px;
margin:0 20px;
text-align:left;
}

div.content{
width:527px;
float:left;
margin-top:20px;
line-height:1.6;

}

div.box_top1{
background:url("/rika/img/boxTopTitle1.gif") no-repeat;
height:40px;
}

div.box_top2{
background:url("/rika/img/boxTopTitle2.gif") no-repeat;
height:40px;
}

div.box_top3{
background:url("/rika/img/boxTopTitle3.gif") no-repeat;
height:40px;
}

div.box_middle{
background:url("/rika/img/boxMiddle.gif") repeat-y;
padding:10px;
}

div.box_bottom{
background:url("/rika/img/boxBottom.gif") no-repeat;
height:12px;
margin-bottom:10px;
}

div.box2_top1{
background:url("/rika/img/box2TopTitle1.gif") no-repeat;
height:60px;
}

div.box2_top2{
background:url("/rika/img/box2TopTitle2.gif") no-repeat;
height:60px;
}

div.box2_top3{
background:url("/rika/img/box2TopTitle3.gif") no-repeat;
height:60px;
}

div.box2_middle{
background:url("/rika/img/box2Middle.gif") repeat-y;
padding:0;
}

div.box2_bottom{
background:url("/rika/img/box2Bottom.gif") no-repeat;
height:12px;
}

.lblTop{
padding:20px 0 10px 0;
}

.sidebar{
float:right;
width:174px;
margin-top:20px;
text-align:right;
}

.footer{
text-align:center;
clear:both;
width:724px;
padding:10px;
}

.footer p{
padding-top:20px;
width:724px;
text-align:center;
font-size:85%;
}

/****************
header
****************/
div.header h1{font-size: 10px; font-weight:normal; font-style:normal; margin: 0 0 5px 0; padding: 0; color:#666}

.headerLeft{
width:450px;
float:left;
}
.headerRight{
width:222px;
float:right;
text-align:right
}

div.header img{
padding-bottom:6px;
}

/****************
hr
****************/
hr{display:none;}
div.greenLine{background:url("/rika/img/green_line.gif") repeat-x; height:10px; margin:7px 0; width:724px; clear:both}


.error{
color:#CC3300;
}

table.search {
background: url(/hals/app/webroot/img/new/bg_search.gif) no-repeat;
width:514px;
height:156px;
margin:25px 0 20px 0px ;
}

table.search td{
width:33%;
padding:50px 10px 20px 10px;
}


form select{
width:145px;
border:2px solid #ccc;
background:#D3EEBD;
margin:8px 0 10px 0;
}

.btn_search{
text-align:right;
}

table.classList{
width:490px;
margin:20px 12px ;

}

table.classList td{
border:1px solid #ccc;
}

.btn_map{
padding:10px 0 5px 10px;
}

.btn_video{
padding:10px 0 5px 10px;
background: url(/hals/app/webroot/img/new/line_dot_green.gif) no-repeat 5px 0;
}

hr{display: none;
}

.line_dot{
background: url(/rika/img/line_dot_green.gif) repeat-x;
border:none;
height:1px;
height: 1px;
margin: 7px 0; 
*margin: 7px 0 2px 0; 
width: 100%;
}

.side_info{
text-align:center;
background: url(/hals/app/webroot/img/new/bg_side_middle.gif) repeat-y;
}

.side_info p{

}

.section{
padding:10px 15px 20px 15px;
}

.section .section{
padding:10px 0  10px 10px;
}

.basepadding{padding:6px 10px;}

/****************
menu
****************/
ul.menus{list-style-type: none; margin: 0 0 10px 0; padding: 0;}
ul.menus li{
margin: 0;
padding: 0;
font-size: 10px;
line-height: 3.3;
list-style: none;
list-style-type: none;
text-align: left;
}
ul.menus li a:link,
ul.menus li a:visited,
ul.menus li a:hover{
background: transparent url("../img/navi02.gif") no-repeat;
background-position: left;
height:31px;
padding-left: 25px;
text-decoration: none;
display: block;
color: #003366;
}
ul.menus li a:hover{
background: transparent url("../img/navi01.gif") no-repeat;
background-position: left;
color: #003366;
}
ul.menus li.on a{
background: transparent url("../img/navi01.gif") no-repeat;
background-position: left;
}

.side_navi img{
margin-bottom:5px;

}

.section ul li{
list-style-position:outside;
list-style-type:decimal;
margin-left:20px;
padding-bottom:3px;
}
.section ul {
padding:10px 0;
}

ul.roman li{
list-style-type:upper-roman;
padding-bottom:10px;
}

ul.disc li{
list-style-type:disc;
padding-bottom:10px;
}

h3{
padding:0;
margin:0;
}

h3.title{
color:#003366;
font-size:110%;
font-weight:bold;
background:#ddffff;
border-left:8px solid #003366;
border-bottom:1px solid #003366;
padding:5px 8px;
margin:5px 0;
text-indent:5px;
}

h4{
padding:0;
margin:0;
}
h4.title{
color: #FF0066;
font-size:110%;
font-weight:bold;
padding-bottom:5px;
}

table.class_detail{
margin-bottom:10px;
margin-top:5px;
}
table.class_detail td.item{
background:#eee;
width:10%;
text-align:center;
}

table.class_detail td{
border:1px solid #ccc;
padding:3px 10px;
text-align:left;
}

.btn_top{
text-align:right;
margin:20px 0;
}

div.emphasis{
background-color: #dbefd2;
padding: 5px 5px 5px 5px;
margin-left: 15px;
margin-top: 0
}

div.popup_content,ul.popup_feature{
padding:20px 25px;
}

div.popup_content p{
padding:20px 0 0 0;
font-weight:bold;
}

ul.popup_feature{
list-style-type:decimal;

}

ul.popup_feature li{
font-weight:bold;
padding-bottom:5px;
}

ul.popup_feature li ul li{
font-weight:normal;
list-style-position:outside;
padding-top:5px;
line-height:1.6;

}
table.course th {
color: #336699;
padding: 5px 15px;;
vertical-align: top;
}
table.course td {
padding: 5px;
}

table.course td ul li{
list-style: decimal inside;
}

/*  form style  */

table.form {
	margin: 0px;
	background-color: #eee;
	width:99%;

}

table.form th,
table.form td {
	padding: 5px 5px;
	border-collapse: separate;
	border-spacing: 1px;
}



table.form th {
	color: #666;
	background-color: #FFE4E1;
}



table.form td {
	border: 1px solid #ddd;
border-width: 1px 0;
	background-color: #fff;
padding: 5px 10px

}

table.form textarea{
margin:10px 0;
}

table.form td.item{
background:#FAF0E6;
 width:28%;
}

table.form_list td{
padding: 2px 10px;
}

.form_title{
color:#003366;
font-size:110%;
font-weight:bold;
background:#FBFBFB;
border-left:8px solid #003366;
border-bottom:1px solid #eee;
padding:5px 8px;
margin:5px 0;
text-indent:5px;
}

.emphasis_txt{
color:#ff0000;
}

/*  form style end  */

/*  admin page  */

h2.admin_title{
font-size: 114%;
background: #ccc;
border: 1px solid #999;
border-width: 0 0 1px 8px;
line-height: 1.8;
text-indent: 5px;
margin:0 0 10px 0px;
padding: 0;
}

table.admin td{
border: 1px solid #ccc;
border-width: 1px 0;
background-color: #fff;
}
table.admin th{
color: #666;
background-color: #D3EEBD;
}

table.admin th,
table.admin td {
padding: 7px 10px;
}







/*  admin page end */




/* END  New Kids layout  Rie  2008/05/12*/

.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}


/* OLD css from Human */

.main {
	color: #666666;
	padding: 0px 15px;
}
.main_table {
	background-image: url(/hals/app/webroot/img/back02.gif);
}
.main_table_bottom {
	background-image: url(/hals/app/webroot/img/bottom01.gif);
	background-repeat: no-repeat;
}
.header_title {
	font-size: 10px;
	color: #666666;
	padding-bottom:5px;
}
.info_text {

	font-size: 10px;
	line-height: 1.7;
	color: #666666;
	padding: 0px 7px;
}
.navi01 {
	background-image: url(../img/navi01.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	color: #996699;
	padding-left: 25px;
}
.navi02 {

	background-image: url(../img/navi02.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	color: #A86D84;
	padding-left: 25px;
}
a.a_navi02:link, a.a_navi02:visited, a.a_navi02:active {
	background-repeat: no-repeat;
	font-size: 10px;
	color: #A86D84;
	text-decoration: none;
}
a.a_navi02:hover {
	background-repeat: no-repeat;
	font-size: 10px;
	color: #A86D84;
	text-decoration:underline;	
}
.point_text {
	font-size: 16px;
	font-weight: bold;
}
.franchise {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding: 10px;
	border: thin dotted #FF6600;
	color: #666666;
}
.map_text {
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin: auto;
}

.frame {
	height: auto;
	width: auto;
	border: 1px dashed #CCCCCC;
}
a.a_info_text:link, a.a_info_text:visited, a.a_info_text:active {
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	padding: 0px 15px 0px 0px;
	text-decoration: none;
}
a.a_info_text:hover {
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	padding: 0px 15px 0px 0px;
	text-decoration:underline;	
}

table.movie_list{
width:95%;
border-collapse:collapse;
font-size:92%;
color:#555;
margin-bottom:10px;
}

table.movie_list td{
border:1px solid #ccc;
padding:6px 5px;
}

table.movie_list td.each_title{
background:#0a5e11;
color:#fff;
}
table.movie_list td.pic{
padding:0;
}

table.movie_list td a{
font-size:85%;
padding:0 5px 0 2px;

}

table.movie_list td img{
vertical-align:middle;
}



/* classroom css 090918 */

div.prefectures{
width: 71px;
height: 20px;
background-color: #003366;
margin-bottom: 25px;
padding: 5px 5px 5px 5px;
text-align: center;
font-size: 110%;
color: #ffffff;
}

table.classroom1 {
width: 100%;
background: #ffffff;
border: solid #cccccc;
border-width: 0 0 1px 0;
}

table.classroom2 {
width: 100%;
background: #ffffff;
border: dotted #cccccc;
border-width: 0 0 1px 0;
}

div.crsubtitletext {
font-size: 115%;
font-weight: bold;
color: #003366;
margin: 0 0 5px 15px;
}

div.crNametext {
font-size: 100%;
margin: 10px 15px 0 15px;
font-weight: bold;
}

div.crtext {
font-size: 100%;
margin: 5px 15px 0 15px;
}