@charset: "utf-8";

/*
Theme Name: EnglishPlusOne
Theme URI: http://www.nd-craft.com/
Version: 0.1
Description: 1カラム、ヘッダ・フッタ固定、カラフル
Author: nakamurayadesign
Author URI: http://www.nd-craft.com/
Tags: one columns, fixed width, simple, white, green, blue, orange
*/



@media screen{
* {margin: 0; padding: 0; zoom: 1;}

/*初期設定*/
body{
margin-top: 0px;
padding: 0px;
line-height: 1.8em;
	background: #fff;
	color: #545454;font-size:1em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
	}
p{font-size: 0.8em;line-height:1.4em;}
span{font-size: 0.8em;}
ul{list-style-type: none;}
img{border: 0px;}

a{color: #7BB966; text-decoration: none;}
a:hover{color: #ff7e00;}

/*画像の回り込み*/
img .centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img .alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

	*:first-child+html img .alignright {
		display: block;
		width:150px;
		height:150px;
		
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	


/*ヘッダ*/
#header{
background: orange;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
background: url(img/headerBack.gif) no-repeat right bottom;
border-bottom: 10px solid orange;
}

#headerWrap{
width: 800px;
height: 180px;
margin: 5px auto;
padding: 0px;
}

#headerTitle{
float:left;
width:100px;
height: 120px;
margin: 8px 2px 0px 0px;
padding: 0px;
}

#headerL{
float: left;
width: 475px;
height: 80px;
margin: 2px;
border-bottom: 1px solid #cfcfcf;
}

#headerL h1{font-size: 0.8em;}

.blogtitle{
display: block;
float: left;
margin-top: 10px;
color: #545454;}

.blogdescription{
margin-top: 0px;
*margin-top: -8px;
color: #ccc;}

/*文字サイズナビ*/
#headnavi{
float: left;
width: 210px;
height: 20px;
margin: 2px;
*margin-left: 0px;
}

*:first-child+html #headnavi{height: 30px;}

#headnavi li{display: block; float:left;}
#headnavi .fontsize{
display: block;
width: 140px;
margin-left: 10px;
*margin-left: 5px;
background: url(img/fontsize.gif) top left no-repeat;
text-indent: -9999em;
}

/* -search form- */
#searchform{
float: left;
width: 210px;
height: 30px;
margin-top: 5px;
*margin-left: 0px;
}

#s {
	background: #fff;
	border: 1px solid #cfcfcf;
	color: #545454;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 20px;
	}
	
#headerLow{
float: left;
width: 680px;
height: 1.8em;
line-height: 1.4em;
margin: 0px 0px 0px 2px;
*margin: 0px;
background: #fff;
font-size: 0.7em;
/*border: 1px solid #ccc;*/}


/*固定ナビエリア*/
#naviArea{
clear: both;
float: left;
width: 800px;
height: 30px;
margin: 0px;
padding: 0px;
}

/*ナビゲーション*/
#naviArea ul{
margin-top: 0px;
 margin-left: 0px;
 padding-left: 0px;
 font-size: 10px;
}

#naviArea li{
list-style-type: none;
width: 110px;
height: 30px;
float: left;
}

#naviArea li a{
 display: block;
 width: 110px;
 height: 30px;
 margin: 0px;
 padding: 0px;
 text-decoration: none;
 color: #666666;
}

#naviArea li a:hover{
       display:block;
       filter:alpha(opacity=60);
       -moz-opacity:0.60;
       opacity:0.60;
       color: #4393c3;
       margin-top: -2px;
       padding-left: 0px;
       padding-top: 0px;
       }
       
/*子要素指定*/
#naviArea .home{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_1.gif) no-repeat;
}
#naviArea .about{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_2.gif) no-repeat;
}
#naviArea .class{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_3.gif) no-repeat;
}
#naviArea .teacher{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_4.gif) no-repeat;
}
#naviArea .schedule{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_5.gif) no-repeat;
}
#naviArea .access{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_6.gif) no-repeat;
}

#naviArea .blog{
width:110px;
height:30px;
margin:0px;
padding: 0px;
text-indent: -9999em;
background: url(img/navi_7.gif) no-repeat;
}


