@charset "shift_jis";
/* ブラウザスタイルの初期化 */
*{
	margin: 0;
	padding: 0;        
	color: #666666;
	font-size: 13px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	}

/* リンク設定 */
a{
	text-decoration: none;
	color: #cc9966;
	}
a:hover{
text-decoration:underline;
}

/* 背景 */
body{
background:#fff;/* 背景 */
	background-image:url("../../img/dot006.gif");
　　　　background-attachment: fixed;
　　　　background-repeat: repeat;
padding:5px;
color:#000;/* 文字色 */
font-size:1.2em;/* 文字の大きさ */
font-family:Verdana,Roboto,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
letter-spacing:.1em;
line-height:1.5;
text-align:center;
overflow-y:scroll;
overflow-wrap:break-word;
word-wrap:break-word
}

/*--------------------------------------------------------
上(ヘッダー)
--------------------------------------------------------*/
header{
padding:20px 20px 0;
text-align:center
}
.header-inner{
border-radius:5px;
padding:20px;
text-shadow:1px 1px 1px #fff
}
header a{
color:#000
}


/*--------------------------------------------------------
 コンテンツ
--------------------------------------------------------*/
#wrapper{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 0 3px #ccc;
border-radius:5px;
margin:20px auto 80px;
width:750px /* 全体の幅・大きさはここで変更 */
}
.text{
background-color:#ffffff;
text-align:left;
font-size:12px;
line-height:150%;
margin:20px;
padding:5px;
border-style:dashed;
border-width:1px
	}
.txt{
background-color:#ffffff;
text-align:left;
font-size:12px;
line-height:150%;
padding:10px;

	}

/* 見出しなど */
h1{
font-size:130%;
font color:#660099;
font-weight:normal;
margin-top:0px;
}

h2{
font-size:150%;
font-weight:normal;
margin-bottom:0px
	}
h3{
	color: #0000000;
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0;
	}

.marker{
font-size:130%;
font color:#000;
margin-top:0px;
background:#20b2aa; /* Ie9 */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.49, #fff), color-stop(0.5, #ffcc66), color-stop(1, #ffcc66));
background:-webkit-linear-gradient(transparent 70%, #ffcc66 0%);
background:linear-gradient(transparent 70%, #ffcc66 0%)
}

/*--------------------------------------------------------
下(フッター)
--------------------------------------------------------*/
footer{
border-top:1px solid #666;
margin:0 20px;
padding:5px 0;
text-align:right
}
.footer-inner{
padding:1em 0
}

/*--------------------------------------------------------
スマホ、タブレット用
横幅600pxで切り替え
--------------------------------------------------------*/
@media screen and (max-width: 600px){
body{
margin:0px;
font-size:1.4em
}
header{
position:relative /* メニュー表示位置の基準 */
}
.header-inner{
margin-top:20px /* ボタン分空ける */
}
#wrapper{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 0 3px #ccc;
border-radius:5px;
margin:10px auto 80px;
width:100% /* 全体の幅・大きさはここで変更 */
}
dt{float:none;clear:none;width:auto}
dd{margin-left:10px}
img{max-width:100%;height:auto} /* 画像の縮小表示 */