/* CSS Document */

a:link			{ text-decoration:none; color:#711C8D; }
a:visited		{ text-decoration:none; color:#711C8D; }
a:active		{ text-decoration:none; color:#711C8D; }
a:hover			{ text-decoration:underline; color:#711C8D; }


body {
	background-color:#EBEBEB;
	font-size:small;
	margin:0;
	background-image: url(../EcoleAmys/img/bg_g.gif);
	background-repeat: repeat-x;
	}

HR {
  color: #FFFFFF; /* 線の色(IE用) */
  background-color: #FFFFFF; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-color: #FFFFFF; /* 枠の色 */
  border-style: dashed; /* 枠の種類 */
}

.red {
	color: #FF6600;
	}
.clear{
	clear:both;
	}

p{
	line-height:160%;
	}
			
.w_right{
	text-align:right;
	}	
/******************************************************** common */	

#container {
	width:750px;
	margin:0 auto;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background-color: #FFFFFF;

	}
	
#main {
	width:728px;
	padding: 10px;
	}

#top_img {
	margin:0;
	text-aign:center;}
	
.div_left {
	padding:5px;
	text-align:left;}
	
.div_right {
	padding:5px;
	text-align:right;}
	
.li {
	margin:0;
	line-height:200%;
	list-style-type:circle;
	list-style-position:inside;
	font-weight: normal;
	padding:5px;
	}

.img_center {
	margin:20px auto;
	text-align: center;
	}


.img_ttl {
	margin:20px auto;
	text-align: center;
	}
		
.img_left {
	margin:5px;
	float:left;
	clear:both;
	}
	
.btn_center {
	margin:20px auto;
	text-align: center;
	}
	
h1 {
	background-color:#000;
	padding:5px;
	font-size:80%;
	font-color:#FFF;
	font-weight:normal;
	color: #FFFFFF;
	}	
	
	
h2{
	width:480px;
	padding:5px;
	text-align:left;
	font-weight:bold;
	margin: 20px auto 20px auto;
	color: #000;
	background-image: url(../EcoleAmys/img/h2_2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border:1px solid #999;
	font-size:100%;
	}
	
h3{
	width:480px;
	text-align:left;
	font-weight:bold;
	margin: 10px auto 10px auto;
	border-bottom:1px solid #999;
	font-size:100%;
	}
				
/******************************************************** header */	



#header {
	padding:5px;
	}
	
#header_info {
	float:right;
	vertical-align:text-bottom;
	margin:3px 0;
	} 
	
#header_info a:link	{text-decoration:none; color:#000; }
#header_info a:visited		{ text-decoration:none; color:#000; }
#header_info a:active		{ text-decoration:none; color:#000; }
#header_info a:hover			{ text-decoration:underline; color:#000; }

#header2 {
	paddin:5px;
	background-color:#CCCCCC;
	text-align:right;
	padding: 5px;
	}

/******************************** tab */
	
.tab {
	margin:5px auto;
	text-align:center;
	}


.tab tr{
	background: #EBF2DB;
	text-align:center;
	font-size:90%;		
	}
	
.tab td{
	width:120px;
	border-right:1px solid #D9E7C2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9E7C2;

	}
	
.td_select{
	background: #666666;
	}
	
/*リンク*/
.tab A.lnk {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none; /* 文字の色 */
}

/*現在開いているリンク*/
.tab A.lnk:active  {
	text-decoration: none;
	height: 100%;
	width: 100%;
	padding: 0px;
	color: #7EA341;



}

/*訪問済みリンク*/
.tab A.lnk:visited {
  text-decoration:none; /* 文字の色 */
}

/* マウスカーソルが上に来た時のリンク */
.tab A.lnk:hover {
	text-decoration: underline;
	color: #7EA341;
	padding: 0px;

}

