/* CSS RULES */
* {
	font-size:100%;
	line-height:1.6;
	margin:0px;
	padding:0px;
	list-style:none;
}


body {
	font-size:13px;
	font-family : 'sans-serif', 'serif';
	color:#333333;
	background-color:#FFFFFF;
	padding: 0px;
	margin:0px;
	text-align:center;
	background: url(images/header_top.gif) ;
	background-repeat: repeat-x;

}

img {
	border:none;
	vertical-align: text-bottom; 
	padding: 0px;
	margin: 0px;
}
table {
	padding: 0px;
	margin: 0px;
}

p {
	margin:7px 5px;
	text-align:left;
}
caption{
	text-align:left;
	caption-side: top;
	font-size:85%;
	font-weight:bold;
	color:#333333;

}

/* アンカー */
a:link { color: #cc6600;} 
a:visited { color: #cc6600;} 
a:hover { color: #cccccc; }
a:active { color: #cc6600; } 


/* 見出し */
h1 {
	background-image: url(images/h1back.gif);
	background-repeat: no-repeat;
	font-size:140%;
	padding: 10px 0 0 30px;
	text-align: left;
	color: #663300;
	width:520px;
	height:50px;
	margin-bottom:10px;
	clear:both;
}


h2 {
	background-image: url(images/h2back_orange.gif);
	background-repeat: no-repeat;
	font-size:110%;
	padding: 5px 0px 3px 25px;
	text-align: left;
	color: #330000;
	border-bottom:1px dotted #ffb21c;
	clear:both;
}

h3 {
 	background:url(images/arrow09.gif) no-repeat top left;
	font-size:100%;
	padding: 1px 10px 1px 15px;
	text-align: left;
	margin: 5px 0px 5px 0px;
	color: #494949;
}

h4 {
	background: #f5f4bd;
	padding: 2px 3px;
	margin: 10px 0;
	text-align: left;
	color: #4a360e;
	border-top:1px dotted #ffb21c;
	border-bottom:1px dotted #ffb21c;
}



/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  line-height:0; 
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 回り込み回避 */
.nofloat{
	clear:both;
}


/* 画像レイアウト */
.img_left{
	width:150px;
	background-color:#eeeeee;
	padding:5px;
	margin: 3px;
	font-size:85%;
	float:left;
	text-align:center;
}
.img_right{
	width:150px;
	background-color:#eeeeee;
	padding:5px;
	margin: 3px;
	float:right;
	text-align:center;
	font-size:85%;
}

.img_free_left{
	background-color:#eeeeee;
	padding:5px;
	margin: 3px;
	font-size:85%;
	float:left;
	text-align:center;
}
.img_free_right{
	background-color:#eeeeee;
	padding:5px;
	margin: 3px;
	float:right;
	text-align:center;
	font-size:85%;
}
.minitext{
	font-size:85%;
	color:#624c01;
	margin: 5px;
}
.righttext{
	margin-top:10px;
	text-align:right;
}

/*ページ共通---------------------------------------*/
.container{
	width:800px;
	margin: 0 auto;
	text-align:center;
}

/*ヘッダー ----------------------------------------*/

#header {
	width:100%;
	height:100px;
	text-align:center;
}

#hd_title_bnr {
	width:500px;
	height:80px;
	float:left;
	margin:10px 0px;
}

#hd_lang {
	width:220px;
	float:right;
	height:30px;
	margin: 5px 10px 0 10px;
}

#hd_access {
	width:220px;
	float:right;
	height:40px;
	margin: 10px 10px;
}


/*グローバルナビゲーション ----------------------------------------*/

#globalnav{
	paddign:0px;
	margin:0px;
	width:100%;
	height:50px;

}


/* コンテンツエリア 共通スタイル----------------------------------------*/

#contents {
	text-align:center;
	margin: 0px auto;
	padding-top: 0px;
}
#container_left{
	width:550px;
	float:left;
	margin:0px 0;
}
#container_right{
	width:230px;
	float:right;
	margin:3px 0;
}
#title {
	width:800px;
	height:40px;
	background-image: url(images/top_rubytitle.gif);
	background-repeat:  no-repeat;
	margin: 3px auto 10px auto;
	text-align:center;
}

