@charset "UTF-8";

/* ************************************** 
------------------------------------------
 2009/12/20
-----------------------------------------
************************************** */




/* ************************************************ 
 *	全体 
 * ************************************************ */
pre, pre+p, p+p { margin: 1em 0 0; }
code { font-family: "Courier New", Courier, monospace; }

 
html, body { margin: 0px;padding: 0px;  }
h1, h2, h3,h4, h6  { margin: 0px;padding: 0px; }

h5 {margin: 0px 5px 5px 5px;
	padding: 0px 0px;
	line-height: 18px;
	color:#333;
	}
h5 span { font-weight:normal;}

p { 
	margin: 2px 0px 10px 0px;
	padding: 0px 5px;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";
	font-size: 90%;
	line-height: 19px;
	letter-spacing: 1px;
	text-align: left;
	}

caption { color: #ff0000; }
strong { color: #333;font-weight:bold; }
em { color: #666;font-weight:bold; font-size:80%; font-weight:normal;}


/* --- ul / li / ol ---*/
ul { margin: 0px;padding: 0px; }
ol { margin: 0px;padding: 0px; }
li { margin: 0px;padding: 0px; }


/* --- fonts / span ---*/

.fbold { font-weight:bold;}
.fbold-brn{font-weight:bold;  color:#985000;}
.f80-bk { margin:0px 0px 0px 15px; padding:0px; font-size:80%; color:#333;}
.f90-bk { margin:0px 0px 0px 15px; padding:0px; font-size:90%; color:#333;}
.f90-bk-RL { margin:0px 25px 0px 25px; padding:0px; font-size:90%; color:#666;}
.f100-bk { margin:0px 0px 0px 15px; padding:0px; font-size:100%; color:#333;}
.f80-bk-RL { margin:10px 15px 0px 15px; padding:0px; font-size:80%; color:#666;}

.f80-bk0 { margin:0px 0px 0px 0px; padding:0px; font-size:80%; color:#333;}
.f70-bk { margin:0px 0px 0px 15px; padding:0px; font-size:70%; color:#333;}
.f70-bk-bold { margin:0px 0px 0px 15px; padding:0px; font-size:70%; color:#333; font-weight:bolder;}


.f80-red { margin:0px 0px 0px 15px; padding:0px; font-size:80%; color:#A82728;}
.f90-red-RL{margin:0px 0px 0px 0px; padding:0px; font-size:90%; color:#A82728;}
.f90-red { margin:0px 0px 0px 15px; padding:0px; font-size:90%; color:#A82728;}
.f80-red0 { margin:0px 0px 0px 0px; padding:0px; font-size:80%; color:#A82728;}
.f70-red { margin:0px 0px 0px 15px; padding:0px; font-size:70%; color:#A82728;}
.f70-red-bold { margin:0px 0px 0px 15px; padding:0px; font-size:70%; color:#A82728; font-weight:bolder;}


.f80-666 { margin:0px 0px 0px 15px; padding:0px; font-size:80%; color:#666;}
.f70-666 { margin:0px 0px 0px 15px; padding:0px; font-size:70%; color:#666;}

.f80-663300 { margin:0px 0px 0px 0px; padding:0px; font-size:80%; color:#ac6e2f;font-weight:bolder;}


.right-font-bk { margin:0px 5px 0px 0px; padding:0px; font-size:60%; color:#A82728;text-align:right;}

div.bigFontNote { margin:0px 0px 0px 300px ; padding:10px; 
	font-size:16px; line-height: 24px;letter-spacing: 1px;
	color:#333; font-weight: bold;
	border:1px solid #999; background-color:#FFC;
	}

div.bigFontNote a:link, div.bigFontNote a:visited { 
	color:#A82728; 
	text-decoration: underline; 
	}

div.bigFontNote a:hover { 
	color:#A82728;
	text-decoration: none; 
	}	
	

.nyugakuNote { margin:0px 0px 0px 0px ; padding:10px; 
	font-size:14px; line-height: 24px;letter-spacing: 1px;
	color:#985000;
	border:1px solid  #e8c060; background-color:#fffae1;
	}

/* --- table---*/
table  { margin: 0px;padding: 0px; }
tr  { margin: 0px;padding: 0px; }
td  { margin: 0px;padding: 0px; }
th  { margin: 0px;padding: 0px; color:#787878;font-weight: normal;}



/* --- alink ---
a:link,a:visited { 
	font-size:13px;
	color:#666; 
	text-decoration: underline; 
	font-weight: bold;
	}
a:hover { 
	font-size:13px;
	color: #333; 
	text-decoration: none; 
	font-weight: bold;
	}
*/

/* --- images ---*/
img { border:none; 	margin:0px; padding:0px; }
.rightimg { float:right; margin: 0px 10px 5px 5px; }
.leftimg { float:left; margin: 0px 5px 5px 10px; }
.centerimg { margin:0px auto 10px auto;}	



/* --- hr ---*/
hr { margin: 0px;padding: 0px; }
hr.style1 {
    margin: 5px 10px;
    height: 1px;
    border: #eeeeee 1px solid;
	}


/* --- dispaly / clear ---*/
div.clear_both, .clear, p.clear  { clear:both; }
div.left { clear:left;float:left; }
div.right { clear:right;float:right; }
.display_none { display: none; }
.clear {clear:both;}

div.left50 { clear:left;float:left; margin:0px 0px 0px 50px;  }
div.left100 { clear:left;float:left; margin:0px 0px 0px 100px; }
div.left150 { clear:left;float:left; margin:0px 0px 0px 150px; }

div.right50 { clear:right;float:right; margin:0px 50px 0px 0px; }
div.right100 { clear:right;float:right; margin:0px 100px 0px 0px; }
div.right150 { clear:right;float:right; margin:0px 150px 0px 0px; }

/* -----------------------------------------------------
		wrapper
-------------------------------------------------------- */
.wrapper{ 
	margin:0px auto;padding: 0px;width:100%;height:100%;
	/*background:url(../arts-course-images/bg_redline.gif);*/
	background:#A82728;
	clear:both;
	}
.wrapper970{ 
	margin:0px auto;padding: 0px;width:970px;height:auto;
	background:#fff;
	}

/* --- footer  ---*/
.header{
	margin:0px;padding:0px;clear:both;
	}
.top-img {
	margin:0px;padding: 0px;width:970px;height:250px;
	background:url(../arts-course-images/top_img250.jpg) no-repeat;
	clear:both;text-indent: -10000px; 
	}

#logo {
	position:absolute;z-index:10;
	float:left; margin:10px 0px 0px 10px;padding:0px 0px 0px 0px;
	width:245px;height:90px;
	text-indent: -10000px;text-align:left;
	background:  url(../arts-course-images/logo.jpg) no-repeat left top;
	}

.flash{
	margin:0px;padding:0px;clear:both;
	width:970px;height:250px;
	}
.flash p{
	margin:0px;padding:0px;clear:both;
	text-indent: -10000px; 
	}

/* --- footer  ---*/
.footer {
	margin:0px;padding:0px;
	border-top: 2px #e4e4e4 solid;
	}
.footer p {
	margin:5px 0px 0px 0px;padding:0px;
	text-align:center; font-size:80%;
	clear:both; color:#333;
	}
	
/* ************************************************ 
 *	Menu
 * ************************************************ */
.navi_menu {margin:0px 3px 0px 0px;padding: 0px; float:right;}
.navi_menu ul { margin: 0px;padding: 0px; }
.navi_menu li { float:left;margin: 0px;padding: 0px;list-style-type:none; }
.navi_menu li a{ text-indent: -10000px; }



.menu_nyugaku a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_nyugaku.jpg) no-repeat;
				}
.menu_summerschool a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_summerschool.jpg) no-repeat;
				}
.menu_archives a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_archives.jpg) no-repeat;
				}
.menu_course a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_course.jpg) no-repeat;
				}
.menu_time a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_time.jpg) no-repeat;
				}
.menu_successvoice a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_successvoice.jpg) no-repeat;
				}
.menu_application a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_application.jpg) no-repeat;
				}
.menu_enquiry a { 
	display:block;width:75px;height:85px;
	background: url(../arts-course-images/menu_enquiry.jpg) no-repeat;
				}

.menu_nyugaku a:hover, .menu_summerschool a:hover,
.menu_archives a:hover, .menu_course a:hover, .menu_time a:hover,
.menu_successvoice a:hover, .menu_application a:hover,
.menu_enquiry a:hover { text-decoration:none;background-position:0 -85px; }

.current a {text-decoration:none; background-position:0 -85px; }



/* --- top  ---*/

.sub_nav {margin:10px 0px 10px 20px;padding: 0px; float:left; }
.sub_nav ul { margin: 0px 0px 0px 10px;padding: 0px; }
.sub_nav li { float:left;margin: 0px 5px 0px 5px; padding: 0px;list-style-type:none; }

.sub_nav01  { 
	display:block;
	width:135px;
	height:75px;
	text-indent: -10000px;
	background: url(../arts-course-images/sub_nav01.jpg) no-repeat;
				}
.sub_nav02  { 
	display:block;
	width:135px;
	height:75px;
	text-indent: -10000px;
	background: url(../arts-course-images/sub_nav02.jpg) no-repeat;
				}
.sub_nav03  { 
	display:block;
	width:135px;
	height:75px;
	text-indent: -10000px;
	background: url(../arts-course-images/sub_nav03.jpg) no-repeat;
				}				
.sub_nav04  { 
	display:block;
	width:135px;
	height:75px;
	text-indent: -10000px;
	background: url(../arts-course-images/sub_nav04.jpg) no-repeat;
				}				
.sub_nav05  { 
	display:block;
	width:135px;
	height:75px;
	text-indent: -10000px;
	background: url(../arts-course-images/sub_nav05.jpg) no-repeat;
				}
.sub_nav06  { 
	display:block;
	width:135px;
	height:75px;
	text-indent: -10000px;
	background: url(../arts-course-images/sub_nav06.jpg) no-repeat;
				}				



/* -----------------------------------------------------
		AJAX  tab
-------------------------------------------------------- */
#rotate, #rotatess  { }
#fragment-1, #fragment-2, #fragment-3,
#fragment-4, #fragment-5, #fragment-6, #fragment-7 {	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	}



#fragment-1 h4, #fragment-2 h4, #fragment-3 h4, 
#fragment-4 h4, #fragment-5 h4, #fragment-6 h4, #fragment-7 h4 {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 5px;
	border-left:5px solid #900;
    font-size:90%;
	font-weight:bold;
	color:#333;
            }
#fragment-1 h5, #fragment-2 h5, #fragment-3 h5, 
#fragment-4 h5, #fragment-5 h5, #fragment-6 h5, #fragment-7 h5 {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
    font-size:80%;
	font-weight:bold;
	color:#000;
            }
			
#fragment-1 p, #fragment-2 p, #fragment-3 p,
#fragment-4 p, #fragment-5 p, #fragment-6 p, #fragment-7 p {
	margin: 0px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 20px;
	letter-spacing: 1px;
	color:#333;
	}


#rotate a:link, #rotate a:visited, #rotatess a:link, #rotatess a:visited { 
	font-size:80%;
	text-decoration: none; 

	}

#rotate a:hover, #rotatess a:hover { 
	font-size:80%;
	text-decoration: none; 

	}
a:link.tabs-over, a:visited.tabs-over {	font-size:80%; color:#000;
	text-decoration: none; }
a:hover.tabs-over { color:#00F;}


#fragment-1  ul { margin:0px 100px 0px 0px;padding: 0px; list-style:none;  font-size:80%; }
#fragment-1  li { 
margin:10px 0px;
	padding: 0px 0px 0px 20px; 
	background:url(../arts-course-images/li_star.gif) left no-repeat;
	}

/* -----------------------------------------------------
		// AJAX  tab
-------------------------------------------------------- */


/* --- h2 only ---*/
div.tit_nyugaku h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_nyugaku.jpg) no-repeat;
	text-indent: -10000px;
				}

div.tit_summerschool h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_summerschool.jpg) no-repeat;
	text-indent: -10000px;
				}

