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



img {
	border:none;
	vertical-align:middle;
	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: #336699;vertical-align:baseline;} 
a:visited { color: #336699;vertical-align:baseline;} 
a:hover { color: #cccccc; vertical-align:baseline;}
a:active { color: #003366; vertical-align:baseline;} 


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

h4 {
	background-repeat: no-repeat;
	font-size:110%;
	padding: 3px 10px 3px 3px;
	margin: 5px 0px 5px 0px;
	text-align: left;
	color: #003366;
	border-bottom:1px dotted #aaaaaa;
}



/* 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{
	margin: 5px 5px 0px 0px;
	padding:5px;
	background:#eeeeee;
	float:left;
	text-align:center;
	font-weight:bold;
}
.img_right{
	margin: 5px;
	float:right;
	text-align:center;
	font-size:85%;
	font-weight:bold;
}

.minitext{
	margin: 5px;
	padding:5px;
	text-align:left;
}

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

#header {
	width:100%;
	height:100px;
	background: url(images/header_top.gif) ;
	text-align:center;
	background-repeat: repeat-x;
}

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

#hd_lang {
	float:right;
	height:30px;
	margin: 15px 10px 0px 10px;
}

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


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

#globalnav{
	width:100%;
	height:50px;
	background: url(images/globalnav_back.gif) ;
	

}


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

#contents {
	text-align:center;
	margin: 0px auto;
	padding-top: 0px;
}

#title {
	width:100%;
	height:50px;
	background-image: url(images/subpage_title_pankuzu.gif);
	background-repeat: repeat-x;
	margin: 0px auto;
	text-align:center;
	padding: 0px;
}
/* フッター 　----------------------------------------*/
#footer {
	width:100%;
	height:40px;
	clear:both;
	background-color: #eeeeee;
	text-align: center;
	margin : 0px auto 0px auto;
	padding :10px 0px;
}


ul#footerlink li {
	margin : 0px 10px 0px 0px;
 	background:url(images/arrow02.gif) no-repeat center left;
	float: left;
	padding:0px 5px 0px 20px;
}
ul#footerlink a:link { color: #000000; text-decoration:none;}
ul#footerlink a:visited { color: #0000000; text-decoration:none;}
ul#footerlink a:hover { color: #aaaaaa; text-decoration:none;}
ul#footerlink a:active { color: #000000; text-decoration:none;}

#copy{
	text-align:center;
	background-color : #003366;
	width:100%;
	height:40px;
	color:#6699bb;
	float:left;
	clear:both;
	padding-top:10px;
}

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

#top_img {
	width:800px;
	height:200px;
	background-image: url(images/top_img_back.jpg);
	background-repeat: no-repeat;
	background-color: #fafafa;
	text-align:center;
	margin: 0px auto 0px auto;
}
#top_news_title{
	float:right;
	margin: 0px;
	width:300px;
	height:30px
}
#top_news{
	background-image: url(images/top_news_back.gif);
	float:right;
	margin: 0p;
}
#top_news_article{
	height:170px;
	background-attachment: fixed;
	overflow-y :auto;
	width:300px;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-arrow-color : #336666;
	scrollbar-base-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-highlight-color : #CCCCCC;
	scrollbar-shadow-color : #CCCCCC;
	scrollbar-track-color : #FFFFFF;
}

#top_news_data{
	clear:both;
	float:left;
	width:75px;
	margin-left:10px;
	text-align:right;
}

#top_news_text{
	float:right;
	width:195px;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}

#top_contents01_right{
	text-align:right;
	float:right;
	background: url(images/top_contents01r_backa.gif) #ffffff no-repeat right top;
	width:480px;
	height:200px;
	margin:20px 0px 20px 0px;
	padding:0 10px;
}

#top_contents01_left{
	float:left;
	width:300px;
	height:200px;
	margin:20px 0px 20px 0px;

}
#top_contents01_text{
	float:right;
	width:450px;
	margin:0px 0px ;
	text-align:left;
}