#top_contents04{
	font-size:90%;
	width:800px;
	text-align:right;
	margin: 0;
	padding:10px 10px 0px 0px;
}
/* フッター 　----------------------------------------*/
#footer {
	clear:both;
	margin: 10px auto 0px auto;
	text-align:center;
}


#footer_container{
	text-align: center;
	padding:5px;
	font-size:90%;
	border-top:1px dotted #aaaaaa;
	background:#eeeeee;
}


#copy{
	text-align:center;
	background-color : #de9905;
	color:#ffffff;
	height:30px;
	margin : 0px auto 0px auto;
	clear:both;
	padding-top:5px;
}

/*トップページ部品 ----------------------------------------*/


#top_img {
	padding:0px 0px 20px 0px;
	width:100%;
	background: url(images/topimg_back.gif) repeat-x;
	text-align:center;
	margin: 10px auto 0px auto;
}
#top_news_title{
	float:right;
	margin: 0px;
	width:300px;
	height:30px
}


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

#top_article{
	padding:5px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #f2dfb2;
}
#top_article01{
/*	background: url(images/top_soudan_back1.gif);
	border-bottom:3px solid #f2dfb2;*/
	padding:10px ;
	margin:0px 0px 0px 0px;
}
#top_article02{
	background: #f4fef1;
	border-bottom:1px solid #98cb89;
	padding:5px 0px;
	margin:0px 0px 0px 0px;
}
#top_article_gray{
	background-image: url(images/tablebg.gif);
	padding: 5px 10px;
	text-align:left;
}
#top_article_white{
	text-align:left;
	padding: 5px 10px;
}
#top_article_date{
	width:55px;
	float:left;
	margin:0px;
	font-weight:bolder;
	text-align:left;
}
#top_article_text{
	width:450px;
	float:right;
	margin:0px;
}

#top_backnumber{
	height:30px;
	margin-top:5px;
	padding:3px 20px 0px 0px;
	text-align:right;
 	background:url(images/backnumber_back.gif) ;
}
 
#top_center_back{
	padding:10px;
	margin:0px 0px 0px 0px;
/*	background: url(images/top_soudan_back1.gif);*/
}
#top_links{
	margin-bottom:15px;

}
#top_link_text{
	margin-bottom:15px;
	text-align:left;
	padding:5px;
	background-color:#fbf8ed;

}

#top_pic{
	text-align:center;
	padding:0px;
	border:1px dotted #85ce30;
 	background:#edfae4;
}
#top_sche{
	padding: 0px 10px;
	margin: 0px;
 	background:url(images/sche_table_mid.gif) repeat-y;
}



/*　トップ相談部*/

.top_soudan{
	width:550px;
	float:left;
	background: #fff9b1;
	padding:5px 5px;
	border-bottom:3px solid #fafafa;
}
.top_soudan1{
	width:250px;
	height:100px;
	float:left;
	margin:10px;
	background:fafbe7;
	border-bottom:1px dotted #ffa200;
}

.top_soudan2{
	width:250px;
	height:100px;
	float:left;
	background: url(images/top_soudan_back2.gif);
	border-bottom:3px solid #98cb89;
	border-right:3px solid #98cb89;
	background:#f5fbea;
	margin:10px;
}
.top_soudan_pic{
	padding:10px;

}

.top_soudan_category{
	width:220px;
	text-align:left;
	margin:10px 0px 0px 5px;
	padding:3px;
	font-size:90%;

}
.top_soudan_name1{
	background: url(images/zemitop_back.gif);
	text-align:center;
	color:#666666;
	padding:3px;


}
.top_soudan_name2{
	background: url(images/zemitop_back2.gif);
	text-align:center;
	color:#ffffff;
	padding:3px;


}
.top_soudan_catch{
	background: url(images/zemi_bottom_back.gif) no-repeat;
	font-size:90%;
	width:220px;
	text-align:left;
	padding:12px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #f2dfb2;

}