/*パンくずナビ*/
#bread{
width: 100&;
height:1.5em;
color: #545454;
font-size: .8em;
border-bottom: 1px solid #bde165;} 


/*コンテンツセンタリング*/
#wrapper{
margin: 10px auto;
width: 820px;
height: auto;
padding: 0px;
}
	
/*コンテンツ*/
#content{
float: left;
width: 820px;
height: auto;
margin: 0px auto;
padding: 0px;
}

#contentAbout{
float: left;
width: 820px;
height: auto;
margin: 0px auto;
padding: 0px;
background: url(http://englishplusone.com/epo/wp-content/themes/epo/img/aboutBack.jpg) right top no-repeat;}

#contentClass{
float: left;
width: 820px;
height: auto;
margin: 0px auto;
padding: 0px;
background: url(http://englishplusone.com/epo/wp-content/themes/epo/img/classBack.jpg) right bottom no-repeat;}

#contentContact{
float: left;
width: 820px;
height: auto;
margin: 0px auto;
padding: 0px;
background: url(http://englishplusone.com/epo/wp-content/uploads/2009/03/mail.jpg) right top no-repeat;}

#imageArea{
width: 820px;
height: auto;
margin: 0px auto;
padding: 0px;
background-color: #cfe446;
}
#containerUpper{
width:820px;
height:auto;
margin:0px;
margin-bottom:5px;
padding: 0px;
border-bottom: 3px solid #ccc;
color: #545454;}

/*#contentL{
float: left;
width: 820px;
height: auto;
min-height: 700px;
max-width: 550px;
margin: 0px;
padding: 0px;
background-color: #fff;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}*/

/*インフォエリア*/
#infoArea{
float:left;
width: 480px;
height: auto;
margin: 0px;
padding: 0px;
}

#contentR{
float: right;
width: 245px;
*width: 200px;
height: auto;
margin: 0px;
padding: 0px;
}

/*アバウト*/
.box{width:186px;
height:260px;
margin:6px;
float:left;
font-size:0.7em;
line-height:1.4em;
color:#003;
background:#EEF9F9;
/*border: 1px solid #CCC;*/}

.box img{float:left;}

/*コンテンツボックス横並び50％*/
.boxwrap{float: left;
	width: 404px;
	height:auto;
border: 1px solid #FC6;
}
.box2{
	width: 380px;
	height:auto;
	margin: 10px;
	padding: 0;
}

/*ページナビ部分*/
#banner{
width: 820px;
height: auto;
margin: 5px auto;
*margin-top: 20px;
}
#banner span{font-size: 0.7em;line-height: 1em; color: #545454;}
#banner li{display:block;width:130px;height:200px;margin:2px;float:left;border: 0px solid #cfcfcf;}

#banner a:hover{display:block;border: 1px solid orange;
       filter:alpha(opacity=60);
       -moz-opacity:0.60;
       opacity:0.60;
       color: #4393c3;
       margin-top: -2px;
       padding-left: 0px;
       padding-top: 0px;}
/*ページナビ子要素*/
.aboutB {
display:block;
width:130px;
height:200px;
margin:0px;
padding: 0px;
background: url(img/naviB_01.gif) no-repeat left bottom;
}


.classB{
display: block;
width:130px;
height:200px;
margin:0px;
padding: 0px;
background: url(img/naviB_02.gif) no-repeat left top;
}
.teacherB{
display: block;
width:130px;
height:200px;
margin:0px;
padding: 0px;
background: url(img/naviB_03.gif) no-repeat right bottom;
}
.scheduleB{
display:block;
width:130px;
height:200px;
margin:0px;
padding: 0px;
background: url(img/naviB_04.gif) no-repeat right top;
}
.accessB{
display:block;
width:130px;
height:200px;
margin:0px;
padding: 0px;
background: url(img/naviB_05.gif) no-repeat right bottom;
}

.blogB{
display:block;
width:130px;
height:200px;
margin:0px;
padding: 0px;
background: url(img/naviB_06.gif) no-repeat right top;
}

/*カレンダー*/