/******************************** tab btn*/

	
A.btn {
  display: block;             /* ブロック要素にする */
  width: 100px;                /* 横幅 */
  color: #000000;
  background-color: #CFE3A2;  /* 背景色 */
  border: outset 2px #74A200; /* 枠の色 */
  margin: 0px auto;
  padding: 3px 1px 1px 0px;
  font-size: 12px;            /* フォントサイズ */
  line-height: 12px;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
A.btn:hover {
  color: #FF6600;
  background-color:#FFFFFF;  /* 背景色 */
  border: inset 2px #5A8700;  /* 枠の色 */
  margin: 0px;
  padding: 4px 0px 0px 1px;
}
A.btn:active { color: #000000; }
A.btn:visited { color: #000000; }

A.menu {
  float: left;               /* 左揃え */
  width: 100px;              /* 横幅 */
  background-color: #ffffff; /* 背景色 */
  border: solid 1px #669966; /* 枠の色 */
  margin: -13px 0px 0px -1px;
  padding: 15px 0px 1px;
  font-size: 12px;           /* フォントサイズ */
  text-align: center;        /* 水平揃え */
  text-decoration: none;     /* 下線を消す */
}
A.menu:hover {
  margin: -1px 0px 0px -1px;
}
		
/******************************************************** left */	
	
.left {
	float:left;
	width: 200px;
	}

.l_ttl {
	background-color:#000000;
	border:solid 1px #DCDCDC;
	padding: 5px;
	color: #FFFFFF;

	}

.l_area {
	border:1px dashed #333333;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;

	}
	
#l_btn {
	text-align:center;
	padding: 5px;
	margin-bottom: 10px;
	}
	
/******************************** bright area */




	
/******************************** menu style */

.menu_1 {
	width: 100%;
	margin-bottom: 10px;
	border: #999999 1px solid;
	font-size:smaller;
	color: #333333;
	}

.menu_1 .menu_title {
	margin: 0;
	padding: 3px;
	border-bottom: #999999 1px solid;
	background: #CCCCCC;
	text-align: left;
	font-weight:bold;
	word-wrap: break-word;
	}

.menu_1 ul{
	margin: 5px 0 1px 0px;
	padding: 5px;
	background: #FFFFFF;
	text-align: left;
	word-wrap: break-word;
	list-style-type: none; /*有にしてもmarginが0だから何も表示されない*/
	}

.menu_1 li{
	margin-bottom:10px;
	background-image: url(../EcoleAmys/img/left_menu.gif);
	background-repeat: repeat-x;
	background-position: top;

	}

/******************************** menu style */
	
.menu_4 {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #000000;
	color: #333333;
	}
	
/* マウスカーソルが上に来た時のリンク */
.menu_4 a:link			{ text-decoration:none; color:#000; }
.menu_4 a:visited		{ text-decoration:none; color:#000; }
.menu_4 a:active		{ text-decoration:none; color:#000; }
.menu_4 a:hover			{ text-decoration:underline; color:#000; }
	
.menu_4 .menu_title {
	margin: 0;
	padding: 3px;
	background: #000000;
	text-align: left;
	word-wrap: break-word;
	color: #FFFFFF;
	}

.menu_4 ul{
	margin: 0 0 1px 0;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
	word-wrap: break-word;
	list-style-type: none; /*有にしてもmarginが0だから何も表示されない*/
	}

.menu_4 li{
	padding:5px 0 5px 3px;
	border-top: #999999 1px solid;
	background-image: url(../EcoleAmys/img/left_menu.gif);
	background-repeat: repeat-x;
	background-position: top;
	}


.menu_4 li.select{
	padding:8px 0 8px 3px;
	border-top: #999999 1px solid;
	background: #FEEDE7;		
	color: #000000;
	}

/******************************** img+link */

.prlink div {
	height: 55px;
	margin: 0px;
	padding: 5px;
	border-bottom: #CCCCCC 1px solid;
	text-align: left;
	line-height: 120%;
	clear: left;	
}
	
.prlink img {
	float:left;
	margin-right: 5px;
	display: block;
}

	
/******************************************************** right */	

.right {
	width: 500px;
	float: right;
	margin-left: 10px;
	text-align:center;
	}

#new{
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	line-height:120%;
	background-image: url(../EcoleAmys/img/bg_new.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #DFDFDF;
	padding:5px;

	}
		
#new-ttl{
	border-bottom:1px solid #000;
	margin:5px;
	font-weight:bold;
	padding-top:3px;
	}	


.new-ul{
	margin:0;
	padding: 0;	
	line-height:150%;
	list-style-type:none;
	list-style-position:inside;
	font-weight: normal;
	}	

.new-li{
	padding:3px;
	border-bottom:1px dashed #999999;
	margin:3px 0;
	}
				
.r-box{
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	line-height:120%;
	}


/******************************************************** profile */				
	
#profile{
	width:480px;
	padding:5px;
	margin: 0px auto 20px auto;
	text-align:left;
	line-height:130%;
	border:1px dashed #DEDEDE;
	}
	
#mart{
	width:460px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:20px;
	margin: 10px auto 10px auto;
	text-align:left;
	line-height:130%;
	border:1px solid #DEDEDE;
	background-image: url(../EcoleAmys/img/bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	}

/******************************************************** teacher */
.teacher{
	width:480px;
	padding:5px;
	margin: 10px auto 10px auto;
	text-align:left;
	line-height:130%;
	border:1px dashed #DEDEDE;
	}

.teacher_g{
	width:480px;
	padding:5px;
	margin: 10px auto 10px auto;
	text-align:left;
	line-height:130%;
	border:1px dashed #DEDEDE;
	background-color:#f8f8f8;
	}
	
.t_img{
	float:left;
	margin:3px;
	width:80px;
	}


/******************************************************** pr */

#pr{
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	line-height:120%;
	}
	
#pr h3{
	margin-top:30px;
	background-color:#DEDEDE;
	padding:3px;
	}	
	
/******************************************************** og */

#og{
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	line-height:120%;
	}

	
.og{
	width:460px;
	padding:5px;
	margin: 10px auto 10px auto;
	text-align:left;
	line-height:130%;
	border:1px dashed #DEDEDE;
	}

.og_img{
	float:left;
	margin:3px;
	width:80px;
	}

.og_right{
	width:300px;
	float:right;
	}

	
.og_img_left{
	float:left;
	margin:3px;
	width:170px;
	}

#og h3{
	width:auto;
	background-color:#f8f8f8;
	padding:3px;
	}
	
	
