/*>>>>>>>>>>>>> BODY <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/back.gif)
}

a:link, a:visited {
	color: #004f00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ff9900;
}

.tb {
	border-top: 5px solid #009900;
	border-right: 1px solid #666666;
	border-bottom: 10px solid #009900;
	border-left: 1px solid #666666;
	font-family: "Verdana", "sans-serif", "MS UI Gothic", "ͣ Хå", "Osaka";
	font-size: 13px;
	color: #333333;
	line-height: 20px;
	letter-spacing: 1px;
	background-color: #ffffff;
	line-break: strict;
}

.footer {
	font-size:11px;
	text-align: center;
	letter-spacing: normal;
	padding: 5px;
	border-top: 1px solid #cccccc;
}

/*>>>>>>>>>>>>> FONT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.f01 { font-size: 12px;	line-height: 20px; }
.f02 { font-size: 10px;	text-align: left; padding: 10px 30px; }
.f03 {		/*	evevt	*/
	text-align: left;
	line-height: 18px;
	padding: 5px; 
	background-color: #F2F2F2;
}

.f04 { font-weight: bold; color: #009900; }
.f05 { font-weight: bold; color: #FF6600; }
.must { font-size:10px; color:#FF0000; }

/*>>>>>>>>>>>>> INDEX <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.header {
	padding-top: 35px;
}

.ob { margin: 10px; font-size:12px; line-height: 18px; border: 1px solid #ff6600; }
.ob th { background-color: #ff6600; color: #ffffff; height: 20px; }
.ob td { background-color: #ffffff; padding: 10px; }

/**** Top image **************************************/
.headimg {
	border-top: 5px solid #c9f278;
	border-bottom: 4px solid #b1d863;
}

/**** Main **************************************/
/*--- Left  ---------------------------*/
.leftTD {
	background-color: #E8F3FF;
	padding: 5px;
}

.leftBOX {
	background-color: #BBDBFF;
	margin: 5px;
	width: 180px;
	padding: 5px 5px 3px 5px;
}

.leftBOX_02 {
	margin: 0px 5px;
	width: 180px;
	padding: 0px 5px;
	line-height: 18px;
}

/*--- Middle  ---------------------------*/
.voice, .voice02 {
	margin-top: 20px;
}

.voice ul {
	list-style: url(images/y01.gif) none outside;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
	margin-right: 15px;
}

.voice li, .voice02 li {
	border-bottom: 1px dashed #cccccc;
}

.voice02 ul {
	list-style: url(images/y02.gif) none outside;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
	margin-right: 15px;
}

.LRline {
	border-left: 1px solid #CCCCCC ;
	border-right: 1px solid #CCCCCC ;
}

/*--- Right  ---------------------------*/
.rightTD {
	width: 150px;
	background-image:url(images/back_w.jpg) ;
	background-repeat: repeat-x;
	margin: 5px;
	height: 530px;
	text-align: center;
}

.rightTD ul {
	list-style: url(images/y03.gif) none outside;
	line-height: 18px;
	text-align: left;
	margin: 5px;
	padding-left: 15px;
}

/*>>>>>>>>>>>>> 2-tier  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/**** Heder **************************************/
.headTitle {
	border-top: 5px solid #009900;
	border-bottom: 4px solid #B1D863;
}

/**** PageNavi **************************************/
#pageNav{
	margin: 0px;
	padding: 0px;
	background-color: #EAFACA;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}

#pageNav ul {
	margin: 0px;
	padding: 0px;
}

#pageNav li {
	border-bottom: 1px solid #eeeeee;
	list-style: none;
}

#pageLinks a {
	display: block;
	border-top: 1px solid #dddddd;
	padding: 3px 0px 3px 10px;
}

#pageLinks a:hover {
	background-color: #FFE9B9;
	text-decoration: none;
	color: #006600;
}

.visit {
	background-color: #FFE9B9;
	text-decoration: none;
	color: #006600;
}

/*--- submenu  ---------------------------*/
#pageLinks ul ul li {
	border: none;
	list-style: disc outside;
}

#pageLinks ul ul {
	margin: 0px;
	padding: 10px 10px 10px 30px;
	color: #FF9900;
	border: none;
}

#pageLinks ul ul a {
	display: inline;
	font-weight: normal;
	padding: 0px;
	color: #006600;
	text-decoration: none;
	border: none;
}

