@charset "UTF-8";

-webkit-appearance: none;
-webkit-text-size-adjust: 100%;

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* body */
body {
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #E6E6FA;
	background-attachment: fixed;
	/*background-size: cover;*/
}

/* Table */
.tbl td {
	vertical-align: top;
}

/* リンク表示 */
a {
	color:blue;
	text-decoration: none;
}
a:hover {
	color:red;
}

.mainf {
	width :60%;
	margin: 0 auto;
}
.mainf2 {
	width :100%;
	background: #FFF;
	border: solid 1px #0033CC;
}
.mainf3 {
	width :80%;
	padding: 1em;
    	color: #333;
    	background: #FFF;
    	border: solid 3px #0033CC;
    	border-radius: 10px;
	margin: 0 auto;
}
.mainf4 {
	width :60%;
	padding: 1em;
    	color: #333;
    	background: #FFF;
    	border: solid 2px #0033CC;
    	border-radius: 10px;
	margin: 0 auto;
	line-height:1.2em;
}
/* 表示・非表示 */
#dis_p {
	}
#dis_s {
	display: none;
	}

.boxg {
    margin: 2em auto;
    background: #fff;
    width:65%;
    border: solid 1px #000080;
}
.boxg .box-title {
    font-size: 1.2em;
    background: #000080;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxg p {
    padding: 1em;
    margin: 0;
}



.tbl-r02 {
  width:90%;
  margin: 0 auto;
  border: solid 1px #ccc;
}
.tbl-r02 th {
  background: #E0FFFF;
  border: solid 1px #ccc;
  color: #333;
  padding-left: 12px;
  width: 35%;
  text-align: left;
  font-size: 16px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 65%;
  font-size: 16px;
  color:#336699;
  padding:1em;
  background-color: #FFFFE0;
}

.fsize {
	color: #cc0000; 
	font-size:1.2em;
}
.fsize:hover {
    background-color: #7FFFD4;
}

input.sss {
  width:98%;
  font-size:1.2em;
  background-color: #FFF;
  border: 1px solid #4682B4;  /* 枠線 */
  border-radius: 0.3em;   /* 角丸 */
}
input.ssss {
  font-size:1.2em;
  background-color: #FFF;
  border: 1px solid #4682B4;  /* 枠線 */
  border-radius: 0.3em;   /* 角丸 */
}
input.sssss {
  width:30%;
  font-size:1.2em;
  background-color: #FFF;
  border: 1px solid #4682B4;  /* 枠線 */
  border-radius: 0.3em;   /* 角丸 */
}
select.sss {
  width:60%;
  font-size:1.2em;
  background-color: #FFF;
  border: 1px solid #4682B4;  /* 枠線 */
  border-radius: 0.3em;   /* 角丸 */
}
::marker{
    color: #cc0000;
}





@media screen and (max-width: 760px){
body {
	font-size:12px;
}
.mainf {
	width :99%;
}
#dis_s {
	display: block;
}
#dis_p {
	display: none;
}
.tbl-r02 th,
.tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 94%;
    font-size: 12px;
}
}