*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div {margin:auto;}
a {outline:0;}
a img {border:none; outline:0;}
p {margin-top:0; padding-top:0;}
p:last-child {margin-bottom: 0; padding-bottom: 0;}
html, body {
	height: 100%;
	margin:0;
	padding:0;
}
/*************** body ***************/
body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
    font-weight: 300;
    font-style: normal;
	background-color: #fff;
	min-width: 1150px;
}
/*************** a, img, h, etc ***************/
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
img {
	border: 0;
}

/* h1, h2, h3, h4 */
h1 {
	margin:0;
	padding:0;
	font-size:36px;
	font-weight: 300;
	color: #000000;
}
h2 { margin:0;padding:0;font-size: 20px; color:#000000; text-transform: none; font-weight: 300; }
h3 { margin:0;padding:0;font-size: 18px; color:#000000; text-transform: none; font-weight: 300; }
h4 { margin:0;padding:0;font-size: 16px; color:#000000; text-transform: none; font-weight: 300; }
/*************** wrapper ***************/
#wrap {
	float: left;
	width: 100%;
}
/*************** header ***************/
#header {
	float: left;
	width: 100%;
	background-image:url(../../layout/topp_s2%402x.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	padding: 20px 0;
	height: 260px;
}
#head {
	position: relative;
	width: 1050px;
	margin: 0 auto;
	height: 220px;
}
#header.index {
	background-image:url(../../layout/topp_s1%402x.jpg);
	height: 560px;
}
#head.index {
	height: 520px;
}
#logo {
	position: absolute;
	left: 0;
	top: 20px;
	width: 170px;
}
#logo img { width: 100%; height: auto; }
#menu-mobile {
	position: absolute;
	left: 200px;
	top: 24px;
	color: #fff;
}
#menu-mobile a { color: #fff; font-size: 18px; text-decoration: underline; }
#menu {
	position: absolute;
	right: 0;
	top: 20px;
	width: 750px;
	height: 70px;
	z-index: 99;
}
#menu ul { list-style: none; margin: 0; padding: 0; float: right; }
#menu ul li { float: left; margin-left: 20px; padding: 0 0 10px 0; color: #fff; }
#menu ul li.menuactive { border-bottom: 1px solid #fff; }
#menu ul li a { text-decoration: none; color: #fff; }
#menu ul li a:hover { text-decoration: none; color: #db7d0e; }

