﻿/* CSS RULES */

/*　---------------------------------------*/


.container_left{
	width:230px;
	margin:20px 0px 20px 0px;
	padding:0px;
	float:left;
}

.container_left_event{
	width:230px;
	margin:0px;
	padding:20px 0px 10px 0px;
	float:left;
 	background:url(images/event_submenu_back.gif);
}

#eventday{
	font-weight:bolder;
	font-size:18px;
	color:#006600;
}
#eventswitch{
	margin-top:30px;
}
.container_right{
	width:650px;
	margin:20px 0px;
	float:right;
}

.sub1c{
 	background:url(images/border_back_lime.gif);
	float:left;
	padding:10px;
	margin-bottom:10px;
	clear:both;

}
.sub1c_inner{
	clear:both;

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

}
.sub2c_right{
 	background:url(images/border_back_lime.gif);
	float:right;
	padding:5px;
	margin:5px 0px 10px 0px;

}
.sub2c_left{
 	background:url(images/border_back_lime.gif);
	float:left;
	padding:5px;
	margin:5px 0px 10px 0px;

}

h5 {
 	background:url(images/h5back.gif) #dff6be no-repeat top left;
	padding: 3px 0px 3px 25px;
	margin: 5px 0;
	font-size:85%;
	text-align: left;
	color: #009900;
	clear:both;
	border-bottom:1px dotted #00aa00;
}

.w610{
	width:610px;
}
.w600{
	width:600px;
}
.w300{
	width:300px;
}
.w280{
	width:280px;
}
/* サブメニュー ---------------------------------------*/
#submenu_button {
	text-align:left;
	margin: 0px;
	padding: 0px 10px;
	background: #ebf9d7;
}


#submenu_button li {
	min-height:15px;
 	list-style:none;
 	background:url(images/submenu_point.gif) no-repeat top left;
	padding: 5px 0px 5px 15px;
	border-bottom: 1px dotted b8841;
}

#submenu_sublist {
	padding: 0px 0px 0px 5px;
	margin-left:10px;
	background: #fafafa;
}

#submenu_sublist02 {
	padding: 0px 0px 0px 5px;
	margin-left:25px;
	background: #fafafa;
}

ul#submenu_button a:link { color: #009900; text-decoration:none;}
ul#submenu_button a:visited { color: #009900; text-decoration:none;}
ul#submenu_button a:hover { color: #cccccc; text-decoration:none;}
ul#submenu_button a:active { color: #009900; text-decoration:none;}

/* パンクズリスト */

#pankuzu{
	text-align:left;
	padding-left:0px;
	margin-bottom:10px;
	font-size:90%;
}


/* ページの先頭へ　ボタン*/

ul.pagebottom{
	clear:both;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	height:15px;
	padding: 3px 5px;
	margin:15px 0px 15px 0px;
}
.bottom_to_top {
	list-style:none;
 	background:url(images/totop_point.gif) no-repeat center left;
	text-align:right;
	float:right;
	font-size:90%;
	color:#6699bb;
	padding-left:15px;
}

.bottom_to_back{
	list-style:none;
 	background:url(images/back_point.gif) no-repeat center left;
	float:left;
	clear:both;
	font-size:90%;
	color:#6699bb;
	padding-left:15px;
}

