@charset "utf-8";
/*  basic style */
html {
	overflow-y: scroll;
}

body {
 margin: 0;
 padding: 0;
 color: #333333;
 background-color: #ffffff;
 text-align: center;
 font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 font-size: 95%;
}

/* master init styles */

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

a:link, a:visited {
 color: #6699cc;
}

a:active, a:hover {
 color: #003399;
 text-decoration: underline;
}

ul {
 list-style-type: none;
 margin-bottom: 2em;
}

li {
 list-style-position: outside;
}

/* contents styles */

div#container {
 width: 960px;
 height: auto;
 margin: 0 auto;
 padding: 0;
 background-color: transparent;
 text-align: left;
}

/* div#header */



div#header {
	width: 960px;
	height: 80px;
	padding: 0;
	text-align: left;
	
}



div#header h1 {
	float:left;
	width:323px;
	margin-left:10px;
	display:inline;
}
div#header p {
	color:#ffffff;
	font-size: 0%;
	font-weight: normal;
	text-indent: -9999px;
	line-height:0;
}






/* affect to only win ie4~6 , mac ie5~6 \*//*/
* html #nav-home {
margin: 0 0 0 0px;
}
/* end */



/* nav */
div#menu {
width: 940px;
	height: 37px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	position:absolute;
	
	
	
	
}

div#nav1 a {
text-decoration:none;

}


div#nav2 a {
text-decoration:none;

}


div#nav3 a {
text-decoration:none;

}


div#nav4 a {
text-decoration:none;

}


div#nav5 a {
text-decoration:none;

}

div#nav6 a {
text-decoration:none;

}




div#nav1 h2 {
margin:0px;
       
}

div#nav2 h2 {
margin:0px;
       
}



div#nav3 h2 {
margin:0px;
       
}

div#nav4 h2 {
margin:0px;
       
}


div#nav5 h2 {
margin:0px;
       
}

div#nav6 h2 {
margin:0px;
       
}










div#nav1 {
float:left;
	height:37px;
	width:134px;
	
}


div#nav2 {
float:left;
	height:37px;
	width:134px;
}


div#nav3 {
float:left;
	height:37px;
	width:134px;
}

div#nav4 {
float:left;
	height:37px;
	width:134px;
}


div#nav5 {
float:left;
	height:37px;
	width:134px;
}

div#nav6 {
float:left;
	height:37px;
	width:134px;
}



div#nav1 ul {

	margin: 0px;
	padding: 0px;
	list-style-type:none;
	font-size:100%;
	visibility:hidden;
}

div#nav1 li {

background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
line-height:100%;
margin:0px;
}

div#nav1 li a{
display:block;
padding:4px;
color:#666666;
}

div#nav1 li a:hover{
background-color:#E5E5E5;
color: #333333;

}




div#nav2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	font-size:100%;
	visibility:hidden;
	
	
}

div#nav2 li {

background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
line-height:100%;
margin:0px;

}

div#nav2 li a{
display:block;
padding:4px;
color:#666666;
}

div#nav2 li a:hover{
background-color:#E5E5E5;
color: #333333;

}



div#nav3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	font-size:100%;
	visibility:hidden;
	
	
}

div#nav3 li {

background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
line-height:100%;
margin:0px;

}

div#nav3 li a{
display:block;
padding:4px;
color:#666666;
}

div#nav3 li a:hover{
background-color:#E5E5E5;
color: #333333;

}






div#nav4 ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	font-size:100%;
	visibility:hidden;
	
	
}

div#nav4 li {

background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
line-height:100%;
margin:0px;

}

div#nav4 li a{
display:block;
padding:4px;
color:#666666;
}

div#nav4 li a:hover{
background-color:#E5E5E5;
color: #333333;

}









div#nav5 ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	font-size:100%;
	visibility:hidden;
	
	
}

div#nav5 li {

background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
line-height:100%;
margin:0px;

}

div#nav5 li a{
display:block;
padding:4px;
color:#666666;
}

div#nav5 li a:hover{
background-color:#E5E5E5;
color: #333333;

}



div#nav6 ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	font-size:100%;
	visibility:hidden;
	
	
}

div#nav6 li {

background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
line-height:100%;
margin:0px;

}

div#nav6 li a{
display:block;
padding:4px;
color:#666666;
}

