/* RESET */
.clearfix:after{content:"."; visibility:hidden; display:block; height:0; clear:both;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}
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,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {line-height:1;}
ol {list-style:decimal;}
ul {list-style:disc;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
table {border-collapse:collapse;border-spacing:0;}
td,th {vertical-align:top;}
img {display:block;}

/* COMMON */
* {
    box-sizing:border-box;
}
html, body {
    height:100%;
    font:14px/1.5 Arial,sans-serif;
}
body:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    background:url(bgbck.jpg) no-repeat right top;
    background-size:cover;
}
a {
    color:inherit;
}
.site_header {
    left:0;
    position:fixed;
    right:0;
    top:0;
}
.site_header aside {
}
.site_header img {
    display:inline-block;

}
.site_header aside img {

}
/*  */
.site_main {
    bottom:40px;
    color:#0D0D0D;
    left:0;
    overflow-x:hidden;
    overflow-y:auto;
    position:fixed;
    right:0;
    top:0px;
}
.site_main .column {
    display:inline-block;
    vertical-align:top;
    margin:150px;
	text-align:left;
}
.site_main .column2 {
    display:inline-block;
    vertical-align:top;
    margin:20px;
	    float:right;
    width:312px;
	
}
.site_main .column article {
    max-width:312px;
    margin:0 auto;
    text-align:left;
    background:#FAFAFA;
    border-radius:10px;
    border:10px solid #FAFAFA;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
.site_main .column2 article {
    max-width:312px;
    margin:0 auto;
    text-align:left;
    background:#FAFAFA;
    border-radius:10px;
    border:10px solid #FAFAFA;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
.site_main .column article+article {
    margin-top:20px;
}
.site_main iframe {
    max-width:312px;
    display:block;
    margin:0 auto;
}
.site_main h1 {
    font-size:120%;
    font-weight:bold;
    margin-bottom:10px;
}
.site_main .form fieldset {
    background:#FAFAFA;
    border:1px solid #0D0D0D;
    border-radius:5px;
    margin-bottom:10px;
    padding:2px 5px 0;
    display:table;
    width:100%;
    table-layout:fixed;
}
.site_main .form label {
    display:block;
}
.site_main .form input[type="radio"]+label {
    display:inline;
}
.site_main .form input[type="text"], .site_main .form select, .site_main .form textarea, .site_main .form button {
    background:transparent;
    border:0;
    display:block;
    font:inherit;
    margin-bottom:5px;
    width:100%;
}
.site_main .form textarea {
    resize:none;
}
.site_main .form button {
    background:rgba(0, 0, 0, 0.8);
    border-radius:5px;
    color:#FAFAFA;
    cursor:pointer;
    padding:10px;
    white-space:nowrap;
}
.site_main .form button:hover, .site_main .form button:focus, .site_main .form button:active {
    background:#0D0D0D;
}
/*  */
.site_footer {
    background:#0D0D0D;
    color:#FAFAFA;
    bottom:0;
    font-size:90%;
    height:40px;
    left:0;
    line-height:40px;
    position:fixed;
    right:0;
    text-align:center;
		opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
@media (max-width:1024px) {
	
  /* clmn 2 bottom x3 */

    }
@media (max-width:768px) {
    .site_main {
        top:5px;
    }
    .site_main .column {
        display:block;
        margin:25px auto;
		float:center;

    }
	  .site_main .column2 {
        display:block;
        margin:25px auto;
		float:center;
		width:100%;


    }
}
}
@media (max-width:400px) {
    .site_header img {
        height:60px;
    }
    .site_header aside img {
        height:52px;
    }
}