/*
=======CONTENTS=======
 last-updated:18 august 2007;
 
 1,header
 2,globalnavi
 3,mainarea
 4,leftarea
 5,rightarea
 6,footer
 
 =======幼児英会話=====
 */

body {
	background:#ffffff url(images/bg.gif) repeat-x top center;
	text-align: center;
	margin:0;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";

}

p{
	font-size:80%;
	margin:0px;
	padding:6px;
	line-height:150%;
}

a{
	color:#137CE6;
}

a:hover{
	color:#F47498;
	}

.bg {
	background:url(images/bg_bg.gif) no-repeat;
	width:800px;
	margin:0px auto;
	padding:0;
}
/*-----------------------------------------------------------1,header*/
#header{
	width:800px;
	margin:0 auto;
	text-align: left;
}

#header p{
	font-size:80%;
	margin:0px;
	padding-left:20px;
	text-align:left;
	font-weight:bold;
	color:#ffffff
}

#header h1#top{
	font-size:80%;
	margin:0;
	padding:10px 0 7px 20px;
	text-align:left;
	font-weight:bold;
	color:#ffffff
}


/*-----------------------------------------------------------2,globalnavi*/


#navi{
	font-weight: bold;
	margin-left:45px;
}
#navi ul{
	margin:0;
	padding:0;
}
#navi li{
	width:140px;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navi a,#navi a:hover{
	display:block;
	width:140px;
	background:url(images/gmenu02.gif) no-repeat 0px 0px;
	color:#FFDDEE;
	font-size: 80%;
	text-decoration: none;
	padding-top:20px;
}
#navi a.s{
	background:url(images/gmenu01.gif) no-repeat;
	color:#FFFFFF;

}
#navi a:hover.s{
	background: url(images/gmenu02.gif) no-repeat;

}

#boxtop{
	clear:left;
	width:800px;
	height:40px;
	background: url(images/bg_boxtop.gif) no-repeat;
	}
	
#pan{
	font-size:80%;
	width:67%;
	text-align:left;
	float:left;
	padding:10px 0 0 20px;
	color:#137CE6;
	
	}
	
#pan2 {
	font-size:80%;
	float:left;
	padding:0px 0 0 20px;
	color:#137CE6;
	
	}
	
#moji {
	padding:10px 33px 0 0;
	float:right;
	}

/*-----------------------------------------------------------3,mainarea*/
#main{
	width:800px;
	height:auto;
	margin:0 auto;
	padding: 0;
	text-align:left;
	background: url(images/bg_boxcenter.gif) repeat-y;
}


/*-----------------------------------------------------------4,leftarea*/

#waku{
	width:560px;
	float:left;
	text-align:left;
}
#top{
	width:560px;
	float:left;
	text-align:left;
}
/*--1--*/
.body#mn1 {
	float:left;
	color:#FF3366;
	background: url(images/main01.gif) no-repeat;
	margin:0 0 0 10px;
	padding:0px;
	width:265px;
	height:190px;
	text-align:left;
	
}

.body#mn1 h2{
	padding:15px 10px 50px 0px;
	text-align:right;
	font-size:60%;
	
}

.body#mn1 p{
	margin:0px 0px 0 0px;
	padding:0px 13px 0 37px;
	font-weight:bold;

}

.body#mn1 a{
	color:#FF3366;
}
.body#mn1 a:hover{
	color:#FFFFFF;
}

.body#mn1 img{
	margin:0;
	paddimg:0;
	}

/*--2--*/
.body#mn2 {
	float:left;
	color:#2F82FF;
	background: url(images/main02.gif) no-repeat;
	margin:0 0 0 5px;
	padding:0px;
	width:265px;
	height:190px;
	text-align:left;
	
}

.body#mn2 h2{
	padding:15px 10px 50px 0px;
	text-align:right;
	font-size:60%;
	
}

.body#mn2 p{
	margin:0px 0px 0 0px;
	padding:0px 13px 0 37px;
	font-weight:bold;
}

.body#mn2 a{
	color:#2F82FF;
}
.body#mn2 a:hover{
	color:#FFFFFF;
}
/*--3--*/
.body#mn3 {
	clear:both;
	float:left;
	color:#F26100;
	background: url(images/main03.gif) no-repeat;
	margin:10px 0 0 10px;
	padding:0px;
	width:265px;
	height:190px;
	text-align:left;
	
}