div#nav6 li a:hover{
background-color:#E5E5E5;
color: #333333;

}





/* div#wrapper */
div#wrapperbg {
 width: 960px;
 height: auto;


 background-repeat: repeat;
}

div#wrapper {
 width: 940px;
 height: auto;
 margin: 0;



 background-color: #ffffff;
}


/* div#bread */
div#bread {
	width: 940px;
	height: 15px;
	line-height:100%;
	margin-left:25px;
	padding-top:10px;
	text-align: left;
	font-size: 70%;
	color: #999999;
	
}






div#wrapper h2 {
 background-image: url("images/h2bg.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 margin: -10px -10px 1em -10px;
 padding: 10px;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
 text-transform: capitalize;
 border-top:dotted 1px #000000;
}


div#wrapper h2.green {
 background-image: url("images/h2bg_green.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 margin: -10px -10px 1em -10px;
 padding: 10px;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
 text-transform: capitalize;
 border-top:dotted 1px #339933;
}

div#wrapper h2.blue {
 background-image: url("images/h2bg_blue.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 margin: -10px -10px 1em -10px;
 padding: 10px;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
 text-transform: capitalize;
 border-top:dotted 1px #006699;
}

div#wrapper h2.red {
 background-image: url("images/h2bg_red.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 margin: -10px -10px 1em -10px;
 padding: 10px;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
 text-transform: capitalize;
 border-top:dotted 1px #cc0033;
}

div#wrapper h2.brown {
 background-image: url("images/h2bg_brown.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 margin: -10px -10px 1em -10px;
 padding: 10px;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
 text-transform: capitalize;
 border-top:dotted 1px #660000;
}


div#wrapper h2.orange {
 background-image: url("images/h2bg_orange.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 margin: -10px -10px 1em -10px;
 padding: 10px;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
 text-transform: capitalize;
 border-top:dotted 1px #ffcc99;
}


div#wrapper h3 {
 margin-bottom: 0.5em;
 color: #333333;
 font-size: 100%;
 font-weight: normal;
}

div#wrapper h3.link {
 margin-bottom: 0.5em;
 color: #333333;
 font-size: 95%;
 font-weight: normal;
}



div#wrapper h3.patitle {
 margin-bottom: 0.5em;
 color: #333333;
 font-size: 95%;
 font-weight: bold;
}

div#wrapper h4 {
 margin: 0.5em 0;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
}

div#wrapper h4.link {
 margin: 0.5em ;
 color: #333333;
 font-size: 90%;
 font-weight: bold;
}

div#wrapper h4.school {
 background-image: url("images/h4bg_green.gif");
 background-position:left top;
 background-repeat:no-repeat;
 width: auto;
 height: auto;
 padding: 0px 10px 0px 20px ;
 color: #333333;
 font-size: 97%;
 font-weight: bold;
 text-transform: capitalize;
}

div#wrapper p {
 margin-bottom: 1em;
 color: #666666;
 font-size: 100%;
 font-weight: normal;
 line-height: 150%;
}

div#wrapper p.link {
 margin-bottom: 1em;
 color: #333333;
 font-size: 87%;
 font-weight: normal;
 line-height: 120%;
}

div#wrapper p.partner {
 margin-bottom: 1em;
 color: #333333;
 font-size: 95%;
 font-weight: normal;
 line-height: 150%;
}


div#wrapper li.link {
 margin-bottom: 1em;
 margin-left: 2em;
 color: #999999;
 font-size: 80%;
 font-weight: normal;
 line-height: 80%;
}

div#wrapper li.list {
 margin-bottom: 1em;
 margin-left: 13em;
 color: #333333;
 font-size: 90%;
 font-weight: normal;
 line-height: 100%;
}


div#wrapper p img {
 float: left;
 width: auto;
 height: auto;

 margin-right: 1em;
 margin-bottom: 0.5em;
}

div#wrapper p.photo img {
 float: left;
 width: 160;
 height: 160;

 margin-right: 1em;
 margin-bottom: 0.5em;
}

div#wrapper p.teacher img {
 float: left;
 width: 140;
 height: 140;

 margin-right: 1em;
 margin-bottom: 0.5em;
}

/* div#banner */

