/* @override 
	http://rfm.cre8ive.com.au/design/main/css/screen.css */
	
/* @group Basic styles */

* {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 1.5em;
	text-align: left;
}

.print {
	display: none;
}


body {
	background: #e7e7e7 url('../images/html-bg.gif') repeat-y center;
	background-size: 1012px 1px;

}

div{
	margin:0 auto;
}

#rfm {
	padding-left: 0px;
	padding-top: 20;
	padding-bottom: 20;
}


.section {
	display: block;
	padding-left: 1px;
}
.section .inner {
	margin: 0 auto;
	width: 1004px;
	position: relative;
	padding: 0 4px;	
}

#body {
	background: #f0f0f0 url('../images/page-bg.gif') no-repeat top center;
	background-size: 2560px 445px;
	border-bottom: 4px solid #FFF;

}
#body .inner {
	background: #FFF;
	min-height: 900px;
}

#sidebar {
	width: 248px;
	margin-right: 4px;
	float: left;


}
#container {
	float: left;
	width: 752px;
	min-height: 640px;
	text-align: center;
}

#footer {
	background: url('../images/footer-bg.gif') no-repeat top center;
	text-align:right;
	padding: 25px 23px 25px 0;
}
#footer .metanav a {
	color: #000;
	border-color: #000;
	text-decoration: none;
}
#footer .metanav a:hover {
	text-decoration: underline;
}
	
/* @end */

/* @group Header */

#header {
	height: 155px;
	background: #FFF;
}

#logo {
	position: absolute;
	top: 35px;
	left: 27px;
}
#logo a {
	display: block;
	width: 281px;
	height: 90px;
	text-indent: -20000px;
	background: url('../images/web-logo.gif') no-repeat;
}

#meta {
	position: absolute;
	right: 23px;
	top: 90px;
	width: 300px;
	text-align: right;
}
.metanav {
	list-style: none;
}
.metanav li {
	display: inline;
	font-size: 0.85em;
}
.metanav li a {
	padding: 1px 14px;
	margin-right: -4px;
	border-left: 1px solid #0077d0;
}
.metanav li:first-child a {
	border: none;
}

/* @end */

/* @group Search */

.searchForm {
	background: url('../images/search-bg.gif') no-repeat top left;
}

#headerSearch {
	position: absolute;
	right: 23px;
	top: 50px;
	text-align: right;
}
	.searchForm input {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 1em;
		vertical-align: top;
		border: none;
	}
	.q {
		background: none;
		border-right: 0;
		-webkit-appearance: none;
		width: 232px;
		text-indent: 0;
		padding: 8px 0px 8px 8px;
	}
	.q::-webkit-search-decoration {
		display: none;
	}
	.q:focus {
		outline: none;
	}
	.searchsubmit {
		color: #FFF;
		background: url('../images/search-btn.gif') no-repeat top right;
		padding: 0;
		width: 64px;
		text-transform: uppercase;
		border: none;
		text-indent: -2000px;
		height: 30px;
	}
	.searchsubmit:hover {
		background-position: bottom right;
	}

/* @end */

/* @group Navigation */

.nav { /* UL element */
  list-style: none;
  list-style-image: none;
  width: 216px;
}

.nav li {
  list-style: none;
  border-top: 1px solid #dedfdf;
}
.nav.top {
  margin-left: 16px;
}
.nav a {
  display: block;
  text-decoration: none;
  font-size: 1.14em;
  font-weight: 200;
}
.nav ul ul{
  display: none;
}
.nav.top a {
  position: relative;
  color: #3b76cc;
  padding: 18px 10px 18px 13px;
  line-height: 1.1em;
}
.nav.top .menulist > a:before { /* right-facing blue arrow */
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  border-style: solid;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent #3b76cc;
}
.nav.top .menulist.open > a:before { /* down-facing white arrow */
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #3b76cc transparent transparent transparent;
}
.nav.top > li.act > a,
.nav.top > li > a:hover,
.nav.top > li > a:focus
 {
  margin-left: -13px;
  border-left: 5px solid #2e629d;
  padding-left: 21px;
}
.nav.top> .menulist.active ul >ul{
  display: none;
}
.nav.top > .active:first-child > a {
  border-left-color: #FFF;
}
.nav.top > .menulist.active > a {
  padding-right: 25px;
}
.nav.top > .menulist.active > ul {
  background: #3b76cc;
}
.nav.top > .menulist.active > ul > li > a {
  color: #fff;
}
.nav.top .menulist .menulist > a:before {
  border-color: transparent transparent transparent #fff;
}
.nav.top> .menulist .menulist.open > a:before {
  border-color: #fff transparent transparent transparent;
}
.nav.top > .menulist li a {
  padding: 12px 10px 12px 13px;
}
.nav.top > .menulist.active > ul > .menu > a:hover{
  padding-right: 35px;
  color: #fff;
  background-color: #215890;
}
.nav.top > .menulist.active > ul > .menu.active{
	 padding-right: 35px;
  color: #fff;
  background-color: #215890;
}
.nav.top > .menulist > ul > .menulist > a {
  padding-right: 20px;
}
.nav.top > .menulist > ul > .menulist > a:hover,
.nav.top > .menulist > ul > .menulist > a:focus {
  background: #215890;
}
.nav.top > .menulist > ul > .menulist > ul {
  background: #fff;
  padding-left: 10px;
}
.nav.top > .menulist > ul > .menulist > ul li {  
  background: #e5f7fb;
  border-top-color: #a2ddeb;
}
.nav.top > .menulist. > ul > .menulist > ul > li:first-child {
  border-top: none;
}
.nav.top > .menulist. > ul > .menulist > ul > li > a {
  color: #3b76cc; 
}
.nav.top > .menulist > ul > .menulist  li {
  background: #f8ffff;
  border-top-color: #afeaf8;
}
.nav.top > .menulist > ul > .menulist .active > a,
.nav.top > .menulist > ul > .menulist > ul > li > a:hover,
.nav.top > .menulist > ul > .menulist > ul > .menulist > a:focus {
  background: #B9ECFB;
}
.nav.top > .menulist > ul > .menulist .menulist > a:before {
  border-color: transparent transparent transparent #3b76cc;
}
.nav.top > .menulist > ul > .menulist .menulist.active > a:before {
  border-color: #3b76cc transparent transparent transparent;
}
.nav.top > .menulist > ul > .menulist .active li a {
  padding-left: 20px;
  background: #F4FCFD;
}
.nav.top > .menulist > ul > .menulist > ul > .menulist > a:hover,
.nav.top > .menulist > ul > .menulist > ul > .menulist > a:focus {
  background: #B9ECFB;
}
.nav.top > .menulist > ul > .menulist > ul > .menulist li.active a {
  background: #fff;
}
.nav.top > .menulist > ul > .menulist > ul > .menulist li > a:hover,
.nav.top > .menulist > ul > .menulist > ul > .menulist li > a:focus {
  background: #fff;
}




































