@charset "UTF-8";


/* ヘッダー マージン上・左右・下 */
header {
  width: 100%;
  margin: 60px 10px 20px;
  text-align: center;
  position:fixed;
}


/* メイン */
.content{
    line-height: 1.6;
    margin: 0 auto;
	padding-top: 260px;
    width: 800px;
}
.content p{
    margin-bottom: 40px;
}


/* フッター マージン上・左右・下 */
footer {
  width: 100%;
  padding: 6px ;
  text-align: center;
  background-color: #B8DCB8;
}


/* 背景固定・テキストカラー */
body{
color: #000000;
background-color:#ffffff;
background-image: url(image/cloud.jpg);
background-repeat: no-repeat;
background-position: top;
background-repeat: repeat-x;
}
  

/* フォント */
html {font-size: 62.5%;} /* font-sizeは16pxの62.5%の10px */

body {
font-family: "Meiryo","Yu Gothic",sans-serif;
font-size: 1.6rem; 
}  /*font-size : 16px と同等*/


/* 文字指定 */
.sblack {font-size: smaller; color: #000033; }
.spink {font-size: smaller; color: #B05E5E; }
.bold {font-size: medium; font-weight: bold; }
.boldlarge {font-size: large; font-weight: bold; }
.pink {color: #B05E5E}
.lines{text-decoration: underline; font-size: smaller; color: #000033;}


/* リンク */
a:hover {
  color: #6e5064;
  background: #b0f9fb;
  position: relative;
  top: 1px;
  left: 1px;
}
a:link { color: #003366; }
a:visited { color:#003366; }
a:active { color: #99ff00; }
a{text-decoration:none;}/* リンクの線無し */