#pageLinks ul ul a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #FF6600;
}

/*--- pagetop  ---------------------------*/
#pagetop {
	padding: 40px 40px 20px 0px;
	text-align: right;
	clear: both;	/* added by iisaka */
}

.gotop {
	font-size: 10px;
	text-align: right;
	padding: 10px 30px 20px 0px;
}

.faq .gotop {
	font-size: 10px;
	text-align: right;
	margin: 0px 35px 10px 35px;
	padding: 0px;
	border-bottom: 1px dashed #cccccc;
}

/**** Main **************************************/
.main, .about, .life, .guidance, .effort, .faq, .effort02, .effort03 {
	width: 500px;
	margin: 0px 20px 0px 50px;
}

.repoMain {
	width: 480px;
	margin: 0px 35px 0px 35px;
}

.mainTXT {
	padding: 10px 25px;
}

.profile {
	width: 450px;
	margin: 10px 0px 0px 50px;
	padding: 10px 20px 20px 20px;
	text-align: left;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

/*--- H 1  ---------------------------*/
h1 {
	font-size: 20px;
	color: #666666;
	margin: 20px 20px 10px 50px;
	padding: 10px 0px;
	width: 500px;
}

.repoMain h1 {
	font-size: 20px;
	color: #666666;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px;
	width: 480px;
}

h1.c_a {
	background-image: url(images/club/01_line.gif);
}

h1.c_b {
	background-image: url(images/club/02_line.gif);
}

h1.v_a {
	background-image: url(images/voice/01_line.gif);
}

h1.v_b {
	background-image: url(images/voice/02_line.gif);
}

h1.v_c {
	background-image: url(images/voice/03_line.gif);
}

h1.v_d {
	background-image: url(images/voice/04_line.gif);
}

h1.repo {
	background-image: url(images/report/line.gif);
	width: 480px;
	margin: 20px 35px 10px 35px;
}

/*--- H 2  ---------------------------*/
h2 {
	font-size: 15px;
	color: #666666;
}

h2.blue {	/* club */
	color: #3194FF;
	width: 500px;
	padding: 5px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px dashed #999999;
	clear: both;	/* added by iisaka */
}

h2.orange {	/* club */
	color: #FF8E1E;
	width: 500px;
	padding: 5px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px dashed #999999;
	clear: both;	/* added by iisaka */
}

h2.name {
	color: #333333;
	border-bottom: 1px dashed #999999;
}

.profile h2 {
	color: #333333;
	border-bottom: 1px dashed #999999;
}

.about h2 {
	margin: 10px 0px 0px 0px;
}

.guidance h2 {
	color: #fdb102;
	border-bottom: 1px dashed #ffcc66;
	margin: 20px 0px 5px 0px;
}

.effort h2 {
	color: #ff9900;
	margin: 10px 0px;
	padding: 5px 10px;
	background-color: #ffffe6;
	border-top: 1px solid #ff9900;
	border-bottom: 1px dashed #ff9900;
}

.effort h2.small {
	font-size: 13px;
	letter-spacing: normal;
}

.faq h2 {
	font-size: 13px;
	color: #009900;
	margin: 10px 25px;
	line-height: normal;
}

/**** FORM **************************************/
.form {
	width: 550px;
	margin: 20px 105px;
}
/*
.form p:first-letter {
	font-size: 9px;
	color:#ff0000;
}
*/

.form_tbl {
	border: 1px solid #cccccc;
	border-right: 2px solid #cccccc;  
}

.form_tbl th {
	width: 156px;
	background-color: #EAFACA;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;  
	padding: 5px 10px 5px 0px;
	color: #21536A;
	font-weight: normal;
	text-align: right;
}

.form_tbl td {
	width: 360px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;  
	padding: 7px 10px 7px 10px;
	color: #21536A;
}


/* add by akita */
.form_tbl dl {
	margin-top: 0px;
}
.form_tbl dt {
	padding-left: 10px;
}


/**** KoshinTool **************************************/
/* --by iisaka
<div id="pageLink">
  <a href="...">Menu 1</a>
  <a href="...">Menu 2</a><!-- 'br' is unnecessary here. see '#pageLink'. -->
  <div id="subLinks">
    <ul><!-- 'li' needs 'ul' or 'ul'. -->
      <li><a href="...">List 1</a></li>
      <li><a href="...">List 2</a></li>
      <li><a href="...">List 3</a></li>
    </ul>
  </div>
  <a href="...">Menu 3</a>
</div>
*/
#subLinks {	/* use inside '#pageLink'... by iisaka */
	margin: 10px 0px 10px 35px;
	padding: 0px;
	color: #FF9900;
}
/* added by iisaka --start */
#subLinks ul, #subLinks ul li {
	margin: 0px;
	padding: 0px;
	list-style: none disc outside;
}
#subLinks a {
	display: inline;
	border: none;
	font-weight: normal;
	padding: 0px;
	color: #006600;
	text-decoration: none;
}
#subLinks a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #FF6600;
}
/* added by iisaka --end */
.sub {
	font-size: 12px;
	text-align: right;
	padding-left: 15px;
}