#top_contents02{
	height:80px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#top_contents02n{
	height:160px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#top_contents03{
	width:100%;
	height:260px;
	background-image: url(images/top_contents03_back.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:10px 0;
}
#top_contents03n{
	width:100%;
	background-repeat: repeat-x;
	margin:0 0 20px 0;
	padding:0;
}

#top_contents03_left{
	float:left;
	width:380px;
	margin:10px 0px;
	text-align:left;

}
#top_contents03_right{
	float:right;
	width:380px;
	margin:10px 0px;
	text-align:left;
}


#top_contents03_green{
	width:100%;
	float:left;
	margin:10px 0;
	padding:10px 10px;
	background-color:#deeac8;
}
#top_contents03_orange{
	float:left;
	width:100%;
	margin:10px 0;
	padding:0px 10px 20px 10px;
	background-color:#eae2c8;
}

#top_contents03_fukidashi{
	background-repeat: no-repeat;
	margin:0px 10px;
	padding:10px;
	background-color:#ffffff;

}

#top_bunners{
	clear:both;
	width:100%;
	background-image: url(images/top_contents03_back.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:20px 0;
}
/*サブページ*/

#subpage_title{
	width:250px;
	float:left;
	text-align:left;
	margin: 0;
	padding:0;
}
#subpage_pankuzu{
	font-size:85%;
	width:530px;
	float:right;
	text-align:left;
	margin: 0;
	padding:13px 0px 0px 0px;
}

#top_contents04{
	font-size:95%;
	width:800px;
	text-align:right;
	margin: 0px auto;
	padding:17px 0px 0px 0px;
}
#subpage_leftmenu{
	float:left;
	width:250px;
	margin-bottom:20px;
	background-color:#f1f1f1;
}
/* サブメニュー 用スタイル*/
#subpage_leftmenulist{ 
	width:250px;
	text-align:left;
	padding-bottom: 20px ;
	min-height:15px;
	border-bottom: 1px dotted #aaaaaa;
	background: #f1f1f1;
}

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

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

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


#center_contents01_right{
	text-align:right;
	float:left;
	width:520px;
	margin:0px 0px 0px 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 0px 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 0px 10px;
	width:480px;
	height:50px;
	color:#528446;
}


/*講座の予定*/

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

/* 3カラムレイアウト用*/
#topinner{ width: 765px;  text-align:center; margin: 0px auto 0px auto;}
#topinnerWrapleft { width : 570px; float:left;  margin:0px;}
#topinnerWrapright { width : 185px; float:right;  margin-top : 10px;}

#quicklink_button {
	width:185px;
	float:left;
	margin-top : 10px;
}
ul#quicklinkbutton li {
	clear: both;
}

#link_button{
	width:190px;
	float:right;
	margin-top : 0px;
}
ul#link_button li {
	margin-top : 5px;
}
/* トップページtopics用 */

#toptopics{
	width:360px;
	float:right;
	margin-right:10px;
}

#toptopics_list{
	width:360px;
	clear:both;
}

#toptopics_date {
	width:80px;
	float:left;
	padding-top: 4px;
}

#toptopics_text {
	width:275px;
	float:right;
	text-align:left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom:1px dotted #cccccc;
}

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

/* パンクズリスト */

#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 0px 15px 0px;
}
#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;
}

#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 20px 0px;
}

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

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

/* リスト*/
ul#baselist{
	display:list-item;
	padding: 0px 0px 0px 15px;
}
ul#baselist li{
 	list-style: url(images/arrow09.gif) disc  outside;
}



/* 画像装飾 */
#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 solid #cccccc;
	padding:10px 25px;
	margin:2px 0px;
 	background:url(images/arrow06.gif) no-repeat top left #fafafa;
}
div#article02{
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px;
	margin:10px 0px;
 	background:#f1f1f1;
}
div#article03{
	text-align:left;
	padding:10px;
 	background:#f1f1f1;
}

/* 個別設定id */