#og h4{
	font-size:100%;
	border-bottom:1px dashed #DEDEDE;
	width:auto;
	margin:5px auto;
	padding:3px;
	}
			
/******************************************************** voice */

#voice{
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	}	

#voice h3{
	width:auto;
	margin-top:30px;
	margin-bottom:0px;
	background-color:#000;
	border-bottom:#999 solid 1px;
	color:#FFF;
	padding:3px;
	font-weight:normal;
	}


.voice_n{
	width:auto;
	text-align:right;
	margin-bottom:0px;
	margin-bottom:5px;
	background-color:#DDD;
	color:#000;
	padding:3px;
	}
	
#voice p{
	margin-top:0;
	line-height:140%;
	}

/******************************************************** more */

#more{
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	}

#more p{
	margin-top:0;
	line-height:140%;
	}
		
#more h3{
	width:auto;
	margin-top:30px;
	margin-bottom:0px;
	border-bottom:#999 solid 1px;
background-color:#000;
	color:#fff;
	padding:3px;
	font-weight:normal;
	}
			
#more h4{
	width:auto;
	margin-top:10px;
	margin-bottom:0px;
	border-bottom:#999 solid 1px;
	color:#000;
	padding:3px;
	font-weight:normal;
	}

#more p.small{
	margin:10px;
	font-size:85%;
	line-height:120%;
	}	
/******************************************************** form */

#form {
	width:480px;
	margin: 0px auto 20px auto;
	text-align:left;
	}

#form td{
	background-color:#DEDEDE;
	}
		
#form td.k{
	background-color:#FFF;
	}
					
/******************************************************** footer */	

#footer {
	padding:5px;
	text-align:right;
	line-height:150%;
	border-bottom: 1px solid #333;
	clear: both;
	color:#DEDEDE;
	border-top: 1px solid #333;
	background-color: #000;
	}
	
#footer a:link			{ text-decoration:none; color:#FFF; }
#footer a:visited		{ text-decoration:none; color:#FFF; }
#footer a:active		{ text-decoration:none; color:#FFF; }
#footer a:hover			{ text-decoration:underline; color:#FFF; }

strong {
	color:#666699;
}
strong.bk {
	color:#000000;
}
h4.sub{
	margin:15px 0 5px 0;
	border-bottom:1px solid #e2e5f1;
	border-left:8px solid #e2e5f1;
	padding:3px 5px;
	font-size:12px;
}
.lm01{
	padding-left:250px;
}
span.red {
	color:#cc0000;
}
p.voice_n.gr {
	background:#e0ebde;
	margin-bottom:10px;
}
table.tbCrs, table.tbCrs td{
	border:1px solid #000000;
	border-collapse:collapse;
	padding:5px;
}
table.tbCrs td.rt{
	text-align:right;
	font-weight:bold;
}
.crs {
	background:#ffffcc;
	padding:5px 10px;
	margin:5px;
	text-align:left;
}