@charset "Shift_JIS";

*{margin:0;padding:0}
div,h1,h2,h3,p,ul,li,input,textarea,table,tr,th,td,footer,header{box-sizing:border-box}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
a{text-decoration:none}
a img{border-style:none}
ul,li{list-style-type:none}

html{
font-size:62.5%
}
body{
background:#fff;/* 背景 */
color:#000;/* 文字色 */
font-size:1.2em;/* 文字の大きさ */
font-family:Verdana,Roboto,'游明朝','Yu Mincho','YuMincho','游ゴシック','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;
}
a{
color:000
}
a:hover{
border-bottom:dotted 	#9933cc 1px;
}
/*--------------------------------------------------------
基本
--------------------------------------------------------*/
#wrapper{
background:#fff;
margin:20px auto 80px;
width:750px /* 全体の幅・大きさはここで変更 */
}
#wrappera{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 0 3px #ccc;
border-radius:5px;
margin:20px auto 80px;
font-family:'メイリオ';
width:750px /* 全体の幅・大きさはここで変更 */
}

/* --------------- メニュー --------------- */


#title{
	background-color:#ffffcc;
	text-align:left;
        font-size:110%;
	margin:0 0 40px 0;
	padding:20px 10px 10px 20px;
	border-bottom:1px solid #ccc;
}


/* --------------- 見出し --------------- */
h1{
font-size:30pt;
color:#000000;
font-family:'游明朝';
line-height:19pt;
}

/* --------------- 本文 --------------- */
.txt{
background-color:#ffffff;
text-align:left;
font-size:12px;
line-height:150%;
padding:10px;
	}

/* --------------- テーブル --------------- */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.boxbox{
  float: left;margin:0 10px;
  text-align:left;
  line-height:1.8;
}

/* --------------- フッター --------------- */

#foot{
	background-color:#ffffcc;
        text-align:right;
	padding:5px 0;
	border-top:1px solid #ccc;
}
#footer-inner{
padding:1em 0
}


/*--------------------------------------------------------
スマホ、タブレット用
横幅600pxで切り替え
--------------------------------------------------------*/
@media screen and (max-width: 600px){
body{
margin:0px;
font-size:1.4em
}
#wrapper{
width:100%
}
#wrappera{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 0 3px #ccc;
border-radius:5px;
margin:10px auto 80px;
width:100% /* 全体の幅・大きさはここで変更 */
}
.boxbox{
    float: none;
　　margin:20px;
  }

img{max-width:100%;height:auto} /* 画像の縮小表示 */
}
}