div.tit_archives h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_archives.jpg) no-repeat;
	text-indent: -10000px;
				}
div.tit_course h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_course.jpg) no-repeat;
	text-indent: -10000px;
				}
div.tit_time h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_time.jpg) no-repeat;
	text-indent: -10000px;
				}
div.tit_successvoice h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_successvoice.jpg) no-repeat;
	text-indent: -10000px;
				}
div.tit_enquiry h2 {
	margin:5px 0px 10px 5px; padding:0px;
	width:960px; height:70px;
	background: url(../arts-course-images/h2_enquiry.jpg) no-repeat;
	text-indent: -10000px;
				}





			
/* ************************************************ 
 *	images / photos
 * ************************************************ */
.koukoku_001 {
	margin:0px auto;padding: 0px;width:940px;height:88px;
	background:url(../arts-course-images/koukoku_001.jpg) no-repeat;
	clear:both;text-indent: -10000px; 
		}

.summerschool_001 {
	margin:0px auto;padding: 0px;width:940px;height:88px;
	background:url(../arts-course-images/summerschool_001.jpg) no-repeat;
	clear:both;text-indent: -10000px; 
		}

/* -----------------------------------------------------
		Button
-------------------------------------------------------- */

#gotomore a:hover { color:#A82728;text-decoration: underline;}

