/*
Theme Name: habakiri-child
Theme URI: http://2inc.org ( テーマのURL )
Description: Habakiri の子テーマです ( テーマの説明 )
Author: Takashi Kitajima ( 作者名 )
Author URI: http://2inc.org ( 作者のURL )
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

/*キー設定*/
:root {
	--main-color:#08a597;
	--bg-color:#F5F5F5;
	--btn-color:#6ACD60;
	--form-btn:#EF024C;
}
/*学年キーカラー*/
.hs {background-color:#3c9dd4;}
.jr {background-color:#f36683;}
.el {background-color:#27b38a;}

/*全体*/
body {
	font-family: 'M PLUS 1p', sans-serif;
	/*font-family: "Hiragino Kaku Gothic Pro","Meiryo","MS Pgothic",knowledge-reg,helvetica,arial,sans-serif;*/
}
.clear {
    clear:both;
}
a {
	color:#333333;
}
a:hover {
	filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	text-decoration:none;
	color:#FFFFFF;
}
.apply_btn {
	background-color: #6ACD60;
    width: 300px;
    text-align: center;
    color: #FFF;
    border-radius: 30px;
    padding: 10px;
    display: block;
    margin: 15px auto;
}
.h2 {
	font-size:40px;
	text-align:center;
	margin:0;
	padding-bottom:11.5px;
	margin-right:10px;
	margin-left:10px;
}
.h3{font-size:30px;}
.section {border-top:1px solid #CCCCCC;}
.tc {color:#08a597;}
.spbr { display:none; }
.pcbr { display:block; }
.sm { font-size:80%; }
.youtube {width: 100%;aspect-ratio: 16 / 9;}
.youtube iframe {width: 100%;height: 100%;}

#HeadApply {
	display: block;
    background-color: #ed4545;
    color: #FFF;
    text-align: center;
    width: 10%;
    position: fixed;
    top: 50%;
    right: 0px;
    font-size: 80%;
    padding: 7px 0;
}


#PageTop {
	position: fixed;
    bottom: 20px;
    right: 10px;
    background-color: #08a597;
    font-size: 300%;
    border-radius: 100%;
    padding: 0 20px;
    color: #FFFFFF;
}
#fixed_btn {
	position: fixed;
    bottom: 20px;
    left: 10px;
	z-index:99999;
	width:80px;
}
/*youtube埋め込みレスポンシブ*/
.wp-block-embed__wrapper {position: relative;width: 100%;padding-top: 56.25%;}
.wp-block-embed__wrapper iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.wp-block-quote{margin: 20px 10px;border-left: 3px solid #888;padding-left: 10px;font-style: italic;}

/* header */
#TopSliderArea {
	/*background-image: linear-gradient( -45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de );
	background-color: #f5f5f5;;*/
    background-size: 30px 30px;
	/*padding-top: 20px;*/
	margin:20px 0;
}
.habakiri-slider {
	width:1200px;
	margin:0 auto;
	border-radius:30px;
}
.habakiri-slider__item {
	background-repeat:no-repeat;
}
#TopSlideNewsArea {
	width:40%;
	float:left;
}
#TopSlideNewsArea li {
	width:50%;
	height:300px;
	float:left;
	background-size:cover;
	background-position:center;
	position:relative;
}
#TopSlideNewsArea .TopSlideNewsArea_EventBox {
	position:absolute;
	bottom:0px;
	background-color:rgba(255,255,255,0.8);
    width: 100%;
    padding: 10px;
	color:#333333;
}
#TopSlideNewsArea .TopSlideNewsArea_EventBox > span:first-child{
	background-color:#08a597;
	font-size:50%;
	padding:3px 5px;
	border-radius:30px;
	text-align:center;
	color:#FFFFFF;
}
#TopSlideNewsArea .TopSlideNewsArea_EventBox > span:last-child{
	float:right;
	color:#08a597;
}
#TopApply {
    float: right;
    background-color: #ed4545;
    color: #FFFFFF;
    margin: 10px 0 10px 0;
    padding:20px 10px;
    border-radius: 5px;
    box-shadow:0 3px 0 0 rgba(198, 39, 39, 1);
    text-align: center;
    width: 46%;
}
#TopPlace {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0 10px 20px;
}
#TopApply .col-sm-7 { margin-right:55px; }
#globalmenu {
	width:100%;
	padding:0px;
	margin-top:10px;
	background-color:#f5f5f5;
	border-radius:30px;
}
#globalmenu ul li:last-child {
	border-right:0px;
}
#globalmenu ul { width: 100%; }
#globalmenu ul li {
	width: calc(100% / 8);
	border-right:1px solid #cccccc;
}
#globalmenu ul li a:hover {
	color:#08a597;
}
#globalmenu ul li a {
	font-size: 75%;
    letter-spacing:0px;
    padding: 23px 0px;
}
@media screen and (min-width: 1200px) {
    #globalmenu ul li a {
        font-size: 90%;
        
    }
}
#globalmenu .current-menu-item {
	background-color:#08a597;
}
#globalmenu .current-menu-item:first-child {
    border-radius: 30px 0 0 30px;
}
#globalmenu .current-menu-item:last-child {
    border-radius: 0px 30px 30px 0px;
}
#globalmenu .current-menu-item > a {
	color:#FFFFFF;
}
#globalmenu .current-menu-item > a:hover {
	color:#FFFFFF;
}
#globalmenu .responsive-nav .sub-menu li{
	width:100%;
}
#globalmenu .responsive-nav .sub-menu a {
    background-color: #f5f5f5 !important;
    text-align: center;
    padding: 10px !important;
}
#grademenu {
	text-align:center;
	margin:10px 0 -1px 0;
	background-color:#f5f5f5;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#grademenu a {
	padding:10px 0;
	font-size:120%;
	color:#FFFFFF;
    box-shadow:0px 2px 0px 0px #cccccc;
    width:calc(100%/3);
}
#HeadDesc {
	background-color:#F5F5F5;
	font-size:10px;
}
#HeadDesc a {
	background-color:#6ACD60;
	padding:10px;
	color:#FFFFFF;
	float:right;
	margin: -20px 0 -35px 0;
	text-align:center;
	border-radius:5px;
	font-size:80%;
}
#HeadDesc a i{
	margin-bottom:5px;
}
#header .container {
	padding:15px 0;
}
#HeadNews{
	background: #08a597;
    text-align: center;
    padding: 10px 0;
    color: #FFFFFF;
	display:block;
	width:100%;
	border-top:1px solid #CCCCCC;
}
#HeadNews > span {
	background-color:#A83F3F;
	border-radius:5px;
	padding:5px;
	margin-right:5px;
	font-size:80%;
}
#HeadNews a {
	text-decoration:none;
}