div#banner {
 width: 934px;
 height: 150px;
 padding: 0;
 margin-bottom: 10px;
 background-color: transparent;
 text-align: left;
}






#home div#banner {

 background-image: url("images/img-home.jpg");
 background-repeat: no-repeat;
 
 background-position: 0 0;
}



#school div#banner {
 background-image: url("school/img/head.jpg");
 background-repeat: no-repeat;
 background-position: 20 0;
 margin-left: 0px;
 margin-top: 50px;
 margin-bottom: 10px;
}



#go_abroad div#banner {
 background-image: url("go_abroad/img/head.jpg");
 background-repeat: no-repeat;
 background-position: 20 0;
 margin-left: 0px;
 margin-top: 50px;
 margin-bottom: 10px;
}




#translation div#banner {
 background-image: url("translation/img/head.jpg");
 background-repeat: no-repeat;
 background-position: 20 0;
 margin-left: 0px;
 margin-top: 50px;
 margin-bottom: 10px;
}



#culture div#banner {
 background-image: url("culture/img/head.jpg");
 background-repeat: no-repeat;
 background-position: 20 0;
 margin-left: 0px;
 margin-top: 50px;
 margin-bottom: 10px;
}


#kitchen div#banner {
 background-image: url("kitchen/img/head.jpg");
 background-repeat: no-repeat;
 background-position: 20 0;
 margin-left: 0px;
 margin-top: 50px;
 margin-bottom: 10px;
}



div#banner p {
 color#333333;
 text-indent: -9999px;
}

/* div#contents */
div#contents {
 position: relative;
 left: 245px;
 margin: 0;
 padding-top: 15px;
 width: 699px;
 height: auto;
}

/* div#latestarticle & div#article */
div#latestarticle, div#article {
 width: 654px;
 height: auto;
 margin: 0 0 10px 20px;
 padding: 10px;
}



div#latestarticle p, div#article p {
color: #696969;
 font-size: 96%;
}


div#latestarticle h3, div#article h3 {
 margin-bottom: 0.5em;
 color: #000000;
 font-size: 120%;
 font-weight: normal;
}






/* div#pastarticle */
div#pastarticle {
 float: left;
 display: inline;
 width: 397px;
 height: auto;
 margin: 0 20px 0 20px;
 padding: 10px;
}

div#pastarticle h3 {
 margin-bottom: 0.5em;
 color: #330000;
 font-size: 100%;
 font-weight:normal;
}


div#pastarticle p {
 margin-bottom: 1em;
 color: #696969;
 font-size: 90%;
 font-weight: normal;
 line-height: 130%;
}


/* div#bottomlong */
div#bottomlong {
 float: left;
 display: inline;
 width: 654px;
 height: auto;
 margin: 0 20px 0 20px;
 padding: 10px;
}

div#bottomlong h3 {
 margin-bottom: 0.5em;
 color: #330000;
 font-size: 100%;
 font-weight:normal;
}


div#bottomlong p {
 margin-bottom: 1em;
 color: #696969;
 font-size: 90%;
 font-weight: normal;
 line-height: 130%;
}





.plan	{
	border: 1px solid #DDD;
}



.plan th	{
	border: 1px solid #DDD;
	font-size: 90%;
	color: #333333;
}


.plan tr	{
	border: 1px solid #DDD;
	font-size: 90%;
	color: #333333;
}
.plan td	{
	border: 1px solid #DDD;
	color: #666666;
　  font-size: 65%;
　  font-weight: normal;
}








/* div#links */
div#links {
 float: left;
 display: inline;
 width: 216px;
 height: auto;
 margin: 0;
 padding: 10px;
}

/* div#sidebar */

div#sidebar_home {
 position:absolute;
 top: 307px;
 width: 215px;
 height: auto;
 padding-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}

div#sidebar_home	{
	width: 180px;
	margin-bottom: 20px;
}

div#sidebar_home li	{
	border-bottom: solid 1px #D1D1D1;
}
div#sidebar_home li a	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}
div#sidebar_home li a:hover	{
	background: url(common/navi_on_home.jpg) no-repeat top left;
	padding: 10px 5px 5px 20px;
	text-decoration: underline;
	color: #666666;
}

div#sidebar_home li a.on	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi_on_home.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}





div#sidebar_green {
 position:absolute;
 top: 307px;
 width: 215px;
 height: auto;
 padding-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}