/* @end */

.UIFlexibleBlockContainer {
	padding: 0 !important;
	margin: 0 !important;
}

.UIBlockContainer .UIBlock {
	margin: 0 !important;
}

.UIBlock {
	margin: 0 !important;
}

h2#pagetitle {
	line-height: 1em;
	padding: 37px 0 24px 10px;
	background: url('../images/page-header-bg.gif') repeat-y top right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}

#pagebody {
	padding: 26px 40px;
	position: relative;
	clear: both;
}

/* @group Page meta bar (breadcrumbs, email/print buttons) */

#pagemeta {
	position: relative;
	font-size: 0.85em;
	color: #000;
	background: #e8e8e9;
	height: 31px;
	margin-bottom: 4px;
	line-height: 1em;
}
#pagemeta div {
	padding: 12px 10px 1px;
	margin: 0 0 4px;
}
.breadcrumbs span.separator {
	padding: 0 6px;
	margin: 0;
}
#pagemeta a {
	color: #555;
	text-decoration: underline;
}
.breadcrumbs {
	float: left;
}

.actions {
	float: right;
}
.actions ul {
	list-style: none;
}
.actions ul li {
	display: inline;
}
.actions ul li a {
	padding: 0 0 0 24px;
	background: url('../images/action-icons.gif') no-repeat top left;
	margin: 0 0 0 20px;
}
.actions ul li a.print-link {
	background-position: bottom left;
}

/* @end */

/* @group News */

.news .item, .publications .item {
	padding: 1em 0 1.5em;
	border-top: 1px solid #dedfdf;
	clear: both;
}
.news .item h5, .publications .item h5 {
	margin: 0;
	padding: 0;
}
.publications .item {
	padding: 1em 0 0.5em  !important;
}
.news .item:first-child, .publications .item:first-child {
	border: none !important;
}
.news .item .img {
	float: left;
	margin: 4px 0px 11px 0;
}
.news .newscontent {
	margin-left: 172px;
}

.news a.readmore {
	padding: 8px 12px;
	color: #FFF;
	background-color: #3b76cc;
	text-decoration: none;
	font-size: 0.8em;
	text-transform: uppercase;
	box-shadow: 0px 1px 0 rgba(255,255,255,0.25) inset, 0px -1px 0 rgba(0,0,0,0.15) inset;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
}
.news a.readmore:hover {
	background-color: #08a8fb;
}
.pagination {
	text-align: right;
	margin: 1em 0;
}
.pagination a, .pagination span.disabled {
	padding: 5px 7px;
	border: 1px solid #efefef;
	text-decoration: none;
	color: #434343;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 -1px 0 #FFF;
	box-shadow: 0 1px 4px #efefef;
}
.pagination .back {
	border-radius: 3px 0 0 3px;
}
.pagination .next {
	border-radius: 0 3px 3px 0;
}
.pagination a:hover, .pagination .selected {
	background: #efefef;
	color: #000;
}
.pagination .disabled {
	color: #CCC !important;
}

.article img {
	float: left;
	margin: 0 10px 10px 0 !important;
	max-width: 300px;
}
.article div.download {
	clear: both;
}
.article .meta {
	margin-bottom: 15px;
	margin-top: -8px;
}
.publications a.download {
	padding: 1px 0;
	font-size: 0.85em;
	text-transform: uppercase;
	text-decoration: none;
}
.publications a.download_file {
	padding-left: 18px;
	background: url('../images/pdf-icon.gif') no-repeat 2px 0px;
}/
.publications p.action {
	margin: 0 !important;
}

/* @end */

/* @group Search results */

.pageresult {
	padding: 1.5em 0 0.5em;
	border-top: 1px solid #dedfdf;
}
.pageresult:first-child {
	border: none;
}

/* @end */

bodyimp {
	background-color: rgba(255,203,114,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,203,114,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,203,114,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,203,114,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,203,114,1.00) 100%);
}

.theory_h3{
	margin-top:5px;
	padding-top:5px;
}

@media only screen and (min-width:767px){

.drawer-hamburger{
	display:none;
}

div#sidebar{
	display:block;
}
div#container{
	margin:0px;
}
#body .inner {
	background: #FFF;
	min-height: 900px;
}

.index_img{
	width:650px;
	height:495px;
}
}
@media only screen and (max-width:767px){

.drawer-hamburger{
	display:block;
}
div#sidebar{
	display:none;
}
div#container{
	width:520px;
	padding:0px;
}
#body .inner{
	width:520px;

}

.index_img{
	width:450px;
	height:auto;
}
}