#responsive-btn {
	background-color:#08a597 !important;
	border-radius:5px 0 0 5px;
	color:#FFFFFF !important;
	border:none;
	width:50px;
	height:50px;
	padding:15px;
	top:-40px;
	right:0px;
}

/* メインビジュアル */
@media screen and (max-width: 1199px) and (min-width:1025px) {
    .habakiri-slider { width: 100%; }
}

/*ApplyArea*/
#ApplyArea {
	/*background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;*/
	background-image: linear-gradient( -45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de );
	background-size: 30px 30px;
}
.apply_big_btn {
	display: block;
    position: relative;
    width: 70%;/*ボタンの幅*/
    padding: 30px 0;
    margin: 10px auto;
    background-color: #ed4545;/*ボタンの色*/
    box-shadow: 0 3px 0 0 rgba(198, 39, 39, 1);/*影の色(rgbaの値を変更)*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 200%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
.apply_big_btn:hover {
    text-decoration: none;
    color: #fff;
}
.apply_big_btn::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
#ApplyArea > p {
	text-align:center;
	margin:20px 0;
}

/* firstview_topics */
#firstview_topics { background-color:#f5f5f5; border-top:1px solid #CCCCCC; padding-top:20px; }
#firstview_topics .container { margin:0 auto; }
#firstview_topics #TopEventList_Bnr { margin:20px auto; }
#firstview_topics h2 {
	font-size: 150%;
    padding: 10px 10px;
    margin-bottom: 30px;
    text-align: left;
}
#firstview_topics .firstview_topics_box a {
	color:#333333;
	position:relative;
}
#firstview_topics .firstview_topics_box a li {
	margin-bottom:20px;
	height:120px;
	overflow:hidden;
}
#firstview_topics .firstview_topics_box img { 
    width: 20%;
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
#firstview_topics .firstview_topics_box_detail { width:75%;float:left;overflow:hidden;margin-left:3%;position: relative;}
#firstview_topics .firstview_topics_box_detail h3 { font-size:150%;margin-bottom:5px; }
#firstview_topics .firstview_topics_box_detail p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size:80%;overflow:hidden; }
#firstview_topics .firstview_topics_box_detail span { float:right;font-size:70%; }
#firstview_topics .firstview_topics_box_detail p:last-child { display:none; }
#firstview_topics .BlogNew { position:absolute;top:0px;left:0px;background-color:#A83F3F;color:#FFFFFF;font-size:70%;padding:5px; }