#Ccontent{
float: left;
width: 820px;
height: auto;
margin: 0px auto;
padding: 0px;
background: url(img/544231_24730006.jpg) no-repeat;
}

#navigationwrap{float:left;width: 245px;
* width: 200px;
height: auto;
margin: 0px;
padding: 0px;
background-color: #fff;
}
#datea{
width: 820px;
height: auto;
min-height: 130px;
font-size: 0.8em;
background: url(img/circleNavi_04.gif) no-repeat right bottom;
text-indent: 3em;
}
 
.schedule{
display: block;
width:130px;
height:20px;
margin: 0px;
background: url(img/scheduleList_01.gif) no-repeat left top;
text-indent: -9999em;
}

.ec3_events{margin-left: 20px;}


#widgetWrap{
width: 243px;
height: auto;
margin: 2px;
padding: 0px;
font-size: .8em;}

#widgetWrap h2{
display:block;
width: 200px;
font-size: 1em;color:d9ec7f;
border-bottom: 1px solid #d9ec7f;}

#widgetWrap a{color: #545454;}
#widgetWrap a:hover{color: #d9ec7f;}
#widgetWrap li{list-style-type: none;}


/*トピックス*/
#topics{
width: 530px;
height:160px;
margin: 5px auto;
float: left;
}

#topicsscroll{
float: left;
width: 520px;
* width: 510px;
height: 150px;
margin: 0px 10px 10px 10px;
padding: 0px;
text-align: left;
border-top: 1px solid #d9ec7f;
/*background: url(img/topics.jpg) top center no-repeat;*/
overflow: scroll;}

#topicsscroll dt{
margin-left: 1em;
line-height:2em;
font-size: 0.8em;
border-bottom: 1px dotted #ccc;
color: #666;}

#topics span{
font-size: 0.8em;
color: green;}

.topicstab{
display: block;
float: left;
width: 150px;
height: 25px;
background: #ccc;
color: #333;
margin-left: 10px;
background: url(img/topicstab.jpg) bottom right no-repeat;
text-indent: -9999em;}
 
 /*ニュースエリア*/
#news{
width: 530px;
height: auto;
float: left;
margin: 5px;
* margin: 5px;
border:1px solid #ccc;
background: url(img/news.jpg) top center no-repeat;}

#newsWrap{
width: 520px;
height: auto;
margin: 5px auto;
}


/* -post and entries- */

*:first-child+html .post {float:left;} 
.postdate {
	color: #999;
	font-size: .7em;
	font-weight: bold;
	margin-top: 10px;
	}
.pagetitle {
	color: #666;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
	}
.posttitle {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	}
.posttitle a {
	color: #ff7e00;
	}
.posttitle a:hover {
	color: green;
	}
.postmetadatabottom {
	background: #a9a9a9;
	margin: 15px 0 15px 0;
	padding: 3px;
	width: 100px;
	font-size: .75em;
	}
.postmetadatabottom a {
	color: #fff;
	}
.postmetadatabottom a:hover {
	color: #ff7e00;
	}
.entry {width:100%;float:left;
	border-bottom: 1px dotted #a9a9a9;
	padding-bottom: 10px;
	font-size: 1em}

.tag{color: #ccc;}

#menuA{
float: right;
width: 240px;
height: auto;
margin: 2px;
padding: 0px;
background:  url(img/pages.jpg) top right no-repeat;
border-bottom: 1px solid #d9ec7f;
}
.navi{
font-size: .8em;
}

.navi li a{display: block;
width: 230px;
height: 25px;
line-heigt: 1.8em;
}
.navi li a:hover{
margin-left: 5px;
padding-left: 1em;
width: 200px;
background: #545454;
filter:alpha(opacity=60);
       -moz-opacity:0.60;
       opacity:0.60;
    color: #ffcc66;  }

#menuB{
float: right;
width: 240px;
height: auto;
margin: 2px;
padding: 0px;
background:  url(img/category.jpg) top right no-repeat;
border-bottom: 1px solid #d9ec7f;
}

.tab1 {
float: right;
width: 200px;
height: 50px;
background: #ccc;
color: #333;
margin: 0px;
padding: .5em;
font-size: 0.7em;
background: url(img/tab1.jpg) bottom right no-repeat;
text-indent: -9999em;}