/*サブページ*/

#subpage_title{
	width:250px;
	float:left;
	text-align:left;
	margin: 0;
	padding:0;
}
#subpage_pankuzu{
	font-size:90%;
	width:520px;
	heigh:40px;
	float:right;
	text-align:left;
	margin: 10px 0px;
	padding:13px 0 0 0px;
}

#subpage_leftmenu{
	float:left;
	width:250px;
	margin-top:10px;
	background-color:#ffef83;
}
/* サブメニュー 用スタイル*/
#subpage_leftmenulist{ 
	width:250px;
	text-align:left;
	padding-bottom: 10px ;
	min-height:15px;
	border-bottom: 1px dotted #aaaaaa;
	background: #efefd5;
}

ul#subpage_leftmenulist {
 	list-style:none;
}
ul#subpage_leftmenulist li {
 	list-style:none;
}

#leftmenulist_main  {
 	list-style:none;
	color:#573c09;
	padding: 5px 0px 5px 15px;
	background: #efefd5;
	font-size:110%;
	font-weight:bolder;
	
}
#leftmenulist_sub  {
 	list-style:none;
 	background:url(images/arrow06.gif) no-repeat top left #fffded;
	margin:0 10px;
	padding: 8px 0px 8px 25px;
	border-top: 1px dotted #aaaaaa;
}

/*センターについて*/


#center_contents01_right{
	text-align:right;
	float:left;
	width:520px;
	margin:0px 0 0 20px;
}

#center_green{
	text-align:center;
	float:right;
	width:250px;
	margin-bottom:10px;
	padding:10px 0;
	background-color:#eaeaea;
}
#center_orange{
	text-align:center;
	float:right;
	width:250px;
	margin-bottom:10px;
	padding:10px 0;
	background-color:#e6f0f5;
}

#center_fukidashi{
	background-repeat: no-repeat;
	text-align:left;
	width:230px;
	padding:10px;
	background-color:#ffffff;
}

div#center_article{
	text-align:left;
	padding:0;
	margin-bottom:10px;
	width:520px;
}
#center_text{
	margin:5px 0px ;
}

#text_right{
	text-align:right;
}

/*教室の様子*/

#pic_contents01{
	float:right;
	text-align:left;
	width:520px;
	margin:0px 10px 30px 0px;
}
#pic_green{
	padding:15px 15px 0px 15px;
	margin-bottom:20px;
	background-color:#e3ebef;
	border-bottom:3px solid #72a3c5;
}
#pic_orange{
	padding:15px 15px 0px 15px;
	margin-bottom:20px;
	background-color:#eaefe3;
	border-bottom:3px solid #80a476;
}

#pic_fukidashi{
	background-repeat: no-repeat;
	text-align:left;
	padding:10px 10px;
	background-color:#ffffff;
}

#pic_text{
	float:right; 
	text-align:left;
	padding-left:10px ;
	background-color:#ffffff;
}
#pic_name{
 	background:url(images/voicebottom.gif) no-repeat top left;
	padding:18px 0px 0 10px;
	margin-right:0px;
	width:480px;
	height:50px;
	color:#003399;
}
#pic_place{
	font-size:90%;
 	background:url(images/photobottom.gif) no-repeat top left;
	padding:18px 0px 0 10px;
	width:480px;
	height:50px;
	color:#528446;
}


/*講座の予定*/

#class_contents01{
	float:right;
	text-align:left;
	width:520px;
	margin:0px 10px 30px 0px;
}


/* サブページ共通  ----------------------------------------*/

/* パンクズリスト */

#pankuzu{
	text-align:left;
	padding-left:20px;
	margin-bottom:15px;
}

/* 2カラムレイアウト用*/

#subpage_left{ 
	width :180px; 
	float:left; 
	margin : 0px 0px 0px 20px;
	padding-right:0px;
	background:#fafafa;
	height:97%;
}

