@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 18px/2 "メイリオ", meiryo, Arial, sans-serif;
	    margin:0; padding: 0; background: #fff; letter-spacing: 0.08em; -webkit-text-size-adjust: 100%; color: #686868; }
	  
a { text-decoration: none; color: #686868; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; vertical-align: bottom; } 
:focus { outline: 0; }
p { line-height: 1.5em;}

.txt-maru{ font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }

.red { color: #f00;}



/* main-layout
==========================================================*/

html, body, .wide { width:100%; margin: auto;} 

.inner { margin: 0 auto;}

h1{ margin:-999px 0 0 -999px; width: 999px; height: 999px; }

/* main
==========================================================*/

.main { width: 100%; min-height: 800px; background:url(../images/mainimg.jpg) no-repeat center; background-size: cover; }
.logo { width: 500px; height: 500px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.menu { top: 20%; right: 30px;}
	.menu ul {}
		.menu ul li { margin-bottom: 10px;}
		.menu ul li.fb { margin-top: 20px;}

	
/* common
==========================================================*/

.ttlarea { text-align: center; margin-bottom: 100px; padding-top: 120px; }
	.ttl { font-size: 65px; font-family: 'Cagliostro', sans-serif; margin-bottom: -10px; }
	.sub { font-size: 20px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro" }
	
.midashi { font-size: 23px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-weight: bold; }
	.midashi.big { font-size: 28px; margin-bottom: 40px; }
	.midashi.midashi-line { font-size: 26px; }
	.midashi.midashi-line .border { margin-top: 20px; float: right; width: 600px; border-bottom: 1px solid #787574; }
	
.section { padding-bottom: 120px; }
.section .inner { margin: 0 auto; width: 800px;}
.section a { color: #7CAB42; font-weight: bold; text-decoration: underline; }
.section a.nolink { text-decoration: none; color: #686868; }
.section a:hover { text-decoration: none;}
.w600 { width: 600px; float: right; clear: right;}
	
.txt20 { font-size: 20px;}
.pdf img { margin-left: 10px;}
a span.fa { padding-left: 10px;}

li.fb a { background: url(../images/fb.png) no-repeat left center; padding-left: 30px;}

.nomb { margin-bottom: 0 !important;}


/* menu
==========================================================*/

.slidemenuOuter { position: relative; right: 0; overflow-x: hidden; }
#slide_menu{ box-sizing: border-box; position: fixed; top: 0; right: -200px; width: 200px; height: 100%; background: #7CAB42; padding-left: 20px; padding-top: 15%; z-index: 999;  }
#slide_menu a { color: #fff;}
#slide_menu li { margin-bottom: 10px; }
#slide_menu .fb a { margin-top: 20px; background:url(../images/fb-w.png) no-repeat left center;}
#button {
	position: fixed; right: 0; top: 30px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
	z-index: 9999;
}

/* popup
==========================================================*/

.popup { display: none;}
.popupElem { overflow:hidden;}

	.popupElemInner { padding: 80px 60px; overflow:hidden;}
	.popupElemInner .midashi { margin-bottom: 10px;}
	.popupElemInner .m1 { margin-bottom: 60px;}


	
/* news
==========================================================*/
	
.news { background: #FFF5E5; padding: 60px 0 30px;}	
.news .ttlarea { padding-top: 0;}
	.news .ttl { font-size: 56px;}
.indexIncludeInner dl { width: 585px; } 
.indexIncludeInner dt { float: left; clear: left;} 
.indexIncludeInner dd { padding-left: 180px; border-bottom: 1px solid #9C9C9C; margin-bottom: 5px; padding-bottom: 5px; }
.indexIncludeInner a { color: #686868; text-decoration: none; font-weight: normal;} 
	
	
/* about
==========================================================*/
	
#about { background: #fff;}
#about .ttlarea { margin-top: 0;}
#about .inner {}
#about .in-sec { margin-bottom: 80px;}
	#about .in-sec.in-sec01 { width: 680px; margin:80px auto;}
#about .midashi { margin-bottom: 40px;} 
#about .figure { margin-bottom: 40px;}
	#about .figure ul { margin-left: -15px; }
	#about .figure li { float: left; margin-left: 15px;}


/* activity
==========================================================*/

#activity { background: #E9F0E1;}
#activity .midashi { margin-bottom: 40px;}
#activity .midashi-line { margin: 60px 0;}
#activity .w600 { padding-bottom: 60px;}
#activity .in-sec { border-bottom: 1px dotted #9C9C9C; margin-bottom: 60px;}
#activity .p1 { margin-bottom: 20px;}
#activity .yotei { margin-top: 40px;}
#activity .yotei a { margin-right: 30px;}

.yotable { width: 720px; box-sizing: border-box; border-top: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C;}
.yotable tr {}
.yotable th { line-height: 1.4em !important; box-sizing: border-box; height: 80px !important; padding-top: 15px;  }
.yotable th,
.yotable td { box-sizing: border-box; height: 45px; line-height: 45px; border-bottom: 1px solid #9C9C9C; border-right:  1px solid #9C9C9C; padding-left: 10px; letter-spacing: 0; }
.yotable td.month { width: 60px;}
.yotable td.date { width: 110px;}
.yotable td.place { width: 220px;}

#activity .in-sec { }
#activity .in-sec .midashi.bg-gre { margin-top: 60px; background: #7CAB42; color: #fff; padding: 5px 10px; position: relative;}
#activity .in-sec .midashi.bg-gre:after { border-top: 8px solid #7CAB42;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  content: '';
  position: absolute;
  bottom: -8px;
  left: 15%;}
#activity .in-sec .midashi span { font-weight: normal; font-size: 0.8em; }
#activity .in-sec .p1.bold { font-size: 1.1em; margin: 40px 0 10px; }
#activity .in-sec .p1.bold span { font-weight: normal; font-size: 0.8em; padding-left: 20px; }
#activity .in-sec .p1.bold.clearfix { line-height: 30px; margin-bottom: 15px; }
#activity .in-sec .maru { float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #686868; border-radius: 15px; color: #fff; margin-right: 5px; }
#activity .in-sec .program { margin: 40px 0;}

.examtab { }
.examtab th { font-weight: bold; padding-right: 15px; font-size: 1.1em; }
.examtabsub { font-size: 17px; line-height: 1.5;}

/* qa
==========================================================*/

#qa { background: #FFF5E5; }
#qa .ttl span { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 0.8em;  padding: 0 10px;}

#qa dl { margin-bottom: 40px; border-bottom: 1px dotted #9C9C9C;}
	#qa dt { position: relative; padding: 40px 50px 0 70px; text-align: justify; border-top: 1px dotted #9C9C9C;  margin-bottom: 40px; font-weight: bold;}
		#qa dt .arrow { position: absolute; top: 40px; right: 0;}
		#qa .txt{}
	#qa dd { position: relative; padding: 0 50px 40px 70px; text-align:justify; }
	
#qa .qa-midashi { position: absolute; top: 40px; left: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #fff; color: #7CAB42; border-radius: 50%; float: left; }
	#qa .qa-midashi.que { }
	#qa .qa-midashi.ans {color: #808080; top: 0;}
	
dl.intro_faqDL {}
	dl.intro_faqDL dt { cursor: pointer; }


/* staff
==========================================================*/

#staff { background: #fff;}
#staff .in-sec { width: 400px; height: 400px; margin-bottom: 60px;}
	#staff .in-sec.col-l { background:url(../images/ruro-s01.png) no-repeat;}
	#staff .in-sec.col-r { background:url(../images/ruro-s02.png) no-repeat;}
	#staff .in-sec .midashi { text-align: center; font-size: 22px; margin-bottom: 40px; padding-top: 40px;}
	#staff .in-sec .txjus { width: 280px; margin: 0 auto 40px; }


/* access
==========================================================*/

#access { background: #E9F0E1; }
#access .inner { width: 620px;}
#access .txt { margin-bottom: 20px;}

#Maps{ width: 290px; height: 290px; margin-bottom: 20px;}
#Maps2{ width: 290px; height: 290px; margin-bottom: 20px;}


/* contact
==========================================================*/

#contact { background: #FFF5E5; }
#contact .midashi.midashi-line { margin-bottom: 60px;}
#contact .midashi.midashi-line .border { width: 480px; }

.contable{  }
.contable tr {}
.contable th { padding-right: 10px;}
.contable td { padding:5px 0; }
.contable td input { padding:6px 4px; width:440px; background:#fff; border:1px solid #686868; }
.contable td textarea { padding:6px; background:#fff; border:1px solid #686868; width:440px; }

.submitOuter { margin: 20px 0 0 0px;}
.submitOuter [type="submit"] {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
	margin: 0; padding: 0; background: none; border: none; border-radius: 0px;
	outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; box-sizing: border-box;
	background: #808080;
	color: #fff;
	padding: 1em 1.5em;
	font-size: 1em;
}

.error_box {
    display:none;
    margin:10px 0px 20px;
    padding:15px 12px 15px;
    border:1px solid #C50000;
	text-align:left;
    color:#C50000;
	line-height:1.5;
}


/* blog
==========================================================*/

#blog {}
#blog h1{ margin: auto; width: auto; height: auto; }
#blog .ttlarea { text-align: left; margin-bottom: 80px; padding: 40px 0;  background:url(../images/mainimg.jpg) no-repeat center; background-size: cover; }
#blog .ttl { font-size: 55px; font-family: 'Cagliostro', sans-serif; margin-bottom: 0; float: left; padding-right: 30px;  }
#blog .sub { font-size: 20px; padding-top: 30px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; }
#blog .inner { width: 900px;}
#blog .postouter { width: 620px;}
#blog .postarea { padding-bottom: 60px; border-bottom: 1px dotted  #686868; margin-bottom: 60px;}
	#blog .postarea .midashi { font-size: 1.2em; }
	#blog .postarea a { color: #7CAB42;}
#blog .side { width: 200px;}
	#blog .side .midashi { margin-bottom: 10px; }
	#blog .side ul { margin-bottom: 40px; }
	#blog .side a { text-decoration: underline; }
	#blog .side a:hover { text-decoration: none; }
	
#blog.link .postarea { padding: 30px; border: 1px solid #686868; margin-bottom: 30px;}
	#blog.link .postarea .midashi { margin-bottom: 20px; }
	#blog.link .postarea a { color: #7CAB42;}
#blog.link .side { width: 200px;}
	#blog.link .side .midashi { margin-bottom: 10px; }
	#blog.link .side ul { margin-bottom: 40px; }
	#blog.link .side a { text-decoration: underline; }
	#blog.link .side a:hover { text-decoration: none; }
#blog .date { font-size: 0.9em; margin-bottom: 30px; }	
	
	
	.in-pager { width: 620px; height: 40px; margin: 40px auto 40px;}
		.in-pager li { box-sizing: border-box; border: 1px solid #7CAB42; width: 40px; height: 40px; line-height: 50px; text-align: center;  }
		.in-pager li a{ color: #7CAB42; }
		.in-pager .next { float: right; }
		.in-pager .prev { float: left; }
		
.itiran { font-size: 0.8em; margin-bottom: 120px; }
.itiran i { padding-right: 5px;  color: #7CAB42; }
.itiran:hover i { padding-right: 0;}
	
	
	

/* ---------- Navigation and Sidebar Widget ---------- */

/* Pagination for grid items and paginated posts */
.pagination {
	margin: 80px 0;
	padding-bottom: 120px;
 	line-height:1;
}

#blog.link .pagination  { padding-bottom: 80px;}

.pagination .current {
	color: #fff;
	background: #686868;
 }
 
.pagination .next { float: right;}
.pagination .prev { float: left;}

.pagination span, 
.pagination a { float: left; margin-left: 10px; box-sizing: border-box; color: #686868; border: 1px solid #686868; min-width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; margin-bottom: 10px; }
 
.pagination a:hover{ opacity: 0.7;}

.pagination .first,
.pagination .last { padding: 0 5px; font-size: 0.9em;}



/* footer
==========================================================*/

footer { width: 100%; padding: 80px 0; background: url(../images/foot-bg.jpg) center repeat-x;  }
footer .inner { width: 1030px; }
footer .menuouter { margin-left: -50px;}
footer ul { float: left; margin-left: 50px; }
footer .sitename { font-size: 14px; line-height: 1.3em; }
footer .sitename span { font-size: 20px; font-weight: bold; line-height: 2em;}

.copy { background: #83BB4A; color: #fff; height: 50px; line-height: 50px; font-size: 16px; text-align: center; }
.copy a { color: #fff;}

.pagetop { position: fixed; bottom: 0; right: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; background:#fff;}
.pagetop a { display: block;}
.pagetop span { color: #7CAB42;}






* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/