div#sidebar_green	{
	width: 185px;
	margin-bottom: 20px;
}

div#sidebar_green li	{
	border-bottom: solid 1px #D1D1D1;
}
div#sidebar_green li a	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}
div#sidebar_green li a:hover	{
	background: url(common/navi_on.jpg) no-repeat top left;
	padding: 10px 5px 5px 20px;
	text-decoration: underline;
	color: #666666;
}

div#sidebar_green li a.on	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi_on.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}

div#sidebar_green li a.on_france	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/flag_france.gif) no-repeat center right;
	text-decoration: none;
	color: #999999;
}





div#sidebar_blue {
 position:absolute;
 top: 307px;
 width: 215px;
 height: auto;
 padding-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}

div#sidebar_blue	{
	width: 185px;
	margin-bottom: 20px;
}

div#sidebar_blue li	{
	border-bottom: solid 1px #D1D1D1;
}
div#sidebar_blue li a	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}





div#sidebar_blue li a.on	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi_on_blue.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}














div#sidebar_blue li a:hover	{
	background: url(common/navi_on_blue.jpg) no-repeat top left;
	padding: 10px 5px 5px 20px;
	text-decoration: underline;
	color: #666666;
}


div#sidebar_red {
 position:absolute;
 top: 307px;
 width: 215px;
 height: auto;
 padding-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}


div#sidebar_red	{
	width: 185px;
	margin-bottom: 20px;
}

div#sidebar_red li	{
	border-bottom: solid 1px #D1D1D1;
}
div#sidebar_red li a	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}
div#sidebar_red li a:hover	{
	background: url(common/navi_on_red.jpg) no-repeat top left;
	padding: 10px 5px 5px 20px;
	text-decoration: underline;
	color: #666666;
}

div#sidebar_red li a.on	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi_on_red.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}





div#sidebar_brown {
	position:absolute;
	top: 307px;
	width: 215px;
	height: auto;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-left:20px;
}

div#sidebar_brown	{
	width: 185px;
	margin-bottom: 20px;
}

div#sidebar_brown li	{
	border-bottom: solid 1px #D1D1D1;
}
div#sidebar_brown li a	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}
div#sidebar_brown li a:hover	{
	background: url(common/navi_on_brown.jpg) no-repeat top left;
	padding: 10px 5px 5px 20px;
	text-decoration: underline;
	color: #666666;
}

div#sidebar_brown li a.on	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi_on_brown.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}





div#sidebar_orange {
 position:absolute;
 top: 307px;
 width: 215px;
 height: auto;
 padding-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}

div#sidebar_orange	{
	width: 185px;
	margin-bottom: 20px;
}

div#sidebar_orange li	{
	border-bottom: solid 1px #D1D1D1;
}
div#sidebar_orange li a	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}
div#sidebar_orange li a:hover	{
	background: url(common/navi_on_orange.jpg) no-repeat top left;
	padding: 10px 5px 5px 20px;
	text-decoration: underline;
	color: #666666;
}

div#sidebar_orange li a.on	{
	display: block;
	width: 160px;
	padding: 10px 5px 5px 20px;
	background: url(common/navi_on_orange.jpg) no-repeat top left;
	text-decoration: none;
	color: #999999;
}


.orangefont {
	color:#F30;
	font-weight:bold;
	font-size:100%;
	
	
	
	
}


.linefont {
    color:#333333;
	font-size:100%;
    text-decoration: underline;	
	
}

.stext {
    color:#999999;
	font-size:70%;
    text-decoration: underline;	
	
}


/* div#nav-under */
div#nav-under {
	clear:both;
	width: 940px;
	height: 80px;
	margin-top: 0px;
	padding-top: 35px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: normal;
	font-style:normal;
	color: #666666;
	background-image:url(images/bg_nav-under.gif);
	background-repeat:no-repeat;
	line-height: 140%;
	font-size:95%;
}

/* address#footer */
address#footer {
 width: auto;
 height: auto;
 margin-top: 0px;
 padding-top:0px;
 text-align: center;
 font-family:  verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 color: #999999;
 font-size: 86%;
 font-weight: normal;
 background-repeat:no-repeat;
 text-transform: lowercase;
 font-style:normal;
}