#subpage_right{ width : 570px; float:right;  margin:15px 20px 0px 0px;}

/* サブメニュー 用スタイル*/
#submenu_button {
	font-size:90%;
	width:160px;
	text-align:left;
	margin-top : 0px;
	padding: 0px 10px 0px 10px;
	min-height:15px;
	background: #fafafa;
	border-bottom: 1px dotted #aaaaaa;
}

ul#submenu_button li {
 	list-style:none;
 	background:url(images/arrow01.gif) no-repeat center left;
	padding: 5px 0px 5px 15px;
	border-top: 1px dotted #aaaaaa;
}

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

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

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

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


#go_titlelist {
	text-align:right;
	font-size:90%;
	color:#6699bb;
	border-bottom:1px dotted #cccccc;
	height:15px;
	padding: 3px 10px;
	margin:0px;
}


/* サブページ部品 */

/* テーブル */
table#basetable{
	margin: 0px 0px 0px 0px;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}

#basetable th {
	background-image: url(images/tablebg.gif);
	border-bottom: 1px #cccccc solid;
	padding: 3px 10px;
	text-align:left;
	border-left: 1px #cccccc solid;
}

#basetable td {
	background:#ffffff;;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	padding: 3px 10px;
}

/* リスト*/
ul#baselist{
	text-align:left;
	margin-top : 0px;
	padding: 0px 10px 0px 10px;
}

ul#baselist li {
 	list-style:none;
 	background:url(images/arrow09.gif) no-repeat center left;
	padding: 2px 0px 2px 15px;
}

/* 画像装飾 */
#imgback_01{
	background-image: url(images/white_check.gif);
	padding: 2px;
	color:#333333;
	border: 2px solid #eeeeee;
}


/* 装飾テキスト */

div.article01{
	text-align:left;
	border-bottom:1px dotted #cccccc;
	padding:8px 10px 8px 25px;
	margin:5px 0px;
 	background:url(images/arrow06.gif) no-repeat top left #fafafa;
}
div.article02{
	text-align:left;
	padding:5px;
	margin:0px 0px 5px 0px;
	font-size:88%;
	color:#532f1e;
 	background:#fafae3;
}
div.article02_1{
	text-align:left;
	padding:5px;
	margin:5px;
 	background:#ffffff;
	color:#532f1e;
}
div.article03{
	text-align:left;
	padding:10px;
 	background:#f1f1f1;
	background-image: url(images/tablebg.gif);
	margin:10px 0px;
	border-bottom:1px dotted #cccccc;
}
div.article04{
	font-size:90%;
	text-align:left;
	padding:10px;
 	background:#ffffff;
	margin:10px 0px;
	border-bottom:1px dotted #cccccc;
}


/* 個別設定id */
#article_schedule{
	width:510px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-top:1px solid #ffa902;
}

#article_sche_date{
	float:left;a
	width:60px;
	padding:3px;
	color:#555555;
	background:#ffed98;
}
#article_sche_text{
	float:right;
	width:430px;
	background:#fafafa;
	padding:5px;
}

div#topsche01{
	text-align:left;
	border-top:4px solid #fbf4a1;
	border-bottom:1px solid #dba729;
	padding:5px 25px;
	margin-bottom:0px;
 	background:url(images/arrow06.gif) no-repeat top left #fafafa;
}

div#topsche02{
	text-align:left;
	border-top:4px solid #e3f899;
	border-bottom:1px solid #6e8d03;
	padding:5px 25px;
	margin-bottom:0px;
 	background:url(images/arrow06.gif) no-repeat top left #fafafa;
}
.soudan{
	text-align:left;
	margin:0px 0px;
	padding-left:5px;
 	background:#fafafa;

}
.soudan2{
	text-align:left;
	margin:0px;
	padding-left:10px;
 	background:#fafafa;

}

.soudanInfo{
	width:295px;
	margin:5px 0px;
	float:left;
}
.soudanimg{
	text-align:left;
	margin:0px 0px;
	padding: 5px;
}