/* EducationNews */
#EducationNews {
}
#EducationNews > p {
	text-align:center;
}
#EducationNews > ul > a {
	border-bottom: 1px solid #CCC;
    display: block;
    margin: 20px 0;
	color:#333333;
}
#EducationNews > ul > a > li > span:first-child {
	background-color: #333;
    color: #FFF;
    font-size: 60%;
    padding: 10px;
    margin-right: 10px;
}

/* footer */
.footer-widget-area {
	background-color:#F5F5F5;
	border-top:1px solid #CCCCCC;
	line-height:2;
	padding-top:30px;
}
.footer-widget-area li{
	padding:0px !important;
    display: inline-block;
    padding: 0 5px;
    margin: 0;
}
.footer-widget-area li::before {
    content: '|';
	color:#cccccc;
    margin-right: 5px;
}
.footer-widget__title {
    margin:00px 0 10px 0 !important;
	font-size:120%;
}
.copyright {
	background-color: #08a597;
    text-align: center;
	border-top:1px solid #CCCCCC;
	font-size:50%;
}

/* 内部ページ全体　*/
.page-header {
    color: #fff;
    background: url(/wp-content/themes/maplweb/img/tit_bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    text-shadow: 1px 1px 1px #000;
	padding:40px 0;
	border-bottom:1px solid #CCCCCC;
}
.sub-page-contents {
	padding-top:20px;
}
.breadcrumbs {
	margin:10px 0;
}
#SNSShare li {
	display:inline-block;
}
#SNSShare .fab {
	margin-right:10px;
}
.fa-twitter {
	color:#1DA1F2;
}
.fa-line {
	color:#00B900;
}
.fa-facebook-square {
	color:#3C5A99;
}

/* 校舎環境・教育システムなどベースページ全体 */
#BasePageTit h1 {
	background-color: #FFF;
    display: inline;
    font-size: 300%;
    padding: 5px;
}
#BasePageTit {
    background-color: #cccccc;
	width: 100%;
    padding: 50px 0;
    line-height: 1.5;
	}

/* アーカイブページ */
.entry__summary p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.entry-meta__list {
	margin: 10px 0;
}
.article--single,.article--archive {
	border: 1px solid #CCCCCC;
    padding: 30px;
}
.entry__title {
	font-size: 22px;
    padding: 6px 0;
    text-align: left;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.3;
}
.sidebar-widget__title {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
#recent-posts-2 > ul > li {
	border-bottom:1px dotted #CCCCCC;
	padding:10px 0;
}
#recent-posts-2 > ul > li::after {
	content:'>';
    float: right;
    color: #08a597;
}
.related-posts__title{
	font-size:100%;
	border-left: 5px solid #08a597;
    padding-left: 10px;
}
.related-posts .entry-meta__list time {
	display:none;
}
.related-posts .entry-meta__item updated categories {
	display:none;
}

