@charset "utf-8";
/* CSS Document */
/*==================================================
 Global CSS Reset
 ==================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	text-align:justify;
	  background-color: rgb(89, 30, 1);
	  color:#000;
	}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color:#333;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color:#083e78;
}
img, object, iframe {
	max-width: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
}

.wrapper { width:100%; }
.main{width:820px; margin:0 auto;border:3px solid #A55820;  border-radius: 1px; margin-top:50px;margin-bottom: 50px;}
.header{ width:100%; display:table; background-image:url('images/h-bg.jpg');height:199px;  }
.main-ariya{width:100%; display:table;background:url('images/bg1.png')#D7A52C;  background-repeat: repeat-x;}
.main-ariya-left{ float:left; width:185px;}
.main-ariya-right{ float:left;background:url("images/l-isele_07.jpg")#E5C475;   width: 73%;  padding: 20px 15px;  background-repeat: no-repeat; 
margin-bottom: 20px;}
.main-menu{ float:left;}
.logo{  margin-top: -42px;  float: left;}
.reiki-add{float: left;width: 50%;text-align: center; margin-top: 47px;}
.reiki-add1{ float:right;  margin: 15px;}
.main-ariya-left-logo{ display:table;  margin: 0 auto;}
 .main-ariya-left-add{ display:table;    margin: 20px auto;}
.main-ariya-left-add p{ text-align:center; font-size:13px;font-weight: bold;  color: rgb(255, 255, 0);  line-height: 1.2; }
.main-ariya-left-add p a{color: rgb(102, 51, 0); }
.main-ariya-right h1{ font-size:18px;}
.main-ariya-right  p{ font-size:13px; line-height:1.2; text-align:left;margin-top:15px;}
.main-ariya-right span{ float:right;  margin-left: 10px;}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: ""; font-size:30px; color:#F2DE47;}	
#nav li:hover{ background:none;}	
.main-ariya-right-ul { display:table; width:100%;margin-top: 20px;}
.main-ariya-right-ul ul{ float:left;  margin-right: 100px;  margin-left: 16px;}
.main-ariya-right-ul ul li{ font-size:13px; line-height:1.4;  font-weight: initial;  list-style-type: disc;}
.footer p{ margin-top:0; text-align:center;  font-weight: initial;  line-height: 1.3;}
.footer{  width: 100%;display: table;  margin-top: 35px;}
.main-ariya-right-ul1{  display: table;width: 96%;  margin-top: 15px;margin-left: 17px;}
  .main-ariya-right-ul1 ul li{font-size: 13px;line-height: 1.4;font-weight: initial;list-style-type: disc; text-align:left;padding-top: 10px;}
  .main-ariya-right abbr{float: right; font-size: 13px;text-decoration: underline;   font-weight: bold;}
    .main-ariya-right-ul1 ul li a{text-decoration: underline;  color: rgb(102, 51, 0);  font-weight: bold;}
	.main-ariya-right abbr a{color: rgb(102, 51, 0); }
	.main-ariya-left-add p a{  color: rgb(255, 255, 0);}
	.main-ariya-right h3{  font-size: 13px; padding-top: 4px;} 
	.training-input{ display:table; position:relative;  margin-top:10px;}
	.training-input label{ float:left;  font-size: 12px;width: 90px;font-weight: bold;padding-top: 5px;}
	.form-level{ display:table;border: 2px solid #996633;background-color:#f4d9a6;  padding: 10px 10px 5px;  margin-top: 20px; margin-bottom:15px;}
	.form-level li div{  width: 30%; float:left;border: 2px solid #996633;height: 48px;margin-right: 5px;background-color:#f4d9a6;  padding: 5px;   margin-bottom: 5px;}
	.form-level li div label{ font-size:12px; font-weight:bold;}
	.form-level li div p{ margin-top:0;}
  
/*............................nav..........................*/

.menu{display: inherit;  position: relative; top:0px;   left: 5px;}
#nav{  width: 270px; background:#272725;position: absolute; z-index:999; margin:0; padding:0;     top: 82px; display:none; margin-left:5px;}
#nav li{float:none; width:100%; border-bottom:1px dotted #555; padding:4px 0;}
#nav li a{ border:none;padding:0; margin:0; display:block; text-align:center; line-height:35px; height:35px;border-top-left-radius: 0px;
border-top-right-radius: 0px;  color: #F2DE47; font-size:14px;}
#nav li a:hover, #nav li a.current{background:#333; color:#fff;border-top-left-radius: 0px;
border-top-right-radius: 0px; border:none; }
#nav li.dn{display: inherit;}

@media screen and (min-width: 768px) and (max-width: 855px) {
.main{width:98%;}
.reiki-add {  width: 44%;}
.main-ariya-right{  width: 70%;}
.form-level li div {width: 28%;}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.main{width:94%;margin: 20px auto 0px;}
.reiki-add {  width: auto;float: none;display: table;margin: 10px auto;}
.main-ariya-right{  width: 70%;}
.logo a img{  width: 150px;}
.reiki-add img{width: 150px;}
.reiki-add1 {float: none;margin: 15px;display: table;  margin: 0 auto 10px;}
.logo {margin-top: 0; float: none;display: table;margin: 0 auto;}
.main-ariya-left { float: none; width: 185px;margin: 10px auto 15px;}
.main-ariya-right {width: 90%;float: none;margin: 0 auto;display: table;}
.main-ariya-right span img{ width:100%;}
.main-ariya-right span {  width: 47%;}
#nav{  width: 230px;top: 52px;}
.header {  background-image: url('images/h-bg1.jpg'); }
.form-level li div { width: 70%;  display: table;float: none;margin: 0 auto 5px;height: auto;}
.form-level{ width:96%;  }
}