ul.pagebottom  a:link { color: #006600; text-decoration:none;}
ul.pagebottom   a:visited { color: #006600; text-decoration:none;}
ul.pagebottom   a:hover { color: #cccccc; text-decoration:none;}
ul.pagebottom   a:active { color: #006600; text-decoration:none;}


/* div テキストボックス系 */
ul{
	list-style:disc;
}
div.green01{
	text-align:left;
	float:left;
	padding:5px;
	margin:10px 5px;
	background:#f1fbee;
	color:#444444;
}

div.green_290{
	width:290px;
	text-align:left;
	float:left;
	padding:5px;
	background:#f1fbee;
	color:#444444;
}
div.white_300{
	width:300px;
	text-align:left;
	float:left;
	padding:5px;
	background:#ffffff;
	color:#444444;
}
div.white_450{
	width:450px;
	text-align:left;
	float:left;
	padding:5px;
	background:#ffffff;
	color:#444444;
}
div.white_400{
	width:400px;
	text-align:left;
	float:left;
	padding:5px;
	background:#ffffff;
	color:#444444;
}
div.white_600{
	width:600px;
	text-align:left;
	float:left;
	padding:5px;
	background:#ffffff;
	color:#444444;
}
div.white_620{
	width:620px;
	text-align:left;
	float:left;
	padding:5px;
	background:#ffffff;
	color:#444444;
}


div.linkbox{
	color:#003300;
	text-align:left;
	border-left:1px dotted #003300;
	padding:5px 25px 5px 25px;
	margin:2px 5px;
 	background: #e6f9e0 url(images/linkpoint.gif) no-repeat center left;
}

div.gray{
	text-align:left;
	border-bottom:1px dotted #cccccc;
	padding:8px 10px 8px 25px;
	margin:5px 0px;
 	background: #fafafa;
}
div.white{
	text-align:left;
	border-bottom:1px dotted #ffffff;
	padding:8px 10px 8px 25px;
	margin:5px 0px;
 	background: #ffffff;
}

div.linkbox{
 	background:url(images/h4back.gif) #e3f4d4 no-repeat top left;
	padding: 2px 0px 2px 25px;
	margin: 5px 0;
	text-align: left;
	color: #009900;
	clear:both;
	border-bottom:1px dotted #00aa00;
}

/* 画像レイアウト */
.img_300{
	width:310px;
 	background:#c4e2b2;
	font-size:85%;
	text-align:center;
	padding:5px 0px;
}
.img_190{
	width:200px;
 	background:#c4e2b2;
	font-size:85%;
	text-align:center;
	padding:5px 5px;
	margin:3px 3px;
	float:left;
}
.img_left{
 	background:#c4e2b2;
	font-size:85%;
	text-align:center;
	padding:5px 5px;
	margin:3px 3px;
	float:left;
}
.img_90{
	width:100px;
 	background:#c4e2b2;
	font-size:85%;
	text-align:center;
	padding:4px 4px;
	margin:2px 2px;
	float:left;
}
.img_right_150{
	width:160px;
 	background:#bfe898;
	font-size:85%;
	text-align:center;
	padding:5px 0px;
	float:right;
}
.img_right_200{
	width:210px;
 	background:#bfe898;
	font-size:85%;
	text-align:center;
	padding:5px 0px;
	float:right;
}
.img_right_300{
	width:300px;
 	background:#bfe898;
	padding:5px;
	font-size:85%;
	float:right;
	margin-right:5px;
	margin-bottom:5px;
}
.img_right{
 	background:#bfe898;
	padding:5px;
	font-size:85%;
	float:right;
	text-align:center;
}
.img_bord{
	width:200px;
	font-size:85%;
	text-align:center;
	padding:5px 5px;
	margin:3px 3px;
	float:left;
}


/*日本語教室ページの表示切り替えようナド*/
div.show {   
  width: 590px;   
} 
.show h3{
	background: url(images/h3back_dark.gif) no-repeat;
	border-bottom:1px dotted #6bb600;
	font-size:120%;
	color: #ffffff;
	text-align: left;
	margin-bottom:5px;
	padding: 3px 0px 3px 10px;
	clear:both;
	
} 

h3.show {
	background: url(images/h3back_dark.gif) no-repeat;
	border-bottom:1px dotted #6bb600;
	font-size:120%;
	color: #ffffff;
	text-align: left;
	margin-bottom:5px;
	padding: 3px 0px 3px 10px;
	clear:both;
	
}    
.show h5{
 background:url(images/h5back.gif) #dff7d3 no-repeat top left;
  padding: 1px 0px 1px 25px;
  cursor:pointer;
　text-decoration:underline;
  font-size:110%
	
}   

.sub1cshow{
 	background:url(images/border_back_lime.gif);
	float:left;
	padding:10px;
	margin-bottom:0px;
	clear:both;

}

/*イベントスケジュール*/


.sat {
	background: #f0ffff;
}

.sun {
	background: #fff5ee;
}


.categorymenu li{
	list-style-type: none; 
	float:left;
	margin:0px 2px;
 	background:#e6f1f3;
	padding:7px 10px;
	font-size:115%;
	font-weight:bold;
	color:#316f84;
}
.categorymenu li:hover{
	background:#fafafa;
}

.tabsbox{
	min-height:450px;
	background:#fafafa;
	padding:20px;
	border:1px solid #eee;
}

.class_msg{
	clear:both;
	margin:30px 0px;
	width: 630px;
	text-align:center;
	font-size:120%;
	font-weight:bolder;
 	background:url(images/top_newsarea_back.gif);
	border-radius:20px;
	padding:10px;

}
.class_week{
	border-radius:25px;
 	background:url(images/top_newsarea_back.gif);
	float:left;
 	 width: 630px;  
	padding:10px 10px;
	margin-bottom:10px;
	clear:both;
}

.white_week{
	text-align:left;
	border-bottom:1px dotted #ffffff;
	padding:8px 10px 8px 25px;
	margin:5px;
	border-radius:30px;
 	background: #ffffff;
}
.panel h3{
	font-size:120%;
	color:#316f84;
	background:#e6f1f3!important;
	border-left:3px solid #53919a;
	border-bottom:1px dotted #E6E6FA;
}