#socials {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 223px;
	z-index:9999;
	background:url(../../layout/bg-socials.png) no-repeat -40px 4px;
	padding-top:30px;
}
#s-facebook {
	float: left;
	display: block;
}
#s-facebook img {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
}
#s-skype {
	margin-left: 0px;
	margin-top: -17px;
	float: left;
	display: block;
}
/*************** main ***************/
#main {
	float: left;
	width: 100%;
}
/*************** content ***************/
#content-index {
	float: left;
	width: 100%;
	padding: 40px 0 40px 0;
}
#content {
	position: relative;
	float: left;
	width: 100%;
	padding: 40px 0 40px 0;
}
.full {
	float: left;
	width: 100%;
}
.half-left {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.half-right {
	float: right;
	width: 50%;
	padding-left: 20px;
}
.left {
	position: relative;
	float: left;
	width: 636px;
}
.right {
	float: right;
	width: 300px;
}
.title {
	float: left;
	width: 100%; margin-bottom: 10px;
}
.text {
	float: left;
	width: 100%;
	line-height: 24px;
	overflow: hidden;
}
.text a { color: #881c1c; text-decoration: underline; }
.text a:hover { color: #000000; text-decoration: underline; }
.text img { max-width: 100%; height: auto; }
span.front2, p.front2, .text h3 {
    font-size: 28px;
    color: #34557f;
    line-height: 36px;
}
.text h3 { margin-bottom: 10px; }
span.italic {
    font-style: italic;
    color: #34557f;
    display: block;
}
.fsize14 { font-size: 14px; line-height: 18px; }
.fsize13 { font-size: 13px; line-height: 18px; }
.fsize12 { font-size: 12px; line-height: 18px; }

/*************** blog ***************/
.article-left { width:810px; float:left; margin-right:40px; }
.article-right { width:200px; float:right; }
.article-right ul { margin:0; padding:0; list-style-type:none; } 
.article-right li { margin:0 0 5px 0; padding:0; float:left; width:100%; }
.article-right a { position:relative; padding-left:12px; float:left; color:#881c1c; }
.article-right a:hover { color:#333; }
.article-right a:before { content:"» "; position:absolute; left:0; top:0; }
.article-right h3 { margin-bottom:15px; font-size:25px; line-height:25px; } 

.blog-title { float:left; }
.blog-title h3 { margin-bottom:20px; font-size:38px; line-height:38px; font-weight:300; }
.blog-morearticles { float:right; }
.blog-morearticles a {  }
.blog-more { font-size:18px; line-height:24px; margin-bottom:20px; }

.blog-pagecount { float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.blogfront-block { float:left; width: 100%; font-size:16px; line-height:27px; }
.blogfront-item { float:left; width:336px; margin-right:21px; padding:0; }
.blogfront-title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; position:relative; margin-bottom:10px; float:left; width:100%; font-weight:300; }
.blogfront-title a { color:#333; font-size:25px; line-height:34px; font-weight: 300; text-decoration: none; }
.blogfront-title a:hover { text-decoration: underline; }
.blogfront-date { float:left; width:100%; margin-bottom:5px; font-size:12px; line-height:18px; color:#a1a1a1; }
.blogfront-image { float:left; margin-bottom:15px; width:100%; height:178px; background-color:#ccc; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:none; background-position:center center; }
.blogfront-image img { max-width:100%; height:auto; }
.blogfront-content { float:left; width:100%; }
.blogfront-link { font-size:16px; line-height:24px; padding-top:15px; clear:both; display:block; }

.blogarchive-block { float:left; width: 100%; font-size:16px; line-height:27px; }
.blogarchive-item { float:left; width:256px; margin-right:21px; padding:0; margin-bottom:30px; }
.blogarchive-title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; position:relative; margin-bottom:10px; float:left; width:100%; font-weight:300; }
.blogarchive-title a { color:#333; font-size:25px; line-height:34px; font-weight: 300; text-decoration: none; }
.blogarchive-title a:hover { text-decoration: underline; }
.blogarchive-date { float:left; width:100%; margin-bottom:5px; font-size:12px; line-height:18px; color:#a1a1a1; }
.blogarchive-image { float:left; margin-bottom:15px; width:100%; height:178px; background-color:#ccc; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:none; background-position:center center; }
.blogarchive-image img { max-width:100%; height:auto; }
.blogarchive-content { float:left; width:100%; }
.blogarchive-link { font-size:16px; line-height:24px; padding-top:15px; clear:both; display:block; }

#blogdetail-block { float:left; width:100%; }
#blogdetail-date { float:left; width:100%; margin:-20px 0 20px 0; font-size:12px; line-height:18px; color:#a1a1a1; }
#blogdetail-image { float:left; width:100%; margin-bottom:15px; background: #fff; }
#blogdetail-image img { max-width:100%; height:auto; margin:0 auto; display:block; }
#blogdetail-summary { float:left; width:100%; font-size:24px; line-height:36px; margin-bottom:20px; }
#blogdetail-content { float:left; width:100%; margin-bottom:10px; }
#blogdetail-facebook { float:left; width:100%; margin-top:20px; }
.blogdetail-back { float:left; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #eee; }

blockquote {
  width: 100%;
  display: block;
  padding: 20px 40px 72px 40px;
  font-size: 24px;
  text-align: center;
  margin: 20px 0;
  background-image: url(../../layout/quote-2.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  line-height: 32px;
  font-style: italic;
}
div.blockquote {
  width: 100%;
  display: block;
  padding-top: 32px;
  background-image: url(../../layout/quote-1.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}

/*************** footer ***************/
#footer {
	float: left;
	width: 100%;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.footer-line {
	float: left;
	width: 100%;
}
.teaser {
	float: left;
	width: 100%;
	color: #fff;
	background-color: #34557f;
	padding: 40px;
}
.teaser a { color: #fff; text-decoration: none; }
.foot-credits {
	float: left;
	width: 40%;
	padding: 20px 0;
	font-size: 14px;
}
.foot-menu {
	float: right;
	width: 60%;
	padding: 20px 0;
	font-size: 14px;
}
.foot-menu ul { list-style: none; margin: 0; padding: 0; }
.foot-menu li { float: left; margin: 0 0 0 20px; padding: 0; }


/*************** form ***************/
.contact {
	float: left;
	width: 100%;
	padding: 20px;
	background-color: #f1f1f1;
}
.contact h3 {
	font-size: 24px;
	text-align: center;
}
.appform {
	margin: 0 auto;
	width: 400px;
	padding: 20px;
	background-color: #f1f1f1;
}
.appform h3 {
	font-size: 24px;
	text-align: center;
}
textarea, input[type="text"], input[type="password"], select {
	padding: 6px;
	border: 0;
	width: 100%;
	float: left;
	background-color: #fff;
	resize:none;
	font-size: 14px;
	font-family: 'Open Sans', Arial, Tahoma, Helvetica, sans-serif;
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: top left;
	color: #292929;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
label {
	font-size: 16px;
	width: 100%;
	float: left;
}
div.error { display: none; }
label.error {
	float: left;
	width: 100%;
	margin-left: 5px;
	padding-left: 5px;
	color: #941c1e;
	font-size: 12px;
	font-weight: 300;
	border-left: 1px solid #941c1e;
}
/*************** btns ***************/
.btn-reg,.submit {
	text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
	display: inline-block;
    background-color: #db7d0e;
    border: 1px solid #cc7917;
    color: #fff;
    font-size: 16px;
    padding: 10px 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    outline: none !important;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25) inset;
}
.btn-reg:hover, .submit:hover {
	color: #fff;
	text-decoration: underline;
    background-color: #cc7917;
}
/*************** rows ***************/
.row {
	float: left;
	width: 100%;
	padding: 40px;
}
.row-12 { float: left; width: 100%; }
.row-11 { float: left; width: 91.66666667%; }
.row-10 { float: left; width: 83.33333333%; }
.row-9 { float: left; width: 75%; }
.row-8 { float: left;width: 66.66666667%; }
.row-7 { float: left;width: 58.33333333%; }
.row-6 { float: left;width: 50%; }
.row-5 { float: left;width: 41.66666667%; }
.row-4 { float: left;width: 33.33333333%; }
.row-3 { float: left;width: 25%; }
.row-2 { float: left;width: 16.66666667%; }
.row-1 { float: left;width: 8.33333333%; }
.row-12 img, .row-11 img, .row-10 img, .row-9 img, .row-8 img, .row-7 img, .row-6 img, .row-5 img, .row-4 img, .row-3 img, .row-2 img, .row-1 img {
 max-width: 100%; height: auto; 
}
.row-title {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	font-size: 32px;
}
.row-summary {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 32px;
}
.row-text {
	float: left;
	width: 100%;
	line-height: 27px;
	font-size: 16px;
}
.row-text a { text-decoration: none; }
.row-text a:hover { text-decoration: underline; }

/*************** index ***************/
#hero {
	position: absolute;
	bottom: 20px;
	left: 0;
	color: #fff;
}
.index #hero { bottom: 20px; }
.hero-title {
	float: left;
	width: 100%;
	font-size: 64px;
}
.hero-title h1 { color: #fff; font-size: 64px; }
.hero-title.inner h1 { font-size: 38px; }
.hero-text {
	float: left;
	width: 100%;
	font-size: 24px;
}
.bg-boxes, .bg-summary {
	background-color: #f1f1f1;
}
.bg-skater {
	color: #fff;
	background-color: #000;
	background-image: url(../../layout/img_komigang%402x.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-skater .row-text { font-size: 18px; }
.bg-skater .row-text a { color: #fff; }

.frontbox {
	float: left;
	width: 330px;
	margin-right: 30px;
}
.frontbox-icon {
	float: left;
	width: 100%;
	text-align: center;
}
.frontbox-icon {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}
.frontbox-icon img { width: 100px; height: auto; }
.frontbox-title {
	float: left;
	width: 100%;
	text-align: center;
	color: #db7d0e;
	font-size: 24px;
	margin-bottom: 8px;
}
.frontbox-text {
	float: left;
	width: 100%;
	text-align: center;
}

/*************** custom ***************/
.w50 { width: 50%; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }
.clean { margin-right: 0 !important; }
.last { margin-right: 0 !important; }
.center-wrap { margin: 0 auto; position: relative; width: 1050px; }
.center { margin: 0 auto; position: relative; width: 1050px; }
.no-overflow { overflow: visible; }
span.req { color: #941c1e; }
.img-circle {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
/* Stylesheet: style Modified On 2017-08-29 12:26:48 */
/**/
/* Stylesheet: menu Modified On 2013-04-29 09:15:48 */