/* PC メインフォーム */
form > p {
	text-align:center;
	margin:10px;
}
form > p:first-child {
	font-size:120%;
	font-weight:bold;
}
.mainform {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:100%;
}
.mainform .req {
    display: inline-block;
    background: #08a597;
    color: #fff;
    font-size: 80%;
    line-height: 1;
    padding: 3px;
    margin-right:10px;
}
.mainform tr {
	/*display: flex;*/
    width: 100%;
    border-top: solid 1px #D4D8D9;
    vertical-align: top;
}
.mainform th {
    width: 25%;
    background-color: #F5F5F5;
    padding: 30px 0px 30px 20px;
	vertical-align:top;
}
.mainform td {
    width: 75%;
    font-size: 18px;
    padding: 15px;
    box-sizing: border-box;
}
.mwform-tel-field input[type="text"],.mwform-zip-field input[type="text"] {
    border-radius: 8px;
    border: solid 1px #cccccc;
    padding: 10px 20px;
    box-sizing: border-box;
    outline: none;
	width:100px;
}
	
.mainform textarea ,.mainform .inputtext {
	width: 100%;
    border-radius: 8px;
    border: solid 1px #cccccc;
    padding: 10px 20px;
    box-sizing: border-box;
    outline: none;
}
.mainform input[type=radio],.mainform input[type=checkbox] {
	display: none; /* checkboxを非表示にする */
}
.mainform input[type=radio]:checked + .mwform-radio-field-text,.mainform input[type=checkbox]:checked + .mwform-checkbox-field-text  {
	background: #08a597;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.mainform .mwform-radio-field:hover,.mainform .mwform-checkbox-field:hover {
	filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	text-decoration:none;
}
.mainform .mwform-radio-field-text,.mainform .mwform-checkbox-field-text {
	border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
    margin: 10px 0;
}
.mainform .submit label {
	width:100%;
}
.mainsubmit {
  	background-color: #6ACD60;
    width: 90%;
    border: none;
    border-radius: 30px;
    padding: 10px;
    margin: 20px auto 0px auto;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 150%;
}
.mainsubmit:hover{
	filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	text-decoration:none;
	color:#FFFFFF;
}
.mainback {
  	background-color: #FFFFFF;
    width: 90%;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    padding: 10px;
    margin: 20px auto 0px auto;
    display: block;
    font-weight: bold;
    font-size: 100%;
}
	
.mainform .wpcf7c-conf-hidden +.wpcf7-list-item-label {
    background-color: #08a597;
    color: black;
    border: 4px solid #333333;
}
#mainprivacy {
	text-align:center;
	font-size:70%;
	margin-top:10px;
}

#apply_head {
	background-color:#f5f5f5;
	width:100%;
	text-align:center;
	padding:20px 0;
	margin:20px 0;
	font-size:130%;
}
/* Stepnav
-----------------------------------------*/
 
.Stepnav ol {
  margin-top: 40px;
  margin-bottom: 40px;
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
}
 
.Stepnav ol li {
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  padding-left: 25px;
  text-align: center;
  vertical-align: middle;
  color: #333;
  font-size: 14px;
  background-color: #f9f9f9;
  font-weight: bold;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
 
.Stepnav ol li:first-child {
  padding-left: 0;
}
 
@media screen and (max-width: 960px) {
  .Stepnav ol li {
    font-size: 12px;
  }
}
 
.Stepnav ol li.current {
  background-color: #08a597;
  color: #FFF;
}
 
@media screen and (max-width: 960px) {
  .Stepnav ol li span {
    display: none;
  }
}
 
.Stepnav ol li:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -25px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid #cccccc;
  z-index: 99;
}
 
.Stepnav ol li:nth-child(3):before {
  display: none;
}
 
.Stepnav ol li:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -24px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid #f9f9f9;
  z-index: 99;
}
 
.Stepnav ol li:last-child:after {
  display: none;
}
 
 
 