.imgleft {
	float: left;
	margin: 10px;
}

.imgright {
	float: right;
	margin: 10px;
}
/* added by iisaka -- start */
.main_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.right_space {
	margin: 0px;
	float: right;
}
.right_space td {
	margin: 0px;
	padding: 0px;
}
.right_space img {
	margin-left: 10px;
	margin-bottom: 20px;
}
/* added by iisaka -- end */

.PrevNext {
	margin: 20px 0px 20px 0px;
	padding: 5px 10px; 
	border-top: 1px dashed #999999;
	border-bottom: 1px solid #999999;
	clear:both;
}
/* added by iisaka --start */
.PrevNext .Prev {
	float:left;
}
.PrevNext .Next {
	text-align:right;
}
.update {
	text-align:right;
	font-size: 10px;
}
/* added by iisaka --end */

/**** PROFILE **************************************/
/*--- index  ---------------------------*/
.profile ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
}

/*--- HISTORY  ---------------------------*/
.history {
	border: 1px solid #663300;
	padding: 10px 25px;
	line-height: 25px;
}

.history_b {
	border: 1px solid #663300;
	padding: 10px 25px;
	color: #663300;
}

.history a:link, .history a:visited {
	color: #cc6600;
	font-weight: bold;
}

.history a:hover {
	text-decoration: underline;
	color: #FF6600;
	font-weight: bold;
}

/**** LIFE **************************************/
/*--- CLUB  ---------------------------*/
.club1 a:link, .club1 a:visited {
	font-size: 15px;
	font-weight: 600;
	color: #0075EA;
	line-height: 30px;
	text-decoration: none;
}

.club2 a:link, .club2 a:visited {
	font-size: 15px;
	font-weight: 600;
	color: #FF8E1E;
	line-height: 30px;
	text-decoration: none;
}

.club1 li {
	border-bottom: 1px dotted #0075EA;
	list-style: none;
	margin-right: 40px;
	text-align: center;
}

.club2 li {
	border-bottom: 1px dotted #FF8E1E;
	list-style: none;
	margin-right: 40px;
	text-align: center;
}

/*--- house  ---------------------------*/
.house th {
	padding-right: 50px;
	text-align: left;
	font-weight: normal;
}

/*
.time {
	width: 50px;
	text-align: right;
	color: #333333;
	line-height: 14px;
	padding: 10px 10px 10px 0px;
	border-bottom: 1px solid #0099cc;
}

*/

/*--- EVENT  ---------------------------*/
.event ul {
	margin: 0px 0px 10px 10px;
	padding: 10px 15px;
	list-style-type: square;
}

.eBack {
	background-image: url(images/life/e_back.gif);
}

.evLimg {
	 float: left;
	 margin-right: 10px;
}


/*--- DAY LIFE  -----------------------*/

div.daykk {
	background:url(images/life/day-kk_bg.jpg) repeat-y;
	border-bottom:1px solid #0099cc;
	padding-bottom:10px;
	}
	
div.dayri {
	background:url(images/life/day-ri_bg.jpg) repeat-y;
	border-bottom:1px solid #FF6699;
	padding-bottom:10px;
	}
	
div.dayss {
	background:url(images/life/day-ss_bg.jpg) repeat-y;
	border-bottom:1px solid #00cc24;
	padding-bottom:10px;
	}
	
div.daykk p, div.dayri p, div.dayss p { margin: 0px 10px 10px 60px }


/**** GUIDANCE **************************************/
.rate, .gyoji {
	background-color: #FF9999;
	text-align: center;
}