.line-toppage { 
	border:1px solid #fff;
	margin:0px 2px 0px 2px; padding:0px;
	background: url(../arts-course-images/bg_redline.gif) center repeat-x;
			}
a.but-toppage { 
	margin:10px 10px 10px 0px; padding:0px 0px;
	clear:both;text-indent: -10000px;float: right;
	display:block;width:140px;height:36px;
	background: url(../arts-course-images/but_toppage.jpg) #fff no-repeat; 
			}
a:hover.but-toppage  { background-position:0 -36px; }


a.dw-time { 
	margin:0px 0px 0px 0px; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:200px;height:54px;
	background: url(../arts-course-images/dw_time.jpg) #fff no-repeat; 
			}
a:hover.dw-time  { background-position:0 -54px; }

a.tokoro-time { 
	margin:0px 0px 0px 0px; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:200px;height:54px;
	background: url(../arts-course-images/tokoro_time.jpg) #fff no-repeat; 
			}
a:hover.tokoro-time  { background-position:0 -54px; }

a.dw-pdf { 
	margin:0px 0px 0px 0px; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:200px;height:54px;
	background: url(../arts-course-images/dw_pdf.jpg) #fff no-repeat; 
			}
a:hover.dw-pdf  { background-position:0 -54px; }


a.nyugaku01 { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:244px;height:50px;
	background: url(../arts-course-images/nyugaku01.jpg) #fff no-repeat;
			}