.body#mn3 h2{
	padding:15px 10px 50px 0px;
	text-align:right;
	font-size:60%;
	
}

.body#mn3 p{
	margin:0px 0px 0 0px;
	padding:0px 13px 0 37px;
	font-weight:bold;
}

.body#mn3 a{
	color:#F26100;
}
.body#mn3 a:hover{
	color:#FFFFFF;
}
/*--4--*/
.body#mn4 {

	float:left;
	color:#637E0E;
	background: url(images/main04.gif) no-repeat;
	margin:10px 0 0 5px;
	padding:0px;
	width:265px;
	height:190px;
	text-align:left;
	
}

.body#mn4 h2{

	padding:15px 10px 50px 0px;
	text-align:right;
	font-size:60%;
	
}

.body#mn4 p{
	margin:0px 0px 0 0px;
	padding:0px 13px 0 37px;
	font-weight:bold;
}

.body#mn4 a{
	color:#637E0E;
}
.body#mn4 a:hover{
	color:#FFFFFF;
}
/*--END--*/
	
#top2{
	width:560px;
	float:left;
	text-align:left;
}

#top2 h1{
	background:url(images/h1.gif) no-repeat;
	height:30px;
	color:#666666;
	padding:12px 0 0 40px;
	margin-left:20px;
	font-size:90%;
	}

.subme {
	background:url(images/subme_center.gif) repeat-y;
	padding:0px 0 0 0px;
	margin-left:20px;
	font-size:90%;
	color:#666666;
	}
	
.subme ul {
	list-style:none;
	padding:0px 10px 10px 20px;
	margin:0;
	font-size:90%;
	line-height:200%;
	}
	
.subme li{
	padding:0 0 0 20px;
	background:url(images/list_sub.gif) no-repeat 0 50%;
	}
	
	
.subme img {
	padding:0px;
	margin:0;

	}
	

.text {
	background:url(images/bg_h2center.gif) repeat-y;
	margin-left:20px;
	}
		
.text h2{
	background:url(images/bg_h2.gif) no-repeat;
	height:40px;
	color:#666666;
	padding:30px 0 0 40px;
	font-size:90%;
	}
	
.text p{
	color:#666666;
	padding:0 40px 0 40px;
	font-size:80%;
	line-height:200%;
	}
	
.text2 {
	background:url(images/bg_h2under.gif) no-repeat;
	height:30px;
	margin:0;
	padding:0 0px 0px 0px;
	}
/*-----------------------------------------------------------5,rightarea*/
#right{
	float:right;
	width:240px;
	text-align: left;
}


.righttext {
	width:215px;
	padding:0px;
	margin:0 0px 10px 0;
	padding:0;
	background:url(images/lmenu_center.gif) repeat-y ;
	line-height:150%;
	}


	
.righttext h2 {
	background:url(images/lmenu_top.gif) no-repeat;
	text-align:left;
	height:60px;
	font-size:80%;
	font-weight:bold;
	color:#137CE6;
	padding:15px 0 0 30px;
	margin:0;
	}



.righttext ul {
	list-style:none;
	padding:0px 10px 10px 20px;
	margin:0;
	font-size:80%;
	line-height:200%;
	}
	
.righttext li{
	padding:0 0 0 20px;
	background:url(images/list.gif) no-repeat 0 50%;
	}
	
	
.righttext img {
	padding:0px;
	margin:0;

	}
	
.right img{
	margin:10px 0 0 10px;

	}



/*-----------------------------------------------------------6,footer*/
#footer{
	clear:both;
	text-align: right;
	width:800px;
	height:60px;
	margin:0 auto;
	padding:0;
	background: url(images/bg_boxunder.gif) no-repeat;
	}
	
#footer img{
	padding-right:20px;
	}


address {
	width:800px;
	margin:0 auto;
	margin-top: 0px;
	padding:0;
	text-align: center;
	font-size: 80%;
	font-style:normal;
	color: #999999;

}

/*-------------------------------------for any--*/

.clear{
	clear:both;
	line-height:1px;
}