.tab2 {
float: right;
width: 200px;
height: 50px;
background: #ccc;
color: #333;
margin: 0px;
padding: .5em;
font-size: 0.7em;
background: url(img/tab2.jpg) bottom right no-repeat;
text-indent: -9999em;}


/*フッタ*/
#footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0px;
margin-top: 10px;
padding-top: 1em;
padding- bottom: 1em;
font-size: .8em;
background-color: #ffb300;
color: #fff;
}

#footerWrap{
clear: both;
width: 790px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#footerWrap li{list-style-type: none;}

#footerL{
width: 260px;
margin-left: 5px;
margin-bottom: 5px;
height: auto;
float: left;
}

#footerC{
width: 260px;
margin: 0px;
margin-bottom: 5px;
height: auto;
float: left;
}

#footerR{
width: 260px;
margin: 0px;
margin-bottom: 5px;
height: auto;
float: left;
}

#footerE{
margin-top: 10px;
clear: both;
width: auto;
height: 30px;
border-top: 1px solid #545454;
text-align: center;}

hr{color: #545454;}


#footer a{color: #545454;}

/*トップページサムネイル*/
#thumb{
width: 535px;
height: auto;
margin-bottom: 5px;
}

#thumb li{float: left;}

#thumb li a{display: block;
width: 60px;
height: 60px;
margin: 2px;
border: 1px solid #ccc;
}

#thumb li a:hover{
dispaly: block;
filter:alpha(opacity=60);
       -moz-opacity:0.60;
       opacity:0.60;
      border: 1px solid #fff;}

.thumb{
display block;
float:left;
width: 535px;
height: 25px;
text-indent: -9999em;
background: url(img/tumbstab.jpg) top left no-repeat;
border-bottom: 1px solid #ccc;}

#comments{font-size:1em; color:#ccc;}
.commentlist{
width: 500px;
margin: 2px auto;
height: auto;
border: 1px doted #ccc;
font-size: .7em;}
.commentbox{padding: 1em;background: #fff; color: #545454;}
.commentbox span{color: #fff;font-size:.9em;}

#respond{color: #545454;}

.single{display: block; width: 535px; height:1.5em; border-bottom: 1px solid #bde165;color: #bde165;}

.kanren{display: block; width:535px; height:1.5em;border-top:1px dotted #ccc; margin-top: 5px;}


/*クラス紹介等スライドパネル*/
#stage{float:left;width:818px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:300px; margin:0 auto;}
#slider-buttons{width:818px; height: 25px; margin:0 auto;}

#slider-buttons #previous{display:block; float: left; width: 120px; height:22px; background: url(images/scroll_left.png) left bottom no-repeat; text-indent: 19px;}
#slider-buttons #next{display:block; float: right; width: 120px; height:22px; background: url(images/scroll_right.png) right bottom no-repeat; text-indent: 65px;}

	#myList{width:3025px; border:0; margin:0; padding:0; left:0px;}
	*:first-child+html #myList {width:3025px; height: 300px; float:left; border:0; margin:0; margin-top: 30px; padding:0; left:0px;}
	#myList li{display:block;
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:4px; 
		padding:10px; 
		border: 1px solid #ccc;
		float:left;
		width:248px;
                height:280px;
		font-size: 0.8em;line-height:1.6em;
		}
		#myList h4{color:#060;}
		#myList .group{display:block; float:left; width:40px; height: 40px; background: url(img/class_05.gif) no-repeat; text-indent:-9999em;}
		#myList span{font-size: 1em;}
		#myList .kobetsu{display:block; float:left; width:40px; height: 40px; background: url(img/class_06.gif) no-repeat; text-indent:-9999em;}
		#myList #l0,#l1,#l3,#l5,#l7{background: url(img/class_01.gif) no-repeat right top;}
		#myList #l2,#l4,#l6{background: url(img/class_02.gif) no-repeat right top;}
		#myList #l8{background: url(img/class_04.gif) no-repeat right top;}
		#myList #l9{background: url(img/class_03.gif) no-repeat right top;}
}