a.nyugaku02 { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:244px;height:50px;
	background: url(../arts-course-images/nyugaku02.jpg) #fff no-repeat;
			}

a:hover.nyugaku01, a:hover.nyugaku02 { background-position:0 -50px; }

a.school20100901 { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:300px;height:90px;
	background: url(../arts-course-images/school20100901.jpg) #fff no-repeat;
			}

a:hover.school20100901  { background-position:0 -90px; }

a.summerSchool { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:300px;height:90px;
	background: url(../arts-course-images/summerschool.jpg) #fff no-repeat;
			}
a:hover.summerSchool  { background-position:0 -90px; }


a.summerSchool0717 { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:300px;height:90px;
	background: url(../arts-course-images/summerschool0717.jpg) #fff no-repeat; 
			}
a:hover.summerSchool0717  { background-position:0 -90px; }

a.fallSchool { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:300px;height:90px;
	background: url(../arts-course-images/2010fallschool.jpg) #fff no-repeat;
			}
a:hover.fallSchool  { background-position:0 -90px; }

/*
a.ishinjuku { clear:both;   
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:180px;height:78px;
	background: url(../arts-course-images/top_page_tab02.jpg) #fff no-repeat; 
			}
a:hover.ishinjuku  { background-position:0 0px; }
*/

a.entorishitoHP { clear:both; /* clear:both; */
	margin:1px auto; padding:0px 0px;
	clear:both;text-indent: -10000px;
	display:block;width:300px;height:90px;
	background: url(../arts-course-images/nichigei_entorishito.jpg) #fff no-repeat; 
			}
a:hover.entorishitoHP  { background-position:0 -90px; }


.gotoCourse { 
	margin:3px 0px 3px 0px; padding:0px 0px 0px 0px;
	text-indent: -10000px;width:70px;height:32px;display:block; 
			}



/* ************************************************ 
 *	
 * ************************************************ */




