@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}ul{list-style:none}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-family: 'arial','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック'sans-serif,; 
	vertical-align: top;
	font-size: 14px;
	color: #333333;
	topmargin: 0;
	background-image: url("../../img/bg05.gif");
}
/* 表示・非表示 */
.ymenu {
}
.nmenu {
	display: none;
}

.tbl {
  border-collapse: collapse;
  width: 90%;
  margin:0 auto;
  border: 1px solid #2F4F4F;
}
 
.tbl th,
.tbl td {
  border: 1px solid #2F4F4F;  
  padding: 8px;
}

.tbl td {
  background: #fff;
  color:#003399;
} 
.tbl th {
  background: #FFFFE0;
  text-align: left;
  font-weight:bold;
  width: 30%;
  color:#8B0000;
  line-height:1em;
}
input.sss {
  width:98%;
  font-size:1.2em;
  border-radius: 4px;
  border: solid 1px #4682B4;
}
input.sss2 {
  width:70%;
  font-size:1.2em;
  border-radius: 4px;
  border: solid 1px #4682B4;
}
input.sss3 {
  width:30%;
  font-size:1.2em;
  border-radius: 4px;
  border: solid 1px #4682B4;
}

.example2{
    padding: 4px;
    height: 10em;
    font-size:1.2em;
    border-radius: 4px;
    border: solid 1px #4682B4;
    width:98%;
    white-space: nowrap;
}

input.ssss {
  width:98%;
  font-size:1.2em;
    height: 10em;
  height:6em;
  border-radius: 4px;
  border: solid 1px #4682B4;
  white-space: nowrap;
}


input::placeholder {
	color:#B8860B;
}
/* リンク表示 */
a {
	color:#FFD700;
	text-decoration: none;
}
a:hover {
	color:red;
}


.box11 {
    margin: 0 auto;
    width: 60%;
    font-weight: bold;
    color: #800000;
    text-align: center;
    font-size: 1.5em;
    border: solid 2px #0066CC;
    background: #E8FFFF;
    line-height: 1.1em;
    padding: 0.5em 0;
}


.box12 {
    margin: 0 auto;
    width: 60%;
    font-weight: bold;
    color: #003399;
    text-align: center;
    font-size: 1.5em;
}


.box2 {
    margin: 1em auto;
    background: #fff;
    width: 60%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    border: solid 1px #62c1ce;
    padding: 1.5em;
}

#stitle{
	margin-left: 15%;
	width: 355px;
	height: 75px;
	background: url(../../img/logo.png);
	background-size: cover;
}










.head {
	width: 60%;
	margin: 0 auto;
}
.head img {
	width: 100%;
}
.bottom {
	background: #005EAD;
	color: #ffffff;
	text-align: center;
	font-size: 0.8em;
	padding: 0.5em 0;
}
/* メインフレーム */
.main_f {
	width: 80%;
	margin: 0 auto;
	border: solid 2px #A9A9A9;
	background: #F5F5F5;
        border-radius: 10px;/*角の丸み*/
}

.bott {
	font-size: 1.2em;
	color: #cc0000;
}

.koji {
	margin:0.5em auto 0 auto;
	width: 60%;
	font-size:0.8em;
	color:#000;
}

@media screen and (max-width:760px) {
body {
	font-size:12px;
}
.head {
	width: 80%;
}
.ymenu {
	display: none;
}
.nmenu {
	display: block;
}

.box11 {
    width: 86%;
    font-size: 1em;
}
.box2 {
    width: 86%;
}

#stitle{
	margin-left: 5%;
	width: 177px;
	height: 37px;
}



.main_f {
	width: 100%;
}

.tbl {
	width: 96%;
	font-size:12px;
}
.tbl tr,
.tbl th,
.tbl td {
	display: block;
	width: auto;
}
  
.tbl tr:first-child {
	border-top: 1px solid #dbe1e8;  
}
.tbl th,
.tbl td {
	border-top: none;
}
.tbl th {
	border-bottom: none;
	background-image: linear-gradient(#FFFFE0, #ffffff);
}
.tbl td {
	padding-top:0;
}
.koji {
	width:80%;
	}
}