.rate1 {
	background-color: #fff4f4;
	padding: 2px 0px;
}

.rate2 {
	background-color: #ffffff;
	padding: 2px 0px;
}

.rate th {
	background-color: #ffe6e6;
	color: #666666;
	padding: 3px 0px;
}

/*--- gyoji  ---------------------------*/
.gyoji {
	background-color: #009900;
	text-align: center;
}

.gyoji1 {
	background-color: #DEEFB2;
	color: #006600;
	padding: 3px 0px;
	font-weight: bold;
	width: 150px;
}

.gyoji2 {
	background-color: #ffffff;
	padding: 5px;
	text-align:left
}

.gyoji3 {
	background-image: url(images/guidance/g01_back.gif);
	padding: 5px 10px;
	text-align:left;
	color: #405B00;
	letter-spacing: 0px;
}

/**** ADDMISSION **************************************/
/*--- BRIEFING  ---------------------------*/
.adTbl, .adTbl2 {
	text-align: center;
	background-color: #999999;
	margin-bottom:20px;
}

.adTbl th {
	width: 100px;
	padding: 2px 0px; 
	line-height: 15px;
	background-color: #ffe9b9;
	font-weight: normal;
}

.adTbl td, .adTbl2 td {
	padding: 2px 10px; 
	background-color: #ffffff;
	width:
}

.Lt {
	text-align: left;
}

/*--- expense  ---------------------------*/
.adTbl2 th {
	width: 205px;
	padding: 2px 0px; 
	line-height: 15px;
	background-color: #ffe9b9;
	font-weight: normal;
}

.adTbl2 table {
	padding: 2px; 
	line-height: 18px;
	text-align: left;
}

/*--- BRIEFING  ---------------------------*/
.briefingTXT {
	text-align: left;
	line-height: 25px;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0px 25px 10px 40px;
}

.briefing {
	width: 450px;
	line-height: 18px;
	text-align: left;
	margin-left: 25px;
	margin-bottom: 20px; 
}

.briefing li {
	font-size: 15px;
	font-weight: 600;
	color: #666666;
	text-align: center;
	line-height: 30px;
	margin: 0px 80px 0px 40px;
	list-style: none;
	border-bottom: 1px dotted #666666;
}

/*------ FAQ -----------------*/
.faq ul {
	list-style: square outside;
	color: #FF9900;
	margin-top: 3px;
}

.faq p {
	text-align: left;
	margin: 10px 60px;
}

/**** CURRICULUM **************************************/
.couse {
	width: 225px;
	background-color: #FFFBEC;
	border: 1px dotted #FFCC00;
}

.curriTXT {
	color: #663300;
	margin: 10px 0px;
}

.curriculum {
	background-image: url(images/curriculum/note_back.gif);
	text-align: center;
}

/*------ CHART -----------------*/
.chart, .chart2 {
	background-color: #999999;
	text-align: center;
	font-size: 10px;
}

.chart th, .chart2 th {
	background-color: #F2F1EA; 
	font-weight: normal;
}

.chart td, .chart2 td {
	background-color: #ffffff;
}

.c1 {
	font-size: 15px !important
	font-weight: bold !important
	background-color: #FFEA95 !important
}

.c2 {
	font-size: 14px !important
	font-weight: bold !important
	background-color: #ddddbb !important
}

.c3 {
	background-color: #fff4c8 !important
}

.c4 {
	background-color: #F9f9F5 !important
}



/* added by iisaka */
.s14px {
	font-size: 14px;
}
.s14pxBoldGreen {
	font-size: 14px;
	font-weight: bold;
	color:#009900;
}
.s10px {
	font-size: 10px;
}



/* added by akita */
.effort02 h2 {
	color: #006699;
	margin: 10px 0px;
	padding: 5px 10px;
	background-color: #ffffe6;
	border-top: 1px solid #006699;
	border-bottom: 1px dashed #006699;
}

.effort02 h3 {
	color: #0099CC;
	font-size:14px;
}

.effort03 h2 {
	color: #336633;
	margin: 10px 0px;
	padding: 5px 10px;
	background-color: #E2F5C9;
	border-top: 1px solid #336633;
	border-bottom: 1px dashed #336633;
}

.rate02 {
	background-color: #FF9900;
	text-align: center;
}

.rate3 {
	background-color: #FFE6AA;
	padding: 2px 0px;
}