/* --- archives  area ---*/
#tit_archives {  }
#tit_archives h3 {
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	height:56px;
	background: url(../arts-course-images/bg_h3.jpg) bottom repeat-x;
	color:#A8272B;
     }
#tit_archives h3 span{
		margin:0px 0px 0px 0px;
		padding:5px 0px 5px 10px;
		/*border-left:5px solid #900; */
		background: url(../arts-course-images/bg_h3_span.gif) left no-repeat;
        font-size: 16px;
		font-weight:bold;
		color:#A8272B;
         }

#fragment-3 ul{ margin:0px 100px 0px 0px;padding: 0px; list-style:none;  font-size:80%; }
#fragment-3 li { margin:10px 0px;padding: 0px 0px 0px 20px; 
	background:url(../arts-course-images/li_star.gif)  left no-repeat;
	}

#tit_archives ul{ margin:0px 50px 0px 0px;padding: 0px; list-style:none;  font-size:80%; }
#tit_archives li { 
	margin:10px 0px;
	padding: 0px 0px 0px 20px; 
	background:url(../arts-course-images/li_star.gif) top left no-repeat;
	}
/*

#fragment-3 ul,#tit_archives ul{ margin:0px 100px 0px 0px;padding: 0px; list-style:none;  font-size:80%; }
#fragment-3 li, #tit_archives li { 
	margin:10px 0px;
	padding: 0px 0px 0px 20px; 
	background:url(../arts-course-images/li_star.gif)  left no-repeat;
	}

*/

/* --- enquiry  area ---*/
#tit_enquiry { 	}
#tit_enquiry h3 {
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	height:40px;
	background: url(../arts-course-images/bg_h3.jpg) bottom repeat-x;
	color:#A8272B;
     }
#tit_enquiry h3 span{
		margin:0px 0px 0px 0px;
		padding:5px 0px 5px 10px;
		/*border-left:5px solid #900; */
		background: url(../arts-course-images/bg_h3_span.gif) left no-repeat;
        font-size: 16px;
		font-weight:bold;
		color:#A8272B;
         }

#tit_enquiry h4 { background-color:#fff1b0;
	color:#000;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 3px;
	font-size: 90%;
	letter-spacing: 1px;
	text-align: left;
	}
#tit_enquiry h4 span { font-weight:normal;}


#tit_enquiry a:link, #tit_enquiry a:visited { 
	font-size:90%;
	color:#A82728; 
	text-decoration: underline; 
	font-weight: bold;
	}


#tit_enquiry a:hover { 
	font-size:90%;
	color:#A82728;
	text-decoration: none; 
	font-weight: bold;
	}

.cnt_left_box900 {
	clear:both;
	width:940px;
	margin:2px auto;
	padding:0px 0px;
	} 

.cnt_left_box900 ul { margin:0px;padding:0px;}

.cnt_left_box900 li { 
	margin:5px 5px 5px 5px;padding:0px;
	width:220px;height:auto;float:left;
	display:inline;list-style-type:none;

}


a.voice01, a.voice02, a.voice03, a.voice04,
a.voice05, a.voice06, a.voice07, a.voice08,
a.voice09, a.voice10, a.voice11, a.voice12,
a.voice13, a.voice14, a.voice15, a.voice16 { 
	display:block;
	margin:0px;
	padding:0px;
	width:225px;
	height:73px;
	}

a:hover.voice01, a:hover.voice02, a:hover.voice03, a:hover.voice04, 
a:hover.voice05, a:hover.voice06, a:hover.voice07, a:hover.voice08, 
a:hover.voice09, a:hover.voice10, a:hover.voice11, a:hover.voice12, 
a:hover.voice13, a:hover.voice14, a:hover.voice15, a:hover.voice16

 			{
		filter:alpha(opacity=85);
		opacity:.85;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
			}






/* ************************************************ 
 *	FOR  SuperTable
 * ************************************************ */
#s-table-center {
	width:97%;
	margin:10px 0px 10px 0px;
	clear:both;
	}
#s-table-center th {
	background-color: #ddd;
	text-align:left;
	margin:0px 0px 0px 1px; 
	}
.altRow { background-color: #ddddff; }
.altRow2 { background-color: #ff0000; }

#table_rakuruto { width:97%;margin:0px 0px 0px 1px;}