.Stepnav ol li.current {
  border-top: solid 1px #08a597;
  border-bottom: solid 1px #08a597;
}
 
.Stepnav ol li.current:after {
  border-left: 24px solid #08a597;
}

/* 記事・ブログ・コラムページ見出し */
.entry__content {
	line-height:2;
}
.entry__content h2 {
	margin:20px 0 10px 0;
	font-size:150%;
	position: relative;
	padding: 0.6em;
    background-color:#08a597;
    color:#ffffff;
}
.entry-content h2{
	color:#ffffff;
}	
.entry-content h2 a{
	color:#ffffff;
}	
.entry__content h3 {
	font-size: 120%;
    margin: 20px 0;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
	padding-left:10px;
}
	

/* ▼レスポンシブsmartphone▼ */
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/

.spbr { display:block; }
.pcbr { display:none; }

.js-responsive-nav {
	background-color:#FFFFFF;
}
.js-responsive-nav ul{
	border-bottom:0px;
}
.js-responsive-nav li{
	border-top:0px;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0;
	font-size:120%;
}
.js-responsive-nav .current-menu-item{
	background-color:#08a597;
}
.js-responsive-nav .current-menu-item > a,.off-canvas-nav--dark > a{
	background-color:#08a597;
}
.off-canvas-nav--dark a{
	color:#333333;
}
.js-responsive-nav .current_page_parent > a{
	background:none;
	color:#333333;
}
#header .container {
	padding:5px;
}
#TopPlace { display:none; }
#grademenu { margin-top:0px;}
#globalmenu { margin-top:0px; }

#HeadDesc a {
	display:none;
}
.habakiri-slider {
	width:100%;
	border-radius:0px;
}
.habakiri-slider, .habakiri-slider__item {
	height:400px !important;
	font-size:80%;
	background-position:center 0px;
}
.habakiri-slider__item-wrapper{
	width:100%;
	margin:0 auto;
}
.apply_big_btn {
	width:90%;
	font-size:150%;
	padding:10px;
}
.container {
	padding:0;
}
#TopSlideNewsArea{
	width:100%;
}
#TopSlideNewsArea li{
	height:200px;
}
#TopApply { display:none; }
.header__content .header__col { float:left; margin-top:10px; margin-left:5px; }
.habakiri-slider, .habakiri-slider__item {
	height:400px;
}
.section {
	padding:20px 0px;
}
.h2 {
	font-size:140%;
}
.h3 {
	font-size:120%;
}

#firstview_topics > div > section { margin:0 10px; }

.sub-page-contents {
	padding-top:0px;
}
.article--single,.article--archive {
	border: none;
    padding: 10px;
}
.sidebar {
	margin:10px;
}
.footer-widget-area {
	padding:10px;
	line-height:1.5:
}
.footer-widget-area .row > div {
	margin-bottom:20px;
}
.footer-widget__title {
	margin:0;
}
.mainform th,.mainform td {
	width:100%;
	display:block;
}
#BasePageTit h1 {
    font-size: 150%;
    padding: 0px;
}

#PageTop {
    font-size: 200%;
    border-radius: 100%;
    padding: 0 15px;
    color: #FFFFFF;
}
#fixed_btn {width:60px;}

}
@media screen and (max-width: 350px) {
    .apply_big_btn {
        font-size: 120%;
    }
    #ApplyArea > p {
        font-size: 80%;
    }
}
/* ▼レスポンシブタブレット ▼　*/
@media screen and (max-width: 1024px) and (min-width:768px) {
#TopApply { display:none; }
#TopPlace { display:none; }
#globalmenu { margin-top:0px; }
#grademenu { margin-top:-10px; }
.habakiri-slider {
	width:100%;
	border-radius:0px;
}
#fixed_btn {width:60px;}
}
@media screen and (max-width: 991px) and (min-width:768px) {
.sidebar-widget img { width: 32.93%; }
}

/*reset*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.5;
	border-top:1px solid #08a597;
	font-size:16px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul,li{
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}