/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Signika);
@import url(notosansjapanese.css);

*{
	font-family: 'Pontano Sans', 'Noto Sans Japanese', sans-serif;
}

img{
	margin:0;
	padding:0;
	border:none;
	text-align: left;
	vertical-align: middle;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	font-size:12px;
	color:#666666;
	-webkit-text-size-adjust: none;
	height: 100% ;
	background:#efefef;
/*	background:#282828;*/
	background-image:url(../gif/bg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'Pontano Sans', 'Noto Sans Japanese', sans-serif;
}


a:link    {COLOR: #62b3d3; TEXT-DECORATION: none;}
a:visited {COLOR: #62b3d3; TEXT-DECORATION: none;}
a:hover   {COLOR: #a5ce62; TEXT-DECORATION: none;}
a:active  {COLOR: #a5ce62; TEXT-DECORATION: none;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

/*img {
	vertical-align: middle;
}*/

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   webフォント
   ========================================================================== */
   






/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.container {
	height: auto;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*background:#efefef;*/
/*	border-top:#cccccc solid 1px;*/
}


/* ==========================================================================
   Back to Top
   ========================================================================== */

.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 100;
display: none;
text-decoration: none;
color: #333;
background-color:none;
}

.back-to-top i {
  font-size: 30px;
  color: #666;
}